@font-face{font-family:PFDinTextCompPro;src:url(/assets/fonts/PFDinTextCompPro-BoldItalic.ttf)format("truetype");font-style:normal;font-weight:400 900}:root{--c-bg-dark:#0a0f1e;--c-bg-darker:#0d1117;--c-primary:#ff6a13;--c-accent:#ecff41;--c-text:#fff;--c-text-muted:#ffffffa6;--c-text-dim:#fff6;--c-border:#08080a;--c-overlay:#08080ad1;--font:"PFDinTextCompPro", system-ui, -apple-system, sans-serif;--r-md:12px;--r-lg:14px;--r-pill:15px;--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);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;overflow:hidden}#game-wrapper{will-change:transform;contain:layout style paint;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;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{width:100%;font-family:var(--font);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;font-weight:700;transition:transform .1s,filter .1s}.btn:active{filter:brightness(.9);transform:scale(.96)}.btn-primary{background:var(--c-primary);color:var(--c-text);border:2px solid var(--c-border);border-bottom:5px solid var(--c-border);border-radius:var(--r-pill);padding:28px 0;font-size:48px}.btn-secondary{background:var(--c-accent);color:#1a1a1a;border:2px solid var(--c-border);border-bottom:5px solid var(--c-border);border-radius:var(--r-pill);padding:17px 0;font-size:24px}.btn-back{color:var(--c-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-preload{background:var(--c-bg-dark) url(/assets/preload/background.webp) center / cover no-repeat;justify-content:center}.preload-logo{width:80%;max-width:200px;position:absolute;top:5vh}.progress-bar{background:#08080a;border:2px solid #25252f;border-radius:2px;width:80%;height:8px;position:absolute;bottom:5vh;overflow:hidden}.progress-bar span{text-transform:uppercase;color:var(--c-text);background-color:#141419;border-radius:12px 12px 0 0;font-size:40px;font-weight:700;position:absolute}#progress-fill{background:linear-gradient(#ff6a13 50%,#d23f00 50%);border-radius:2px;width:0%;height:100%;transition:width .2s;position:absolute;left:0}#screen-menu{background:url(/assets/menu/background.webp) 50%/cover no-repeat;justify-content:flex-start}.menu-header{flex-direction:column;align-items:center;display:flex}.menu-logo-header{width:35%;margin-top:28px}.menu-logo{width:40%;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)}}.player-card{border:3px solid var(--c-border);border-radius:var(--r-md);background:#fff;flex-direction:column;align-items:center;width:100%;display:flex}.player-card[hidden]{display:none}.player-card-title{color:var(--c-text);background-color:var(--c-primary);text-transform:uppercase;border:3px solid var(--c-border);border-top:unset;border-radius:0 0 12px 12px;padding:12px 19px;font-size:24px;font-weight:700}.player-card-score{color:var(--c-primary);-webkit-text-stroke:2px var(--c-border);paint-order:stroke fill;font-size:120px;font-weight:400;line-height:1}.player-card-meta{flex-direction:column;align-items:center;gap:15px;margin-top:8px;display:flex}.player-card-name{color:#141419;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:24px;overflow:hidden}.player-card-rank-badge{color:var(--c-text);background-color:var(--c-primary);text-transform:uppercase;border:3px solid var(--c-border);border-bottom:unset;border-radius:12px 12px 0 0;padding:11px 50px;font-size:24px;font-weight:700}.menu-footer{flex-direction:column;gap:20px;width:80%;margin:0 auto;display:flex;position:absolute;bottom:28px;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-content{flex-direction:column;display:flex;position:fixed;top:5vw;left:5vw}.hud-score-content span{color:var(--c-text);background-color:var(--c-primary);text-transform:uppercase;border:3px solid var(--c-border);border-bottom:3px solid var(--c-border);text-align:center;border-radius:0 0 12px 12px;padding:7px 0;font-size:24px;font-weight:600}.hud-score{text-align:center;width:100px;height:56px;color:var(--c-primary);-webkit-text-stroke:3px var(--c-border);paint-order:stroke fill;text-shadow:-3px 0 var(--c-border), 0 3px var(--c-border), 3px 0 var(--c-border), 0 -3px var(--c-border);background-color:#141419;border-radius:12px 12px 0 0;justify-content:center;align-items:center;font-size:48px;font-weight:400;line-height:1;display:flex;position:relative}#screen-gameover{background:var(--c-overlay);justify-content:space-between;padding:25px 24px 0}.go-section{width:100%}.go-top{text-align:center}.go-title{color:var(--c-text);text-transform:uppercase;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{color:var(--c-primary);-webkit-text-stroke:2px var(--c-border);paint-order:stroke fill;text-shadow:-2px 0 var(--c-border), 0 2px var(--c-border), 2px 0 var(--c-border), 0 -2px var(--c-border);font-size:110px;font-weight:400;line-height:1}.go-score-label{color:var(--c-text);text-transform:uppercase;font-size:30px;font-weight:400}.go-badge{background:var(--c-accent);color:#1a1a1a;text-transform:uppercase;border-radius:99px;margin-top:10px;padding:5px 16px;font-size:13px;font-weight:700;display:inline-block}.go-bottom{flex-direction:column;gap:12px;display:flex}#screen-leaderboard{background:var(--c-bg-darker)}.lb-title{color:var(--c-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 auto;font-size:24px;font-weight:800}.lb-col-headers{color:#3a3a43;flex-shrink:0;gap:6px;width:100%;padding:0 16px 13px;display:flex}.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-list::-webkit-scrollbar{width:4px}.lb-list::-webkit-scrollbar-track{background:0 0}.lb-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.lb-row{border-radius:var(--r-md);align-items:center;gap:10px;display:flex}.lb-row.lb-me{background:#ecff411f;border-color:#ecff4159}.lb-rank{background-color:#3a3a43;border-radius:8px;justify-content:center;align-items:center;width:20%;height:44px;display:flex}.lb-row:first-child .lb-rank{background-image:url(/assets/leaderboard/medal_gold.svg);background-position:50%;background-size:auto}.lb-row:first-child .lb-name,.lb-row:first-child .lb-score{border:3px solid #f2c94c}.lb-row:nth-child(2) .lb-rank{background-image:url(/assets/leaderboard/medal_silver.svg);background-position:50%;background-size:auto}.lb-row:nth-child(2) .lb-name,.lb-row:nth-child(2) .lb-score{border:3px solid #d2d2d2}.lb-row:nth-child(3) .lb-rank{background-image:url(/assets/leaderboard/medal_bronze.svg);background-position:50%;background-size:auto}.lb-row:nth-child(3) .lb-name,.lb-row:nth-child(3) .lb-score{border:3px solid #de8239}.lb-medal{flex-shrink:0;width:22px;height:22px}.lb-rank-num{color:var(--c-text);text-align:center;font-size:24px;font-weight:700}.lb-name{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;background-color:#3a3a43;border-radius:8px;align-items:center;width:70%;height:44px;padding-left:13px;font-size:24px;font-weight:600;display:flex;overflow:hidden}.lb-score{color:var(--c-text);background-color:#3a3a43;border-radius:8px;justify-content:center;align-items:center;width:20%;height:44px;font-size:24px;font-weight:800;display:flex}.lb-empty{text-align:center;color:var(--c-text-dim);padding:32px;font-size:14px}@keyframes lb-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.lb-skeleton{pointer-events:none}.lb-skeleton .skel{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff21 50%,#ffffff0f 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s linear infinite lb-shimmer;display:block}.lb-skeleton .lb-rank.skel{border-radius:50%;width:22px;height:22px;margin:0 auto}.lb-skeleton .lb-name.skel{width:70%;height:14px}.lb-skeleton .lb-score.skel{width:36px;height:16px}.lb-my-rank{background:var(--c-bg-darker);border-top:1px solid #ffffff1a;flex-shrink:0;width:100%;padding:10px 16px 20px}.lb-my-rank[hidden]{display:none}@media (prefers-reduced-motion:reduce){.screen,.btn,#progress-fill{transition:none}.menu-hero{animation:none;transform:none}}