:root{color-scheme:light;--ink: #17211b;--muted: #60706a;--line: #d8e0dc;--paper: #ffffff;--band: #eef6f3;--accent: #1f7a5c;--accent-strong: #145f47;--warning: #b84c2e}*{box-sizing:border-box}body{margin:0;background:#f8faf9;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700;min-height:42px;padding:.7rem .9rem}button:hover{background:var(--accent-strong)}button:disabled{background:#9aa7a2;cursor:not-allowed}button.secondary{background:#e6eeeb;color:var(--ink)}button.secondary:hover{background:#d9e5e0}button.text-button{background:transparent;color:var(--accent-strong);min-height:auto;padding:.2rem .45rem}main,.topbar{width:min(1320px,calc(100% - 32px));margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0}.brand-lockup{display:flex;align-items:center;gap:.9rem;min-width:0}.brand-logo{width:clamp(150px,20vw,240px);height:auto;flex:0 0 auto;object-fit:contain;background:transparent;display:block}.brand-tagline{color:var(--muted);font-size:.95rem;font-weight:700;line-height:1.25;margin:0;max-width:180px}.brand-tagline span{display:block}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:0;font-size:clamp(2rem,6vw,4rem);line-height:1}h2{margin-bottom:.5rem;font-size:1.35rem}h3{margin-bottom:.45rem}.eyebrow,.status-label{color:var(--accent-strong);display:block;font-size:.76rem;font-weight:800;letter-spacing:0;margin-bottom:.25rem;text-transform:uppercase}.role-switcher{min-width:180px}.team-switcher{min-width:min(280px,100%)}.team-nav{display:flex;align-items:flex-start;gap:.45rem;min-width:min(340px,100%)}.team-nav .team-switcher{flex:1}.team-overflow{margin-top:1.43rem}.mock-user-panel{--mock-user-top: 88px;--mock-user-right: 16px;display:grid;gap:.5rem;position:fixed;top:var(--mock-user-top);right:var(--mock-user-right);z-index:20;width:min(260px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 12px 32px #17211b24;padding:.75rem}.mock-user-panel-heading{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;font-weight:650}.mock-user-drag-handle{width:28px;min-height:28px;height:28px;flex:0 0 auto;padding:0;border:1px solid var(--line);background:#f5faf8;color:var(--accent-strong);cursor:grab;position:relative}.mock-user-drag-handle:before{content:"";position:absolute;inset:7px 9px;background-image:radial-gradient(currentColor 1.5px,transparent 1.5px);background-size:5px 5px;background-position:0 0}.mock-user-drag-handle:hover{background:#e6eeeb}.mock-user-drag-handle:active{cursor:grabbing}.auth-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.account-menu{position:relative}.account-menu summary{display:grid;place-items:center;width:44px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--accent);color:#fff;cursor:pointer;font-weight:800;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:var(--accent-strong)}.account-menu-content{position:absolute;top:calc(100% + .5rem);right:0;z-index:25;min-width:220px;display:grid;gap:.35rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 12px 32px #17211b24;padding:.75rem}.account-menu-content small{color:var(--muted)}.account-menu-content button{justify-self:start;margin-top:.35rem}.public-page{width:100vw;margin:0;margin-left:calc(50% - 50vw)}.public-hero{min-height:min(720px,78vh);display:flex;align-items:center;margin-bottom:0;background-position:center;background-size:cover;position:relative;overflow:hidden}.public-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,#f8faf900,#f8faf9e0 72%,#f8faf9);pointer-events:none}.public-hero-copy{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:10px 0 3rem;position:relative;z-index:1}.public-hero-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:2.5rem}.public-hero h1{max-width:720px;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.98}.public-hero p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:1.1rem;line-height:1.55}.public-section{width:min(1320px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:start;gap:2rem;margin:0 auto;padding:5rem 0}.public-section h2{max-width:640px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.04}.public-section p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:1.05rem;line-height:1.55}.public-section img{width:100%;height:min(420px,38vw);min-height:260px;border-radius:8px;object-fit:cover}.public-register{grid-template-columns:minmax(0,.8fr) minmax(300px,.7fr);border-bottom:1px solid var(--line)}.public-form{display:grid;gap:.8rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:1rem}.public-guide{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:2rem 0 4rem}.public-guide-header{padding-bottom:1.5rem}.public-solution{grid-template-columns:minmax(300px,.85fr) minmax(0,1fr)}.public-product{grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);border-top:1px solid var(--line)}.public-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.public-metrics span{min-height:86px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--accent-strong);font-weight:800;text-align:center}label{color:var(--muted);display:grid;gap:.35rem;font-size:.9rem;font-weight:650}input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-height:42px;padding:.55rem .65rem}.hero-band{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;overflow:hidden;margin-bottom:1rem;border:1px solid var(--line);border-radius:8px;background:var(--band)}.hero-copy{padding:2rem}.hero-copy h2{max-width:680px;font-size:clamp(1.7rem,4vw,3rem);line-height:1.05}.hero-copy p{color:var(--muted);max-width:620px;font-size:1.04rem}.hero-image{width:100%;height:100%;min-height:230px;object-fit:cover}.status-row,.panel{border:1px solid var(--line);border-radius:8px;background:var(--paper)}.status-row{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(0,1fr));gap:1px;margin-bottom:1rem;overflow:hidden}.status-row>div{display:grid;align-content:start;min-height:82px;padding:1rem}.app-nav{display:flex;flex-wrap:wrap;gap:.5rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);margin-bottom:1rem;padding:.75rem}.app-nav button{min-width:112px}.app-nav button.active{background:var(--accent);color:#fff}.grid{display:grid;align-items:start;gap:1rem;margin-bottom:1rem}.grid.two{grid-template-columns:.72fr 1.28fr}.panel{align-self:start;margin-bottom:1rem;padding:1rem}.empty-state{display:grid;align-content:start;justify-items:start;gap:1rem;min-height:260px}.compact-empty-state{min-height:180px}.empty-state p:not(.eyebrow){color:var(--muted);margin-bottom:0;max-width:520px}.panel-subform{align-content:start;display:grid;gap:.85rem;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;padding:1rem}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#e8f2ee;color:var(--accent-strong);font-size:.8rem;font-weight:800;min-height:30px;padding:.25rem .65rem;white-space:nowrap}.pill.locked{background:#f7e9e3;color:var(--warning)}.pill-button{border:0;cursor:pointer}.pill-button:hover{background:#dcece5}.lineup-label-pill{justify-content:center}.lineup-label-fair{background:#e4f4ec;color:#0f6a45}.lineup-label-balanced{background:#edf3f1;color:#2f5d4e}.lineup-label-competitive{background:#f4ece5;color:#9a4f20}.lineup-label-summary{display:grid;gap:.2rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;padding:.75rem}.lineup-label-summary p{color:var(--muted);margin-bottom:0}.assessment-hero{background:radial-gradient(circle at top right,rgba(31,122,92,.08),transparent 32%),linear-gradient(180deg,#fff,#f7fbf9)}.assessment-chip-row{display:flex;flex-wrap:wrap;gap:.55rem}.assessment-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.assessment-card h3{font-size:1.8rem;line-height:1;margin:0 0 .45rem}.assessment-card p:last-child{color:var(--muted);margin-bottom:0}.assessment-rules{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.assessment-rules>div{border:1px solid var(--line);border-radius:8px;background:#fbfdfc;padding:.9rem}.assessment-rules p{margin-bottom:.45rem}.stack{display:grid;gap:.85rem}.guide-lead{color:var(--muted);font-size:1.02rem;line-height:1.6;margin-bottom:0;max-width:920px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.25rem;align-items:start;background:radial-gradient(circle at top left,rgba(31,122,92,.08),transparent 34%),linear-gradient(180deg,#fff,#f7fbf9)}.guide-hero-copy{min-width:0}.guide-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}.guide-chip{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:.35rem .75rem;font-size:.84rem;font-weight:800}.guide-chip-fair{background:#e4f4ec;color:#0f6a45}.guide-chip-balanced{background:#edf3f1;color:#2f5d4e}.guide-chip-competitive{background:#f4ece5;color:#9a4f20}.guide-photo{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fbfdfc;box-shadow:0 16px 36px #17211b14}.guide-photo img{display:block;width:100%;height:240px;object-fit:cover}.guide-photo figcaption{padding:.75rem .9rem .85rem;color:var(--muted);font-size:.92rem;line-height:1.45}.guide-photo-tall img{height:100%;min-height:280px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-grid h4{margin-bottom:.45rem}.guide-list,.guide-sources{margin:0;padding-left:1.2rem}.guide-sources{display:grid;gap:.4rem}.guide-sources a{color:var(--accent-strong)}.policy-card{border:1px solid var(--line);border-radius:16px;background:#fbfdfc;padding:1rem}.guide-pillars{display:grid;gap:1.1rem;background:linear-gradient(180deg,#fbfdfc,#f1f7f4)}.guide-pillars-copy p:last-child,.guide-spectrum-head p,.guide-scope-note p:last-child{color:var(--muted);margin-bottom:0;max-width:760px}.guide-pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-pillar{display:grid;gap:.65rem;border:1px solid rgba(31,122,92,.12);border-radius:16px;background:#ffffffe0;padding:1.1rem}.guide-pillar h4,.guide-spectrum-card h3,.guide-policy-item h4,.guide-metric-tile h4{margin-bottom:0}.guide-pillar p,.guide-policy-item p,.guide-spectrum-card p,.guide-reading-grid p,.guide-metric-tile p{color:var(--muted);margin-bottom:0}.guide-pillar strong{color:var(--accent-strong);font-size:.84rem}.guide-pillar-kicker,.guide-metric-example{color:var(--accent-strong);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.guide-spectrum{display:grid;gap:1rem}.guide-spectrum-head{display:grid;gap:.5rem}.guide-spectrum-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.guide-spectrum-stop{height:10px;border-radius:999px}.guide-spectrum-stop-fair{background:linear-gradient(90deg,#91d7ac,#57b980)}.guide-spectrum-stop-balanced{background:linear-gradient(90deg,#c7d8d1,#8ab19f)}.guide-spectrum-stop-competitive{background:linear-gradient(90deg,#ebc3a8,#cf8f5e)}.guide-spectrum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-spectrum-card{display:grid;gap:.7rem;min-height:100%;border-radius:20px;padding:1.2rem}.guide-spectrum-card small{color:var(--muted);display:block;line-height:1.45}.guide-spectrum-card-fair{border:1px solid #b9e2c8;background:linear-gradient(180deg,#f2fbf5,#e4f4ec)}.guide-spectrum-card-balanced{border:1px solid #d7e3de;background:linear-gradient(180deg,#f7faf9,#edf3f1)}.guide-spectrum-card-competitive{border:1px solid #ebceb8;background:linear-gradient(180deg,#fbf4ef,#f4ece5)}.guide-scope-note{border-top:1px solid var(--line);padding-top:.9rem}.guide-policy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-policy-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.9rem;align-items:start;border:1px solid var(--line);border-radius:16px;background:#fbfdfc;padding:1rem}.guide-policy-number{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e6f1ed;color:var(--accent-strong);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:1rem;font-weight:800}.guide-reading-grid,.guide-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-metric-tile{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfa);padding:1rem}.help-icon{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:.25rem;border:1px solid var(--line);border-radius:999px;color:var(--accent-strong);font-size:.72rem;font-weight:800;line-height:1;vertical-align:middle;cursor:help}.field-label-text{display:inline-block}.field-label-with-help{display:inline-flex;align-items:center;gap:.35rem}.field-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:start}.roster-form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(100px,.5fr) auto}.roster-form-row button{align-self:end}.field-row.compact{grid-template-columns:minmax(180px,1fr) minmax(120px,auto)}.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem}.item-actions{display:flex;align-items:center;gap:.45rem}.overflow-menu{position:relative}.overflow-menu summary{display:grid;place-items:center;width:42px;min-height:42px;border-radius:8px;background:#e6eeeb;color:var(--ink);cursor:pointer;font-weight:900;list-style:none}.overflow-menu summary::-webkit-details-marker{display:none}.overflow-menu summary:hover{background:#d9e5e0}.overflow-menu-content{position:absolute;top:calc(100% + .4rem);right:0;z-index:15;min-width:150px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 12px 32px #17211b24;padding:.35rem}button.danger,.text-button.danger{color:var(--warning)}.overflow-menu-content button{width:100%;justify-content:start}.menu-link{display:flex;align-items:center;width:100%;min-height:40px;border-radius:8px;color:var(--ink);font-weight:700;padding:.55rem .7rem;text-decoration:none}.menu-link:hover{background:#e6eeeb}.list{display:grid;gap:.6rem;margin-top:1rem}.item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:8px;padding:.75rem}.item.archived{background:#f3f5f4;color:var(--muted)}.item.selected{border-color:var(--accent);background:#f1faf6}.item small{color:var(--muted);display:block}.game-select-button{display:grid;justify-items:start;gap:.2rem;flex:1;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left}.game-select-button:hover{background:transparent;color:var(--accent-strong)}.game-select-button strong,.game-select-button small{width:100%}.compact-select{max-width:320px}.status-row small{color:var(--muted);display:block;margin-top:.25rem}.ordered{display:grid;gap:.35rem;margin:0;padding-left:1.5rem}.ordered li{padding:.25rem 0}.assignment-grid{display:grid;gap:.5rem}.assignment-inning{border:1px solid var(--line);border-radius:8px;padding:.65rem}.lineup-table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.lineup-help{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--line);background:#fbfdfc;padding:.75rem}.lineup-help span{color:var(--muted)}.lineup-table{min-width:860px}.lineup-table th,.lineup-table td{vertical-align:middle}.lineup-table th:first-child,.lineup-table td:first-child{width:64px}.lineup-table th:nth-child(2),.lineup-table td:nth-child(2){min-width:180px}.lineup-table select{min-width:92px}.lineup-row-actions{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:1px solid var(--line);border-radius:999px;background:#fbfdfc;color:var(--ink);font-size:.95rem;line-height:1}.icon-button:hover:not(:disabled){background:#edf3f1}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.danger{color:#9a4f20;border-color:#e7b29f}.icon-button.danger:hover:not(:disabled){background:#fff4f0}.lineup-conflict-cell{background:#fff4f0}.lineup-conflict-cell select{border-color:#e7b29f}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.chip{border-radius:8px;background:#edf3f1;color:var(--ink);display:inline-flex;gap:.35rem;padding:.35rem .5rem;font-size:.84rem}.error-box{border:1px solid #e7b29f;border-radius:8px;background:#fff4f0;color:var(--warning);margin-bottom:1rem;padding:.75rem}.error-box ul{margin-bottom:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1020px}th,td{border-bottom:1px solid var(--line);padding:.75rem;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.82rem;text-transform:uppercase}.table-sort{display:inline-flex;align-items:center;gap:.35rem;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-transform:inherit}.table-sort:hover{background:transparent;color:var(--accent-strong)}.table-sort.active{color:var(--accent-strong)}tbody tr{cursor:pointer}tbody tr:hover{background:#f3f8f6}.metric-main{display:block;font-weight:800}.metric-sub{color:var(--muted);display:block;font-size:.82rem;margin-top:.15rem}.drilldown{margin-top:1rem;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;padding:1rem}.absent-players p{color:var(--muted);margin-bottom:.75rem}.drilldown-table{min-width:680px}@media(max-width:980px){.topbar,.hero-band,.grid.two,.status-row,.field-row,.field-row.compact{grid-template-columns:1fr}.topbar{display:grid}.brand-lockup{align-items:center;display:flex;justify-content:space-between}.brand-logo{width:min(58vw,220px)}.brand-tagline{font-size:.85rem;max-width:128px;text-align:right}.mock-user-panel{--mock-user-top: auto;--mock-user-right: 12px;bottom:12px;width:min(260px,calc(100vw - 24px))}.public-hero{min-height:72vh;align-items:flex-end}.public-hero-copy{padding:10px 0 2rem}.public-hero-head{display:grid;gap:1rem;margin-bottom:1.5rem}.public-section,.public-register,.public-solution,.public-product{grid-template-columns:1fr;padding:3rem 0}.public-solution img{order:2}.public-metrics,.guide-grid,.guide-hero,.guide-pillars-grid,.guide-spectrum-grid,.guide-policy-list,.guide-reading-grid,.guide-metric-grid{grid-template-columns:1fr}.guide-photo img,.guide-photo-tall img{height:220px;min-height:0}.hero-copy{padding:1.25rem}.status-row>div{min-height:auto}.item{align-items:stretch;flex-direction:column}}
