:root{color:#f4f7fb;background:#0e1726;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}#app{position:fixed;inset:0;overflow:hidden}.game-root{position:fixed;inset:0;background:radial-gradient(circle at top,#1d3557 0,#0e1726 48rem)}.game-canvas{display:block;width:100%;height:100%}.ui-layer{position:fixed;inset:0;pointer-events:none}.hud{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.hud-stats,.shop-wrap{display:contents}.hud-card,.panel{border:1px solid rgb(255 255 255 / 16%);border-radius:1rem;background:#070e1ac2;box-shadow:0 1rem 3rem #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-card{display:flex;gap:.75rem;padding:.7rem .9rem}.ui-icon{width:1.15rem;height:1.15rem;object-fit:contain}.gold-icon{filter:brightness(0) saturate(100%) invert(84%) sepia(73%) saturate(721%) hue-rotate(342deg) brightness(102%) contrast(101%) drop-shadow(0 0 .35rem rgb(255 209 102 / 34%))}.gold-card,.wall-pass-card{align-items:center}.hud-card span{color:#9fb3c8}.boost-card{min-width:12rem;align-items:center}.boost-progress{overflow:hidden;flex:1 1 5rem;height:.45rem;border-radius:999px;background:#ffffff24}.boost-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#48cae4,#8ce99a);transition:width .12s linear}.long-step-progress-fill{background:linear-gradient(90deg,#ffd166,#f77f00)}.shop-card{position:fixed;top:50%;right:1rem;align-items:stretch;width:min(12rem,calc(100vw - 2rem));pointer-events:auto;transform:translateY(-50%)}.shop-items{display:flex;flex-direction:column;gap:.5rem}.shop-item{display:grid;grid-template-columns:auto 1fr;gap:.25rem .45rem;align-items:center;width:100%;padding:.55rem .65rem;text-align:left}.shop-item>span{color:#08111f;font-size:.86rem;font-weight:700}.shop-item>strong{display:inline-flex;grid-column:2;gap:.25rem;align-items:center;font-size:.78rem}.panel-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:1rem}.panel{width:min(34rem,100%);padding:clamp(1.25rem,4vw,2rem);pointer-events:auto;transform-origin:center;animation:panel-in .22s ease-out}.panel h1,.panel h2{margin:0 0 .75rem}.panel p{margin:0 0 1rem;color:#c7d4e2;line-height:1.5}.panel form,.actions{display:flex;gap:.75rem;flex-wrap:wrap}input,select{min-width:0;border:1px solid rgb(255 255 255 / 18%);border-radius:.8rem;padding:.8rem .9rem;color:#f4f7fb;background:#ffffff14;outline:none}input{flex:1 1 14rem}select{cursor:pointer}.sound-select{display:grid;gap:.35rem;flex:0 1 12rem;color:#9fb3c8;font-size:.92rem}button{border:0;border-radius:.8rem;padding:.8rem 1rem;color:#08111f;background:#8ce99a;cursor:pointer;transition:transform .14s ease,background .14s ease}button:not(:disabled):hover{background:#b2f2bb;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}button.secondary{color:#f4f7fb;background:#ffffff1f}.leaderboard{display:grid;gap:.35rem;margin:1rem 0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:2rem 1fr auto auto;gap:.5rem;padding:.45rem 0;border-bottom:1px solid rgb(255 255 255 / 10%)}.leaderboard-gold{display:inline-flex;gap:.25rem;align-items:center}.hint{margin-top:1rem;color:#9fb3c8;font-size:.92rem}.hidden{display:none}@keyframes panel-in{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.hud{gap:.5rem;font-size:.88rem}.hud-card{padding:.55rem .65rem}.boost-card{min-width:100%}.shop-card{align-items:stretch;top:auto;right:.5rem;bottom:.5rem;width:min(10.5rem,calc(100vw - 1rem));transform:none}.shop-item{width:100%}}