:root{--bg:#0f1b14;--bg-2:#14241a;--card:#1a2c20;--border:#2a4133;--text:#e8f0ea;--muted:#93a89a;--accent:#3ad37a;--accent-2:#2bb866;--danger:#ff6b6b;--warn:#ffcb47;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 70% -10%,#16321f 0,var(--bg) 55%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:rgba(15,27,20,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:12px}.logo{font-weight:800;font-size:20px;color:var(--text)}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:600;font-size:15px}.nav a:hover{color:var(--text);text-decoration:none}.container{width:100%;max-width:960px;margin:0 auto;padding:32px 24px 64px;flex:1 1}.site-footer{border-top:1px solid var(--border);padding:18px 24px;color:var(--muted);font-size:13px;text-align:center}h1{font-size:34px;line-height:1.15}h1,h2{margin:0 0 12px}h2{font-size:22px}p.lead{font-size:18px;color:var(--muted);max-width:60ch}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:18px 0}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#06210f;font-weight:700;border:none;border-radius:10px;padding:12px 20px;font-size:16px;cursor:pointer;transition:background .15s ease,transform .05s ease}.btn:hover{background:var(--accent-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{background:var(--bg-2)}.btn.small{padding:7px 12px;font-size:14px}.btn.danger{background:var(--danger);color:#2a0606}.btn.danger:hover{background:#ff5252}.btn.danger.secondary{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn.danger.secondary:hover{background:rgba(255,107,107,.12)}.hero-cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}input[type=email],input[type=number],input[type=password],input[type=text]{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-size:16px}input:focus{outline:none;border-color:var(--accent)}.field{margin-bottom:18px}.error{color:var(--danger);font-weight:600;margin:8px 0}.notice{color:var(--warn)}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:15px}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--bg-2)}td.center,th.center{text-align:center}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:rgba(58,211,122,.15);color:var(--accent)}.badge.pending{background:rgba(255,203,71,.15);color:var(--warn)}.pick-group{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;max-width:240px}.pick{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:14px 18px;text-align:center;font-weight:800;cursor:pointer;color:var(--text);font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pick.active,.pick:hover{border-color:var(--accent)}.pick.active{background:var(--accent);color:#06210f}.game-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.game-row:last-child{border-bottom:none}.game-teams{font-weight:700;font-size:16px}.game-time{font-size:13px}.game-time,.steps{color:var(--muted)}.steps{display:flex;gap:10px;margin-bottom:8px;font-size:14px}.steps .active{color:var(--accent);font-weight:700}.qr-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.qr-box img{background:#fff;border-radius:12px;padding:10px}.bet-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:800;letter-spacing:.08em;background:var(--bg-2);border:1px dashed var(--border);border-radius:10px;padding:10px 16px}.table-wrap{overflow-x:auto}.cross-hl{overflow:hidden}.cross-hl td,.cross-hl th{position:relative}.cross-hl td:hover:after,.cross-hl th:hover:after{content:"";position:absolute;left:0;top:-5000px;height:10000px;width:100%;background:rgba(58,211,122,.1);pointer-events:none;z-index:0}.cross-hl tbody tr:hover td{background:rgba(58,211,122,.1)}.full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 24px}.result-pill{font-weight:800}.copy-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:18px;gap:18px;align-items:start}.results-main,.results-side{min-width:0}.results-layout .card,.results-layout .info-box,.results-main>.card:first-child{margin-top:0}.info-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px}.info-box>summary{list-style:none;cursor:pointer;padding:16px 20px;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px}.info-box>summary::-webkit-details-marker{display:none}.info-title{display:inline-flex;align-items:center;gap:4px}.info-chevron{color:var(--muted);transition:transform .2s ease;font-size:14px}.info-hint{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--muted);color:var(--muted);font-size:11px;font-weight:800;cursor:help;position:relative;pointer-events:auto;margin-left:6px;flex-shrink:0}.info-hint:focus,.info-hint:hover{border-color:var(--accent);color:var(--accent);outline:none}.info-tip{position:absolute;bottom:135%;right:-8px;width:220px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:13px;font-weight:500;line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:30;box-shadow:0 6px 18px rgba(0,0,0,.35)}.info-hint:focus .info-tip,.info-hint:hover .info-tip{opacity:1;visibility:visible}.info-box[open] .info-chevron{transform:rotate(180deg)}.info-content{padding:0 20px 18px}.group-list{list-style:none;margin:0;padding:0}.group-list li{padding:6px 0;border-bottom:1px solid var(--border)}.group-list li:last-child{border-bottom:none}.group-list a{color:var(--text);font-weight:600}.group-list a.active,.group-list a:hover{color:var(--accent)}.tag-chips{display:flex;flex-wrap:wrap;gap:4px}.tag-chip{border:1px solid var(--border);background:var(--bg-2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer}.tag-chip.active,.tag-chip:hover{border-color:var(--accent)}.tag-chip.active{background:var(--accent);color:#06210f}@media (min-width:821px){.info-box>summary{cursor:default;pointer-events:none}.info-chevron{display:none}}@media (max-width:820px){.results-layout{grid-template-columns:1fr}}.spinner{width:38px;height:38px;margin:0 auto 16px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn-spinner{width:15px;height:15px;border:2px solid rgba(6,33,15,.35);border-top-color:#06210f;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}.btn-spinner,.chan{display:inline-block}.chan{padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.4}.chan-tv4{background:rgba(255,70,70,.16);color:#ff8585;border:1px solid rgba(255,70,70,.35)}.chan-svt{background:rgba(58,211,122,.14);color:var(--accent);border:1px solid rgba(58,211,122,.3)}.chan-other{background:var(--bg-2);color:var(--muted);border:1px solid var(--border)}.group-head{margin:26px 0 6px;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.group-head:first-of-type{margin-top:8px}.bonus-q{padding:14px 0;border-bottom:1px solid var(--border)}.bonus-q:last-child{border-bottom:none;padding-bottom:0}.bonus-q-text{font-weight:700;font-size:16px;margin-bottom:10px}.bonus-options{display:flex;flex-direction:column;gap:8px}.bonus-opt{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:15px;color:var(--text);cursor:pointer;text-align:left;width:100%;font-weight:600}.bonus-opt.active,.bonus-opt:hover{border-color:var(--accent)}.bonus-opt.active{background:var(--accent);color:#06210f}.bonus-opt-key{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.08);font-weight:800;flex-shrink:0}.bonus-opt.active .bonus-opt-key{background:rgba(6,33,15,.18)}