:root{--woodl-css-ok:1;--color-bg-primary:#f5f7ee;--color-bg-secondary:#fff;--color-bg-elevated:#f1f4e8;--color-bg-hover:#e9eedd;--color-accent-primary:#2f9e44;--color-accent-secondary:#57a05c;--color-accent-tertiary:#ddeeda;--color-accent-text:#1f7a33;--color-text-on-accent:#fff;--primary-gradient:linear-gradient(135deg, #2a8438 0%, #15602a 100%);--secondary-gradient:linear-gradient(135deg, #7cc576 0%, #4caf50 100%);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-text-primary:#20281f;--color-text-secondary:#20281fc7;--color-text-muted:#20281fa8;--color-text-inverse:#fff;--color-live:#ef4444;--color-live-glow:#ef444466;--color-team-home:#166534;--color-team-away:#1d4ed8;--color-team-away-tint:#1d4ed81a;--color-cross:#6d28d9;--color-cross-strong:#5b21b6;--color-cross-tint:#6d28d917;--color-cross-line:#6d28d947;--color-team-a:#6d28d9;--color-team-a-tint:#6d28d91f;--color-team-a-line:#6d28d957;--color-team-b:#9a3412;--color-team-b-tint:#9a34121f;--color-team-b-line:#9a341257;--color-gender-male:#1d4ed8;--color-gender-male-tint:#1d4ed81a;--color-gender-female:#be185d;--color-gender-female-tint:#be185d1a;--color-warn-text:#92400e;--color-warn-tint:#b4530917;--color-warn-line:#b4530942;--color-warn-border:#d97706;--color-danger-text:#b91c1c;--color-info-text:#1d4ed8;--color-info-tint:#1d4ed817;--color-info-line:#1d4ed847;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-family:"Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:500;--font-medium:600;--font-semibold:700;--font-bold:900;--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.8;--shadow-sm:0 1px 2px #26422a14;--shadow-md:0 4px 12px #26422a17;--shadow-lg:0 8px 24px #26422a1c;--shadow-xl:0 16px 48px #26422a21;--shadow-glow-primary:0 0 28px #2f9e4424;--shadow-glow-success:0 0 25px #22c55e1a;--shadow-glow-live:0 0 15px var(--color-live-glow);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1);--z-toast:500;--primary:var(--color-accent-primary);--secondary:var(--color-accent-secondary);--surface:var(--color-bg-secondary);--surface-variant:var(--color-bg-elevated);--border:#2038221a;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-disabled:var(--color-text-muted)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#20281f!important;background-color:#f5f7ee!important}body{font-family:var(--font-family);line-height:var(--leading-normal);word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden;color:#20281f!important;background-color:#f5f7ee!important}#root,.app-container,.main-content{min-height:100vh;color:#20281f!important;background-color:#f5f7ee!important}header.header{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffffeb!important;border-bottom:1px solid #20382214!important}.logo-text{color:#20281f!important}.logo-sub{color:#7b8577!important}.desktop-nav{background:#2f9e440f;border:1px solid #20382214;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.desktop-nav-link{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:7px 18px;font-size:.88rem;font-weight:700;transition:all .2s;color:#5b6357!important}.desktop-nav-link:hover{background:#2f9e441a;color:#20281f!important}.desktop-nav-link.active{border:1px solid #2f9e4473;color:#2f9e44!important;background:#fff!important;font-weight:900!important;box-shadow:0 2px 10px #2f9e442e!important}.container{width:100%;max-width:var(--shell-w,600px);padding:0 var(--space-6);margin:0 auto}.roster,.session{container-type:inline-size}.team-split{grid-template-columns:1fr;align-items:start;gap:10px;display:grid}.team-toggle{gap:6px;display:flex}.tt-btn{background:var(--color-bg-secondary);min-width:0;color:var(--color-text-secondary);cursor:pointer;border:1.5px solid #2038221f;border-radius:11px;flex:1;padding:9px 10px;font-family:inherit;font-size:.8rem;font-weight:800}.tt-btn b{margin-left:3px;font-weight:900}.tt-btn.on.ta{border-color:var(--color-team-a);background:var(--color-team-a-tint);color:var(--color-team-a)}.tt-btn.on.tb{border-color:var(--color-team-b);background:var(--color-team-b-tint);color:var(--color-team-b)}.tt-btn.on.tx{color:var(--color-text-primary);background:#20281f0d;border-color:#20382266}.team-pane{background:var(--color-bg-secondary);border:1px solid #2038221a;border-top:3px solid #2038222e;border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:10px 10px 12px;display:flex}.team-pane.ta{border-top-color:var(--color-team-a)}.team-pane.tb{border-top-color:var(--color-team-b)}.tp-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-name{color:var(--color-text-primary);font-size:.88rem;font-weight:900}.team-pane.ta .tp-name{color:var(--color-team-a)}.team-pane.tb .tp-name{color:var(--color-team-b)}.tp-meta{color:var(--color-text-secondary);font-size:.72rem;font-weight:700}.tp-meta b{color:var(--color-text-primary);font-weight:900}.tp-paste{background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;border:1px solid #2038221f;border-radius:9px;align-items:center;gap:4px;margin-left:auto;padding:6px 10px;font-family:inherit;font-size:.72rem;font-weight:800;display:inline-flex}.tp-empty{text-align:center;color:var(--color-text-muted);border:1px dashed #20382224;border-radius:11px;padding:18px 10px;font-size:.78rem}@container (width<=699px){.team-pane{display:none}.team-pane.on{display:flex}}@container (width>=700px){.team-toggle{display:none}.team-split{grid-template-columns:1fr 1fr}.team-pane.wide{grid-column:1/-1}}.glass-card{border-radius:var(--radius-lg);transition:all var(--transition-base);color:#20281f!important;background:#fff!important;border:1px solid #2038221a!important;box-shadow:0 4px 6px #26422a12!important}.glass-card.emphasized{box-shadow:var(--shadow-lg), var(--shadow-glow-primary)!important;border-color:#2f9e4459!important}.btn-primary{background:var(--primary-gradient);color:var(--color-text-on-accent);font-weight:var(--font-bold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;box-shadow:0 4px 14px #2f9e4447}.btn-primary:active{transform:scale(.98)}.btn-outline{border:1.5px solid var(--color-accent-primary);color:var(--color-accent-primary);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:12px;padding:11px 23px}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);font-weight:var(--font-bold);cursor:pointer;border:1px solid #2038221a;border-radius:12px;padding:12px 24px}.btn-text{color:var(--color-text-secondary);font-weight:var(--font-medium);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 16px;display:flex}.skeleton{background:linear-gradient(90deg,#2038220d 25%,#2038221a 37%,#2038220d 63%) 0 0/400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}