:root{--color-background: #F5F7F3;--color-card: #FFFFFF;--color-text-primary: #111713;--color-text-secondary: #526357;--color-accent: #17613F;--color-action: #17613F;--color-action-hover: #104B30;--color-on-action: #FFFFFF;--color-danger-action: #A92342;--color-on-danger-action: #FFFFFF;--color-win: #17613F;--color-loss: #A92342;--color-halved: #86520C;--color-neutral: #526357;--color-border: #D6DFD4;--color-input-bg: #EDF2EA;--color-toggle-track: #6B7C6D;--shadow-card: 0 1px 0 var(--color-border);--shadow-elevated: 0 8px 24px rgba(17, 23, 19, .1);--radius-card: 16px;--radius-button: 12px;--radius-input: 8px;--radius-full: 9999px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-12: 48px;--page-padding-y: var(--spacing-6);--page-padding-x: var(--spacing-4);--font-hero: 48px;--font-title: 24px;--font-heading: 18px;--font-body: 16px;--font-caption: 14px;--font-size-title: var(--font-title);--font-size-heading: var(--font-heading);--font-size-body: var(--font-body);--font-size-caption: var(--font-caption);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-text-tertiary: #5D6F62;--color-error: var(--color-loss);--color-accent-hover: #104B30;--color-surface: #EDF2EA;--bg-card: var(--color-card);--border-color: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--color-bg: var(--color-background);--color-text: var(--color-text-primary);--color-primary: var(--color-accent);--primary-color: var(--color-accent);--primary-color-dark: var(--color-accent-hover);--color-surface-primary: var(--color-card);--color-surface-secondary: var(--color-input-bg);--radius-sm: var(--radius-input);--touch-min: 48px}[data-theme=dark]{color-scheme:dark;--color-background: #0C110E;--color-card: #141C17;--color-text-primary: #EDF2EE;--color-text-secondary: #A8B8AC;--color-text-tertiary: #8B9F90;--color-border: #2F3F34;--color-input-bg: #1C2921;--color-surface: #1C2921;--color-toggle-track: #566D5C;--shadow-card: 0 1px 0 var(--color-border);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .3);--color-accent: #4FC98A;--color-action: #4FC98A;--color-action-hover: #72D8A1;--color-on-action: #071E11;--color-win: #67D69A;--color-loss: #FF8FAA;--color-halved: #F4C26B;--color-neutral: #B0C0B4;--color-btn-secondary-bg: #1C2921;--color-btn-secondary-hover: #293B30;--color-divider: #2F3F34;--color-accent-hover: #72D8A1;--color-win-bg: #163B26;--color-loss-bg: #3B2029;--color-halved-bg: #3B2F19;--color-neutral-bg: #26322A;--color-accent-bg: #163B26}:root:not([data-theme=dark]){--color-btn-secondary-bg: #EDF2EA;--color-btn-secondary-hover: #E2EADF;--color-divider: #D6DFD4;--color-win-bg: #E3F1E7;--color-loss-bg: #FBE6EA;--color-halved-bg: #FAEED6;--color-neutral-bg: #E8EEE6;--color-accent-bg: #E3F1E7}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%;scrollbar-gutter:stable;scroll-padding-top:calc(var(--safe-area-top, 0px) + 96px);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-body);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .15s ease,color .15s ease;padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);overflow-x:clip}#root{min-width:0;min-height:100dvh}button{font-family:inherit;cursor:pointer;touch-action:manipulation}input,textarea,select{font-family:inherit;font-size:inherit;max-width:100%}a{color:inherit;text-decoration:none}.container{width:100%;min-width:0;max-width:600px;margin:0 auto;padding-inline:var(--page-padding-x)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.page-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-title);font-weight:700;margin:0;min-width:0;overflow-wrap:anywhere}.page-title svg{flex-shrink:0}.page-subtitle{margin:var(--spacing-1) 0 0 0;font-size:var(--font-caption);color:var(--color-text-secondary)}@media(max-width:640px){.page-header{flex-direction:column;align-items:flex-start}.page-header .btn{align-self:flex-start}}.text-hero{font-size:var(--font-hero);font-weight:700;line-height:1.1}.text-title{font-size:var(--font-title);font-weight:600;line-height:1.2}.text-heading{font-size:var(--font-heading);font-weight:600;line-height:1.3}.text-body{font-size:var(--font-body);line-height:1.5}.text-caption{font-size:var(--font-caption);color:var(--color-text-secondary);line-height:1.4}.text-muted{color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:where(.app-main) table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}:where(.app-main) :where(th,td){padding:10px 8px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}:where(.app-main) thead th{font-size:.8rem;color:var(--color-text-secondary);font-weight:600}:where(.app-main tbody tr:last-child)>*{border-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:var(--touch-min);min-width:var(--touch-min);max-width:100%;padding:10px var(--spacing-5);border:2px solid transparent;border-radius:var(--radius-button);font-size:var(--font-body);font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;cursor:pointer}.btn>svg{flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--color-action);color:var(--color-on-action)}.btn-primary:hover:not(:disabled){background:var(--color-action-hover)}.btn-primary:active:not(:disabled){box-shadow:none}.btn-secondary{background:var(--color-input-bg);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-btn-secondary-hover)}.btn-outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-outline:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-input-bg);color:var(--color-text-primary)}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--color-card);z-index:201;display:flex;flex-direction:column;box-shadow:var(--shadow-elevated);transform:translate(-100%);transition:transform .3s ease;padding-top:var(--safe-area-top, 0px);padding-bottom:var(--safe-area-bottom, 0px);padding-left:var(--safe-area-left, 0px);overscroll-behavior:contain}.drawer-open{animation:slideInFromLeft .3s ease forwards;transform:translate(0)}.drawer-header{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-5);border-bottom:1px solid var(--color-border)}.drawer-header>div{min-width:0;overflow-wrap:anywhere}.drawer-competition-name{font-size:var(--font-heading);font-weight:600;color:var(--color-text-primary)}.drawer-join-code{font-size:var(--font-caption);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.drawer-close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-button);cursor:pointer;transition:background .15s ease}.drawer-close-btn:hover{background:var(--color-input-bg)}.drawer-nav{min-height:0;flex:1;display:flex;flex-direction:column;padding:var(--spacing-3) 0;overflow-y:auto}.drawer-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-body);text-align:left;cursor:pointer;transition:background .15s ease;min-height:var(--touch-min)}.drawer-nav-item:hover{background:var(--color-input-bg)}.drawer-nav-item[aria-current=page]{background:var(--color-input-bg);font-weight:var(--font-weight-semibold);box-shadow:inset 3px 0 var(--color-action)}.drawer-nav-item svg{flex-shrink:0}.drawer-nav-item-danger{color:var(--color-loss)}.drawer-divider{height:1px;background:var(--color-border);margin:var(--spacing-3) var(--spacing-5)}.app-shell{min-height:100dvh;min-width:0;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--page-padding-x);padding-top:calc(var(--safe-area-top, 0px) + var(--spacing-3));background:var(--color-card);box-shadow:var(--shadow-card)}.hamburger-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);border:none;background:transparent;color:var(--color-text-primary);border-radius:var(--radius-button);transition:background .15s ease}.hamburger-btn:hover{background:var(--color-input-bg)}.app-title{font-size:var(--font-heading);font-weight:600;flex:1;min-width:0;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.join-code-badge{flex-shrink:0;justify-content:center;min-width:92px;min-height:var(--touch-min);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-action);color:var(--color-on-action);border:none;border-radius:var(--radius-button);font-size:var(--font-caption);font-weight:700;cursor:pointer;transition:background-color .15s ease}.join-code-badge:hover{background:var(--color-action-hover)}.join-code-badge:disabled{cursor:progress}.join-code-badge.copied{background:var(--color-action-hover)}.app-main{flex:1;min-width:0;padding-bottom:var(--safe-area-bottom, 0px)}