:root{--ink:#f4efe4;--muted:#c8c0b0;--paper:#0c1018c7;--gold:#f5d76e;--home:#e23d3d;--away:#4d8eef;--line:#f4efe424;--sans:"Outfit", system-ui, sans-serif;--display:"Bebas Neue", Impact, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--ink);font-family:var(--sans);background:#101826;margin:0;overflow:hidden}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}.app{width:100%;height:100%;position:relative}.pitch-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.hud{pointer-events:none;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.topbar,.sheet,.text-btn,.side-rail{pointer-events:auto}.side-rail{left:10px;top:calc(12px + env(safe-area-inset-top));flex-direction:column;gap:12px;width:min(248px,42vw);display:flex;position:absolute}.side-rail .countdown{margin:0;padding:14px 14px 12px}.fantambriciolone-finale{background:var(--paper);border:2px solid var(--home);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:12px;padding:14px 14px 16px}.finale-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:10px}.finale-title{font-family:var(--display);letter-spacing:.05em;color:var(--ink);margin:0 0 10px;font-size:30px;font-weight:400;line-height:.95}.finale-end{font-family:var(--display);letter-spacing:.08em;color:var(--home);margin:0 0 6px;font-size:36px;font-weight:400;line-height:1}.finale-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.side-rail .countdown-label{letter-spacing:.1em;font-size:10px}.side-rail .countdown-note{margin-bottom:10px;font-size:11px}.side-rail .countdown-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.side-rail .countdown-unit{min-width:0}.side-rail .countdown-unit strong{font-size:24px}.sbamber-banner{background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #6b1d5c;border-radius:12px;padding:14px 14px 16px}.sbamber-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:10px}.sbamber-title{font-family:var(--display);letter-spacing:.05em;color:#7ec8e3;margin:0 0 8px;font-size:30px;font-weight:400;line-height:.95}.sbamber-text{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.topbar{text-align:center;background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-self:center;width:min(520px,100%);padding:12px 16px 10px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0;font-size:10px}h1{font-family:var(--display);letter-spacing:.04em;margin:4px 0 0;font-size:clamp(28px,8vw,44px);font-weight:400;line-height:.95}.tagline{color:var(--muted);margin:6px 0 10px;font-size:13px}.score{justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.score strong{font-family:var(--display);font-size:28px;font-weight:400}.score em{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-style:normal}.side.home{color:var(--home)}.side.away{color:var(--away)}.text-btn{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border-radius:999px;margin-top:8px;padding:5px 10px;font-size:11px}.view-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.view-btns .text-btn{margin-top:8px}.text-btn-accent{color:#f5d76e;border-color:#6b1d5c}.sheet{background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;align-self:center;width:min(640px,100%);padding:12px}.card h2,.ghost-card h2{font-family:var(--display);letter-spacing:.04em;margin:0 0 6px;font-size:28px;font-weight:400}.kicker{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:11px}.card p,.ghost-card p,.hint{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.hint{padding:4px 4px 8px}.roster{-webkit-overflow-scrolling:touch;gap:8px;margin:12px 0 0;padding:2px 2px 6px;list-style:none;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.chip span{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.chip.on{color:#141820;background:#f4efe4;border-color:#f4efe4}.chip.on span{color:#8a5a12}.chip.ghost{color:var(--gold);border-style:dashed}.tag{pointer-events:none;font-family:var(--sans);color:#141820;white-space:nowrap;background:#f4efe4;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.tag-pair{background:var(--gold)}.tag-ghost{color:var(--gold);border:1px dashed var(--gold);background:0 0}.tag-on{outline:2px solid #fff}.tag-presidential{color:#f5d76e;background:#6b1d5c}.countdown{border:2px solid var(--gold);background:#f5d76e14;border-radius:12px;margin:8px 0 4px;padding:8px 10px;animation:2s ease-in-out infinite pulse-border}.countdown-done{border-color:var(--home);background:#e23d3d1f;animation:none}.countdown-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 2px;font-size:9px;line-height:1.25}.countdown-note{color:var(--muted);margin:0 0 6px;font-size:10px;line-height:1.3}.countdown-over{font-family:var(--display);letter-spacing:.08em;color:var(--home);margin:0;font-size:32px}.countdown-grid{justify-content:center;gap:10px;display:flex}.countdown-unit{flex-direction:column;align-items:center;min-width:42px;display:flex}.countdown-unit strong{font-family:var(--display);color:var(--ink);font-size:26px;font-weight:400;line-height:1}.countdown-unit span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px}.presidential-card .quote{color:var(--ink);margin-bottom:8px;font-weight:600}@keyframes pulse-border{0%,to{border-color:var(--gold)}50%{border-color:#f5d76e73}}@media (width<=640px){.side-rail{gap:10px;width:min(210px,48vw);left:6px}.side-rail .countdown{padding:12px 12px 10px}.side-rail .countdown-unit strong{font-size:20px}.sbamber-title,.finale-title{font-size:24px}.finale-end{font-size:30px}.sbamber-text{font-size:11px}.topbar{padding:8px 12px}h1{font-size:26px}.score strong,.card h2,.ghost-card h2{font-size:22px}.sheet{padding:10px}}