:root{
  color-scheme:dark;
  --black:#070608;
  --panel:#0d0b0d;
  --ink:#020203;
  --cream:#f0dfc3;
  --muted:#a99983;
  --red:#be382f;
  --gold:#d7ae72;
  --line:rgba(240,223,195,.18);
}
*{box-sizing:border-box}
html,body{margin:0;background:#050507;color:var(--cream);font-family:Georgia,"Times New Roman",serif}
body{min-height:100%;background:radial-gradient(circle at 50% 20%,#24140f 0,#080609 55%,#020203 100%);overscroll-behavior:none}
button,input{font:inherit}
.app{width:min(1600px,100%);margin:auto;padding:0 0 max(14px,env(safe-area-inset-bottom))}
.hud{height:84px;display:grid;grid-template-columns:minmax(200px,1.7fr) repeat(4,minmax(95px,.7fr)) 56px;align-items:center;background:linear-gradient(180deg,#0b0a0d 0,#0a090b 85%,rgba(10,9,11,.92));border-bottom:1px solid var(--line);position:relative;z-index:6}
.brand{display:flex;align-items:center;gap:12px;padding-left:18px;min-width:0}
.brand-kanji{font-size:43px;color:#d64a3d;line-height:1}
.brand b{display:block;letter-spacing:.07em;font-size:18px}.brand small{display:block;color:#887a6a;font:10px/1.2 system-ui,sans-serif;letter-spacing:.14em;margin-top:3px}
.stat{height:52px;border-left:1px solid var(--line);padding:4px 18px}.stat small{display:block;color:#bcab93;font-size:11px;letter-spacing:.12em}.stat strong{font-size:29px;font-weight:500;color:#f2dfbd}.lives-stat strong{color:#c53d36;font-size:22px;letter-spacing:.16em}
.hud-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#111014;color:#f1dfc3;cursor:pointer}
.stage{position:relative;overflow:hidden;background:#1a1111;min-height:520px;box-shadow:0 14px 70px #000}
#game{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:manipulation;background:#171015}
.leaderboard{position:absolute;z-index:4;right:2.2%;top:2.8%;width:min(270px,22%);background:rgba(8,7,9,.75);border:1px solid rgba(239,214,177,.25);backdrop-filter:blur(5px);padding:12px 14px}
.leader-title{font-weight:bold;color:#e8c58e;letter-spacing:.08em;margin-bottom:7px}.leader-row{display:grid;grid-template-columns:24px 1fr auto;gap:7px;padding:5px 2px;border-top:1px solid rgba(255,255,255,.09);font-size:14px}.leader-row:first-child{border-top:0}.leader-loading{font-size:13px;color:#9f907d}.leader-row b{font-weight:500;overflow:hidden;text-overflow:ellipsis}.leader-row em{font-style:normal;color:#e9c485}
.touch-zone{position:absolute;bottom:5%;z-index:4;width:118px;height:118px;border-radius:50%;border:2px solid rgba(240,223,195,.28);background:rgba(8,7,9,.48);color:#eee0cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;backdrop-filter:blur(3px);touch-action:manipulation}.touch-zone span{font-family:system-ui,sans-serif;font-size:52px;line-height:.8}.touch-zone small{font-size:11px}.touch-zone.left{left:2.8%}.touch-zone.right{right:2.8%}.touch-zone:active{transform:scale(.97);background:rgba(90,38,30,.36)}
.toast{position:absolute;z-index:5;left:50%;top:19%;transform:translateX(-50%) rotate(-2deg);font:italic 700 clamp(22px,4vw,52px)/1.1 system-ui,sans-serif;color:#fff0d2;text-shadow:0 3px 15px #000,2px 2px 0 #7e241f;opacity:0;transition:opacity .12s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1}
.overlay{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(5,4,6,.24),rgba(5,4,6,.65));backdrop-filter:blur(2px);padding:16px}.overlay.hidden{display:none}.overlay-card{width:min(570px,94%);text-align:center;background:rgba(8,7,9,.86);border:1px solid rgba(237,209,170,.22);padding:22px;border-radius:4px;box-shadow:0 22px 80px #000}.oni-mark{font-size:44px;color:#c43d34}.overlay h1{font-size:clamp(29px,5vw,50px);letter-spacing:.06em;margin:4px 0 9px}.overlay p{color:#cabaa2;line-height:1.45}.start-btn,#submitScoreBtn{border:1px solid #b75a46;background:linear-gradient(#c44638,#8c281f);color:#fff0dd;font-weight:bold;letter-spacing:.08em;padding:13px 22px;cursor:pointer}.score-submit{margin:16px auto 0;max-width:420px}.score-submit.hidden{display:none}.score-submit label{display:block;font-size:11px;color:#b9a68e;letter-spacing:.12em;margin-bottom:6px}.submit-row{display:flex;gap:7px}.submit-row input{min-width:0;flex:1;background:#0b0a0d;border:1px solid rgba(240,223,195,.24);color:#fff;padding:12px;font-size:16px}.hint{font:12px/1.45 system-ui,sans-serif!important}
.moves{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#1a1617;border-top:1px solid #211b1c;border-bottom:1px solid #211b1c}.move{min-height:92px;background:#09080a;padding:18px 14px;text-align:center}.move b{display:block;color:#ead6b7;font-size:14px}.move span{display:block;margin-top:10px;color:#a79479;font:12px system-ui,sans-serif}
.top-five-strip{padding:20px 18px 24px;background:linear-gradient(#080709,#050506)}.top-five-strip h2{font-size:18px;color:#d4b17d;letter-spacing:.08em;margin:0 0 12px}.top-five-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.top-card{border:1px solid rgba(219,179,123,.2);padding:12px;background:#0b0a0c;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.top-card .rank{font-size:23px;color:#b74236}.top-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-card span{font-size:13px;color:#c4a675}
.footer{text-align:center;padding:18px;color:#756959;letter-spacing:.12em;font-size:12px}
@media(max-width:900px){
  .hud{height:68px;grid-template-columns:1.2fr repeat(4,.65fr) 46px}.brand small{display:none}.brand b{font-size:13px}.brand-kanji{font-size:31px}.stat{height:44px;padding:4px 8px}.stat small{font-size:8px}.stat strong{font-size:21px}.lives-stat strong{font-size:16px}.leaderboard{display:none}.moves{grid-template-columns:repeat(5,minmax(135px,1fr));overflow-x:auto}.top-five-row{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}.touch-zone{width:94px;height:94px}.touch-zone span{font-size:42px}
}
@media(max-width:580px){
  .hud{grid-template-columns:1fr repeat(4,.7fr);height:62px}.brand{display:none}.hud-btn{position:absolute;right:6px;top:72px;z-index:10;width:38px;height:38px}.stat:first-of-type{border-left:0}.stage{min-height:0}#game{aspect-ratio:4/3}.touch-zone{bottom:3%;width:80px;height:80px}.touch-zone.left{left:3%}.touch-zone.right{right:3%}.touch-zone span{font-size:36px}.touch-zone small{font-size:9px}.toast{top:14%;font-size:25px}.moves{display:none}.top-five-strip{padding:16px 10px}.top-five-strip h2{font-size:15px}.top-five-row{gap:7px}.top-card{padding:9px}.overlay-card{padding:18px 14px}.submit-row{flex-direction:column}
}
@media(orientation:landscape) and (max-height:600px){
  .hud{position:absolute;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.85),transparent);border:0}.stage{height:100dvh}.stage #game{height:100%;width:100%;aspect-ratio:auto}.moves,.top-five-strip,.footer{display:none}.touch-zone{bottom:5%;width:92px;height:92px}.leaderboard{top:13%}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}