.kota-dash-page{--dash-mint:#8de7c5;--dash-gold:#ffdc83}.dash-intro{margin-bottom:1rem}.dash-cabinet{padding:clamp(.8rem,2vw,1.4rem);border:1px solid rgba(141,231,197,.22)}.dash-hud{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.15rem .2rem 1rem}.dash-hud>div{display:grid;gap:.2rem;min-width:4.6rem}.dash-label{font-size:.65rem;letter-spacing:.13em;color:#8fa2b8;font-weight:800}.dash-hud strong{font:800 1.08rem/1.15 ui-monospace,SFMono-Regular,monospace;color:#f4f5fb;font-variant-numeric:tabular-nums}.dash-hud #dash-lives{color:#ff8298;letter-spacing:.05em}.dash-hud .dash-high-score{margin-left:auto;text-align:right}.dash-board-wrap{position:relative;width:100%;overflow:hidden;border-radius:15px;background:#07111c;border:1px solid rgba(141,231,197,.16);box-shadow:inset 0 0 35px rgba(0,0,0,.45)}#dash-board{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.dash-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(5,10,17,.72);backdrop-filter:blur(4px);transition:opacity .2s ease}.dash-overlay[hidden]{display:none}.dash-overlay-card{max-width:28rem;padding:clamp(1rem,3vw,1.6rem);text-align:center;border:1px solid rgba(141,231,197,.28);border-radius:18px;background:rgba(13,23,35,.96);box-shadow:0 18px 50px rgba(0,0,0,.35)}.dash-paw{font-size:2.1rem}.dash-overlay-card h2{margin:.3rem 0 .45rem;color:#fff}.dash-overlay-card p{margin:0 0 1rem;color:#b6c4d5;line-height:1.5}.dash-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .2rem .2rem}.dash-controls-row p{margin:0;color:#aab8c9;font-size:.84rem}.dash-controls-row .button{flex:none}.dash-touch-controls{display:none;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,50px);gap:.35rem;justify-content:center;padding:.7rem 0 0}.dash-touch-controls button{border:1px solid rgba(141,231,197,.28);border-radius:12px;background:rgba(23,46,51,.8);color:#d5ffed;font-size:1.1rem;touch-action:manipulation}.dash-touch-controls button:active{background:rgba(64,132,110,.75);transform:scale(.96)}.dash-touch-controls button[data-dir=up]{grid-column:2;grid-row:1}.dash-touch-controls button[data-dir=left]{grid-column:1;grid-row:2}.dash-touch-controls button[data-dir=down]{grid-column:2;grid-row:2}.dash-touch-controls button[data-dir=right]{grid-column:3;grid-row:2}.dash-touch-controls button:focus-visible,#dash-start:focus-visible,#dash-pause:focus-visible{outline:2px solid var(--dash-mint);outline-offset:3px}.dash-howto{margin-top:1rem;padding:1.1rem 1.35rem}.dash-howto h2{margin:.1rem 0 .4rem;font-size:1.08rem}.dash-howto p{margin:0;color:#b4c1d0}.dash-zoomies #dash-board{filter:saturate(1.18)}
@media(max-width:700px){.dash-hud{display:grid;grid-template-columns:repeat(4,1fr)}.dash-hud .dash-high-score{margin-left:0;text-align:left}.dash-touch-controls{display:grid}.dash-controls-row{align-items:flex-start}.dash-controls-row p{font-size:.77rem}.dash-controls-row .button{padding:.55rem .75rem}}
@media(prefers-reduced-motion:reduce){.dash-overlay{transition:none}}