:root{--ink:#102234;--muted:#657384;--line:#dbe2e8;--paper:#f3f6f8;--navy:#071827;--navy2:#0d2b43;--blue:#176cba;--red:#b72d2d;--gold:#f3b729;--green:#21885d;--shadow:0 14px 40px rgba(12,32,49,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1440px)/2));gap:42px;position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #07182740}.brand{display:flex;align-items:center;gap:11px;min-width:190px}.brand>span:last-child{display:grid;line-height:1.1}.brand small{color:#9eb1c2;margin-top:4px}.brand-mark{width:64px;height:64px;display:grid;place-items:center;background:linear-gradient(145deg,#f5c95c,#bf7a09);border:3px solid #ffe29c;outline:2px solid #875508;border-radius:16px 16px 22px 22px;color:#152533;font-weight:900;box-shadow:inset 0 0 0 3px #fff4}.brand-mark.small{width:42px;height:42px;font-size:14px;border-width:2px;border-radius:10px 10px 14px 14px}.topbar nav{display:flex;align-self:stretch;gap:6px}.topbar nav a{display:flex;align-items:center;padding:0 16px;color:#aab9c6;font-size:14px;font-weight:700;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:#fff;background:#ffffff08;border-color:var(--gold)}.top-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.week-chip{font-size:13px;font-weight:800;background:#17364e;border:1px solid #2c4d65;padding:8px 12px;border-radius:99px}.muted-link{color:#9eb1c2;font-size:13px}.shell{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:34px 0 64px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#39708f}.hero{min-height:220px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-radius:22px;background:radial-gradient(circle at 75% 30%,#356075 0,transparent 25%),linear-gradient(120deg,#071827,#123c55);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"A  ↻  B";position:absolute;right:26%;bottom:-25px;font-weight:900;font-size:100px;color:#fff08;letter-spacing:-.12em}.hero h1{font-size:clamp(30px,4vw,50px);line-height:1.02;margin:0 0 13px;max-width:760px;letter-spacing:-.04em}.hero p:not(.eyebrow){color:#b8c7d2;margin:0;max-width:690px}.week-form{width:240px;background:#fff;color:var(--ink);padding:18px;border-radius:14px;display:grid;gap:10px;z-index:1}.week-form label{font-size:12px;font-weight:800}.week-form input{margin-top:6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metric{background:#fff;border:1px solid #e2e8ed;border-radius:16px;padding:20px 22px;display:grid;box-shadow:0 5px 18px #10223408;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#738494}.metric.team-a:before{background:var(--blue)}.metric.team-b:before{background:var(--red)}.metric span{font-weight:800;font-size:13px;color:var(--muted)}.metric strong{font-size:32px;margin:6px 0 0;line-height:1}.metric small{color:#7f8b97;margin-top:6px}.metric .status-text{font-size:25px}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px}.panel{background:#fff;border:1px solid #e2e8ed;border-radius:18px;padding:26px;box-shadow:0 7px 25px #10223408}.section-heading,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading h2,.page-heading h1,.principle h2{margin:0}.page-heading{margin:4px 0 24px}.page-heading h1{font-size:38px;letter-spacing:-.035em}.page-heading p:not(.eyebrow){color:var(--muted);margin:7px 0 0}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:800;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s transform,.15s background}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#156cae;color:#fff;box-shadow:0 5px 14px #156cae30}.btn.secondary{background:#e9f0f5;color:#16496d}.btn.ghost{background:#fff;border:1px solid var(--line);color:#4b5c6c}.btn.wide{width:100%}.readiness{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #edf0f2}.readiness:first-of-type{margin-top:18px}.team-badge,.team-dot{display:grid;place-items:center;color:#fff;font-weight:900}.team-badge{width:43px;height:48px;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.team-badge.a,.team-dot.a{background:var(--blue)}.team-badge.b,.team-dot.b{background:var(--red)}.readiness-main{flex:1;display:grid}.readiness-main small{color:var(--muted);margin-top:5px}.capacity{height:6px;background:#e7edf1;border-radius:5px;overflow:hidden;margin-top:7px}.capacity span{display:block;width:var(--fill);height:100%;background:linear-gradient(90deg,#1683c8,#42b3cf)}.pill{font-size:11px;font-weight:900;padding:6px 9px;border-radius:99px}.pill.ok{color:#15734c;background:#def5e9}.pill.warn{color:#98600a;background:#fff0cd}.warnings{margin:-8px 0 12px 58px;color:#9a650d;font-size:12px}.panel-actions,.heading-actions{display:flex;gap:10px;margin-top:16px}.principle{background:linear-gradient(160deg,#102d43,#071827);color:#fff}.principle .eyebrow{color:#e4b33a}.principle h2{font-size:25px}.principle-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:20px}.principle-list li{display:flex;gap:13px}.principle-list li>span{flex:0 0 30px;height:30px;border:1px solid #4b6375;color:#e9ba44;display:grid;place-items:center;border-radius:50%;font-weight:900}.principle-list div{display:grid;gap:4px}.principle-list small{color:#9eb0bd;line-height:1.45}.alert{border-radius:11px;padding:13px 16px;margin-bottom:18px;font-size:14px}.alert.success{background:#e0f5e9;color:#176a48;border:1px solid #bce7d0}.alert.danger{background:#fde7e6;color:#992b29;border:1px solid #f3c7c5}.alert.warning{background:#fff1cf;color:#83580f;border:1px solid #eed795}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px}.filters{display:flex;gap:6px}.filter{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-weight:800;font-size:12px;cursor:pointer}.filter span{background:#edf1f4;padding:2px 6px;border-radius:8px;margin-left:4px}.filter.active{background:#102e44;color:#fff;border-color:#102e44}.search{margin-left:auto;width:230px}.table-wrap{background:#fff;border:1px solid #dfe6ea;border-radius:14px;overflow:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}.player-table th{text-transform:uppercase;letter-spacing:.06em;color:#778491;font-size:10px;text-align:left;background:#f8fafb;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.player-table td{padding:11px 12px;border-bottom:1px solid #edf1f3;font-size:13px;vertical-align:middle}.player-table tr:last-child td{border-bottom:0}.player-table td:first-child{min-width:160px}.player-table td:first-child small{display:block;color:var(--muted);font-size:10px;margin-top:3px;max-width:220px}.team-dot{width:27px;height:27px;border-radius:7px}.tier{font-size:10px;font-weight:900;text-transform:uppercase;padding:5px 7px;border-radius:5px;white-space:nowrap}.tier.protected{background:#ffe194;color:#7b5300}.tier.flex{background:#d8eaff;color:#135a9e}.tier.regular{background:#e9edf0;color:#586572}.history-strip{display:flex;gap:4px}.history{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;color:#fff;font-size:10px;font-weight:900;position:relative}.history.starter,.role-tag.starter{background:#2379b6}.history.sub,.role-tag.sub{background:#e4a628}.history.off,.role-tag.off{background:#83909b}.history.noshow:after{content:"×";position:absolute;inset:-4px -4px auto auto;background:#c62d2d;border-radius:50%;width:13px;height:13px;display:grid;place-items:center;font-size:9px}.role-tag{display:inline-flex;color:#fff;font-size:10px;font-weight:900;padding:5px 8px;border-radius:5px;white-space:nowrap}.switch input{position:absolute;opacity:0}.switch span{display:block;width:34px;height:20px;border-radius:20px;background:#c9d1d7;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.15s}.switch input:checked+span{background:#21936a}.switch input:checked+span:after{transform:translateX(14px)}input,select,textarea{border:1px solid #cad4dc;border-radius:8px;padding:9px 10px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#267aae;box-shadow:0 0 0 3px #267aae18}.player-table select{padding:7px;min-width:90px}.icon-btn,.close-btn{border:0;background:#edf2f5;border-radius:7px;cursor:pointer;font-size:17px;padding:5px 9px}.empty{text-align:center!important;color:var(--muted);padding:40px!important}dialog{border:0;border-radius:18px;padding:0;width:min(700px,calc(100% - 32px));box-shadow:0 30px 90px #07182770}dialog::backdrop{background:#071827b8;backdrop-filter:blur(3px)}.dialog-form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:0}.close-btn{font-size:24px;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.form-grid label,.import-form>label,.week-form label{display:grid;gap:6px;font-weight:800;font-size:12px}.span-2{grid-column:span 2}.check-group{display:flex;align-items:end;gap:14px;padding-bottom:10px}.check-group label{display:flex;gap:5px;align-items:center;font-size:12px}fieldset{border:1px solid var(--line);border-radius:10px}legend{font-weight:900;font-size:12px;padding:0 8px}.history-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-editor>div{display:grid;gap:7px;background:#f5f8fa;padding:10px;border-radius:8px}.history-editor label{font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.delete-form{position:absolute;left:26px;bottom:32px}.danger-link{border:0;background:transparent;color:#b72d2d;font-weight:800;cursor:pointer}.import-layout{grid-template-columns:1.3fr .7fr}.import-form{display:grid;gap:18px}.dropzone{border:2px dashed #b7c6d1;border-radius:14px;padding:30px;text-align:center;background:#f7fafb;cursor:pointer}.dropzone input{display:none}.dropzone span,.dropzone strong,.dropzone small{display:block}.upload-icon{margin:0 auto 10px;width:42px;height:42px!important;border-radius:50%;background:#dcebf4;color:#176ca9;display:grid!important;place-items:center;font-size:25px}.dropzone small{font-weight:500;color:var(--muted);margin-top:4px}.import-form textarea{resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:11px}.import-options{display:flex;gap:24px;font-size:13px}.guide h2{margin-top:0}.guide p,.guide dd{color:var(--muted)}.code-sample{background:#071827;color:#a8c8db;padding:16px;border-radius:10px;overflow:auto;font-size:11px;line-height:1.5}.guide dl{font-size:13px}.guide dt{font-weight:900;margin-top:8px}.guide dd{margin:2px 0}.plan-tabs{display:flex;justify-content:center;margin:0 0 16px}.plan-tabs button{border:1px solid #c7d3dc;background:#fff;padding:10px 30px;font-weight:900;cursor:pointer}.plan-tabs button:first-child{border-radius:10px 0 0 10px}.plan-tabs button:last-child{border-radius:0 10px 10px 0}.plan-tabs button.active{background:#0d2c43;color:#fff}.war-board{width:1200px;max-width:100%;margin:0 auto;background:#f5f1e6;border:6px solid #132d41;border-radius:10px;overflow:hidden;box-shadow:0 18px 45px #10223428;font-family:Arial,sans-serif}.board-header{height:130px;background:radial-gradient(circle at 50% 100%,#745c33 0,transparent 33%),linear-gradient(100deg,#0a2538,#173e54 50%,#0a2538);color:#fff;display:grid;grid-template-columns:170px 1fr 170px;align-items:center;text-align:center;padding:0 28px;border-bottom:5px solid #dda52f}.board-header h2{font-size:38px;letter-spacing:.03em;margin:4px 0;color:#ffd467;text-shadow:0 3px 0 #5d370a}.board-header p,.board-header small{margin:0;color:#b8c8d3;font-weight:700}.banner{margin:auto;width:92px;height:108px;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);display:grid;place-content:center;color:#fff;font-size:13px;box-shadow:inset 0 0 0 4px #fff4}.banner strong{font-size:46px;line-height:1}.banner.team-a{background:#1765a7}.banner.team-b{background:#a92525}.board-date{text-transform:uppercase;font-size:13px;font-weight:900;color:#d4dde3}.board-content{display:grid;grid-template-columns:1fr 310px;gap:16px;padding:18px;background:linear-gradient(#faf8f1,#e8e2d4)}.starters,.bench{background:#fff;border:2px solid #18384f;border-radius:8px;overflow:hidden}.board-section-title{background:#173b55;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:9px 13px}.board-section-title span{font-weight:900;font-size:14px;letter-spacing:.06em}.board-section-title small{color:#b8c8d3;font-size:10px}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.position-card{border:1px solid #aebac2;border-radius:5px;overflow:hidden}.position-title{display:flex;align-items:center;gap:8px;background:#7d1717;color:#fff;padding:5px 8px}.position-title span{background:#fff;color:#702020;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:900}.position-title strong{font-size:11px;text-transform:uppercase}.slot{min-height:35px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:6px;border-top:1px solid #e3e3e3;padding:3px 7px;font-size:12px}.slot.protected{background:#ffdc69}.slot.flex{background:#cce4fa}.slot.regular{background:#f7f7f7}.slot-letter{display:grid;place-items:center;width:23px;height:25px;border-radius:4px;background:#263eaf;color:#fff;font-weight:900}.type-mark{font-size:15px;font-weight:900}.bench .board-section-title{display:grid}.sub-list{padding:9px;display:grid;gap:5px}.sub-player{min-height:47px;border:1px solid #ced6db;border-left:6px solid #7b8992;border-radius:5px;display:grid;grid-template-columns:28px 1fr;align-items:center;padding:5px 7px;gap:7px;background:#f8fafb}.sub-player.protected{border-left-color:#e2a51c}.sub-player.flex{border-left-color:#2582c4}.sub-player>span{font-weight:900;color:#7b8992}.sub-player div{display:grid}.sub-player strong{font-size:12px}.sub-player small{font-size:8px;color:#71808b;margin-top:2px}.empty-slot{background:#f1f3f4!important;color:#9aa3aa}.board-footer{height:70px;background:#0b2639;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;border-top:4px solid #d8a62e}.board-footer>div:first-child{display:flex;align-items:center;gap:12px;font-size:9px}.board-footer>div:first-child>strong{color:#e7b846}.board-footer span{display:flex;align-items:center;gap:4px}.legend{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;font-style:normal;font-weight:900;color:#173044}.legend.protected{background:#ffdc69}.legend.flex{background:#cce4fa}.legend.regular{background:#eee}.motto{font-weight:900;color:#e8b843;font-size:12px;letter-spacing:.09em}.off-list{max-width:1200px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 20px;display:grid;grid-template-columns:250px 1fr;gap:20px}.off-list h3{margin:0 0 5px}.off-list p{margin:0;color:var(--muted);font-size:12px}.off-chips{display:flex;gap:7px;flex-wrap:wrap}.off-chips>span{background:#edf1f4;border-radius:7px;padding:7px 9px;font-weight:800;font-size:11px}.off-chips small{display:none}.login-page{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#204d66,#071827 60%);color:#fff;padding:20px}.login-card{width:min(420px,100%);background:#fff;color:var(--ink);padding:38px;border-radius:20px;box-shadow:0 30px 80px #0008;text-align:center}.login-card .brand-mark{margin:0 auto 20px}.login-card h1{margin:0;font-size:30px}.login-card>p:not(.eyebrow):not(.micro){color:var(--muted)}.login-card form{display:grid;gap:16px;text-align:left;margin-top:26px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:900}.micro{font-size:10px;color:#8b959c;margin-top:20px}.micro code{background:#edf1f3;padding:2px 4px;border-radius:3px}
@media(max-width:1000px){.topbar{padding:0 16px}.topbar nav a{padding:0 9px}.metrics{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.board-content{grid-template-columns:1fr 280px}.shell{width:calc(100% - 28px)}.war-board{min-width:900px}.war-board:not([hidden]){display:block}.shell:has(.war-board){overflow-x:auto}}@media(max-width:720px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 14px;gap:5px 16px}.brand{min-width:0}.topbar nav{order:3;width:100%;height:43px;overflow:auto}.topbar nav a{white-space:nowrap}.top-actions{font-size:11px}.muted-link{display:none}.shell{padding-top:22px}.hero{padding:28px;display:block}.week-form{margin-top:24px;width:100%}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:30px}.toolbar{flex-wrap:wrap}.search{order:3;margin:0;width:100%}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.history-editor{grid-template-columns:1fr}.check-group{align-items:flex-start}.import-layout{grid-template-columns:1fr}.off-list{grid-template-columns:1fr}.heading-actions{flex-wrap:wrap}.metrics .metric strong{font-size:25px}}
@media print{.topbar,.no-print,.off-list{display:none!important}.shell{width:100%;padding:0}.war-board{box-shadow:none;border-radius:0;max-width:none;width:1200px}}