:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f8fb;background:#101825;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{min-height:44px;border:1px solid #4d687b;border-radius:.65rem;color:inherit;background:#1d2c3b;font:inherit;cursor:pointer}button:hover{background:#294357}button:focus-visible,canvas:focus-visible{outline:3px solid #63e6dd;outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}#app{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.5rem;padding:max(.5rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 0,#223548,#101825 55%)}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;min-width:0}h1{margin:0;font-size:clamp(1rem,2.4vw,1.7rem);white-space:nowrap}h1 span{color:#8dbf68}.stats{display:flex;gap:clamp(.5rem,2vw,1.5rem);white-space:nowrap;font-size:clamp(.8rem,2vw,1rem)}.stats b{color:#63e6dd}.controls{display:flex;justify-content:flex-end;gap:.4rem}.controls button{padding:.3rem .75rem}#stage{min-height:0;overflow:hidden;position:relative;border:1px solid #385166;border-radius:.8rem;background:#08101b;box-shadow:0 .8rem 2rem #0008}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#deck{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.1rem}#deck button{flex:1 0 8.5rem;display:grid;padding:.4rem .7rem;text-align:left;border-width:2px}#deck button[aria-pressed=true]{border-color:#63e6dd;background:#284653}#deck small{color:#b8c8d3}.dialog,.message{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;width:min(30rem,calc(100% - 2rem));padding:1rem;border:1px solid #5c788b;border-radius:.8rem;background:#142231f2;box-shadow:0 1rem 3rem #000b}.start-dialog{z-index:4}.start-dialog p{line-height:1.5}.start-dialog strong{color:#63e6dd}.dialog h2{margin-top:0}.dialog[hidden],.message[hidden]{display:none}.message{text-align:center;font-size:clamp(1.1rem,4vw,2rem);font-weight:800}.message p{margin:0 0 1rem}.message button{padding-inline:1.2rem}.feedback{position:absolute;z-index:3;left:50%;bottom:.8rem;translate:-50% 0;max-width:calc(100% - 2rem);padding:.55rem .85rem;border:1px solid #ff8d7a;border-radius:.55rem;background:#4b2024ee;color:#fff;font-weight:700;text-align:center;pointer-events:none}.feedback[hidden]{display:none}kbd{padding:.1rem .3rem;border:1px solid #668093;border-radius:.25rem;background:#0b1520}@media(max-width:600px){#app{gap:.3rem;padding:.3rem}.hud{grid-template-columns:1fr auto}.stats{grid-column:1 / -1;grid-row:2;justify-content:center;gap:.55rem;font-size:.72rem}.controls{grid-column:2;grid-row:1}h1 span{display:none}#deck button{min-height:48px}#deck small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}