:root{color-scheme:dark;--ink:#e8f0ea;--muted:#96a9ae;--void:#07141f;--panel:#102633;--panel-hi:#183846;--line:#37626a;--gold:#f7bd62;--cyan:#63e5db;--danger:#ef718d}html:has(#minigame-app){height:100%;overflow:hidden}#minigame-app{height:100dvh!important;min-height:100%}#minigame-app .match-header{pointer-events:auto}.minigames-queue{color:var(--ink);background:#0d202bef;border:1px solid #3d6770;padding:22px;max-width:760px;font:14px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 20px 70px #0008}.minigames-queue[hidden]{display:none}.minigames-queue-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.minigames-queue-title h2{margin:4px 0 0;color:#fff0c6;font-size:24px}.minigames-queue .eyebrow{display:block;color:var(--cyan);font:700 10px ui-monospace,monospace;letter-spacing:.16em}.minigames-close{padding:7px 11px;color:var(--ink);background:#183846;border:1px solid #3d6770;font-size:12px}.minigames-intro{margin:13px 0 18px;color:var(--muted);font-size:12px}.minigames-notice{min-height:19px;margin:0 0 9px;color:var(--danger);font-size:12px}.minigame-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.minigame-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:17px;background:linear-gradient(145deg,#173644,#102633);border:1px solid #2f5660;border-top:3px solid var(--card-accent,var(--gold));border-radius:5px}.minigame-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:15px;background:#091923;border-radius:4px;color:var(--card-accent,var(--gold))}.minigame-card-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.minigame-card-copy{flex:1}.minigame-card h3{margin:0 0 7px;color:#fff0c6;font-size:18px}.minigame-card p{margin:0;color:var(--muted);font-size:12px}.minigame-card-footer{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:16px}.minigame-card-meta{color:var(--card-accent,var(--gold));font:700 10px ui-monospace,monospace;text-transform:uppercase}.minigame-join{padding:8px 12px;font-size:11px}.minigame-join:disabled{color:#8ba0a5;background:#243b42}.minigames-status-line{margin:15px 0 0;padding:10px 12px;background:#091923a8;border:1px solid #254b55;color:#dae9e8;font-size:12px}.minigames-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.minigames-primary,.minigames-secondary{padding:9px 13px;font-size:11px}.minigames-secondary{color:var(--ink);background:#183846;border:1px solid #3d6770}@media(max-width:600px){.minigames-queue{padding:16px}.minigame-cards{grid-template-columns:1fr}.minigame-card{min-height:152px}.minigame-card-icon{margin-bottom:9px}.minigame-card-footer{margin-top:10px}}#minigame-app,#minigame-app *{box-sizing:border-box}body.minigames-page{height:100%;margin:0;background:var(--void);color:var(--ink);font:14px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#minigame-app button,#minigame-app a{font:inherit}#minigame-app button{border:0;border-radius:4px;padding:12px 18px;color:var(--void);background:var(--gold);font-weight:800;cursor:pointer}#minigame-app button:disabled{cursor:wait;opacity:.5}#minigame-app button:focus-visible,#minigame-app a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#minigame-app{height:100%;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 18%,#132f3a 0,#07141f 58%)}.match-stage{position:absolute;inset:0;z-index:0}.minigame-canvas{width:100%;height:100%;display:block;touch-action:none}.match-header{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:start;pointer-events:none;text-shadow:0 2px 5px #000b}.match-eyebrow{margin:0 0 4px;color:var(--cyan);font:700 10px/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.match-header h1{margin:0;color:#fff0c6;font-size:clamp(21px,3vw,34px);letter-spacing:.02em}.match-header-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:end;color:#fff0c6;font:700 12px ui-monospace,SFMono-Regular,monospace}.match-header-meta span{padding:7px 9px;background:#091923cc;border:1px solid #31515a;border-radius:4px}.match-connection[data-state=connected]{color:var(--cyan);border-color:#3a8e86}.match-connection[data-state=reconnecting]{color:var(--gold);border-color:#a0773c}.match-hud{position:absolute;z-index:2;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);min-width:min(410px,calc(100vw - 40px));padding:9px 14px;text-align:center;background:#091923d9;border:1px solid #31515a;border-radius:5px;pointer-events:none}.match-hud p{margin:0}.match-help{margin-top:3px!important;color:var(--muted);font-size:11px}.mobile-only{display:none}.match-joystick{display:none;position:absolute;z-index:3;left:max(20px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom));width:126px;height:126px;border:2px solid #8eb8b777;border-radius:50%;background:#0a2230aa;touch-action:none}.match-joystick:before{content:"";position:absolute;inset:14px;border:1px solid #8eb8b744;border-radius:50%}.match-joystick i{position:absolute;left:50%;top:50%;width:43px;height:43px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #63e5db88;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)));transition:transform .08s ease}.match-joystick.active i{background:#fff0c6}.match-finish,.match-error{position:absolute;z-index:5;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(390px,calc(100vw - 32px));padding:26px;background:#0d2330f5;border:1px solid var(--gold);border-radius:7px;box-shadow:0 14px 44px #0008}.match-finish h2,.match-error h2{margin:5px 0 8px;font-size:23px;color:#fff0c6}.match-finish p:not(.match-eyebrow),.match-error p:not(.match-eyebrow){color:var(--muted)}.match-finish .match-return{margin-top:8px}.match-error{border-color:var(--danger)}.match-error button{margin-right:8px}.match-error a{display:inline-block;padding:11px 0;color:var(--cyan)}.racing-help,.racing-controls{display:none}.is-racing .racing-help{display:inline}.is-racing .desktop-only,.is-racing .mobile-only,.is-racing .match-joystick{display:none}.racing-controls{position:absolute;z-index:4;inset:0;pointer-events:none}.is-racing .racing-controls{display:block}.racing-steering,.racing-pedals{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));display:flex;gap:9px;pointer-events:auto}.racing-steering{left:max(20px,env(safe-area-inset-left))}.racing-pedals{right:max(20px,env(safe-area-inset-right));flex-direction:column-reverse}.racing-control{display:grid!important;place-content:center;gap:4px;min-width:0!important;width:76px;height:76px;padding:7px!important;border:2px solid #c3e0e0b5!important;background:#071825d9!important;color:#e9f9f7!important;font:800 16px/1 ui-monospace,monospace!important;letter-spacing:.06em;touch-action:none;box-shadow:0 7px 20px #0008}.racing-control small{font:800 8px/1 ui-monospace,monospace;letter-spacing:.09em}.racing-control.active{background:#f6c75f!important;color:#0a1320!important;transform:translateY(3px);box-shadow:0 2px 8px #0008}.steer-left,.steer-right{border-radius:50%!important;background:#15394ae8!important}.gas{height:94px;background:#168a6de8!important}.brake{height:62px;background:#a63643e8!important}.handbrake{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);pointer-events:auto;width:84px;height:48px;border-radius:26px!important;color:#f6c75f!important;background:#252035e8!important}.handbrake.active{transform:translate(-50%,3px)}@media(max-width:700px){.racing-steering{left:max(14px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));gap:7px}.racing-pedals{right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));gap:7px}.racing-control{width:68px;height:68px;font-size:15px}.gas{height:86px}.brake{height:56px}.handbrake{bottom:max(18px,env(safe-area-inset-bottom));width:76px;height:44px;font-size:10px!important}.is-racing .match-hud{bottom:max(128px,calc(env(safe-area-inset-bottom) + 120px));min-width:min(300px,calc(100vw - 28px));padding:7px 10px}.is-racing .match-header{right:12px;left:12px}.is-racing .match-header h1{font-size:19px}.is-racing .match-header-meta{gap:4px}.is-racing .match-header-meta span{padding:5px 6px}.is-racing .match-leave{padding:7px 9px!important}}@media(hover:hover)and (pointer:fine)and (min-width:700px){.match-stage{inset:0}}@media(pointer:coarse),(max-width:700px){.match-joystick{display:block}.mobile-only{display:inline}.desktop-only{display:none}.match-hud{bottom:max(16px,env(safe-area-inset-bottom));left:auto;right:16px;transform:none;min-width:0;width:calc(100vw - 174px);font-size:12px}.match-header{gap:10px}.match-header-meta{max-width:48%;font-size:10px}.match-header-meta span{padding:5px 6px}.match-header h1{font-size:22px}}@media(max-height:500px){.match-header{top:8px}.match-hud{bottom:8px}.match-joystick{width:100px;height:100px}.match-joystick i{width:34px;height:34px}.match-finish,.match-error{padding:18px}}@media(prefers-reduced-motion:reduce){.match-joystick i{transition:none}}.race-countdown[hidden]{display:none}.race-countdown{position:absolute;z-index:4;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:0;min-width:9rem;pointer-events:none;color:#fff4cb;text-align:center;text-shadow:0 4px 16px #000,0 0 25px #000}.race-countdown span{font:900 clamp(11px,2vw,17px)/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;background:#0b1b29d9;border:1px solid #f5c974;padding:6px 12px}.race-countdown strong{font:900 clamp(88px,25vmin,176px)/.95 ui-monospace,SFMono-Regular,monospace;color:#fff3c4;-webkit-text-stroke:2px #17333d;filter:drop-shadow(0 0 17px #f5bd64)}.race-countdown[data-go=true] strong{color:#7ff4d7;filter:drop-shadow(0 0 20px #57d9c0)}