:root{--green-900:#04281a;--green-800:#063d22;--green-700:#0a5a32;--green-500:#13844b;--gold:#d6b24c;--gold-soft:#f3dd97;--ink:#0e1a14;--paper:#f5f7f4;--line:#d9e1db;--muted:#5d6f65;--red:#c8102e;--win:#0f8a4a;--odds-bg:#fff;--odds-hover:#fff5d6;--panel-bg:#eef2ef}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--green-900);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Noto Sans TC,PingFang HK,Microsoft JhengHei,system-ui,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.topbar{color:#fff;background:linear-gradient(90deg, var(--green-800), var(--green-700) 60%, var(--green-800));border-bottom:3px solid var(--gold);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.crest{width:38px;height:38px}.brand h1{letter-spacing:.06em;margin:0;font-size:19px;font-weight:900}.brand .sub{color:var(--gold-soft);letter-spacing:.08em;margin:0;font-size:11px}.wallet{align-items:center;gap:10px;display:flex}.wallet .label{color:var(--gold-soft);font-size:12px}.wallet strong{color:#fff;font-variant-numeric:tabular-nums;font-family:Oswald,sans-serif;font-size:22px}.ghost{color:#fff;background:0 0;border:1px solid #fff6;border-radius:4px;padding:4px 10px;font-size:12px}.ghost:hover{background:#ffffff1a}.layout{grid-template-columns:minmax(0,1fr) 420px;height:calc(100% - 60px);display:grid}.stage{background:#000;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.scorebug{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06140ee0;border-radius:4px;align-items:stretch;font-size:15px;font-weight:700;display:flex;position:absolute;top:14px;left:14px;overflow:hidden;box-shadow:0 4px 20px #0006}.scorebug>*{align-items:center;padding:6px 10px;display:flex}.scorebug .bar{width:6px;padding:0}.scorebug .score{background:var(--gold);color:var(--ink);gap:6px;padding:4px 12px;font-family:Oswald,sans-serif;font-size:19px}.scorebug .score i{opacity:.5;font-style:normal}.scorebug .clock{font-variant-numeric:tabular-nums;background:#0d2a1d;justify-content:center;min-width:64px;font-family:Oswald,sans-serif}.scorebug .half{color:var(--gold-soft);background:#0d2a1d;padding-left:0;font-size:12px}.cams{gap:4px;display:flex;position:absolute;top:14px;right:14px}.cams button{color:#dfe;background:#06140ecc;border:1px solid #ffffff26;border-radius:3px;padding:5px 9px;font-size:12px}.cams button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.banner{color:#fff;letter-spacing:.1em;text-shadow:0 0 24px #d6b24ce6,0 4px #7a5b00;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;font-size:clamp(34px,6vw,84px);font-weight:900;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.8)}.banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner small{letter-spacing:.05em;color:var(--gold-soft);font-size:.32em;display:block}.ticker{max-width:min(560px,70%);margin:0;padding:0;list-style:none;position:absolute;bottom:64px;left:14px}.ticker li{color:#fff;border-left:3px solid var(--gold);background:#06140eb8;border-radius:2px;margin-top:3px;padding:4px 10px;font-size:13px;animation:.3s tick-in}.ticker li:not(:last-child){opacity:.65}@keyframes tick-in{0%{opacity:0;transform:translate(-12px)}}.controls{color:#fff;background:linear-gradient(#0000,#000000bf);align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls button{color:#fff;background:#ffffff24;border:none;border-radius:4px;padding:8px 16px;font-weight:700}.controls button.primary{background:var(--gold);color:var(--ink);min-width:96px}.controls button:disabled{opacity:.4;cursor:not-allowed}.speed{align-items:center;gap:6px;font-size:13px;display:flex}.speed select{color:#fff;background:#00000080;border:1px solid #ffffff4d;border-radius:3px;padding:5px}.stage:before,.stage:after{content:"";z-index:1;pointer-events:none;background:#000;height:0;transition:height .45s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.stage:before{top:0}.stage:after{bottom:0}.stage.replaying:before,.stage.replaying:after{height:8%}.stage.replaying .ticker,.stage.replaying .controls{opacity:0;pointer-events:none}.replay-tag{z-index:2;color:#fff;border-left:3px solid var(--red);background:#06140ee0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:14px;animation:.3s tick-in;display:flex;position:absolute;top:calc(8% + 12px);right:14px}.replay-tag[hidden],.nextcard[hidden]{display:none}.replay-tag .dot{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1s infinite pulse}.replay-tag b{letter-spacing:.1em}.replay-tag #replayInfo{color:var(--gold-soft);font-size:13px}.replay-tag button{color:#fff;background:#ffffff26;border:none;border-radius:3px;padding:4px 10px;font-size:12px}.replay-tag button:hover{background:#ffffff47}.nextcard{z-index:2;border-top:4px solid var(--gold);background:#f7f9f7f7;border-radius:8px;width:min(440px,100% - 24px);padding:14px 16px;animation:.35s cubic-bezier(.2,.9,.3,1.2) card-in;position:absolute;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes card-in{0%{opacity:0;transform:translate(-50%,16px)}}.nextcard .eyebrow{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.nextcard .match{justify-content:space-between;align-items:center;margin:8px 0 4px;font-size:20px;font-weight:900;display:flex}.nextcard .match span:nth-child(2){color:var(--muted);font-size:13px;font-weight:400}.nextcard .odds3{color:var(--muted);justify-content:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.nextcard .odds3 b{color:var(--green-700);margin-left:3px;font-family:Oswald,sans-serif}.nextcard .bar{background:var(--line);border-radius:2px;height:3px;margin-bottom:10px;overflow:hidden}.nextcard .bar i{background:var(--gold);transform-origin:0;height:100%;display:block}.nextcard .actions{gap:8px;display:flex}.nextcard .actions button{border:1px solid var(--line);background:#fff;border-radius:5px;flex:1;padding:9px;font-weight:700}.nextcard .actions button.go{background:var(--green-700);color:#fff;border-color:var(--green-700)}.nextcard .actions button.go:hover{background:var(--green-500)}.loading{color:var(--gold-soft);background:var(--green-900);letter-spacing:.2em;place-items:center;font-size:18px;transition:opacity .5s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.panel{background:var(--panel-bg);border-left:3px solid var(--gold);flex-direction:column;min-height:0;display:flex}.tabs{background:var(--green-800);display:flex}.tabs button{color:#cfe3d7;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:11px 0;font-size:14px;font-weight:700}.tabs button.on{color:#fff;border-bottom-color:var(--gold);background:var(--green-700)}.pill{background:var(--gold);min-width:18px;color:var(--ink);border-radius:9px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}.tabpane{flex:1;padding:10px;display:none;overflow-y:auto}.tabpane.on{display:block}.disclaimer{color:var(--muted);border-top:1px solid var(--line);background:#fff;margin:0;padding:8px 12px;font-size:11px}.fixture{border:1px solid var(--line);background:#fff;border-radius:6px;margin-bottom:8px;overflow:hidden}.fixture.sel{border-color:var(--green-500);box-shadow:0 0 0 2px #13844b40}.fixture header{color:var(--muted);cursor:pointer;background:#f3f6f4;justify-content:space-between;padding:6px 10px;font-size:11px;display:flex}.fixture .teams{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 10px 2px;font-weight:700;display:flex}.fixture .teams .vs{color:var(--muted);font-size:12px;font-weight:400}.fixture .teams .res{color:var(--red);font-family:Oswald,sans-serif}.status{color:var(--muted);background:#e7ece9;border-radius:3px;padding:1px 6px;font-size:11px}.status.live{background:var(--red);color:#fff;animation:1.2s infinite pulse}.status.finished{background:var(--ink);color:#fff}@keyframes pulse{50%{opacity:.55}}.oddsrow{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px 10px;display:grid}.odds{border:1px solid var(--line);background:var(--odds-bg);color:var(--ink);border-radius:4px;flex-direction:column;align-items:center;gap:1px;min-height:44px;padding:6px 4px;transition:background .15s,border-color .15s;display:flex}.odds span{color:var(--muted);font-size:11px}.odds b{color:var(--green-700);font-variant-numeric:tabular-nums;font-family:Oswald,sans-serif;font-size:16px}.odds:hover:not(:disabled){background:var(--odds-hover);border-color:var(--gold)}.odds.picked{background:var(--green-700);border-color:var(--green-700)}.odds.picked span,.odds.picked b{color:#fff}.odds:disabled{opacity:.45;cursor:not-allowed}.pools h3{justify-content:space-between;align-items:baseline;margin:14px 0 8px;font-size:15px;display:flex}.pools h3 small{color:var(--muted);font-size:12px;font-weight:400}.pooltabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.pooltabs button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:4px 10px;font-size:12px}.pooltabs button.on{background:var(--green-700);color:#fff;border-color:var(--green-700)}.poolgrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.poolgrid.two{grid-template-columns:repeat(2,1fr)}.poolgrid.four{grid-template-columns:repeat(4,1fr)}.crs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.crs .col{flex-direction:column;gap:6px;display:flex}.crs .col h4{text-align:center;color:var(--muted);margin:0;font-size:12px}.closed{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#fff;border-radius:4px;margin-bottom:8px;padding:8px;font-size:13px}.slip-item{border:1px solid var(--line);background:#fff;border-radius:6px;margin-bottom:8px;padding:8px 10px}.slip-item .top{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.slip-item .sel{justify-content:space-between;margin:3px 0 6px;font-weight:700;display:flex}.slip-item .sel b{color:var(--green-700);font-family:Oswald,sans-serif}.slip-item .row{align-items:center;gap:8px;font-size:13px;display:flex}.slip-item input{border:1px solid var(--line);width:110px;font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:6px 8px}.slip-item .ret{color:var(--muted);margin-left:auto;font-size:12px}.remove{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:16px}.quick{gap:4px;margin-top:6px;display:flex}.quick button{border:1px solid var(--line);background:#f7f9f8;border-radius:3px;flex:1;padding:3px 0;font-size:12px}.slip-total{justify-content:space-between;padding:8px 2px;font-size:14px;display:flex}.btn-main{background:var(--green-700);color:#fff;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:700}.btn-main:hover{background:var(--green-500)}.btn-main:disabled{opacity:.5}.error{color:var(--red);min-height:1em;margin:6px 0;font-size:13px}.empty{color:var(--muted);text-align:center;padding:30px 10px;font-size:14px}.hist{border:1px solid var(--line);border-left:4px solid var(--line);background:#fff;border-radius:4px;margin-bottom:6px;padding:8px 10px;font-size:13px}.hist.won{border-left-color:var(--win)}.hist.lost{border-left-color:#999}.hist.pending{border-left-color:var(--gold)}.hist .l1{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.hist .l2{justify-content:space-between;margin-top:2px;font-weight:700;display:flex}.hist .won-amt{color:var(--win)}.summary{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.summary div{text-align:center;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:4px;padding:8px;font-size:11px}.summary b{color:var(--ink);font-family:Oswald,sans-serif;font-size:17px;display:block}.newround{background:var(--gold);border:none;border-radius:6px;width:100%;margin:6px 0 10px;padding:10px;font-weight:700}.toast{background:var(--ink);color:#fff;border-left:4px solid var(--gold);opacity:0;pointer-events:none;z-index:10;border-radius:6px;max-width:90vw;padding:12px 18px;font-size:14px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=900px){.layout{grid-template-rows:56vh auto;grid-template-columns:1fr;height:auto}.panel{border-left:none;border-top:3px solid var(--gold);min-height:60vh}.topbar{padding:0 10px}.brand .sub,.wallet .label{display:none}.brand h1{white-space:nowrap;font-size:15px}.crest{width:30px;height:30px}.wallet{gap:6px}.wallet strong{font-size:18px}.ghost{white-space:nowrap}.cams{justify-content:flex-start;top:50px;left:8px;right:8px}.cams button{padding:4px 8px}.ticker{max-width:calc(100% - 16px);bottom:58px;left:8px}.ticker li:not(:last-child){display:none}.scorebug{font-size:12px;top:8px;left:8px}.controls{flex-wrap:wrap;gap:6px;padding:8px}.controls button{padding:7px 10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=900px){.replay-tag{font-size:12px;top:calc(8% + 44px);right:8px}.nextcard{padding:10px 12px;bottom:56px}.nextcard .match{font-size:17px}}