body{overscroll-behavior:none;background:var(--carbon);overflow:hidden}.arena{isolation:isolate;--gutter:clamp(.9rem, 3.4vw, 1.6rem);--safe-top:max(var(--gutter), env(safe-area-inset-top));--safe-bottom:max(var(--gutter), env(safe-area-inset-bottom));--safe-left:max(var(--gutter), env(safe-area-inset-left));--safe-right:max(var(--gutter), env(safe-area-inset-right));position:fixed;inset:0;overflow:hidden}.arena__stage{touch-action:none;cursor:crosshair;position:absolute;inset:0}.arena__stage canvas{width:100%;height:100%;display:block}.arena__head,.arena__hud,.arena__tools{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.arena__head{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:600;line-height:1}.arena__back{color:#eee4dd9e;pointer-events:auto;text-decoration:none;transition:color .2s}.arena__back:hover,.arena__back:focus-visible{color:var(--bone)}.arena__code{color:#eee4dd57;margin:0}.arena__hud{top:calc(var(--safe-top) + 2.1rem);left:var(--safe-left);right:var(--safe-right);align-items:flex-start}.hud{flex-direction:column;gap:.15rem;margin:0;line-height:1;display:flex}.hud--best{opacity:.55;align-items:flex-end}.hud__value{color:#f6ded5f5;letter-spacing:-.04em;text-shadow:0 0 26px #d4191980;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:clamp(1.9rem,8vw,2.9rem)}.hud--best .hud__value{font-size:clamp(1rem,4vw,1.3rem)}.hud__label{color:#eee4dd6b;letter-spacing:.24em;text-transform:uppercase;font-size:.62rem;font-weight:600}.arena__tools{bottom:var(--safe-bottom);left:var(--safe-left);right:var(--safe-right);align-items:flex-end}.tool{color:#eee4dda8;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0903038c;border:1px solid #eee4dd29;padding:.5rem .9rem;font-family:inherit;font-size:.64rem;font-weight:600;transition:color .2s,border-color .2s}.tool:hover:not(:disabled),.tool:focus-visible:not(:disabled){color:var(--bone);border-color:#d4191999}.tool:disabled{opacity:.3;cursor:default}.arena__shout{z-index:4;color:#ffece4f5;letter-spacing:-.03em;text-align:center;text-shadow:0 0 30px #d41919e6,0 0 90px #8f0909b3;opacity:0;pointer-events:none;width:100%;margin:0;padding:0 1.5rem;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:clamp(1.6rem,9vw,3rem);line-height:1;position:absolute;top:38%;left:0}.arena__shout.is-loud{animation:1.5s cubic-bezier(.16,1,.3,1) both shout}@keyframes shout{0%{opacity:0;letter-spacing:.3em;transform:scale(.86)}18%{opacity:1;letter-spacing:-.03em;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.06)translateY(-.8rem)}}.card{z-index:5;padding:calc(var(--safe-top) + 3rem) 1.6rem calc(var(--safe-bottom) + 3.4rem);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 46%,#090202b8 0%,#050202f0 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;animation:.45s cubic-bezier(.16,1,.3,1) both card-in;display:none;position:absolute;inset:0}.arena[data-state=menu] .card--menu,.arena[data-state=paused] .card--paused,.arena[data-state=over] .card--over{display:flex}@keyframes card-in{0%{opacity:0}to{opacity:1}}.card__title{color:#f6ded5f7;letter-spacing:-.075em;text-shadow:0 0 60px #8f0909a6;margin:0;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:clamp(3.4rem,21vw,7rem);font-weight:400;line-height:.8}.card__title--small{letter-spacing:-.05em;font-size:clamp(2rem,11vw,3.2rem)}.card__lead{color:#eee4ddb8;letter-spacing:.06em;max-width:20rem;margin:0;font-size:1.02rem;line-height:1.45}.card__button{color:var(--bone);letter-spacing:.24em;text-transform:uppercase;background:var(--blood);cursor:pointer;border:1px solid #eee4dd2e;margin-top:.4rem;padding:.85rem 2.4rem;font-family:inherit;font-size:.86rem;font-weight:600;transition:background .2s,border-color .2s}.card__button:hover,.card__button:focus-visible{background:var(--crimson);border-color:#eee4dd66}.card__hints{color:#eee4dd66;letter-spacing:.08em;flex-direction:column;gap:.42rem;max-width:22rem;margin:.6rem 0 0;padding:0;font-size:.76rem;line-height:1.35;list-style:none;display:flex}.card__tally{color:#eee4ddd1;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1rem}.card__tally span{color:var(--bone);letter-spacing:-.03em;vertical-align:-.15em;margin-right:.35rem;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:2.1rem}.card__record{color:#eee4dd61;letter-spacing:.22em;text-transform:uppercase;margin:-.4rem 0 0;font-size:.72rem;font-weight:600}.card__exit{color:#eee4dd70;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #eee4dd2e;margin-top:.2rem;padding-bottom:.25rem;font-size:.68rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.card__exit:hover,.card__exit:focus-visible{color:var(--bone);border-color:var(--crimson)}.arena[data-state=loading] .arena__hud,.arena[data-state=loading] .arena__tools{opacity:0}.arena__head,.arena__hud,.arena__tools{transition:opacity .5s}@media (height<=460px) and (orientation:landscape){.card{padding-top:calc(var(--safe-top) + 1.2rem);padding-bottom:calc(var(--safe-bottom) + 1.2rem);gap:.7rem}.card__title{font-size:clamp(2.4rem,12vh,4rem)}.card__hints{display:none}.arena__hud{top:calc(var(--safe-top) + 1.7rem)}}@media (prefers-reduced-motion:reduce){.arena__shout.is-loud,.card{animation-duration:.01ms!important}.arena__shout.is-loud{opacity:1}}