:root{color-scheme:dark;--bg:#090a0d;--panel:#151820;--gold:#d6b269;--gold2:#f4dca4;--ink:#fff7e2;--blue:#263d60;--red:#55202d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 20%,#25202b 0,#090a0d 58%);color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;min-height:100vh}.screen{display:none;min-height:100vh}.screen.active{display:flex}.title-card,.dialog{width:min(720px,92vw);margin:auto;padding:44px;border:1px solid #8e713e;background:linear-gradient(145deg,#191b22ed,#0c0d12f2);box-shadow:0 24px 90px #000;border-radius:22px;text-align:center}.mask{font-size:44px;color:var(--gold)}h1{font-size:46px;line-height:1.15;margin:8px}h1 span{font-size:70px;color:var(--gold2);letter-spacing:.08em}.subtitle{color:var(--gold);font-size:25px}.hint{color:#b9ae98}nav{display:grid;gap:14px;width:min(390px,100%);margin:34px auto 0}button{border:1px solid #a88a50;background:linear-gradient(#292b34,#121319);color:var(--ink);padding:14px 20px;border-radius:8px;font:700 18px inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold2);transform:translateY(-1px);box-shadow:0 4px 20px #d6b26930}button:disabled{opacity:.4;cursor:not-allowed}#game{display:none;flex-direction:column}#game.active{display:flex}header{height:58px;padding:15px 28px;border-bottom:1px solid #6d5834;background:#111319;display:flex;justify-content:space-between;color:var(--gold2)}.game-layout{display:grid;grid-template-columns:minmax(180px,1fr) 630px minmax(220px,1fr);gap:18px;align-items:start;justify-content:center;padding:18px}.board-wrap{border:12px solid #302a23;box-shadow:0 8px 40px #000}canvas{display:block;width:630px;height:810px;background:#5d554b}.side-panel{min-height:300px;padding:20px;border:1px solid #66563b;border-radius:12px;background:#151820}.side-panel.enemy{border-color:#77404d}.side-panel.player{border-color:#3c5f88}.side-panel button{width:100%;margin-top:18px}.hand{min-height:130px;display:flex;gap:10px;justify-content:center;align-items:center;padding:12px 20px 22px}.card{width:96px;height:118px;padding:8px 5px;background:#eee4cb;color:#17130e;border:4px solid #aa8c54;border-radius:8px;text-align:center;cursor:pointer}.card.selected{outline:4px solid #70b5ff;transform:translateY(-8px)}.card strong{display:block;font-size:21px}.card small{display:block;margin-top:12px}.dialog-screen{padding:30px}.dialog h2{color:var(--gold2);font-size:38px}@media(max-width:1050px){.game-layout{grid-template-columns:1fr 630px}.side-panel.enemy{display:none}.side-panel.player{grid-column:1/-1;grid-row:2;min-height:0}.board-wrap{grid-column:2}.hand{flex-wrap:wrap}}@media(max-width:760px){h1 span{font-size:45px}.game-layout{display:flex;flex-direction:column;align-items:center}.board-wrap{width:96vw;overflow:auto}canvas{width:630px}.side-panel.player{width:96vw}}