html, body { margin: 0; }
  body { background: #0A0A0C; color: #EDEDF0; font-family: 'Fira Sans Condensed', system-ui, sans-serif; }
  body.vb-overlay { background: transparent !important; }
  a { color: #B8F02A; }
  a:hover { color: #D2FF6B; }
  @keyframes vbpulse { 0%,100% { opacity: 1 } 50% { opacity: .3 } }
  @keyframes vbspin { from { transform: rotate(-260deg) } to { transform: rotate(150deg) } }
  @keyframes vbflightL {
    0%   { transform: translate(-360px, -210px) scale(.38); opacity: 0 }
    14%  { opacity: 1 }
    52%  { transform: translate(-40px, -30px) scale(1.22); opacity: 1 }
    66%  { transform: translate(0, 10px) scale(1.04) }
    76%  { transform: translate(0, -8px) scale(1.1) }
    88%  { transform: translate(0, 2px) scale(1.02); opacity: 1 }
    100% { transform: translate(0, -26px) scale(.9); opacity: 0 }
  }
  @keyframes vbflightR {
    0%   { transform: translate(360px, -210px) scale(.38); opacity: 0 }
    14%  { opacity: 1 }
    52%  { transform: translate(40px, -30px) scale(1.22); opacity: 1 }
    66%  { transform: translate(0, 10px) scale(1.04) }
    76%  { transform: translate(0, -8px) scale(1.1) }
    88%  { transform: translate(0, 2px) scale(1.02); opacity: 1 }
    100% { transform: translate(0, -26px) scale(.9); opacity: 0 }
  }
  @keyframes vbflash {
    0%   { opacity: 0; transform: scale(.7) }
    55%  { opacity: 0 }
    66%  { opacity: .95; transform: scale(1) }
    100% { opacity: 0; transform: scale(1.5) }
  }
  @keyframes vbpop {
    0%, 55% { transform: scale(1) }
    70% { transform: scale(1.26) }
    100% { transform: scale(1) }
  }
  @keyframes vbshadow {
    0%, 50% { opacity: 0; transform: scaleX(.4) }
    66% { opacity: .5; transform: scaleX(1) }
    100% { opacity: 0; transform: scaleX(.7) }
  }
  input { font-family: inherit; }

*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer;min-height:48px;padding:10px;border:1px solid #393940;background:#15151A;color:#F4F4F0}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}input,select{width:100%;padding:10px;background:#0b0b0b;color:#fff;border:1px solid #444}label{display:block;margin:10px 0}main{max-width:780px;margin:auto;padding:16px}h1{font-family:'Russo One',sans-serif;font-size:25px}.teams,.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.team{padding:12px;background:#121216;border:1px solid #23232b}.score{font:52px 'Russo One',sans-serif}.primary{background:#B8F02A;color:#0B0B0B}.plus{width:100%;font-size:30px;height:84px}.status{font:12px monospace;color:#B8F02A}.error{color:#ffac90;min-height:24px}.preview{position:relative;height:260px;overflow:hidden;background:linear-gradient(160deg,#1A3B22,#08170E 70%)}.preview>div{position:absolute;width:1920px;height:1080px;transform:scale(.35);transform-origin:0 0;bottom:0;left:0}.stage{position:fixed;width:1920px;height:1080px;transform-origin:top left;pointer-events:none}body.overlay{background:transparent!important;overflow:hidden}.overlay #root{background:transparent}fieldset{border:0;padding:0;margin:0}details{margin:18px 0}summary{cursor:pointer;padding:12px;background:#15151a}small{color:#adadb8}.links{overflow-wrap:anywhere;line-height:1.7}@media(max-width:500px){main{padding:10px}.team{padding:8px}.score{font-size:42px}.actions{gap:6px}.preview>div{transform:scale(.23)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.primary{background:var(--button,#B8F02A);color:var(--button-text,#0B0B0B)}