:root{--paper:#0e0c15;--ink:#f4f1ea;--surface:#171423;--surface-2:#14111f;--chip:#241f33;--line:#2b2740;--muted:#b9b4cc;--dim:#8f8aa3;--live:#ff4d6d;--team-a:#ff7a1a;--team-b:#2ee6a8;--hi:#f4f1ea}*{box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth;background:var(--paper);font-family:var(--font-mono),sans-serif}a,body,html{color:var(--ink)}a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}a:hover{color:#ffab2e}h1,h2,h3{font-family:var(--font-display),sans-serif;font-weight:900;margin:0}input{font-family:var(--font-mono),sans-serif}.bd3,.bd4{border:1px solid var(--line)}.sh3,.sh4,.sh5{box-shadow:0 8px 24px rgba(0,0,0,.35)}.sh8{box-shadow:0 16px 48px rgba(0,0,0,.45)}.btn{font-family:var(--font-mono),sans-serif;font-weight:700;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{transform:scale(1.04);border-color:var(--dim)}.btn:active{transform:scale(.97)}.btn-hi{background:var(--hi);color:#0e0c15;border:none}.btn-big{font-family:var(--font-display),sans-serif;font-weight:700;font-size:15px;padding:15px;border:none;border-radius:14px;letter-spacing:.04em}.btn-big:hover{transform:scale(1.02);box-shadow:0 8px 30px rgba(255,122,26,.35)}.btn-big:active{transform:scale(.98)}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;flex-shrink:0}.panel{border:1px solid var(--line);border-radius:20px;background:var(--surface-2);overflow:hidden}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slam{0%{transform:translateY(-300px) scale(.5) rotate(-14deg);opacity:0}55%{opacity:1}80%{transform:translateY(5px) scale(1.05) rotate(3deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes stampIn{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translateX(-16px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes popIn{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes wobble{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.9}}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}@keyframes livePing{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}.live-dot{position:relative;width:8px;height:8px;flex:none;display:inline-block}.live-dot:before{background:var(--live);animation:livePulse 1.4s ease-in-out infinite}.live-dot:after,.live-dot:before{content:"";position:absolute;inset:0;border-radius:50%}.live-dot:after{border:2px solid var(--live);animation:livePing 1.4s cubic-bezier(0,0,.2,1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes bubble{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.85}to{transform:translateY(-130px) scale(1.1);opacity:0}}@keyframes slosh{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none!important}*{animation-duration:.01ms!important}}.battle-grid{display:grid;grid-template-columns:1fr 170px 1fr;grid-gap:20px;gap:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:900px){.battle-grid{grid-template-columns:1fr}.battle-grid .jars{display:none}.two-col{grid-template-columns:1fr}}