.sw__stage{position:relative;height:calc(100svh - var(--bar-h) - 66px);min-height:480px;background:#0b0b0e;overflow:hidden;-webkit-user-select:none;user-select:none}.sw__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sw__stage.is-playing canvas{touch-action:none;cursor:crosshair}.sw__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:22px;padding:32px var(--gutter);text-align:center;background:#0b0b0e8c}.sw__screen[hidden]{display:none}.sw__title{font-size:clamp(56px,10vw,140px)}.sw__lede{margin:0;max-width:46ch;font-size:18px;color:var(--chalk-2)}.sw__modes{display:grid;grid-template-columns:repeat(3,minmax(0,260px));gap:10px;margin-top:6px}.sw__mode{display:grid;gap:6px;text-align:left;padding:18px 18px 20px;border:0;cursor:pointer;background:var(--concrete);color:var(--chalk);min-height:112px;align-content:start;box-shadow:inset 0 4px 0 var(--mode, var(--chalk));transition:background-color .15s ease,transform .16s var(--ease-out)}.sw__mode:hover{background:var(--concrete-2)}.sw__mode:active{transform:scale(.97)}.sw__mode--wings{--mode: #8fd0ff}.sw__mode--flames{--mode: #ff5307}.sw__mode--versus{--mode: #edf7f1}.sw__mode-name{font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:18px}.sw__mode-sub{font-size:15px;color:var(--chalk-2)}.sw__controls{margin:0;max-width:60ch;font-size:15px;color:var(--primer)}.sw__best{margin:0;font-weight:700;color:var(--chalk);min-height:1.5em}.sw__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sw__hud{position:absolute;left:0;right:0;top:0;z-index:1;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:start;gap:12px;padding:14px var(--gutter);pointer-events:none}.sw__hud[hidden]{display:none}.sw__hud-left{display:grid}.sw__label{font-size:13px;color:var(--primer);font-weight:700}.sw__hud-left strong{font-size:28px;font-weight:900;font-stretch:112%;line-height:1}.sw__hud-mid{font-weight:850;font-stretch:112%;text-transform:uppercase;font-size:15px;color:var(--chalk-2);padding-top:6px;transition:color .3s ease}.sw__hud-mid.is-new{color:var(--chalk)}.sw__hud-right{justify-self:end}.sw__hearts{display:flex;gap:4px}.sw__hearts svg{width:22px;height:22px;fill:#ff001d}.sw__hearts .empty svg{fill:#3a3634}.sw__hearts .w svg{fill:#8fd0ff}.sw__hearts .f svg{fill:#ff5307}.sw__hearts .w,.sw__hearts .f,.sw__hearts .empty{display:flex;gap:4px}.sw__hearts .w{margin-right:14px}.sw__pause{pointer-events:auto;height:40px;padding:0 14px;border:0;cursor:pointer;background:var(--concrete);color:var(--chalk);font-weight:750;font-size:14px}.sw__pause:hover{background:var(--concrete-2)}@media(max-width:860px){.sw__modes{grid-template-columns:1fr;width:min(100%,360px)}.sw__mode{min-height:0}.sw__stage{height:calc(100svh - var(--bar-h) - 92px)}}body[data-page=sky-wars] .district{display:none}body[data-page=sky-wars] .sw__stage{height:calc(100svh - var(--bar-h))}.sw__brief{justify-items:start;text-align:left;place-content:center}.sw__brief>*{width:min(560px,100%)}.sw__trial{margin:0;font-weight:700;color:var(--primer);font-size:15px}.sw__title--brief{font-size:clamp(44px,7vw,84px)}.sw__keys,.sw__tips{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sw__keys li{display:grid;grid-template-columns:minmax(170px,auto) 1fr;gap:14px;align-items:center}.sw__keys kbd{font:700 14px var(--font-text);background:var(--concrete);color:var(--chalk);padding:8px 12px;box-shadow:inset 0 -3px 0 var(--asphalt-2);justify-self:start}.sw__keys span,.sw__tips li{color:var(--chalk-2)}.sw__tips li{padding-left:18px;position:relative}.sw__tips li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--heart)}@media(max-width:520px){.sw__keys li{grid-template-columns:1fr;gap:4px}}