*,:after,:before{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:#0b0b0c;color:#e9e9ec;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.page{padding:16px 18px 32px}.page:has(.shell--wide){padding-left:8px;padding-right:8px;padding-top:0}@media (min-width:560px){.page{padding:24px 18px 48px}.page:has(.shell--wide){padding-left:18px;padding-right:18px;padding-top:0}}.shell{width:100%;max-width:440px;margin:0 auto}.shell--wide{max-width:1180px}.arena{display:block}.arena>*+*{margin-top:8px}.arena__stage{position:-webkit-sticky;position:sticky;top:53px;z-index:6;background:#0b0b0c;display:grid;grid-gap:8px;gap:8px;padding-top:12px;padding-bottom:8px}.arena__stage+*{margin-top:0}.arena>*{min-width:0}@media (min-width:560px){.arena>*+*{margin-top:12px}.arena__field+*{margin-top:0}}@media (min-width:900px){.arena{display:grid;grid-gap:12px;gap:12px;align-items:start;grid-template-columns:264px minmax(0,1fr) 264px;grid-template-areas:"statA field statB" "log   log   log" "tail  tail  tail"}.arena>*+*,.arena__stage+*{margin-top:0}.arena__stage{display:contents}.arena__field{grid-area:field}.arena__stat--a{grid-area:statA}.arena__stat--b{grid-area:statB}.arena__log{grid-area:log}.arena__tail{grid-area:tail}}.battlefield{--ground:12px;position:relative;height:148px;overflow:hidden}.battlefield__ground{height:var(--ground)}.battlefield__actors{bottom:var(--ground)}.arena__log-scroll{height:150px}.arena__tail{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#0b0b0c;border-top:1px solid #2a2a31;padding:10px 8px calc(10px + env(safe-area-inset-bottom, 0px))}.arena__tail-inner{width:100%;max-width:440px;margin:0 auto;display:grid;grid-gap:10px;gap:10px}.arena__actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.arena__actions button{font-size:12px;padding-left:8px;padding-right:8px}.arena{padding-bottom:148px}.arena__stat{display:none}@media (min-width:560px){.battlefield{--ground:20px;height:176px}.arena__log-scroll{height:200px}}@media (min-width:900px){.arena__stat{display:block}.arena{padding-bottom:0}.arena__tail{position:static;border-top:none;padding:0}.arena__actions{grid-template-columns:1fr}}.arena__tail{width:100%;max-width:440px;margin:0 auto;display:grid;grid-gap:12px;gap:12px}.nav__links{display:flex;align-items:center;gap:18px}@media (max-width:480px){.nav__links{gap:12px}}.lobby__code{font-size:clamp(56px,22vw,96px);line-height:1;letter-spacing:.14em;text-indent:.14em}.lobby__share{display:flex;align-items:center;gap:8px;width:100%}.lobby__share>span{flex:1 1;min-width:0}.lobby__seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.bracket{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.bracket__round{flex:1 0 132px;min-width:132px;display:flex;flex-direction:column;gap:8px}.bracket__matches{flex:1 1;display:flex;flex-direction:column;justify-content:space-around;gap:8px}@media (min-width:560px){.bracket__round{flex-basis:168px;min-width:168px}}.forging{position:relative;overflow:hidden;cursor:progress}.forging:disabled{opacity:1}.forging:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes sweep{0%{transform:translateX(-100%)}to{transform:translateX(430%)}}.vs__corner--a{animation:flyInLeft .62s cubic-bezier(.16,1,.3,1) both}.vs__corner--b{animation:flyInRight .62s cubic-bezier(.16,1,.3,1) both}.vs__panel{animation:impactShake .36s ease-out .56s both;overflow:hidden}.vs__countdown{height:2px;background:#1c1c21;overflow:hidden}.vs__countdown>span{display:block;height:100%;background:#d9503c;transform-origin:left center;animation-name:countdown;animation-timing-function:linear;animation-fill-mode:both}@keyframes flyInLeft{0%{transform:translateX(-140%);opacity:0}70%{transform:translateX(5%);opacity:1}to{transform:translateX(0)}}@keyframes flyInRight{0%{transform:translateX(140%);opacity:0}70%{transform:translateX(-5%);opacity:1}to{transform:translateX(0)}}@keyframes impactShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.vs__corner--a,.vs__corner--b,.vs__panel{animation:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hit{0%{filter:brightness(3) saturate(0);transform:translateX(0)}30%{transform:translateX(-4px)}60%{transform:translateX(3px)}to{filter:none;transform:translateX(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}