@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;--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}.btn-primary{background:var(--amber);color:var(--bg-deep)}.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)}@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)}.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(--bg-deep)}.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}.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}