@font-face{font-family:Space Grotesk;src:url(/app/assets/space_grotesk-Dcw4Q7AU.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url(/app/assets/manrope-FzEoaBTQ.ttf) format("truetype");font-weight:400 600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/app/assets/jetbrains_mono_regular-cF2C8nfn.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/app/assets/jetbrains_mono_medium-Bpf1P7_Y.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/app/assets/jetbrains_mono_semibold-B3giN8Lc.ttf) format("truetype");font-weight:600;font-display:swap}:root{--bg-deep: #0A0A0F;--bg-surface: #141420;--bg-card: #1C1C2E;--bg-border: #2A2A40;--text-primary: #E8E8F0;--text-secondary: #9090A8;--text-hint: #606078;--amber: #FFB800;--amber-dim: #8B6500;--on-amber: #0A0A0F;--success: #00E676;--danger: #FF5252;--info: #448AFF;--sp-2xs: 2px;--sp-xs: 4px;--sp-sm: 8px;--sp-gap: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--screen-padding: 20px;--touch-sm: 36px;--touch-md: 40px;--touch-lg: 56px;--touch-xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-move: cubic-bezier(.4, 0, .2, 1);--duration-micro: .1s;--duration-short: .2s;--duration-medium: .3s;--duration-long: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{min-height:100%;display:flex;flex-direction:column}.text-timer-hero{font-family:var(--font-mono);font-size:40px;font-weight:600;letter-spacing:-.02em}.text-display-large{font-family:var(--font-display);font-size:28px;font-weight:700}.text-display-medium{font-family:var(--font-display);font-size:22px;font-weight:600}.text-title{font-family:var(--font-display);font-size:18px;font-weight:600}.text-body-large{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:28px}.text-body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:24px}.text-label{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.5px}.text-eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary)}.text-data{font-family:var(--font-mono);font-size:16px;font-weight:400}.screen{flex:1;display:flex;flex-direction:column;padding:var(--screen-padding);padding-top:max(var(--screen-padding),env(safe-area-inset-top));padding-bottom:max(var(--screen-padding),env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--sp-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);min-height:var(--touch-lg);padding:var(--sp-md) var(--sp-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;transition:opacity var(--duration-short) var(--ease-move),transform var(--duration-micro) var(--ease-move);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:hover:not(:disabled){opacity:.88}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-toggle-btn{background:transparent;border:1px solid var(--bg-border);color:var(--text-secondary);transition:color var(--duration-short) var(--ease-move),border-color var(--duration-short) var(--ease-move)}.theme-toggle-btn:hover:not(:disabled){color:var(--amber);border-color:var(--amber);opacity:1}.theme-toggle-btn svg{width:16px;height:16px;stroke-width:2;pointer-events:none}.theme-toggle-btn .icon-sun{display:none}[data-theme=light] .theme-toggle-btn .icon-sun{display:block}[data-theme=light] .theme-toggle-btn .icon-moon{display:none}.btn-primary{background:var(--amber);color:var(--on-amber)}.btn-secondary{background:transparent;color:var(--amber);border:1.5px solid var(--amber)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-border)}.btn-outline:hover:not(:disabled){color:var(--amber);border-color:var(--amber);opacity:1}.btn-danger{background:var(--danger);color:#fff}.btn-danger-outline{background:transparent;border:1.5px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover:not(:disabled){opacity:.85}.input{width:100%;min-height:var(--touch-lg);padding:var(--sp-md);background:var(--bg-surface);border:1.5px solid var(--bg-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;outline:none;transition:border-color var(--duration-short) var(--ease-move)}.input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #ffb80040}.input::placeholder{color:var(--text-hint)}.password-field{position:relative;width:100%}.password-field>.input,.password-field>input{padding-right:48px}.password-field-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:var(--touch-md);height:var(--touch-md);min-height:0;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:color var(--duration-short) var(--ease-move)}.password-field-toggle:hover{color:var(--text-primary)}.password-field-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--amber);color:var(--amber)}.password-field-toggle svg{width:20px;height:20px;stroke-width:2}.password-field-toggle .icon-eye-off,.password-field-toggle[aria-pressed=true] .icon-eye{display:none}.password-field-toggle[aria-pressed=true] .icon-eye-off{display:inline}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-pulse{animation:timer-pulse 1s ease-in-out infinite}.timer-pulse-fast{animation:timer-pulse .5s ease-in-out infinite}@keyframes overlay-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.overlay-enter{animation:overlay-enter var(--duration-medium) var(--ease-enter)}@keyframes trophy-enter{0%{opacity:0;transform:scale(0) rotate(-15deg)}30%{opacity:1;transform:scale(1.18) rotate(3deg)}50%{transform:scale(.9) rotate(-1.5deg)}70%{transform:scale(1.06) rotate(.5deg)}85%{transform:scale(.97) rotate(-.2deg)}to{transform:scale(1) rotate(0)}}.trophy-enter{animation:trophy-enter .8s cubic-bezier(.22,1,.36,1)}@keyframes player-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.player-enter{animation:player-enter var(--duration-medium) var(--ease-enter)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.screen-enter{animation:slide-in .25s var(--ease-enter)}@keyframes recap-horizon-scan{0%{opacity:0;transform:translateY(-100vh)}20%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.recap-horizon-scan{position:absolute;top:0;left:0;right:0;height:1px;background:var(--amber);box-shadow:0 0 12px var(--amber);animation:recap-horizon-scan .6s var(--ease-exit) forwards;pointer-events:none;z-index:10}@keyframes recap-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.recap-fade-in{opacity:0;animation:recap-fade-in var(--duration-short) var(--ease-enter) forwards;animation-delay:var(--recap-delay, 0ms)}@keyframes recap-bracket-lock-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes recap-bracket-lock-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.recap-bracket{display:inline-block;color:var(--amber);font-family:var(--font-data);font-size:48px;font-weight:600;opacity:0;animation-duration:.25s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-delay:.3s;animation-fill-mode:forwards}.recap-bracket--left{animation-name:recap-bracket-lock-left}.recap-bracket--right{animation-name:recap-bracket-lock-right}.recap-skip .recap-horizon-scan,.recap-skip .recap-fade-in,.recap-skip .recap-bracket,.recap-skip .trophy-enter{animation-duration:0ms!important;animation-delay:0ms!important;opacity:1}.recap-skip .recap-horizon-scan{display:none}.recap-telemetry{margin-top:calc(var(--sp-lg) * -1);margin-bottom:var(--sp-lg);padding:0;background:transparent;border:none}.recap-telemetry summary{list-style:none;cursor:pointer;padding:var(--sp-sm) 0;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none}.recap-telemetry summary::-webkit-details-marker{display:none}.recap-telemetry summary:after{content:" ▾";display:inline-block;color:var(--amber);transition:transform var(--duration-short) var(--ease-move)}.recap-telemetry[open] summary:after{transform:rotate(180deg)}.recap-telemetry-body{display:flex;flex-direction:column;gap:var(--sp-sm);padding:var(--sp-md);background:var(--bg-card);border-radius:var(--radius-lg);margin-top:var(--sp-sm)}.recap-telemetry-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--sp-sm)}.recap-telemetry-row__label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--text-secondary);text-transform:uppercase}.recap-telemetry-row__bar{position:relative;height:16px;background:var(--bg-border);border-radius:var(--radius-sm);overflow:hidden}.recap-telemetry-row__fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--amber);animation:recap-bar-fill var(--duration-long) var(--ease-enter) forwards;animation-delay:var(--recap-delay, 0ms)}.recap-telemetry-row__time{font-family:var(--font-data);font-size:14px;font-weight:600;color:var(--text-primary)}.recap-telemetry-row__fill--timeout{background:repeating-linear-gradient(45deg,var(--danger) 0,var(--danger) 6px,rgba(255,82,82,.55) 6px,rgba(255,82,82,.55) 12px)}.recap-telemetry-row__fill--skip{background:transparent;border:1.5px dashed var(--danger);box-sizing:border-box}.recap-telemetry-row__fill--org{background:var(--amber-dim, #8B6500)}@keyframes recap-bar-fill{0%{width:0}to{width:var(--recap-fill-width, 100%)}}.recap-telemetry-row__wrongs{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--font-data);font-size:10px;font-weight:600;color:var(--text-primary);letter-spacing:1px;pointer-events:none}.aq-share-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0fd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:400;display:flex;align-items:center;justify-content:center;padding:var(--sp-md);animation:recap-fade-in var(--duration-short) var(--ease-enter);opacity:1}.aq-share-modal__card{position:relative;background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-lg);padding:var(--sp-lg);max-width:420px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-md)}.aq-share-modal__close{position:absolute;top:var(--sp-sm);right:var(--sp-sm);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--bg-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:color var(--duration-short) var(--ease-move),border-color var(--duration-short) var(--ease-move)}.aq-share-modal__close:hover{color:var(--amber);border-color:var(--amber)}.aq-share-modal__close:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.aq-share-modal__preview{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--sp-lg);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.aq-share-modal__spinner{width:32px;height:32px;border:3px solid var(--bg-border);border-top-color:var(--amber);border-radius:50%;animation:aq-spinner .8s linear infinite}@keyframes aq-spinner{to{transform:rotate(360deg)}}.aq-share-modal__image{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:var(--radius-md);display:block}.aq-share-modal__actions{display:flex;flex-direction:column;gap:var(--sp-sm)}@media (prefers-reduced-motion: reduce){.recap-horizon-scan{display:none}.recap-fade-in,.recap-bracket,.recap-telemetry-row__fill{animation-duration:0ms!important;animation-delay:0ms!important;opacity:1;width:var(--recap-fill-width, 100%)}.recap-telemetry-row__fill--skip{width:var(--recap-fill-width, 100%)}.aq-share-modal{animation:none}.aq-share-modal__spinner{animation-duration:0ms}}.connection-bar{position:fixed;top:0;left:0;right:0;padding:var(--sp-xs) var(--sp-md);text-align:center;font-family:var(--font-display);font-size:13px;font-weight:600;z-index:1000;transition:transform var(--duration-medium) var(--ease-move)}.connection-bar--offline{background:var(--danger);color:#fff}.connection-bar--reconnecting{background:var(--amber);color:var(--on-amber)}.connection-bar--hidden{transform:translateY(-100%)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:var(--radius-full)}.btn-full{width:100%}.spacer{flex:1}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:600}.progress-bar{height:8px;background:var(--bg-border);border-radius:var(--radius-sm);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-sm);transition:width var(--duration-medium) var(--ease-move)}.btn-icon{width:var(--touch-md);height:var(--touch-md);border-radius:var(--radius-full);border:1px solid var(--bg-border);background:var(--bg-card);color:var(--text-primary);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon--danger{border-color:var(--danger);color:var(--danger)}.btn-icon--sos{flex-direction:column;gap:0;padding:2px;line-height:1}.btn-icon__glyph{font-size:16px;line-height:1}.btn-icon__label{font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1;margin-top:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-lg)}.modal-dialog{background:var(--bg-card);border:1px solid var(--bg-border);border-radius:var(--radius-md);padding:var(--sp-xl);max-width:360px;width:100%}.join-view{position:relative;justify-content:flex-start;align-items:center;padding-top:var(--sp-xl)}.join-view>.screen-content,.join-view>.screen-controls{width:100%;max-width:360px}@media (orientation: landscape) and (max-height: 0px){.join-view.screen-split{justify-content:stretch;align-items:stretch;padding-top:max(var(--sp-md),env(safe-area-inset-top))}.join-view.screen-split>.screen-content,.join-view.screen-split>.screen-controls{max-width:none}.join-view.screen-split .join-empty-hero,.join-view.screen-split .join-resolved-hero{margin-bottom:var(--sp-md)}.join-view.screen-split>.screen-content{justify-content:center}}.join-empty-hero{text-align:center;margin-bottom:var(--sp-2xl);animation:fade-in var(--duration-medium) var(--ease-enter)}.join-resolved-hero{animation:fade-in var(--duration-medium) var(--ease-enter);margin-bottom:var(--sp-xl)}.join-tiny-tag{text-align:center;padding-top:var(--sp-sm);margin-bottom:var(--sp-lg);color:var(--text-secondary)}.join-role-hero{text-align:center;margin-bottom:var(--sp-xl)}.join-role-label{font-size:13px;letter-spacing:3px;margin-bottom:var(--sp-sm)}.join-hero-text{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--sp-xs);font-size:clamp(20px,8vw,36px);letter-spacing:-.01em;word-break:break-word}.join-view--captain .join-hero-text,.join-view--regular .join-hero-text{text-transform:uppercase}.join-view--spectator .join-hero-text{font-size:clamp(20px,7vw,28px);padding:0 var(--sp-sm)}.join-hero-subtitle{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-secondary)}.join-spectator-desc{font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--text-secondary);max-width:280px;margin:var(--sp-sm) auto 0 auto;line-height:20px}.join-divider{width:64px;height:1px;background:var(--bg-border);margin:0 auto}.join-form{display:flex;flex-direction:column;gap:var(--sp-md)}.join-view--captain .join-role-label{color:var(--amber)}.join-view--captain .join-code-input{border-color:var(--amber)}.join-view--captain #join-code-label{color:var(--amber)}.join-view--regular .join-role-label{color:var(--text-secondary)}.join-view--spectator .join-role-label{color:var(--info)}.join-view--spectator .join-code-input{border-color:var(--info)}.join-view--spectator #join-code-label{color:var(--info)}.join-view--spectator #join-btn{background:var(--info);color:var(--bg-deep)}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=light]{--bg-deep: #F5F5F8;--bg-surface: #FFFFFF;--bg-card: #EEEEF2;--bg-border: #D0D0D8;--text-primary: #1A1A2E;--text-secondary: #606078;--text-hint: #9090A8}.join-org-link{display:block;text-align:center;margin-top:var(--sp-xl);padding:var(--sp-gap) 0;font-size:14px;color:var(--text-secondary);text-decoration:none;-webkit-user-select:none;user-select:none}.join-org-link:hover{color:var(--text-primary);text-decoration:underline}.join-org-block{margin-top:var(--sp-md);animation:org-slide-in .3s ease-out}@keyframes org-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.join-org-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-lg)}.join-org-card .input{width:100%}.join-org-card a:hover{color:var(--text-primary);text-decoration:underline}@media (orientation: landscape) and (max-height: 0px){.screen.screen-split{display:flex;flex-direction:row;gap:var(--sp-xl);align-items:stretch;padding:var(--sp-md) var(--screen-padding);padding-top:max(var(--sp-md),env(safe-area-inset-top));padding-bottom:max(var(--sp-md),env(safe-area-inset-bottom));height:100dvh;overflow:hidden}.screen.screen-split>.screen-content{flex:1 1 auto;min-width:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.screen.screen-split>.screen-content>.spacer{display:none}.screen.screen-split>.screen-controls{flex:0 0 clamp(260px,36vw,320px);display:flex;flex-direction:column;gap:var(--sp-md);overflow-y:auto;overscroll-behavior:contain;min-height:0}.screen.screen-split>.screen-controls>*:last-child{margin-top:auto}.screen.screen-split>.screen-controls>.screen-controls-form{margin-top:0!important;padding-top:0!important;border-top:none!important}.screen.screen-split .screen-content img,.screen.screen-split .screen-content video{max-height:38dvh;object-fit:contain}.screen:not(.screen-split){padding-top:max(var(--sp-sm),env(safe-area-inset-top));padding-bottom:max(var(--sp-sm),env(safe-area-inset-bottom))}}