:root{--clr-bg-dark:#0a0f1e;--clr-bg-darker:#0d1117;--clr-primary:#ff6a13;--clr-accent:#ecff41;--clr-text:#fff;--clr-text-muted:#ffffffa6;--clr-text-dim:#fff6;--clr-border:#08080a;--clr-overlay:#08080ad1;--font-main:"PFDinTextCompPro", system-ui, -apple-system;--radius-md:12px;--radius-lg:14px;--radius-pill:150px;--shadow-hero:0 8px 16px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background:#000;overflow:hidden}#game-wrapper{transform-origin:50%;will-change:transform;contain:layout style paint;width:360px;height:640px;position:absolute;top:50%;left:50%;overflow:hidden}#game-canvas{touch-action:none;width:360px;height:640px;display:block}#ui-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen{opacity:0;pointer-events:none;contain:layout style;flex-direction:column;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.active{opacity:1;pointer-events:all}.btn{border-radius:var(--radius-lg);letter-spacing:.3px;cursor:pointer;text-transform:uppercase;-webkit-tap-highlight-color:transparent;border:none;width:100%;height:auto;font-family:inherit;font-size:17px;font-weight:700;transition:transform .1s,filter .1s}.btn:active{filter:brightness(.9);transform:scale(.96)}.btn-primary{background:var(--clr-primary);color:var(--clr-text);border:2px solid var(--clr-border);border-radius:var(--radius-pill) var(--radius-pill) 0 0;border-bottom:0;padding:20px 0;font-size:25px;font-style:italic}.btn-secondary{background:var(--clr-accent);color:#1a1a1a;border:2px solid var(--clr-border);border-radius:var(--radius-pill);padding:10px 0;font-size:25px;font-style:italic}.btn-back{color:var(--clr-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 8px;font-size:32px;line-height:1}.screen-header{flex-shrink:0;align-items:center;gap:8px;width:100%;padding:20px 20px 12px;display:flex}.screen-header h2{color:var(--clr-text);font-size:22px;font-weight:800}#screen-preload{background:var(--clr-bg-dark) url(/assets/preload/background.webp) center/cover no-repeat;justify-content:center}.preload-inner{flex-direction:column;align-items:center;gap:20px;width:260px;display:flex}.preload-logo{width:80%;max-width:220px}.progress-bar{background:#08080a;border:2px solid #25252f;border-radius:2px;width:100%;height:8px;overflow:hidden}#progress-fill{background:linear-gradient(#ff6a13 50%,#d23f00 50%);border-radius:2px;width:0%;height:100%;transition:width .2s}#progress-text{color:var(--clr-text-dim);font-size:13px;font-weight:600}#screen-menu{background:url(/assets/menu/background.webp) 50%/cover no-repeat;justify-content:flex-start}.menu-logo-header{width:35%;margin-top:28px}.menu-logo{width:50%;margin-top:10px}.menu-hero{object-fit:contain;width:110px;height:110px;filter:drop-shadow(var(--shadow-hero));margin-top:16px;animation:1.2s ease-in-out infinite alternate hero-bob}@keyframes hero-bob{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-12px)rotate(4deg)}}.menu-buttons{flex-direction:column;gap:30px;padding:0 24px;display:flex;position:absolute;bottom:0;left:0;right:0}#screen-hud{background:0 0;justify-content:flex-start;align-items:center;padding-top:22px;pointer-events:none!important}#hud-score{font-family:var(--font-main);color:var(--clr-primary);-webkit-text-stroke:3px var(--clr-border);paint-order:stroke fill;text-shadow:-3px 0 var(--clr-border), 0 3px var(--clr-border), 3px 0 var(--clr-border), 0 -3px var(--clr-border);font-size:72px;font-weight:400;line-height:1}#screen-gameover{background:var(--clr-overlay);justify-content:space-between;padding:25px 24px 0}.go-top{text-align:center}.go-title{font-family:var(--font-main);color:var(--clr-text);text-transform:uppercase;letter-spacing:2px;font-size:46px;font-weight:400;line-height:1.1}.go-center{flex-direction:column;align-items:center;gap:4px;display:flex}.go-score-num{font-family:var(--font-main);color:var(--clr-text);-webkit-text-stroke:2px var(--clr-border);paint-order:stroke fill;text-shadow:-2px 0 var(--clr-border), 0 2px var(--clr-border), 2px 0 var(--clr-border), 0 -2px var(--clr-border);font-size:110px;font-weight:400;line-height:1}.go-score-label{font-family:var(--font-main);color:var(--clr-text-muted);letter-spacing:5px;text-transform:uppercase;font-size:30px;font-weight:400}.go-badge{background:var(--clr-accent);color:#1a1a1a;letter-spacing:.8px;text-transform:uppercase;border-radius:99px;margin-top:10px;padding:5px 16px;font-size:13px;font-weight:700}.go-bottom{flex-direction:column;gap:12px;width:100%;display:flex}#screen-leaderboard{background:var(--clr-bg-darker)}.lb-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:6px;width:100%;padding:0 16px;display:flex;overflow-y:auto}.lb-row{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff0f;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.lb-row.lb-me{background:#ecff411f;border-color:#ecff4159}.lb-rank{text-align:center;font-size:18px}.lb-name{color:var(--clr-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.lb-score{color:var(--clr-accent);font-size:16px;font-weight:800}.lb-loading{text-align:center;color:var(--clr-text-dim);padding:32px;font-size:14px}.lb-my-rank{border-top:1px solid #ffffff14;flex-shrink:0;width:100%;padding:10px 16px 24px}.lb-list::-webkit-scrollbar{width:4px}.lb-list::-webkit-scrollbar-track{background:0 0}.lb-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@media (prefers-reduced-motion:reduce){.screen,.btn,#progress-fill{transition:none}.menu-hero{animation:none;transform:none}}