:root{--purple:#38003c;--purple-soft:#4d1252;--green:#00ff85;--green-dark:#00b25d;--bg:#f4f4f6;--card:#fff;--line:#e7e7ec;--text:#17171b;--muted:#71717a;--tabbar-h:56px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit}main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px)}.page{max-width:760px;margin:0 auto;padding:.75rem .85rem 2rem}.page-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}h1{letter-spacing:-.01em;margin:.5rem 0 .75rem;font-size:1.35rem}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.25rem 0 .5rem;font-size:.8rem}.muted{color:var(--muted);margin:.25rem 0 .75rem;font-size:.85rem}.status{text-align:center;color:var(--muted);padding:3rem 1rem}.notice{color:#086343;background:#eefcf5;border:1px solid #b8ecd3;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.topbar{z-index:20;height:52px;padding:0 1rem;padding-top:env(safe-area-inset-top);background:var(--purple);color:#fff;align-items:center;gap:1.5rem;display:flex;position:sticky;top:0}.brand{color:var(--green);letter-spacing:.02em;font-size:1.15rem;font-weight:800}.topbar-links{gap:1.1rem;display:none}.topbar-links a{color:#dcc6df;border-bottom:2px solid #0000;padding:.2rem 0;font-size:.92rem;text-decoration:none}.topbar-links a.active{color:#fff;border-bottom-color:var(--green)}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.62rem;font-weight:600;text-decoration:none;display:flex}.tabbar svg{width:22px;height:22px}.tabbar a.active{color:var(--purple)}.tabbar a.active svg{stroke:var(--purple)}@media (width>=700px){.topbar-links{display:flex}.tabbar{display:none}main{padding-bottom:2rem}}.gw-bar{justify-content:space-between;align-items:center;margin:.5rem 0 .75rem;font-weight:700;display:flex}.gw-bar button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:1rem}.gw-bar button:disabled{opacity:.3}.score-card{background:var(--purple);color:#fff;border-radius:14px;align-items:stretch;gap:.5rem;padding:1rem .85rem;display:flex}.score-side{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.score-side.away{text-align:right;align-items:flex-end}.score-side .team-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.95rem;font-weight:800;overflow:hidden}.score-side .manager{color:#cbb3cf;font-size:.72rem}.big-score{color:var(--green);font-size:2.3rem;font-weight:800;line-height:1.1}.play-status{color:#cbb3cf;font-size:.7rem}.score-mid{align-items:flex-start;padding-top:.25rem;display:flex}.badge{letter-spacing:.08em;border-radius:99px;padding:.2rem .5rem;font-size:.62rem;font-weight:800}.badge.live{background:var(--green);color:var(--purple)}.badge.final{color:#fff;background:#ffffff2b}.comparison{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-top:.75rem;overflow:hidden}.pos-divider{text-align:center;letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafafb;padding:.25rem 0;font-size:.66rem;font-weight:800}.comparison>div:first-child .pos-divider{border-top:none}.compare-row{display:flex}.compare-row.bench{opacity:.6}.compare-row+.compare-row{border-top:1px solid #f2f2f5}.player-cell{flex:1;align-items:center;gap:.5rem;min-width:0;padding:.45rem .6rem;display:flex}.player-cell.right{border-left:1px solid #f2f2f5;flex-direction:row-reverse}.player-info{flex-direction:column;flex:1;min-width:0;display:flex}.player-cell.right .player-info{text-align:right}.pname{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:650;overflow:hidden}.pmeta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.ppts{text-align:center;min-width:26px;font-size:.95rem;font-weight:800}.ppts.waiting{color:#b9b9c2}.ppts.played{color:var(--text)}.mini-matchups{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width>=700px){.mini-matchups{grid-template-columns:1fr 1fr}}.mini-matchup{background:var(--card);border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.mini-side{color:inherit;flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.55rem .7rem;text-decoration:none;display:flex}.mini-side.right{border-left:1px solid var(--line);flex-direction:row-reverse}.mini-side .name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.mini-side .pts{font-weight:800}.squad-list{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.squad-row{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f2f2f5;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;display:flex}.squad-row:last-child{border-bottom:none}.squad-row.static{cursor:default}.squad-row.selected{box-shadow:inset 3px 0 0 var(--purple);background:#f3e9f4}.pos-chip{text-align:center;border-radius:6px;flex-shrink:0;width:34px;padding:.2rem 0;font-size:.62rem;font-weight:800}.pos-chip.GKP{color:#92400e;background:#fef3c7}.pos-chip.DEF{color:#1e40af;background:#dbeafe}.pos-chip.MID{color:#166534;background:#dcfce7}.pos-chip.FWD{color:#991b1b;background:#fee2e2}.save-btn{background:var(--green-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:700}.table-wrap{border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;font-size:.88rem;overflow:hidden}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;background:#fafafb;padding:.45rem .5rem;font-size:.68rem}.table th.left,.table td.left{text-align:left}.table td{text-align:center;border-top:1px solid #f2f2f5;padding:.5rem}.table td.left .pname,.table td.left .pmeta{display:block}.table tr.mine{background:#eafff4}.strong{font-weight:800}.news{cursor:help}.filters{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.filters button,.team-tabs button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;padding:.35rem .7rem;font-size:.8rem}.filters button.active,.team-tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.filters input{font:inherit;border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:.35rem .6rem}.team-tabs{-webkit-overflow-scrolling:touch;gap:.4rem;padding:.5rem 0 .75rem;display:flex;overflow-x:auto}.team-tabs button{white-space:nowrap;flex-shrink:0}.roster-title{margin:.25rem 0 .5rem;font-size:1.05rem}.picker-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.picker-grid button{text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem;display:flex}.picker-grid .team-name{font-size:.88rem;font-weight:700}.picker-grid .manager{color:var(--muted);font-size:.72rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:.75rem;padding:.85rem 1rem}.card h3{margin-top:0}.card button{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem .9rem;font-weight:600}.card select,.card input{font:inherit;border:1px solid var(--line);border-radius:8px;width:100%;padding:.45rem .6rem}.key-row{gap:.5rem;display:flex}.key-row input{flex:1;width:auto}.key-row button{flex-shrink:0}.card a{color:var(--purple-soft);font-weight:600}.overlay{z-index:50;background:#140a168c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=700px){.overlay{align-items:center}}.sheet{background:var(--card);padding:1.4rem 1.25rem calc(1.4rem + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;gap:.6rem;width:100%;max-width:420px;display:flex}@media (width>=700px){.sheet{border-radius:16px}}.sheet h2{margin:0;font-size:1.15rem}.sheet .muted{margin:0}button.primary{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.7rem 1rem;font-weight:700}button.ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.4rem;font-weight:600}.install-banner{left:.6rem;right:.6rem;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);z-index:40;background:var(--purple);color:#fff;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem .85rem;display:flex;position:fixed;box-shadow:0 6px 24px #00000040}@media (width>=700px){.install-banner{max-width:480px;margin:0 auto;bottom:1rem}}.install-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-text strong{font-size:.88rem}.install-text span{color:#dcc6df;font-size:.76rem}.install-banner .primary{background:var(--green);color:var(--purple);padding:.45rem .8rem}.install-banner .ghost{color:#dcc6df}.howto{margin-top:.5rem}.howto summary{color:var(--purple-soft);cursor:pointer;font-size:.82rem;font-weight:600}.howto p{margin-top:.4rem}.connect-steps{flex-direction:column;gap:.5rem;margin-top:.4rem;display:flex}.connect-steps ol{margin:0;padding-left:1.2rem}.connect-steps li{margin-bottom:.2rem}.snippet{color:#9be8c5;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#1c1c22;border-radius:8px;padding:.6rem .7rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;display:block;overflow-x:auto}.connect-steps textarea{font:inherit;border:1px solid var(--line);resize:vertical;border-radius:8px;padding:.5rem .6rem;font-size:.8rem}.bookmarklet{background:var(--green);color:var(--purple);cursor:grab;border-radius:8px;align-self:flex-start;padding:.5rem .9rem;font-weight:800;text-decoration:none;display:inline-block}.howto.sub{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.5rem}.howto.sub summary{color:var(--muted);font-size:.78rem}.connect-result{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem}.connect-result.done{background:#eefcf5;border-color:#b8ecd3}.connect-result.error{background:#fdeaea;border-color:#f3c0c0}.setup-steps{flex-direction:column;gap:.85rem;padding-left:1.3rem;display:flex}.setup-steps li{line-height:1.4}.setup-steps .snippet{margin:.4rem 0}.copy-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.debug{color:var(--muted);word-break:break-all;margin-top:.4rem;font-family:ui-monospace,Menlo,monospace;font-size:.72rem}