:root{--bg:#07070f;--panel:#0e0e20f0;--line:#2a2d55;--text:#f2f3ff;--muted:#9aa0c8;--accent:#5b6cff;--hot:#ff3b6b}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#stage{place-items:center;display:grid;position:fixed;inset:0}#stage canvas{width:min(100vw, calc(100vh * var(--ar,1.7778)))!important;height:auto!important}@supports (height:100dvh){#stage canvas{width:min(100vw, calc(100dvh * var(--ar,1.7778)))!important}}.hidden{display:none!important}.overlay{background:#03030aad;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:min(640px,100%);padding:22px 24px;box-shadow:0 0 60px #5b6cff40}h1{letter-spacing:2px;margin:0;font-size:34px;font-weight:900}h1 span{color:var(--accent);text-shadow:0 0 18px var(--accent)}h2{margin:0 0 6px;font-size:30px}.tag{color:var(--muted);margin:6px 0 14px}label{color:var(--muted);margin:14px 0 6px;font-size:13px;display:block}label.inline{align-items:center;gap:6px;margin:0;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid{grid-template-columns:1fr 2fr;gap:12px;display:grid}@media (max-width:520px){.grid{grid-template-columns:1fr}}input,select,textarea,button{font:inherit;color:var(--text);border:1px solid var(--line);background:#0c0d22;border-radius:10px;padding:9px 12px}input[type=number]{width:140px}textarea{resize:vertical;width:100%}button{cursor:pointer;background:#181a3c}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);font-weight:800}button.ghost{background:0 0}button:disabled{opacity:.4;cursor:not-allowed}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.small{color:var(--muted);margin-top:10px;font-size:13px}.coins{float:right;color:#ffd93b}.picks{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:6px;display:grid}.pick{white-space:nowrap;background:#0c0d22;border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex;overflow:hidden}.pick i{border-radius:4px;flex:none;width:14px;height:14px}.pick.on{border-color:#fff;box-shadow:0 0 12px #ffffff59}.bet{color:var(--muted);margin-top:10px}.bet input{flex:1}.mode{border-radius:10px;padding:8px 12px}.mode.on{border-color:var(--accent);box-shadow:0 0 12px #5b6cff80}#toolbar{opacity:.5;gap:6px;display:flex;position:fixed;bottom:12px;right:12px}#toolbar:hover{opacity:1}#toolbar{transition:opacity .4s}#toolbar.idle{opacity:0;pointer-events:none}#toolbar button{padding:6px 10px;font-size:13px}#toolbar button.on{border-color:var(--accent)}#rec-badge{color:var(--hot);font-weight:800;animation:1s infinite blink;position:fixed;bottom:12px;left:12px}@keyframes blink{50%{opacity:.3}}#res-list{max-height:220px;padding-left:22px;overflow-y:auto}#res-list li{margin:2px 0}#res-list i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lang{gap:4px;display:flex}.lang button{padding:5px 10px;font-size:13px}.lang button.on{border-color:var(--accent);background:var(--accent);font-weight:800}input.wide{width:100%}.checks{gap:10px;margin-top:16px;display:grid}.checks label.inline{color:var(--text);align-items:flex-start;font-size:14px;line-height:1.35}.checks input[type=checkbox]{flex:none;margin-top:2px}.checks .sub{color:var(--muted);padding-left:26px;font-size:13px}.checks .sub button,.checks .sub select{padding:4px 10px;font-size:13px}.unsupported{color:var(--hot);font-size:12px}#season-line{color:#ffd93b}#res-season{white-space:pre-line}.bar{border:1px solid var(--line);background:#0c0d22;border-radius:6px;height:10px;overflow:hidden}.bar i{background:var(--accent);width:0;height:100%;display:block}.settings-panel details{border-top:1px solid var(--line);padding:8px 0}.settings-panel summary{cursor:pointer;color:var(--text);padding:6px 0;font-weight:800}.set-row.sub{padding-left:26px}.set-row.off{opacity:.45}.set-row label:not(.inline){margin:4px 0}.hint{margin:2px 0 0 26px}.pick em{color:#ffd93b;margin-left:auto;font-size:11px;font-style:normal}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none}.overlay{place-items:unset;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.panel{min-width:0;max-width:100%;margin:auto}.panel h2{overflow-wrap:anywhere;font-size:clamp(22px,6.5vw,30px)}h1{font-size:clamp(24px,8.5vw,34px)}input,select,textarea{max-width:100%}button,select,input[type=checkbox],input[type=range],summary,.pick{touch-action:manipulation}.settings-panel>.actions{bottom:calc(-1 * max(16px, env(safe-area-inset-bottom)));z-index:1;padding:12px 24px calc(16px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);border-radius:0 0 18px 18px;margin:18px -24px -22px;position:sticky}#toolbar{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px)}#rec-badge{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom))}@media (max-width:520px),(max-height:520px){.overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.panel{border-radius:14px;padding:16px}.settings-panel>.actions{bottom:calc(-1 * max(8px, env(safe-area-inset-bottom)));padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0 0 14px 14px;margin:14px -16px -16px}.tag{margin:4px 0 8px}label{margin:10px 0 5px}.actions{gap:8px;margin-top:14px}.actions button{flex:auto}input[type=number]{flex:1;width:120px}.grid{grid-template-columns:auto 1fr}.grid .row{flex-wrap:nowrap}}@media (max-height:520px) and (orientation:landscape){.grid{grid-template-columns:1fr 2fr}#res-list{max-height:160px}}@media (pointer:coarse){button,select,input:not([type=checkbox]):not([type=range]){min-height:44px}input,select,textarea{font-size:16px}.checks .sub button,.checks .sub select{min-height:40px;font-size:15px}input[type=checkbox]{width:22px;height:22px}.checks label.inline{align-items:center;min-height:32px}.checks input[type=checkbox]{margin-top:0}input[type=range]{min-height:32px}.pick{min-height:40px;font-size:14px}.lang button{min-width:48px;font-size:14px}.settings-panel summary{padding:10px 0}#toolbar{opacity:.85;gap:8px}#toolbar button{min-width:44px;min-height:44px;padding:8px 12px;font-size:15px}}@media (pointer:coarse) and (max-height:520px){#toolbar button{min-width:40px;min-height:40px;padding:6px 10px}}@media (max-height:520px) and (min-aspect-ratio:2){#toolbar{flex-flow:column wrap-reverse;align-items:stretch;gap:6px;max-width:none;max-height:calc(100dvh - 24px)}}.picks.many{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:4px;max-height:232px;padding-right:4px;overflow-y:auto}.picks.many .pick{padding:4px 6px;font-size:12px}.picks.many .pick i{width:10px;height:10px}.pick span{text-overflow:ellipsis;overflow:hidden}.qual-line{color:#2bf0ff;margin:6px 0 0}.stat-slot{min-height:96px;margin-top:8px;position:relative}.stat-hint{margin:0;padding-top:8px}.stat-ghost{visibility:hidden}.stat-ghost+.stat-hint{position:absolute;inset:0 0 auto}.stat-card{border:1px solid var(--line);background:#0c0d22;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px 16px;padding:8px 12px;font-size:12px;display:grid}.stat-head,.stat-pays{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.stat-head i{border-radius:3px;width:12px;height:12px}.stat-head b{font-size:14px}.stat-level{color:#ffd93b}.stat-odds{color:#ffd93b;margin-left:auto;font-weight:800}.stat-pays{color:var(--muted)}.stat-row{color:var(--muted);grid-template-columns:52px 1fr 26px;align-items:center;gap:6px;display:grid}.stat-row em{color:var(--text);text-align:right;font-style:normal}.stat-bar{background:#1b1d40;border-radius:4px;height:8px;overflow:hidden}.stat-bar i{border-radius:4px;height:100%;display:block}.team-table ol{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.team-table li{border-radius:8px;grid-template-columns:24px 70px 1fr auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:grid}.team-table li.win{background:#ffd93b1a;border:1px solid #ffd93b}.team-table li i{color:#000;text-align:center;border-radius:4px;font-style:normal;font-weight:900}.team-table .members{flex-wrap:wrap;gap:2px 10px;font-size:12px;display:flex}.team-table em{font-style:normal;font-weight:800}.team-winner{margin:0 0 6px;font-weight:800}#res-list{padding-left:40px}.challenge-banner{border:1px solid var(--accent);background:#1a1d4a;border-radius:12px;margin:10px 0 4px;padding:10px 40px 10px 14px;position:relative}.challenge-banner p{margin:0}.challenge-banner p.small{margin-top:4px}.challenge-banner>button{padding:2px 10px;position:absolute;top:6px;right:6px}.challenge-banner p button{margin-left:6px;padding:2px 10px;font-size:12px}.challenge-row{margin-top:12px}.challenge-row p.small{margin:6px 0 0}@media (pointer:coarse),(max-width:520px){#toolbar .ff-label{display:none}}body.no-record #btn-record{display:none}.creator-note{color:#ffd93b}body.no-bet #coins,body.no-bet #menu .row.bet{display:none}.hp{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.hp h3{margin:0 0 4px;font-size:18px}.hp-list{gap:4px;max-height:min(40vh,360px);margin-top:8px;padding-right:4px;display:grid;overflow-y:auto}.hp-row{border:1px solid var(--line);background:#0c0d22;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 8px;font-size:14px;display:flex}.hp-row.on{border-color:var(--accent)}.hp-row.star{box-shadow:inset 3px 0 #ffd93b}.hp-row label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:180px;display:flex}.hp-time{font-variant-numeric:tabular-nums;min-width:48px;font-weight:800}.hp-kind{opacity:.85}.hp-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.hp-len{opacity:.9;align-items:center;gap:4px;font-size:12px;display:flex}.hp-len input{width:52px;padding:3px 6px;font-size:13px}.hp-small{margin-top:8px}.hp-small summary{cursor:pointer}.av-open{margin-top:8px;padding:6px 12px;font-size:13px}.pick i.av{background-position:50%;background-size:cover;border-radius:50%;width:22px;height:22px}.av-overlay{z-index:20}.av-panel{width:min(720px,100%)}.av-list{gap:6px;max-height:min(60vh,560px);margin-top:10px;padding-right:4px;display:grid;overflow-y:auto}.av-row{border:1px solid var(--line);background:#0c0d22;border-radius:10px;padding:6px 8px}.av-row.drop{border-color:var(--accent);box-shadow:0 0 12px #5b6cff80}.av-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.av-main button,.av-link button{padding:5px 10px;font-size:13px}.av-thumb{background-position:50%;background-size:cover;border:2px solid;border-radius:50%;flex:none;width:38px;height:38px}.av-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:90px;overflow:hidden}.av-link{gap:6px;margin-top:6px;display:flex}.av-link input{flex:1;min-width:0;padding:5px 10px;font-size:13px}.av-msg{margin-top:2px}.av-msg:empty{display:none}.av-msg.err{color:var(--hot)}.pp{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.pp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pp-head h3{margin:0;font-size:18px}.pp-tabs{gap:4px;display:flex}.pp-tabs button{padding:4px 10px;font-size:13px}.pp-tabs button.on{border-color:var(--accent);background:var(--accent);font-weight:800}.pp label{justify-content:space-between;align-items:center;gap:8px;display:flex}.pp label button,.pp .pp-copy{padding:3px 10px;font-size:12px}.pp-titles{gap:4px;display:grid}.pp-title{align-items:center;gap:6px;display:flex}.pp-title input{flex:1;min-width:0;padding:6px 10px;font-size:14px}.pp textarea{font-size:13px}.pp-thumb{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.pp-thumb canvas{border:1px solid var(--line);border-radius:8px;width:min(320px,100%);height:auto}.pp-thumb .pp-tools{align-content:start;gap:8px;display:grid}.pp-thumb .pp-tools button{padding:6px 12px;font-size:13px}.pp-copied{color:#3bff7a;font-size:12px}#live-ctl{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}#btn-live{border-color:#ff3b6b}#live-ctl label.inline{color:var(--muted);font-size:13px}.live-break{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:5;background:radial-gradient(at 50% 30%,#281e6ef5,#04040efa)}.lb-panel{text-align:center;gap:14px;width:min(760px,100%);display:grid}.lb-top{letter-spacing:2px;color:var(--muted);justify-content:center;gap:16px;font-weight:800;display:flex}.lb-live{color:#ff3b6b;animation:1s infinite blink}.lb-label{color:var(--muted);text-transform:uppercase;letter-spacing:3px;font-size:15px}.lb-champ{justify-content:center;align-items:center;gap:14px;font-size:clamp(34px,7vw,64px);font-weight:900;display:flex}.lb-champ i{border-radius:10px;width:.6em;height:.6em;box-shadow:0 0 24px}.lb-champ b{text-shadow:0 0 22px}.lb-season{border:1px solid var(--line);text-align:left;background:#0a0a1eb3;border-radius:14px;padding:12px 18px}.lb-season:empty{display:none}.lb-season-head{color:#ffd93b;margin-bottom:6px;font-weight:800}.lb-season ol{columns:2;column-gap:28px;margin:0;padding-left:26px}@media (max-width:560px){.lb-season ol{columns:1}}.lb-season li{break-inside:avoid;align-items:center;gap:8px;margin:3px 0;display:flex}.lb-season li i{border-radius:3px;flex:none;width:12px;height:12px}.lb-season li em{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px;font-style:normal}.lb-next{font-size:clamp(24px,4.5vw,38px);font-weight:900}.lb-mode{color:var(--muted)}.lb-bar{background:#0c0d22;border-radius:6px;height:8px;overflow:hidden}.lb-bar i{background:#ff3b6b;width:0;height:100%;transition:width .2s linear;display:block}.lb-stop{justify-self:center}.te-overlay{z-index:20}.te-panel{width:min(720px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.te-panel .head h2{margin:0}.te-x{padding:6px 12px}.te-pick select,.te-name{width:100%}.te-list{gap:6px;max-height:34vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.te-item{border:1px solid var(--line);background:#0c0d22;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.te-num{text-align:right;width:24px;color:var(--muted);flex:none;font-size:13px}.te-sec{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.te-tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:11px}.te-btns{flex:none;gap:4px;display:flex}.te-btns button{min-width:38px;min-height:36px;padding:4px 8px}.te-empty{color:var(--muted);padding:8px;font-size:13px}.te-cat{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.te-chip{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.te-chip small{color:var(--muted);font-size:10px;font-weight:400}.te-chip.ex{border-color:#4a3d1a}.te-chip.p2{border-color:#1a4a45}.te-msg{color:#ffd93b;min-height:1em}.te-del{color:var(--hot)}@media (max-width:520px){.te-panel{padding:16px 14px}.te-cat{grid-template-columns:repeat(2,1fr)}.te-tag{display:none}}.te-code{border-top:1px solid var(--line);gap:6px;margin-top:12px;padding-top:12px;display:grid}.te-code>button{justify-self:start}.te-paste{gap:8px;display:flex}.te-paste input{flex:1;min-width:0;font-family:ui-monospace,monospace}.aud-tools{margin-top:8px}.aud-open{padding:6px 12px;font-size:13px}.ros-overlay{z-index:20}.ros-panel{width:min(760px,100%)}.ros-paste{font-size:13px}.ros-found{margin-top:10px}.ros-chips{flex-wrap:wrap;gap:4px;max-height:160px;margin:6px 0 8px;display:flex;overflow-y:auto}.ros-chip{border:1px solid var(--line);background:#181a3c;border-radius:999px;padding:2px 8px;font-size:12px}.ros-cut{max-height:120px;margin:4px 0 8px;padding-left:20px;font-size:13px;overflow-y:auto}.ros-warn{color:#ffb347}.ros-msg{color:#3bff7a}.ros-title{flex:1;min-width:160px}.ros-list{gap:6px;max-height:220px;display:grid;overflow-y:auto}.ros-item{border:1px solid var(--line);background:#0c0d22;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.ros-item b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:120px;overflow:hidden}.ros-item .small{margin:0}.ros-item button,.ldb-sorts button,.ldb-acts button{padding:5px 10px;font-size:13px}.ldb-sorts .small{margin:0}.ldb-sorts button.on{border-color:var(--accent);background:#181a3c}.ldb-wrap{border:1px solid var(--line);border-radius:10px;max-height:300px;margin-top:8px;overflow:auto}.ldb-table{border-collapse:collapse;width:100%;font-size:13px}.ldb-table th{color:var(--muted);text-align:right;background:#12122a;padding:6px 8px;font-weight:700;position:sticky;top:0}.ldb-table td{text-align:right;white-space:nowrap;border-top:1px solid #ffffff0d;padding:4px 8px}.ldb-table th:nth-child(-n+2),.ldb-table td:nth-child(-n+2){text-align:left}.ldb-table td.ldb-name{border-left:4px solid var(--c,#fff);text-overflow:ellipsis;max-width:260px;overflow:hidden}.ldb-past{max-height:140px;margin:4px 0;padding-left:20px;font-size:14px;overflow-y:auto}.ldb-acts{margin-top:12px}.car-slot{margin-top:8px}.car-card{border:1px solid var(--line);background:#0c0d22;border-radius:10px;padding:8px 10px;font-size:13px}.car-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.car-head i{border-radius:50%;width:12px;height:12px;display:inline-block}.car-meta{color:var(--muted);margin-left:auto}.car-line{color:var(--text);margin-top:2px}.car-line.hot{color:#ffd93b}.car-line.rival{color:#ff5bd0;font-weight:700}.car-line.sub{color:var(--muted);padding-left:8px}.car-recent{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;display:flex}.car-chip{color:var(--text);background:#181a3c;border-radius:6px;padding:1px 6px;font-size:12px}.car-chip.gold{color:#ffd93b;background:#6b5510}.car-chip.pod{background:#2a2d55}.car-res{white-space:pre-line;color:#ff9ec4}#menu-more>summary{cursor:pointer;color:var(--muted);margin-top:12px;font-size:14px}#menu:not(.compact) #menu-more>summary{display:none}#menu.compact .stat-slot{min-height:0}#menu.compact .car-slot>p.small{display:none}#menu.compact #menu-foot,#results.tabbed #res-actions{bottom:calc(-1 * max(16px, env(safe-area-inset-bottom)));z-index:1;padding:2px 24px calc(14px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);border-radius:0 0 18px 18px;margin:14px -24px -22px;position:sticky}#results.tabbed #res-actions{padding-top:12px}#menu.compact #menu-foot .actions{flex-wrap:nowrap;margin-top:12px}#menu.compact #menu-foot .actions button{flex:1 1 0}#menu-tools .actions:empty{display:none}#menu.compact #menu-tools .actions{margin-top:14px}#menu.compact #preview-out:empty{display:none}.res-tabs{border-bottom:1px solid var(--line);gap:6px;margin:4px 0 12px;display:flex}.res-tabs button{border-bottom:none;border-radius:10px 10px 0 0;padding:8px 14px}.res-tabs button.on{border-color:var(--accent);background:#1a1d4a;font-weight:700}#results.tabbed[data-active=results] [data-tab]:not([data-tab=results]),#results.tabbed[data-active=highlights] [data-tab]:not([data-tab=highlights]),#results.tabbed[data-active=publish] [data-tab]:not([data-tab=publish]){display:none}#results.tabbed .hp{border-top:none;margin-top:0;padding-top:0}#results.tabbed .hp-list{max-height:none}@media (max-width:520px),(max-height:520px){#menu.compact #menu-foot,#results.tabbed #res-actions{bottom:calc(-1 * max(8px, env(safe-area-inset-bottom)));padding:2px 16px calc(10px + env(safe-area-inset-bottom));border-radius:0 0 14px 14px;margin:12px -16px -16px}#results.tabbed #res-actions{padding-top:10px}.res-tabs button{flex:1;padding:8px 6px}}
