:root{color:#172019;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172019;--muted:#6f786f;--line:#e1e5de;--surface:#fff;--soft:#eef4ed;--green:#225b3c;--lime:#cce86a;--shadow:0 16px 40px #1e332414;background:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f7f7f4;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef5ec;background:#173b2a;flex-direction:column;gap:30px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.04em;align-items:center;gap:10px;padding:0 10px;font-size:1.35rem;font-weight:800;display:flex}.brand-mark{color:#183e2b;background:var(--lime);border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.35rem;display:grid}.workspace{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 10px;display:grid}.workspace strong,.workspace small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace strong{color:#fff;font-size:.86rem}.workspace small{color:#acc0b0;margin-top:3px;font-size:.7rem}.club-badge,.avatar{border-radius:50%;place-items:center;font-weight:800;display:grid}.club-badge{color:#173b2a;background:var(--lime);width:38px;height:38px;font-size:.75rem}.dots{color:#a9bcae;letter-spacing:2px}.nav{gap:6px;display:grid}.nav-label{color:#88a18e;letter-spacing:.12em;text-transform:uppercase;margin:0 10px 8px;font-size:.68rem;font-weight:800}.nav-item{color:#b5c7b8;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:flex}.nav-item span{place-items:center;width:22px;font-size:1.1rem;display:grid}.nav-item:hover,.nav-item.active{color:#173b2a;background:var(--lime)}.main-content{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#f7f7f4e6;justify-content:space-between;align-items:center;min-height:76px;padding:0 5vw;display:flex}.breadcrumbs{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.top-actions{align-items:center;gap:14px;display:flex}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:var(--surface);border-radius:10px;place-items:center;padding:0;font-size:1.15rem;display:grid}.icon-button:hover{border-color:var(--green);color:var(--green)}.top-player{color:var(--muted);font-size:.85rem;font-weight:700}.page{width:min(1120px,100% - 64px);margin:0 auto;padding:48px 0 72px}.page-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:#6b806f;letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.3;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}h2{letter-spacing:-.03em;margin-bottom:10px;font-size:1.25rem}h3{margin-bottom:5px;font-size:.96rem}p{line-height:1.55}.lead{color:var(--muted);margin:-12px 0 26px}.panel,.profile-card,.hero-card,.context-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.panel{padding:24px}.context-panel{box-shadow:none;background:#e8f1e8;border-color:#d5e4d5;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:22px 24px;display:flex}.context-panel h2{margin:4px 0}.context-panel p{color:var(--muted);margin:0}.context-values{gap:28px;display:flex}.context-values span{text-align:right;gap:4px;display:grid}.context-values small{color:var(--muted);letter-spacing:.08em;font-size:.7rem}.context-values strong{font-size:1.25rem}.hero-card{color:#f4faef;background:linear-gradient(125deg,#1d5136,#2c7047);align-items:end;min-height:230px;margin-bottom:24px;padding:34px;display:flex;overflow:hidden}.hero-card h2{color:#fff;letter-spacing:-.07em;margin:16px 0 10px;font-size:clamp(2rem,5vw,3.7rem);line-height:.98}.hero-card em{color:var(--lime);font-style:normal}.hero-card p{color:#c6d9c8;max-width:420px;margin-bottom:0}.pill,.status-pill,.count-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:inline-flex}.pill{color:#d9efdc;background:#ffffff21;padding:7px 10px}.pill.light{color:#d7ef9a;background:#cce86a1f}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:16px;align-items:flex-start;gap:14px;padding:20px;display:flex}.stat-card.accent{color:#f4faef;background:var(--green);border-color:#225b3c}.stat-icon{width:38px;height:38px;color:var(--green);background:var(--soft);border-radius:11px;flex:0 0 38px;place-items:center;font-size:1.2rem;display:grid}.stat-card.accent .stat-icon{color:var(--green);background:var(--lime)}.stat-card small,.stat-card strong,.stat-card span{display:block}.stat-card small{color:var(--muted);font-size:.74rem;font-weight:700}.stat-card.accent small,.stat-card.accent span{color:#bed5c1}.stat-card strong{letter-spacing:-.04em;margin:5px 0;font-size:1.65rem}.stat-card span{color:var(--muted);font-size:.78rem}.split-grid,.game-layout,.profile-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:24px;display:grid}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-heading h2{margin:5px 0 0}.count-badge{color:#31513c;background:var(--lime);min-width:30px;height:30px}.game-row,.list-row,.roster-row{border-top:1px solid var(--line);align-items:center;gap:16px;display:flex}.game-row{padding:16px 0;transition:transform .2s,background .2s}.game-row:hover{transform:translate(4px)}.date-box{background:var(--soft);text-align:center;border-radius:9px;flex:0 0 48px;place-items:center;padding:7px 4px;display:grid}.date-box strong{font-size:1.1rem}.date-box small{color:var(--muted);text-transform:uppercase;font-size:.65rem}.game-row>div:nth-child(2){flex:1;min-width:0}.game-row h3,.game-row p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-row p{color:var(--muted);margin:0;font-size:.78rem}.status-pill{color:#6e5f25;white-space:nowrap;background:#f7edc6;padding:7px 9px}.mini-list{display:grid}.mini-list div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:15px 0;display:flex}.mini-list span,.roster-row span{color:var(--muted)}.button{border:0;border-radius:9px;min-height:40px;padding:0 15px;font-weight:800}.button.dark{color:#fff;background:var(--green)}.button.secondary{color:var(--green);background:var(--soft);border:1px solid #c8d8ca}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.season-banner{color:#ecf5ed;background:linear-gradient(120deg,#225b3c,#4d7c4f);border-radius:14px;align-items:center;min-height:190px;padding:26px;display:flex}.season-banner small{color:#c7ddca;text-transform:uppercase;letter-spacing:.1em}.season-banner h2{color:#fff;margin:8px 0;font-size:2rem}.season-banner p{color:#c7ddca;margin:0}.profile-card{align-items:center;gap:18px;margin-bottom:24px;padding:24px;display:flex}.profile-card h2{margin-bottom:4px}.profile-card p{color:var(--muted);margin-bottom:10px}.avatar{color:#17442d;background:var(--lime);width:58px;height:58px}.detail{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:15px 0;display:flex}.detail span{color:var(--muted)}.setting{border-top:1px solid var(--line);justify-content:space-between;padding:15px 0;display:flex}.list-row,.roster-row{justify-content:space-between;padding:15px 0}.list-row>div:first-child{gap:4px;display:grid}.list-row small{color:var(--muted)}.response-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.response-actions>span{color:var(--muted);font-size:.82rem}.roster-panel{margin-top:18px}.roster-table{display:grid}.empty-state{text-align:center}.detail-panel{margin-bottom:20px}.detail-panel ul,.roster{color:var(--muted);gap:10px;padding-left:20px;line-height:1.6;display:grid}.toast{z-index:5;color:#fff;box-shadow:var(--shadow);background:#173b2a;border-radius:10px;padding:13px 17px;font-weight:700;position:fixed;bottom:24px;right:24px}@media (width<=900px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.page{width:min(100% - 40px,720px)}.split-grid,.game-layout,.profile-grid{grid-template-columns:1fr}}@media (width<=650px){.app-shell{display:block}.sidebar{height:auto;padding:16px;position:static}.sidebar .workspace{display:none}.sidebar .nav{grid-template-columns:repeat(3,1fr);gap:4px}.nav-label{display:none}.nav-item{justify-content:center;gap:5px;padding:8px 4px;font-size:.72rem}.nav-item span{width:auto}.topbar{min-height:60px;padding:0 20px}.top-player{display:none}.page{width:calc(100% - 32px);padding:30px 0 48px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.context-panel{flex-direction:column;align-items:flex-start}.context-values{justify-content:space-between;width:100%}.context-values span{text-align:left}.stats-grid{grid-template-columns:1fr}.panel,.hero-card{padding:18px}.game-row{gap:10px}.status-pill{font-size:.58rem}.list-row{flex-direction:column;align-items:flex-start}.response-actions{width:100%}.profile-card{align-items:flex-start}}