/* Combo — tokens and base surfaces (from homepage 01 Versus) */
:root{--y:#FFD400;--k:#0E0E10;--m:#FF2E88;--w:#FFFFFF;--k2:#18181C;--k3:#232329;--line:#34343C;--mute:#B4B4BE;--y-dim:#3A3210;
  --display:'Bungee',system-ui,sans-serif;--mono:'Red Hat Mono',ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1);--gut:clamp(16px,4vw,48px)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--k);color:var(--w);font:400 15px/1.55 var(--mono);font-variant-numeric:tabular-nums;overflow-x:hidden}
::selection{background:var(--m);color:var(--k)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--k)}::-webkit-scrollbar-thumb{background:var(--k3);border:2px solid var(--k)}::-webkit-scrollbar-thumb:hover{background:var(--y)}
html{scrollbar-color:var(--k3) var(--k)}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
img,svg,canvas{display:block}
svg{width:1em;height:1em}
h1,h2,h3,.disp{font-family:var(--display);font-weight:400;line-height:.98;letter-spacing:-.01em;text-wrap:balance}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit;caret-color:var(--y)}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gut)}
.sim-tag{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--k);background:var(--y);padding:4px 7px;display:inline-flex;gap:6px;align-items:center}
.sim-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--m);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;font:400 15px/1 var(--display);letter-spacing:.02em;text-decoration:none;transition:transform .25s var(--ease),background-color .2s,color .2s}
.btn svg{width:18px;height:18px}
.btn-launch{background:var(--y);color:var(--k)}
.btn-launch:hover{background:var(--w);transform:translateY(-2px)}
.btn-launch:active{transform:translateY(1px)}
.btn-ghost{border:2px solid var(--w);color:var(--w)}
.btn-ghost:hover{background:var(--w);color:var(--k)}
.btn-x{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--line);color:var(--w);transition:border-color .2s,color .2s}
.btn-x:hover{border-color:var(--y);color:var(--y)}.btn-x svg{width:18px;height:18px}
.img-slot{display:grid;place-items:center;background:repeating-linear-gradient(45deg,var(--k2) 0 8px,var(--k3) 8px 16px);color:var(--mute);font:600 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-align:center;border:1px dashed var(--line)}
.red{color:var(--m)}
.num{font-variant-numeric:tabular-nums}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}