:root{font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif;color:#2c1a0c;background:#7ed3ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}button{font:inherit}#app{position:relative;min-width:320px;min-height:520px}#gameCanvas{position:fixed;inset:0;width:100vw;height:100svh;display:block;touch-action:none}.hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:none}.meter{min-height:58px;padding:8px 10px;border:2px solid rgba(63,38,10,.2);border-radius:8px;background:#fff8e0e6;box-shadow:0 8px 22px #46220629;display:grid;align-content:center;justify-items:center}.meter span{font-size:.72rem;font-weight:800;color:#74400b}.meter strong{font-size:1.48rem;line-height:1;color:#c72f10;font-variant-numeric:tabular-nums}.meter-time strong{color:#0b6488}.screen{opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.screen-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.panel{position:fixed;z-index:5;left:50%;top:52%;width:min(92vw,520px);max-height:min(76svh,610px);transform-origin:center;translate:-50% -50%;padding:clamp(20px,5vw,34px);border:2px solid rgba(74,43,8,.16);border-radius:8px;background:#fff9e6f0;box-shadow:0 22px 50px #42210647;backdrop-filter:blur(10px)}.eyebrow{margin:0 0 8px;color:#087b86;font-size:.8rem;font-weight:900}h1,h2{margin:0;color:#a9230d;line-height:.95;letter-spacing:0}h1{font-size:clamp(2.4rem,12vw,5.2rem)}h2{font-size:clamp(2.2rem,10vw,4.4rem)}.lead{margin:16px 0 20px;color:#44260d;font-size:clamp(.95rem,2.8vw,1.08rem);font-weight:700;line-height:1.65}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card,.primary-button{min-height:82px;border:0;border-radius:8px;color:#fffaf0;background:linear-gradient(135deg,#cc3a16,#f08320);box-shadow:0 10px #8d240c,0 16px 24px #5d26042e;cursor:pointer}.mode-card:active,.primary-button:active{transform:translateY(5px);box-shadow:0 5px #8d240c,0 10px 18px #5d26042e}.mode-card span{display:block;font-size:1.36rem;font-weight:950}.mode-card small{display:block;margin-top:6px;font-size:.78rem;font-weight:800}.mode-card-hot{background:linear-gradient(135deg,#0b8793,#78b944);box-shadow:0 10px #07545b,0 16px 24px #0b545b2e}.mode-card-hot:active{box-shadow:0 5px #07545b,0 10px 18px #0b545b2e}.primary-button{width:100%;min-height:60px;margin-top:10px;font-size:1.18rem;font-weight:950}.tip{position:fixed;z-index:6;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:54px;padding:12px 14px;border:2px solid rgba(78,44,10,.16);border-radius:8px;background:#fffaebf0;color:#45260c;box-shadow:0 12px 26px #3e230833;font-size:.88rem;font-weight:850;line-height:1.45;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.tip-visible{opacity:1;transform:translateY(0)}.result-score{margin:10px 0 0;font-size:clamp(4rem,18vw,7rem);line-height:.95;font-weight:950;color:#0d7890;font-variant-numeric:tabular-nums}@media(max-width:420px){.hud{gap:6px}.meter{min-height:52px;padding:7px 6px}.meter strong{font-size:1.24rem}.panel{top:50%;padding:20px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:68px}}@media(orientation:landscape)and (max-height:520px){.panel{top:55%;max-height:82svh;padding:16px}h1{font-size:clamp(2.1rem,7vw,3.6rem)}.lead{margin:10px 0 12px;line-height:1.45}.mode-card{min-height:62px}}