:root{--bg: #f4f6f8;--surface: #ffffff;--surface-2: #eef1f4;--line: #e3e7eb;--line-strong: #c8cfd6;--text: #141a20;--text-2: #4a535c;--muted: #737d87;--accent: #1d5fa6;--accent-strong: #174e8a;--accent-ink: #ffffff;--accent-soft: #e4eef9;--neg: #c4404e;--neg-soft: #fbe9eb;--gold: #a87a10;--gold-soft: #fbf3dc;--info: #1c7a7a;--header: #14263d;--pitch: #2b7a4b;--radius: 8px;--radius-sm: 6px;--font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}html,body{font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"kern" 1}#root{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.icon{vertical-align:-2px;flex-shrink:0}h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:8px 0 6px}h3{font-size:20px;font-weight:700;letter-spacing:-.01em}button{font:inherit;font-size:14px;font-weight:500;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px}button:disabled{background:var(--line);border-color:var(--line);color:var(--muted);cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-size:15px;font-weight:600;border-radius:var(--radius)}button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button.primary:disabled{background:var(--line);border-color:var(--line);color:var(--muted)}button.danger{background:var(--surface);border-color:var(--neg);color:var(--neg)}button.small{font-size:12.5px;padding:4px 8px;color:var(--text-2)}.notice{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--neg);padding:8px 12px;font-size:13px;color:var(--text)}.site-header{background:var(--header);color:#fff;height:52px;display:flex;align-items:center;padding:0 16px;margin:0 -16px 16px}.wordmark{color:#fff;font-size:15.5px;font-weight:700;text-decoration:none}.hdr{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.hdr .row1{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--header);color:#fff;height:52px;padding:0 16px}.hdr .club{font-weight:700;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr .club .small{color:#ffffffb8;font-weight:400}.hdr .date{color:#ffffffd1;font-size:13px;flex-shrink:0}.hdr .row2{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;gap:10px}.hdr .money{font-size:12.5px;color:var(--muted);min-width:0}.hdr .money b{color:var(--text);font-weight:600;font-size:14.5px}.continue{min-width:124px;flex-shrink:0;padding:9px 14px}.continue.blocked,.continue.blocked:hover{background:var(--surface);color:var(--neg);border-color:var(--neg)}.tabs{display:flex;gap:0;padding:0 8px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:104px;z-index:9;overflow-x:auto}.tabs button{flex:1;padding:9px 6px 8px;font-size:13.5px;font-weight:500;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;white-space:nowrap}.tabs button.on{color:var(--text);border-bottom-color:var(--text);font-weight:600}.tabs button .badge,.room-name .badge{color:var(--neg);font-size:12px;font-weight:600;margin-left:4px}.tabs .skin-toggle{flex:0 0 auto;padding:9px 10px 8px;color:var(--muted)}.screen{flex:1;padding:14px 16px 80px}.rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.room{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 12px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:92px}.room-icon{color:var(--muted);line-height:1}.room-name{font-weight:600;font-size:14px;color:var(--text)}.room-desc{color:var(--muted);font-size:12px;font-weight:400}.room-exit{background:var(--surface-2);min-height:64px}.rooms-bar{display:flex;align-items:center;justify-content:space-between}.rooms-bar button{flex:0 0 auto}.rooms-bar .room-title{font-weight:600;font-size:13.5px}.msg-row{display:flex;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);cursor:pointer;align-items:center}.msg-row .ch{font-size:11.5px;font-weight:600;letter-spacing:.03em;color:var(--muted);flex-shrink:0;width:46px}.msg-row.pending .ch{color:var(--neg)}.msg-row .meta{min-width:0}.msg-row .from{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row .subj{font-weight:400;font-size:15px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row.unread .subj,.msg-row.pending .subj{font-weight:600;color:var(--text)}.msg-row .day{margin-left:auto;color:var(--muted);font-size:12px;flex-shrink:0}.panel .msg-row:last-child{border-bottom:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2073;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;max-height:92vh;overflow-y:auto;background:var(--bg);border-radius:var(--radius) var(--radius) 0 0;padding:16px}.sheet h3{margin:2px 0 12px}.doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px;font-size:15px;line-height:1.65;color:var(--text-2);white-space:pre-line}.doc .fax-head,.doc .em-head,.doc .press-head,.doc .ttx-head{font-size:12.5px;color:var(--muted);line-height:1.45;border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:8px}.doc .ttx-head{font-weight:600;color:var(--text);font-size:13px}.doc .ttx-body{color:var(--text-2)}.doc .ttx-body b{color:var(--text);font-weight:600}.pitch{border-radius:var(--radius);padding:12px 6px;margin-bottom:14px;background:var(--pitch);background-image:repeating-linear-gradient(rgba(255,255,255,.05) 0 22px,transparent 22px 44px)}.pitch-row{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.pitch-row:last-child{margin-bottom:0}.pitch-slot{flex:1 1 0;min-width:0;max-width:92px;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-sm);padding:5px 3px;text-align:center;box-shadow:0 1px 2px #0000002e;display:flex;flex-direction:column;gap:1px;align-items:center;font-size:11px;color:var(--text);cursor:pointer}.pitch-slot.on{border-color:var(--accent);background:var(--accent-soft)}.pitch-slot.misfit .slot-note{color:var(--neg)}.pitch-slot.misfit .slot-note.warn{color:var(--text-2)}.pitch-slot.empty{background:#ffffff8c;box-shadow:none}.pitch-slot .slot-pos{font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--muted)}.pitch-slot .slot-name{font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pitch-slot .slot-note{font-size:9.5px;color:var(--muted)}.pitch-slot .slot-note.warn{color:var(--text-2)}select,input[type=text],.filters input{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px;font:inherit;font-size:16px}select:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select.wide{width:100%}.choices{display:flex;flex-direction:column;gap:8px}.choices button{text-align:left;background:var(--surface);padding:11px 12px}.choices .locked{color:var(--muted)}.choices .why{font-size:12px;color:var(--muted);font-weight:400}.result-note{color:var(--muted);margin-top:8px;font-size:13px}.th-msg{margin-bottom:8px;padding:10px 12px;border-radius:var(--radius);max-width:88%;font-size:14.5px;line-height:1.5}.th-msg.them{background:var(--surface);border:1px solid var(--line);color:var(--text-2)}.th-msg.you{background:var(--accent-soft);margin-left:auto;color:var(--text)}.th-msg .who{font-size:12px;color:var(--muted);margin-bottom:3px}.ptable{width:100%;border-collapse:collapse;font-size:13.5px}.ptable th{text-align:left;color:var(--muted);font-weight:500;padding:4px 5px 6px;border-bottom:1px solid var(--line);font-size:12px}.ptable td{padding:8px 5px;border-bottom:1px solid var(--line)}.ptable tr:last-child td{border-bottom:none}.ptable tr.clickable{cursor:pointer}.ptable tr.clickable:hover{background:var(--surface-2)}.ptable .nm{font-weight:400}.ptable .nm.on-bench{font-weight:500}.ptable .nm.in-xi{font-weight:600}.pos-badge,.pos{font-size:11.5px;font-weight:600;letter-spacing:.03em;color:var(--muted)}.tag{font-size:11.5px;font-weight:600;color:var(--muted)}.tag.inj,.fit-injured,.mor-unhappy,.money-neg{color:var(--neg)}.fit-knock{color:var(--gold)}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filters select,.filters input{font-size:14px;padding:7px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.panel h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-2)}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14.5px;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-2);white-space:nowrap}.kv>span:last-child,.kv>b{text-align:right;font-weight:600}.mood-line{color:var(--text-2);line-height:1.55;margin:6px 0}.mood-line.psr-amber{color:var(--gold);font-weight:600}.mood-line.psr-red{color:var(--neg);font-weight:600}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:36px;height:36px;padding:0;background:var(--surface)}.ticker{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:13.5px;line-height:1.6;height:240px;overflow-y:auto;padding:10px 14px;margin-bottom:12px}.tick-line{color:var(--muted);padding:2px 0}.tick-min{color:var(--muted);display:inline-block;min-width:30px;font-size:12px}.tick-chance{color:var(--text-2)}.tick-goal-home,.tick-goal-away{color:var(--text);font-weight:700}.tick-card,.tick-injury{color:var(--neg)}.tick-end{color:var(--text);font-weight:600}.scoreline{text-align:center;margin:6px 0 10px}.scoreline .teams{font-size:15px;font-weight:500;color:var(--text-2)}.scoreline .score{font-size:60px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.scoreline .half{color:var(--muted);font-size:12.5px;font-weight:500}.events{font-size:12.5px;color:var(--muted);text-align:center;margin-bottom:12px;line-height:1.7}.assistant{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin:10px 0;font-size:14px;color:var(--text-2)}.xi-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:14px}.xi-row.sub-target{background:var(--accent-soft)}.tactic-row{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.tactic-row button,.diff-row button{flex:1 0 auto;min-width:62px;white-space:nowrap;font-size:13.5px;padding:8px 10px;background:var(--surface);border:1px solid var(--line-strong);font-weight:500}.tactic-row button.on,.diff-row button.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600;color:var(--text)}.ltable{width:100%;border-collapse:collapse;font-size:13.5px}.ltable th{color:var(--muted);font-weight:500;font-size:12px}.ltable td,.ltable th{padding:7px 5px;border-bottom:1px solid var(--line);text-align:right}.ltable td.name,.ltable th.name{text-align:left}.ltable td.name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.ltable tr.you{background:var(--gold-soft)}.ltable tr.you td.name{font-weight:600}.ltable tr.cl-line td,.ltable tr.el-line td{border-bottom:1px solid var(--line-strong)}.ltable tr.rel-line td{border-bottom:1px solid var(--neg)}.setup{padding:0 16px 24px}.setup .tagline{color:var(--text-2);margin-bottom:18px}.setup label{font-size:13px;font-weight:600;color:var(--text-2);display:block;margin-bottom:6px}.club-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}.club-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;font-size:14px;font-weight:500;min-width:0}.club-card span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-card.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.kit{display:inline-flex;width:10px;height:24px;border-radius:2px;flex-shrink:0;overflow:hidden;outline:1px solid rgba(0,0,0,.12);outline-offset:-1px}.kit i{display:block;flex:1;height:100%}.setup input[type=text]{width:100%;padding:10px}.diff-row{display:flex;gap:8px;margin:12px 0}.epilogue{line-height:1.8;font-size:14.5px;color:var(--text-2)}.center{text-align:center}.spacer{height:10px}.small{font-size:12.5px;color:var(--muted)}p.small{line-height:1.5}input[type=range]{width:100%;accent-color:var(--accent)}
