:root{color-scheme:dark;--blue: #000080;--blue-deep: #000050;--ink: #111111;--paper: #ece9e2;--paper-2: #d8d4cc;--face: #d4d0c8;--gold: #ffe14a;--line: #808080;font-family:Arimo,Liberation Sans,Tahoma,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:#f4f7ff}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.stage{min-height:100%;display:grid;place-items:center;background:#000}.boot{color:#ffe14a;font:700 28px Arimo,sans-serif;letter-spacing:.14em;padding:24px}.frame{background:var(--blue);color:#f4f7ff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 2px silver,0 0 0 4px #000}.titlebar{background:linear-gradient(90deg,navy,#1084d0 78%,navy);color:#fff;padding:3px 8px;font-weight:700;display:flex;justify-content:space-between;gap:8px;letter-spacing:.04em}.workspace{flex:1;min-height:0;display:flex}.rail{width:152px;flex:0 0 152px;background:var(--blue-deep);border-right:2px solid #000;padding:4px;display:flex;flex-direction:column;gap:3px;overflow:auto}.rail button,.btn{background:var(--face);color:#111;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #404040;border-right:2px solid #404040;padding:4px 6px;min-height:26px;text-align:left}.rail button[aria-current=page]{background:var(--blue);color:#fff;border-color:#000}.btn.primary{font-weight:700}.btn.continue{min-height:34px;text-align:center;background:#c8c4bc}.btn:active,.rail button:active{border-top-color:#404040;border-left-color:#404040;border-bottom-color:#fff;border-right-color:#fff}.btn:disabled{opacity:.5}.content{flex:1;min-width:0;min-height:0;overflow:auto;padding:8px;background:var(--blue)}.frame.in-game .content{background:var(--paper);color:var(--ink);overflow:hidden;display:flex;flex-direction:column}.frame.in-game .content>.screen-head,.frame.in-game .content>.notice{flex:none}.frame.in-game .screen-head{margin-bottom:2px}.frame.in-game .screen-head .btn{min-height:22px;padding:1px 8px}.frame.in-game .content>:last-child{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.screen-fit{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;gap:4px}.screen-fit>h1,.screen-fit>h2,.screen-fit>.toolbar,.screen-fit>.tabs,.screen-fit>label,.screen-fit>p,.screen-fit>.player-banner,.screen-fit>.score,.screen-fit>.ticker,.screen-fit>.match-stats,.screen-fit>.match-dock,.screen-fit>.schedule,.screen-fit>.week-chart,.screen-fit>.prematch,.screen-fit>.attr-chart,.screen-fit>ul{flex:none}.attr-chart{max-height:112px;overflow:auto;background:#fff;border:2px inset #808080;padding:2px 6px}.spark{display:flex;gap:1px;align-items:center;margin:0;font-size:12px}.spark span{min-width:7.2em}.spark i{font-style:normal;width:.9em;text-align:center}.prematch{background:#fff;border:2px inset #808080;padding:4px 6px}.prematch p{margin:0 0 2px}.match-dock .mark-sheet{max-height:88px;color:#111}.match-dock .mark-sheet button{color:#111}.screen-fit>.tactics-fit{flex:1 1 auto;min-height:0;height:auto}.fill-scroll{flex:1 1 auto;min-height:0;overflow:auto}.fill-scroll thead th{position:sticky;top:0;z-index:1}.screen-fit>.split,.screen-fit.split{flex:1 1 auto;min-height:0;overflow:hidden;align-items:stretch}.screen-fit .filter-panel,.screen-fit .letter{min-height:0;overflow:auto}.screen-fit .filter-panel{display:flex;flex-direction:column}.screen-fit .inbox-list{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}.tactics-fit{overflow:hidden;display:flex;flex-direction:column;gap:4px;height:100%;min-height:0}.tactics-fit h1{font-size:15px;margin:0;flex:none}.tactics-fit>.toolbar{flex:none;margin:0}.tactics-fit .btn{min-height:22px;padding:1px 5px}.tactics-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(180px,.75fr) minmax(200px,.85fr);gap:6px}.tactics-body>*{min-height:0}.tactics-pitch{min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.tactics-pitch .pitch-wrap{flex:1;min-height:0;overflow:hidden}.tactics-pitch .pitch-wrap svg{max-height:100%;height:100%;width:100%}.fill-scroll .tactics-fit{height:auto;overflow:visible}.fill-scroll .tactics-body{min-height:360px}.squad-pick{min-height:0;overflow:auto;background:#fff;border:2px inset #808080}.squad-head,.squad-pick button{display:grid;grid-template-columns:1.4fr .6fr .8fr .8fr;gap:4px;width:100%;text-align:left;font-size:12px;padding:2px 4px;border:0;background:transparent;min-height:0}.squad-head{background:var(--blue);color:#fff;font-weight:700;position:sticky;top:0}.squad-pick button.on-pitch{background:#e4eaf8}.squad-pick button:hover{background:#c8d4f0}.bench-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap;flex:none;font-size:12px}.bench-row .btn{min-height:22px;padding:1px 6px}.side-panel{min-height:0;overflow:hidden;border:2px inset #808080;background:#f7f7f7;padding:4px 6px;display:flex;flex-direction:column}.side-panel>.player-duties,.side-panel>.instr-grid{flex:1 1 auto;min-height:0;overflow:auto}.mark-sheet{max-height:none;overflow:auto;background:#fff;border:2px inset #808080;margin-top:4px}.mark-sheet button,.mark-sheet .squad-head{display:grid;grid-template-columns:1.4fr .5fr .8fr;gap:4px;width:100%;text-align:left;font-size:12px;padding:2px 4px;border:0;background:transparent}.mark-sheet button[aria-selected=true]{background:#c8d4f0}.phone-tactic,.phone-squad{display:none}.preset-row{display:flex;gap:3px;overflow-x:auto;flex:none}.week-chart{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:none;background:#fff;border:2px inset #808080;padding:3px 6px}.week-cell{display:inline-flex;gap:3px;padding:0 4px;border-right:1px solid #ccc}.train-line .who{display:inline-block;min-width:7em}.train-line .flat{color:#666;margin-right:4px}.match-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px}.match-stage .match-layout{flex:1 1 auto;min-height:0;height:auto;overflow:hidden;display:flex;flex-direction:column}.match-stage .commentary{max-height:none;min-height:0;height:auto;flex:1 1 auto;overflow:auto}.match-stage .match-layout.text-only .commentary{max-height:none;min-height:0}.match-stage.final .match-layout{flex:0 0 auto}.match-stage.final .commentary{height:72px;max-height:72px;min-height:40px}.ratings-sheet{flex:1 1 auto;min-height:0;overflow:auto;background:#fff;border:2px inset #808080;padding:4px 6px}.ratings-page .ratings-log{flex:none;max-height:48px;min-height:28px}.ratings-page .row-actions{flex:none}.ratings-sheet h2{margin:0 0 4px;font-size:14px}.ratings-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ratings-cols caption{caption-side:top;font-weight:700;text-align:left;background:var(--blue);color:#fff;padding:2px 6px}.match-dock{display:flex;flex-direction:column;gap:3px;border-top:2px solid #808080;padding-top:4px}.match-row{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;overflow-x:auto}.match-row .btn,.match-row label{flex:0 0 auto}.match-row label{flex-direction:row;align-items:center;gap:4px}.ratings-pane{flex:0 0 196px;max-height:196px;overflow:auto;border:2px inset #808080;background:#fff}.ratings-pane caption{caption-side:top;font-weight:700;text-align:left;background:var(--blue);color:#fff;padding:2px 6px}tr.mark-good td{background:#e7f6e4}tr.mark-poor td{background:#fde8e8}.scout-list .btn{display:block;width:100%;text-align:left;margin:0 0 2px}.side-panel h2{margin:2px 0;font-size:13px}.side-panel label{margin-bottom:0}.instr-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;align-items:end}.instr-grid h2,.instr-grid .span-2{grid-column:1 / -1}.slot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:4px}.slot-row>span{display:flex;gap:2px}.slot-row .btn{flex:1;min-height:20px;padding:0 2px;font-size:11px;text-align:center}.zone-strip{display:flex;gap:2px;overflow-x:auto;flex:none}.zone-strip .btn{min-height:22px;padding:1px 4px;font-size:10px}.train-line{margin:0;padding:1px 0;border-bottom:1px dotted #ccc}.train-line .up{color:#0a6b12;font-weight:700;margin-right:6px}.train-line .down{color:#9a1c1c;font-weight:700;margin-right:6px}.panel-scroll{max-height:180px;overflow:auto}.screen-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.statusbar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--blue-deep);color:#f4f7ff;border-top:1px solid #9eb4e6;padding:3px 8px}.news-flag{color:var(--gold);font-weight:700;animation:blink 1.1s steps(2) infinite}.skip{position:absolute;left:8px;top:-40px;background:#000;color:var(--gold);padding:6px;z-index:5}.skip:focus{top:8px}.menu-home{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:18px 28px;gap:6px}.wordmark{font-size:40px;letter-spacing:.16em;margin:0;font-style:italic}.tag,.fine{color:#d5def2}.frame.in-game .fine,.frame.in-game .tag{color:#333}.menu-item{display:block;width:min(240px,100%);text-align:left;background:var(--face);color:#111;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #404040;border-right:2px solid #404040;padding:5px 8px;min-height:28px}h1{font-size:16px;margin:0 0 6px}h2{font-size:14px;margin:8px 0 4px}.row-actions,.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:end;margin:6px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stack{display:flex;flex-direction:column;gap:6px}label{display:flex;flex-direction:column;gap:2px;font-size:12px}.frame.in-game label{color:#222}input,select{background:#fff;color:#111;border:2px inset #808080;padding:3px 6px;min-height:26px}input[type=checkbox]{width:16px;height:16px;accent-color:#000080}table{width:100%;border-collapse:collapse;font-size:12px;background:#fff;color:#111;line-height:1.25}th,td{text-align:left;padding:2px 5px;border-bottom:1px solid #c8c8c8}th{background:var(--blue);color:#fff;font-weight:700}tr.mine td,tbody tr:focus td,tbody tr:focus-visible td{background:var(--blue);color:#fff}tbody tr:hover td{background:#c8d4f0;color:#111}tr.mine:hover td,tbody tr:focus:hover td{background:#0000a0;color:#fff}tbody tr[tabindex]{cursor:pointer}.btn:hover,.rail button:hover:not([aria-current=page]){background:#fff}.rail button[aria-current=page]:hover{background:#0000a0}.attrgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.attrline{display:flex;justify-content:space-between;gap:8px;padding:1px 0;border-bottom:1px dotted #bbb}.attrnum{font-weight:700;min-width:2.2em;text-align:right}.moodbar{display:inline-block;width:64px;height:10px;background:#e4e4e4;border:1px solid #808080;vertical-align:middle}.moodbar>span:first-child{display:block;height:100%}.moodbar.good>span:first-child{background:#1b8a2a}.moodbar.ok>span:first-child{background:#e0a106}.moodbar.bad>span:first-child{background:#c62828}.compare{display:grid;grid-template-columns:8.5em 1fr 1fr;align-content:start;background:#fff;border:2px inset #808080}.compare div{padding:1px 6px;border-bottom:1px solid #e4e4e4}.compare .compare-head{background:var(--blue);color:#fff;font-weight:700;position:sticky;top:0}.compare .hi{background:#d7efd4;font-weight:700}.compare .lo{background:#f8d4d4}.office-date{font-size:20px;margin:0 0 4px}.panel{background:#f7f7f7;color:#111;border:2px inset #808080;padding:8px;margin:0 0 6px}.match-layout{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(180px,.7fr);gap:8px}.match-layout.text-only{grid-template-columns:1fr}.commentary{background:#f7f7f7;color:#111;border:2px inset #808080;min-height:220px;max-height:360px;overflow:auto;padding:6px 8px;margin:0;list-style:none}.match-layout.text-only .commentary{max-height:480px;min-height:320px}.commentary li{margin:0 0 3px}.split{display:grid;grid-template-columns:220px 1fr;gap:8px;align-items:start}.tactics-screen{grid-template-columns:1.3fr .9fr}.side-panel{display:flex;flex-direction:column;max-height:none;overflow:hidden}.player-duties{order:-1;border-bottom:1px solid #808080;margin-bottom:8px;padding-bottom:6px}.filter-panel,.side-panel,.letter{background:#f4f4f4;color:#111;border:2px inset #808080;padding:8px}.inbox-list,.plain-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}.inbox-list button,.plain-list button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:3px 4px}.inbox-list button[aria-pressed=true],.plain-list button[aria-pressed=true]{background:var(--blue);color:#fff}.news-svg{width:16px;height:16px;margin-right:4px;vertical-align:-3px}.attr-search{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;max-height:180px;overflow:auto;margin:6px 0}.attr-search input{width:3em}.clause{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center;margin:4px 0}.clause strong{min-width:7em;text-align:right}.schedule{display:grid;grid-template-columns:110px repeat(5,1fr);gap:2px;align-items:center;font-size:12px}.schedule input[type=radio]{width:14px;height:14px;min-height:0}.bracket{display:flex;gap:36px;align-items:stretch;overflow:auto}.bracket-col{display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:150px}.bracket-join{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-right:18px}.bracket-join:before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:2px;background:navy}.bracket-join:after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:2px;background:navy}.bracket-col:last-child .bracket-join:before,.bracket-col:last-child .bracket-join:after{display:none}.bracket-tie{background:#fff;border:2px solid #000080;font-size:12px;position:relative}.bracket-tie:after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:2px;background:navy}.bracket-col:last-child .bracket-tie:after{display:none}.bracket-tie div{padding:3px 6px;border-bottom:1px solid #c8c4bc}.bracket-tie div:last-child{border-bottom:0}.tabs{display:flex;gap:4px;margin:4px 0}.attrcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pos-row{display:flex;flex-wrap:wrap;gap:4px}.pos-row span{border:1px solid #808080;background:#fff;padding:1px 4px}@media(max-width:900px){.split,.attrcols{grid-template-columns:1fr}}.pitch-wrap{background:#0c3d18;border:2px inset #808080}.pitch-wrap svg{width:100%;height:auto;max-height:280px;display:block}.score{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--blue);color:#fff;padding:4px 8px;margin:0 0 6px}.score h1{color:#fff;margin:0}.score strong{font-size:20px}.notice{background:#fff8c4;color:#111;border:1px solid #000080;padding:4px 8px;margin:0 0 6px}.player-banner{background:var(--blue);color:#fff;padding:6px 8px;margin:0 0 8px;display:flex;gap:8px;align-items:flex-start}.player-banner h1{color:#fff}.face{flex:0 0 auto;border:2px solid #fff;background:#d4d0c8}.rail-collapsed{display:none}.thumb-bar{display:flex;gap:8px;padding:8px;background:var(--blue-deep);border-top:2px solid #000;position:sticky;bottom:0;z-index:3;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.thumb-bar{flex-direction:column}.thumb-bar .continue{flex:1;min-height:44px;text-align:center;font-weight:700}.thumb-bar .btn{min-height:44px}.phone-row{display:flex;gap:2px;width:100%;min-width:0;align-items:stretch}.phone-tabs{display:flex;gap:2px;overflow-x:auto;min-width:0;max-width:100%}.phone-row .phone-tabs{flex:1 1 auto;overflow:hidden}.phone-row .phone-tabs .btn{flex:1 1 0;min-width:0;padding:6px 1px;font-size:11px;text-align:center;white-space:nowrap}.thumb-bar>.phone-tabs .btn{flex:0 0 auto;min-height:40px;padding:6px 8px;font-size:12px}.more-pin{flex:0 0 auto;min-height:40px;padding:6px;font-size:11px}fieldset{border:1px solid #000080;margin:0 0 8px;padding:6px 8px}fieldset div{margin:0 0 4px}fieldset label{display:inline-flex;flex-direction:row;align-items:center;gap:4px;margin:0 10px 4px 0}.ticker{background:navy;color:#fff;margin:0 0 6px;padding:3px 6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-stats{margin:0 0 8px}.match-stats td,.match-stats th{padding:2px 6px}@media(min-width:701px)and (max-width:1100px){.rail{width:128px;flex-basis:128px}.content{padding:10px}}@media(max-width:860px){.stage{place-items:stretch;align-items:stretch}.frame{width:100%!important;max-width:100%;min-height:100%;transform:none!important;overflow-x:hidden}.workspace{flex-direction:column}.rail{width:auto;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto}.rail button{flex:0 0 auto}.match-layout,.grid-2,.tactics-screen{grid-template-columns:1fr}.tactics-body{grid-template-columns:1fr;grid-template-rows:minmax(150px,1fr)}.tactics-body .squad-pick,.tactics-body .side-panel{display:none}.phone-tactic{display:flex;flex-direction:column;gap:4px;min-height:0;max-height:34%;overflow:hidden}.phone-squad{display:flex;flex-direction:column;gap:2px;flex:0 0 108px;max-height:108px;overflow:auto;background:#fff;border:2px inset #808080;padding:2px}.phone-squad .btn{display:flex;align-items:center;gap:4px;min-height:0;padding:1px 4px;font-size:11px;text-align:left}.phone-squad .moodbar{width:36px;flex:none;height:8px}.ratings-cols{grid-template-columns:1fr}.phone-player{min-height:0;overflow:auto;background:#f7f7f7;border:2px inset #808080;padding:4px 6px}.frame.in-game .content>.tactics-fit{overflow:hidden}.tactics-fit>.toolbar{flex-wrap:nowrap;overflow-x:auto}.wordmark{font-size:30px}.content{padding:8px 8px 16px}.score{flex-wrap:wrap}.score h1{font-size:15px}.schedule{grid-template-columns:68px repeat(5,minmax(0,1fr));font-size:11px;gap:2px}.clause{grid-template-columns:1fr 1fr}table{font-size:11px}th,td{padding:2px 3px}.statusbar{font-size:11px;flex-wrap:nowrap}.statusbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-banner{flex-wrap:wrap}.player-banner h1{font-size:18px}}@media(min-width:600px)and (max-width:860px){.tactics-body{grid-template-columns:minmax(0,1.15fr) minmax(132px,.85fr);grid-template-rows:minmax(120px,1fr)}.tactics-body .squad-pick{display:block}.phone-squad{display:none}.phone-tactic{max-height:26%}}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.news-flag{animation:none}}
