html,body{margin:0;background:#fff6df}body:has(.arena){min-height:100vh;overflow-x:hidden;color:#111522;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:radial-gradient(circle at 8% 16%,rgba(255,209,102,.42),transparent 30%),radial-gradient(circle at 92% 38%,rgba(122,215,255,.38),transparent 28%),linear-gradient(145deg,#fff8e8,#ffe8c6 54%,#ffd5dd)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.arena{--accent: #ffd166;--accent-soft: #ff9d74;width:min(100%,900px);min-height:100vh;margin:0 auto;padding:12px 14px 108px;display:flex;flex-direction:column;gap:11px;box-sizing:border-box}.arena button,.arena a{-webkit-tap-highlight-color:transparent}.arena button{font:inherit}.arena button:focus-visible,.arena a:focus-visible{outline:3px solid #151927;outline-offset:3px}.arena__hud{min-height:66px;display:grid;grid-template-columns:1.05fr 1.8fr .8fr .72fr 1.1fr;border:2px solid #151927;border-radius:19px;background:#fffcf0e6;box-shadow:0 7px #1519271f;overflow:hidden;backdrop-filter:blur(12px)}.arena__hud>div{min-width:0;padding:8px 11px;border-right:1px solid rgba(21,25,39,.16);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.arena__hud>div:last-child{border-right:0}.arena__hud span{font:700 8px/1.2 IBM Plex Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.arena__score-block strong{font:900 28px/.95 IBM Plex Mono,monospace}.arena__round-block{text-align:center;align-items:center}.arena__round-block strong{max-width:100%;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena__combo-block{text-align:center;align-items:center}.arena__combo-block strong{font:900 23px/1 IBM Plex Mono,monospace;color:#e24684}.arena__shield{flex-direction:row!important;align-items:center;gap:4px}.arena__shield span{width:12px;height:12px;border:2px solid #151927;border-radius:50%;background:#78f0ca;transition:.15s ease}.arena__shield span.is-empty{background:transparent;opacity:.28}.arena__rush{gap:4px}.arena__rush i{display:block;height:7px;border:1px solid #151927;border-radius:99px;background:#fff;overflow:hidden}.arena__rush b{display:block;width:0%;height:100%;background:linear-gradient(90deg,#ff78c7,#ffd166,#78f0ca);transition:width .16s linear}.arena[data-rush=true] .arena__rush{background:#151927;color:#fff}.arena[data-rush=true] .arena__rush b{width:100%!important;animation:rushBar .32s steps(2,end) infinite}@keyframes rushBar{50%{filter:brightness(1.5);transform:translate(2px)}}.arena__stage{position:relative;min-height:590px;border:3px solid #151927;border-radius:25px;overflow:hidden;background:#13182a;box-shadow:0 13px #15192729;isolation:isolate}#arena-canvas{display:block;width:100%;height:590px;touch-action:none}.arena__core{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;z-index:4;transition:transform .08s ease}.arena__core span{position:absolute;inset:0;border:4px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 8px #151927c7,0 0 28px var(--accent);background:#fff9e6e6}.arena__core img{position:relative;width:80px;height:80px;image-rendering:pixelated;z-index:1}.arena__core.is-hit{transform:translate(-50%,-50%) scale(1.13) rotate(-2deg)}.arena[data-rush=true] .arena__core span{animation:coreRush .4s ease-in-out infinite alternate}@keyframes coreRush{to{box-shadow:0 0 0 12px #ffffff3d,0 0 52px #ffd166;transform:scale(1.07)}}.arena__lane-label{position:absolute;z-index:3;padding:5px 7px;border:1px solid rgba(255,255,255,.4);border-radius:5px;color:#ffffffd1;background:#07091299;font:700 8px/1 IBM Plex Mono,monospace;letter-spacing:.12em;pointer-events:none}.arena__lane-label--west{left:12px;top:50%;transform:translateY(-50%)}.arena__lane-label--east{right:12px;top:50%;transform:translateY(-50%)}.arena__lane-label--north{top:12px;left:50%;transform:translate(-50%)}.arena__lane-label--south{bottom:12px;left:50%;transform:translate(-50%)}.arena__judge{position:absolute;left:50%;top:calc(50% + 76px);z-index:8;min-width:120px;transform:translate(-50%,8px) scale(.8);text-align:center;color:#fff;font:900 22px/1 IBM Plex Mono,monospace;text-shadow:0 3px 0 #151927,0 0 18px currentColor;opacity:0;pointer-events:none}.arena__judge.is-showing{animation:judgePop .46s cubic-bezier(.2,.9,.2,1)}@keyframes judgePop{0%{opacity:0;transform:translate(-50%,12px) scale(.65)}20%,70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(.92)}}.arena__round-flash{position:absolute;inset:0;z-index:7;display:grid;place-items:center;color:#fff;font:900 clamp(58px,12vw,112px)/1 "IBM Plex Mono",monospace;text-shadow:0 7px 0 #151927,0 0 44px var(--accent);pointer-events:none}.arena__overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:19px;background:#0709126b;backdrop-filter:blur(3px);box-sizing:border-box;transition:opacity .2s ease}.arena__overlay[hidden]{display:none}.arena__card{width:min(100%,720px);max-height:100%;display:grid;grid-template-columns:.78fr 1.45fr;border:3px solid #151927;border-radius:22px;overflow:auto;background:#fffaf0;box-shadow:0 12px #090b1661}.arena__card-art{min-height:460px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-position:center;background-size:cover;box-sizing:border-box}.arena__card-art span{font:700 10px/1 IBM Plex Mono,monospace;letter-spacing:.18em}.arena__card-art strong{margin-top:8px;font:900 27px/.92 IBM Plex Mono,monospace}.arena__card-body{padding:20px;display:flex;flex-direction:column;box-sizing:border-box}.arena__eyebrow{display:flex;justify-content:space-between;gap:14px;color:#6d5660;font:700 8px/1.4 IBM Plex Mono,monospace;letter-spacing:.14em}.arena__card h1{margin:15px 0 8px;font:950 clamp(30px,5vw,50px)/.9 "Inter",sans-serif;letter-spacing:-.055em}.arena__card-body>p{margin:0;color:#4c4650;font-size:13px;line-height:1.45}.arena__noun-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 9px}.arena__noun-picker[hidden]{display:none}.arena__noun-picker button{min-width:0;padding:7px 4px;display:flex;align-items:center;gap:5px;border:2px solid #151927;border-radius:11px;background:#fff;cursor:pointer}.arena__noun-picker button[aria-pressed=true]{background:#ffdf76;box-shadow:0 4px #151927;transform:translateY(-2px)}.arena__noun-picker img{width:34px;height:34px;image-rendering:pixelated;flex:0 0 auto}.arena__noun-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 8px/1 IBM Plex Mono,monospace}.arena__card-stats{margin:3px 0 10px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(21,25,39,.25);border-radius:9px;overflow:hidden}.arena__card-stats span{min-width:0;padding:7px;display:flex;flex-direction:column;border-right:1px solid rgba(21,25,39,.18)}.arena__card-stats span:last-child{border-right:0}.arena__card-stats small{color:#8b6d76;font:700 7px/1 IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.arena__card-stats strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 11px/1.1 IBM Plex Mono,monospace}.arena__route{margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;list-style:none}.arena__route li{min-width:0;padding:6px 4px;display:grid;grid-template-columns:auto 1fr;gap:1px 4px;border:1px solid rgba(21,25,39,.22);border-radius:7px}.arena__route li.is-current{background:#151927;color:#fff}.arena__route span{grid-row:span 2;font:900 13px/1 IBM Plex Mono,monospace}.arena__route b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.arena__route small{font:700 7px/1 IBM Plex Mono,monospace}.arena__best{text-align:center;font:700 9px/1 IBM Plex Mono,monospace}.arena__go{width:100%;min-height:54px;margin-top:10px;border:2px solid #151927;border-radius:13px;background:#ffdf76;color:#151927;box-shadow:0 6px #151927;font:900 12px/1 IBM Plex Mono,monospace;letter-spacing:.1em;cursor:pointer}.arena__go:hover{background:#fff1a9;transform:translateY(-1px);box-shadow:0 7px #151927}.arena__input-note{margin-top:10px!important;text-align:center;font:700 7px/1 IBM Plex Mono,monospace!important;letter-spacing:.15em}.arena__pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;touch-action:none;user-select:none}.arena:is([data-phase=countin],[data-phase=playing],[data-phase=interstitial]) .arena__pads{position:fixed;left:50%;bottom:52px;z-index:35;width:min(calc(100% - 28px),872px);padding:8px;border:2px solid rgba(21,25,39,.28);border-radius:22px;background:#fff6dfe0;box-shadow:0 10px 28px #1519272e;backdrop-filter:blur(13px);box-sizing:border-box;transform:translate(-50%)}.arena__pad{min-width:0;min-height:88px;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:10px;border:3px solid #151927;border-radius:17px;color:#151927;background:var(--lane);box-shadow:0 7px #151927;cursor:pointer;touch-action:none;transition:transform .06s ease,box-shadow .06s ease,filter .1s ease}.arena__pad:active,.arena__pad.is-hit{transform:translateY(5px) scale(.98);box-shadow:0 2px #151927;filter:brightness(1.12)}.arena__pad:disabled{cursor:default;filter:saturate(.35);opacity:.62}.arena__pad-arrow{font:950 31px/1 IBM Plex Mono,monospace}.arena__pad>span:last-child{display:flex;flex-direction:column;text-align:left}.arena__pad strong{font-size:13px;text-transform:uppercase}.arena__pad small{font:900 13px/1 IBM Plex Mono,monospace}.arena[data-rush=true] .arena__pad{animation:padRush .45s steps(2,end) infinite alternate}@keyframes padRush{to{filter:brightness(1.15) saturate(1.35)}}.arena__utility{display:flex;align-items:center;justify-content:center;gap:10px}.arena__utility button,.arena__utility span{min-height:34px;box-sizing:border-box}.arena__utility>button,.arena__sync{border:2px solid #151927;border-radius:10px;background:#fffcf0db}.arena__utility>button{padding:0 14px;font:800 9px/1 IBM Plex Mono,monospace;cursor:pointer}.arena__sync{display:flex;align-items:center;overflow:hidden}.arena__sync button{width:36px;border:0;background:transparent;font-weight:900;cursor:pointer}.arena__sync span{padding:0 9px;display:grid;place-items:center;border-inline:1px solid rgba(21,25,39,.2);font:700 8px/1 IBM Plex Mono,monospace}#arena-latency{display:grid;place-items:center;color:#6d5660;font:700 8px/1 IBM Plex Mono,monospace}.arena__manifesto{padding:20px;border:2px solid #151927;border-radius:18px;background:#fffcf0c7}.arena__manifesto>div p{margin:0;color:#dd4d86;font:800 8px/1 IBM Plex Mono,monospace;letter-spacing:.14em}.arena__manifesto h2{margin:6px 0 17px;font-size:22px;letter-spacing:-.035em}.arena__manifesto ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;list-style:none}.arena__manifesto li{padding:12px;border:1px solid rgba(21,25,39,.22);border-radius:11px}.arena__manifesto li span{color:#dd4d86;font:800 10px/1 IBM Plex Mono,monospace}.arena__manifesto li strong{display:block;margin:5px 0 3px;font-size:13px}.arena__manifesto li p{margin:0;color:#5d5660;font-size:11px;line-height:1.4}.arena__versions,.arena__siblings{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.arena__versions span,.arena__versions a,.arena__siblings a{padding:5px 8px;border:1px solid rgba(21,25,39,.25);border-radius:999px;color:#3d3540;background:#fffcf0ad;font:700 8px/1 IBM Plex Mono,monospace;text-decoration:none}.arena__versions a[aria-current=page]{color:#fff;background:#151927;border-color:#151927}.arena__siblings a{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.arena{padding:8px 8px 100px;gap:8px}.arena__hud{grid-template-columns:.8fr 1.5fr .65fr;min-height:60px;border-radius:14px}.arena__hud>div{padding:7px}.arena__shield{grid-column:1 / 2;border-top:1px solid rgba(21,25,39,.15)}.arena__rush{grid-column:2 / 4;border-top:1px solid rgba(21,25,39,.15);border-right:0!important}.arena__score-block strong{font-size:21px}.arena__round-block strong{font-size:12px}.arena__combo-block strong{font-size:18px}.arena__stage{min-height:500px;border-radius:18px}#arena-canvas{height:500px}.arena__core{width:92px;height:92px}.arena__core img{width:64px;height:64px}.arena__card{grid-template-columns:1fr}.arena__card-art{min-height:92px;padding:11px;border-bottom:2px solid #151927;background-position:center 55%}.arena__card-art strong{font-size:18px}.arena__card-body{padding:14px}.arena__card h1{font-size:35px}.arena__card-body>p{font-size:11px}.arena__route{gap:3px}.arena__route li{padding:5px 3px;display:flex;flex-direction:column;align-items:center}.arena__route b{max-width:100%}.arena__route small{display:none}.arena__pads{grid-template-columns:repeat(2,1fr);gap:7px}.arena__pad{min-height:70px;border-radius:13px;box-shadow:0 5px #151927}.arena__pad-arrow{font-size:26px}.arena__utility{flex-wrap:wrap}.arena__manifesto{padding:14px}.arena__manifesto h2{font-size:18px}.arena__manifesto ol{grid-template-columns:1fr}}@media(max-width:410px){.arena__stage{min-height:470px}#arena-canvas{height:470px}.arena__overlay{padding:10px}.arena__card{overflow:hidden}.arena__card-art{display:none}.arena__card-body{padding:12px}.arena__card h1{margin-top:8px;font-size:28px}.arena__card-body>p{line-height:1.3}.arena__noun-picker{margin-top:10px}.arena__noun-picker button{flex-direction:column}.arena__noun-picker span{font-size:6px}.arena__card-stats strong{font-size:9px}.arena__go{min-height:48px}.arena__lane-label{font-size:6px}}@media(prefers-reduced-motion:reduce){.arena *{scroll-behavior:auto!important}.arena__judge.is-showing,.arena[data-rush=true] .arena__core span,.arena[data-rush=true] .arena__pad,.arena[data-rush=true] .arena__rush b{animation-duration:.01ms!important;animation-iteration-count:1!important}}