:root,[data-theme=original]{--color-bg:#050508;--color-bg-elevated:hsla(0,0%,100%,.03);--color-surface:hsla(0,0%,100%,.06);--color-surface-hover:hsla(0,0%,100%,.1);--color-border:hsla(0,0%,100%,.12);--color-border-subtle:hsla(0,0%,100%,.06);--color-text-primary:hsla(0,0%,100%,.95);--color-text-secondary:hsla(0,0%,100%,.7);--color-text-tertiary:hsla(0,0%,100%,.4);--color-accent:#0a84ff;--color-accent-glow:rgba(10,132,255,.4);--color-success:#30d158;--color-success-glow:rgba(48,209,88,.4);--color-warning:#ffd60a;--color-warning-glow:rgba(255,214,10,.4);--color-danger:#ff453a;--color-danger-glow:rgba(255,69,58,.4);--color-top3-bg:rgba(255,214,10,.08);--color-top3-border:rgba(255,214,10,.2);--color-accent-rgb:10 132 255;--color-success-rgb:48 209 88;--color-warning-rgb:255 214 10;--color-danger-rgb:255 69 58;--color-text-tertiary-rgb:255 255 255;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--shadow-glow:0 0 40px var(--color-accent-glow);--color-overlay:rgba(0,0,0,.7);--color-nav-bg:rgba(30,30,35,.95);--color-nav-border:hsla(0,0%,100%,.15);--color-nav-active:rgba(60,60,70,.98);--color-input-bg:hsla(0,0%,100%,.05);--color-glass-heavy:rgba(20,20,25,.85);--response-btn-bg:hsla(0,0%,100%,.08);--response-btn-border:hsla(0,0%,100%,.16);--response-btn-shadow:0 1px 2px rgba(0,0,0,.25);--response-btn-icon:hsla(0,0%,100%,.75);--response-btn-selected-shadow:0 2px 6px rgba(0,0,0,.22);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.75rem;--radius-md:1.25rem;--radius-lg:1.75rem;--radius-xl:2.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--top-overlay-height:60px;--top-overlay-offset:calc(var(--safe-top) + var(--top-overlay-height) + var(--space-lg));--ambient-opacity:1}[data-theme=oled]{--color-bg:#000;--color-bg-elevated:#0a0a0a;--color-surface:hsla(0,0%,100%,.06);--color-surface-hover:hsla(0,0%,100%,.1);--color-border:#333;--color-border-subtle:#262626;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666;--color-accent:#0a84ff;--color-accent-glow:rgba(10,132,255,.4);--color-success:#30d158;--color-success-glow:rgba(48,209,88,.4);--color-warning:#ffd60a;--color-warning-glow:rgba(255,214,10,.4);--color-danger:#ff453a;--color-danger-glow:rgba(255,69,58,.4);--color-top3-bg:rgba(255,214,10,.08);--color-top3-border:rgba(255,214,10,.2);--color-accent-rgb:10 132 255;--color-success-rgb:48 209 88;--color-warning-rgb:255 214 10;--color-danger-rgb:255 69 58;--color-text-tertiary-rgb:255 255 255;--shadow-sm:0 2px 8px rgba(0,0,0,.5);--shadow-md:0 4px 20px rgba(0,0,0,.6);--shadow-lg:0 8px 40px rgba(0,0,0,.7);--shadow-glow:0 0 40px var(--color-accent-glow);--color-overlay:rgba(0,0,0,.85);--color-nav-bg:rgba(26,26,26,.98);--color-nav-border:hsla(0,0%,100%,.12);--color-nav-active:rgba(45,45,45,.95);--color-input-bg:hsla(0,0%,100%,.05);--color-glass-heavy:hsla(0,0%,8%,.95);--response-btn-bg:hsla(0,0%,100%,.08);--response-btn-border:#3a3a3a;--response-btn-shadow:0 1px 2px rgba(0,0,0,.5);--response-btn-icon:#b0b0b0;--response-btn-selected-shadow:0 2px 6px rgba(0,0,0,.45);--ambient-opacity:0}[data-theme=white]{--color-bg:#f2f2f7;--color-bg-elevated:#f7f7fa;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-border:#c5c5c9;--color-border-subtle:#d1d1d6;--color-text-primary:#000;--color-text-secondary:#666;--color-text-tertiary:#999;--color-accent:#007aff;--color-accent-glow:rgba(0,122,255,.3);--color-success:#34c759;--color-success-glow:rgba(52,199,89,.3);--color-warning:#ff9500;--color-warning-glow:rgba(255,149,0,.3);--color-danger:#ff3b30;--color-danger-glow:rgba(255,59,48,.3);--color-top3-bg:rgba(255,149,0,.12);--color-top3-border:rgba(255,149,0,.25);--color-accent-rgb:0 122 255;--color-success-rgb:52 199 89;--color-warning-rgb:255 149 0;--color-danger-rgb:255 59 48;--color-text-tertiary-rgb:153 153 153;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 20px rgba(0,0,0,.12);--shadow-lg:0 8px 40px rgba(0,0,0,.15);--shadow-glow:0 0 30px var(--color-accent-glow);--color-overlay:rgba(0,0,0,.5);--color-nav-bg:#fff;--color-nav-border:#e5e5ea;--color-nav-active:#f2f2f7;--color-input-bg:#f2f2f7;--color-glass-heavy:hsla(0,0%,100%,.98);--response-btn-bg:#f4f4f6;--response-btn-border:#c7c7cc;--response-btn-shadow:0 1px 2px rgba(0,0,0,.08);--response-btn-icon:#6b6b70;--response-btn-selected-shadow:0 1px 2px rgba(0,0,0,.12);--ambient-opacity:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}body,html{overscroll-behavior-y:contain}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;overflow-x:hidden;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-base),color var(--transition-fast)}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.ambient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--color-bg);transition:background var(--transition-base)}.ambient-bg:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse at 20% 30%,rgba(10,132,255,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(48,209,88,.1) 0,transparent 40%),radial-gradient(ellipse at 50% 50%,hsla(0,0%,100%,.02) 0,transparent 60%);opacity:var(--ambient-opacity);animation:ambient-drift 30s ease-in-out infinite}@keyframes ambient-drift{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(2%,-2%) rotate(1deg)}50%{transform:translate(-1%,2%) rotate(-1deg)}75%{transform:translate(-2%,-1%) rotate(.5deg)}}@keyframes match-focus-pulse{0%{box-shadow:0 0 0 0 rgb(var(--color-accent-rgb)/0),0 0 0 0 rgb(var(--color-accent-rgb)/0)}35%{box-shadow:0 0 0 2px rgb(var(--color-accent-rgb)/.8),0 0 0 11px rgb(var(--color-accent-rgb)/.2)}to{box-shadow:0 0 0 0 rgb(var(--color-accent-rgb)/0),0 0 0 0 rgb(var(--color-accent-rgb)/0)}}.match-focus-pulse{animation:match-focus-pulse .95s ease-out}.glass-panel{background:var(--color-surface);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel,.glass-panel-heavy{transition:background var(--transition-base),border-color var(--transition-base)}.glass-panel-heavy{background:var(--color-glass-heavy);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.glass-nav{background:var(--color-nav-bg);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.1);transition:background var(--transition-base),border-color var(--transition-base)}.glass-input{background:var(--color-input-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--space-md) var(--space-lg);font-size:1rem;transition:var(--transition-base);outline:none;width:100%}.glass-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.glass-input::-moz-placeholder{color:var(--color-text-tertiary)}.glass-input::placeholder{color:var(--color-text-tertiary)}.touch-target{cursor:pointer;transition:transform var(--transition-spring),opacity var(--transition-fast)}.touch-target:active{transform:scale(.95)}.touch-target:disabled{opacity:.5;cursor:not-allowed}.touch-target:disabled:active{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast),box-shadow var(--transition-fast)}.btn:active{transform:scale(.95)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-success{background:var(--color-success);color:#000}.btn-success:hover{box-shadow:0 0 30px var(--color-success-glow)}.btn-warning{background:var(--color-warning);color:#000}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast),color var(--transition-fast)}.icon-btn:active{transform:scale(.9)}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.status-present{--status-color:var(--color-success);--status-glow:var(--color-success-glow)}.status-maybe{--status-color:var(--color-warning);--status-glow:var(--color-warning-glow)}.status-absent{--status-color:var(--color-danger);--status-glow:var(--color-danger-glow)}.status-unknown{--status-color:var(--color-text-tertiary);--status-glow:transparent}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color);box-shadow:0 0 8px var(--status-glow)}.status-ring{border:2px solid var(--status-color);box-shadow:0 0 12px var(--status-glow)}.text-display{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.text-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.text-headline{font-size:1.125rem;font-weight:600}.text-body{font-size:1rem;color:var(--color-text-secondary)}.text-caption{font-size:.875rem;letter-spacing:.01em}.text-caption,.text-label{color:var(--color-text-tertiary)}.text-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(100px + var(--safe-bottom))}.content-under-top-overlay{padding-top:var(--top-overlay-offset)!important}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}@media (max-width:640px){.grid-cards{grid-template-columns:1fr}}.floating-nav{position:fixed;bottom:calc(var(--space-lg) + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:1000}.floating-nav-inner{gap:var(--space-xs);padding:var(--space-sm)}.floating-nav-inner,.nav-item{display:flex;align-items:center}.nav-item{justify-content:center;width:48px;height:48px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:transform var(--transition-spring),color var(--transition-fast),background var(--transition-fast)}.nav-item:active{transform:scale(.9)}.nav-item:hover{color:var(--color-text-secondary)}.nav-item.active{background:var(--color-accent);color:#fff;box-shadow:0 0 20px var(--color-accent-glow)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--status-glow)}50%{box-shadow:0 0 25px var(--status-glow)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .4s ease-out}.animate-scale-in{animation:scale-in .3s var(--transition-spring)}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;text-transform:uppercase;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:44px;height:44px;font-size:1rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.card{padding:var(--space-lg);transition:transform var(--transition-spring),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:900;transition:background var(--transition-base)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--space-xl) * 2);max-width:500px;max-height:calc(100dvh - var(--space-xl) * 2);overflow-y:auto;z-index:901}.attendance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.attendance-btn{display:flex;align-items:center;justify-content:center;height:56px;border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-tertiary);cursor:pointer;transition:transform var(--transition-spring),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.attendance-btn:active{transform:scale(.92)}.attendance-btn.selected{border-color:var(--status-color);background:var(--status-color);color:#000;box-shadow:0 0 20px var(--status-glow)}.attendance-btn.selected.status-absent,[data-theme=white] .attendance-btn.selected{color:#fff}[data-theme=white] .attendance-btn.selected.status-maybe{color:#000}.player-grid{flex-wrap:wrap}.player-chip,.player-grid{display:flex;gap:var(--space-sm)}.player-chip{align-items:center;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:.875rem}.player-chip .avatar{width:28px;height:28px;font-size:.7rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}[data-theme=white] .glass-panel,[data-theme=white] .glass-panel-heavy{background:var(--color-bg-elevated);border-color:var(--color-border);box-shadow:0 2px 12px rgba(0,0,0,.08)}[data-theme=white] .glass-nav,[data-theme=white] .glass-panel,[data-theme=white] .glass-panel-heavy{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=white] .modal{background:var(--color-bg-elevated);box-shadow:0 20px 60px rgba(0,0,0,.2)}[data-theme=white] .skeleton{background:linear-gradient(90deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 75%);background-size:200% 100%}[data-theme=white] [style*="background: var(--color-surface)"],[data-theme=white] [style*="background:var(--color-surface)"]{color:var(--color-text-primary)}[data-theme=white] .card,[data-theme=white] [style*="background: var(--color-surface)"][style*=borderRadius]{box-shadow:0 1px 3px rgba(0,0,0,.1),0 0 0 .5px var(--color-border)}[data-theme=white] [style*="background: var(--color-surface)"][style*=backdropFilter]{border:1px solid var(--color-border)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=white] [style*="background: var(--color-surface)"][style*="border: 0.5px solid"]{border:1px solid var(--color-border-subtle)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}[data-theme=white] [style*="background: var(--color-surface)"][style*="borderRadius: 12"],[data-theme=white] [style*="background: var(--color-surface-hover)"][style*="borderRadius: 12"]{border:1px solid var(--color-border)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=white] [style*="border: 0.5px solid"]{border-width:1px!important}[data-theme=white] [style*="borderBottom: 0.5px solid"]{border-bottom-width:1px!important}[data-theme=white] [style*="borderTop: 0.5px solid"]{border-top-width:1px!important}