:root{--u:calc(100vmin / 1080);--trigger-released:#0d00c0;--trigger-pressed:red;--button-bg:#fff;--button-pressed-bg:#d0d0d0;--border:#000;--invalid:red;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@supports (height:100dvmin){:root{--u:calc(100dvmin / 1080)}}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:var(--trigger-released);height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}.hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--trigger-released);color:#fff;touch-action:none;cursor:crosshair;flex-direction:column;display:flex;position:fixed;inset:0}.hud[data-barrel=down]{flex-direction:column-reverse}.hud[data-barrel=left]{flex-direction:row}.hud[data-barrel=right]{flex-direction:row-reverse}.hud[data-pressed=true]{background:var(--trigger-pressed)}.hud__barrel{justify-content:center;align-items:center;gap:calc(24 * var(--u));padding:calc(26 * var(--u));font-size:calc(44 * var(--u));letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#ffffff29;border:0 solid #ffffffd9;flex:none;font-weight:800;display:flex}.hud[data-barrel=up] .hud__barrel{border-top-width:calc(10 * var(--u))}.hud[data-barrel=down] .hud__barrel{border-bottom-width:calc(10 * var(--u))}.hud[data-barrel=left] .hud__barrel{border-left-width:calc(10 * var(--u));flex-direction:column}.hud[data-barrel=right] .hud__barrel{border-right-width:calc(10 * var(--u));flex-direction:column}.hud[data-barrel=left] .hud__barrel-label,.hud[data-barrel=right] .hud__barrel-label{writing-mode:vertical-rl}.hud[data-barrel=left] .hud__barrel-label{transform:rotate(180deg)}.hud__arrow{width:calc(96 * var(--u));height:calc(96 * var(--u));fill:currentColor;flex:none;animation:1.1s ease-in-out infinite hud-arrow-nudge}.hud[data-barrel=left] .hud__arrow{rotate:-90deg}.hud[data-barrel=right] .hud__arrow{rotate:90deg}.hud[data-barrel=down] .hud__arrow{rotate:180deg}@keyframes hud-arrow-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-14 * var(--u)))}}@media (prefers-reduced-motion:reduce){.hud__arrow{animation:none}}.hud__body{justify-content:center;align-items:center;gap:calc(28 * var(--u));min-width:0;min-height:0;padding:calc(30 * var(--u));text-align:center;pointer-events:none;flex-direction:column;flex:auto;display:flex;overflow:hidden}.hud__player{padding:calc(10 * var(--u)) calc(44 * var(--u));border:calc(6 * var(--u)) solid;border-radius:calc(24 * var(--u));background:#0c0c12;flex-direction:column;align-items:center;display:flex}.hud__player-name{font-size:calc(120 * var(--u));font-weight:900;line-height:1.1}.hud__player-note{font-size:calc(34 * var(--u));color:#fff;opacity:.85;font-weight:600}.hud__hold{justify-content:center;align-items:baseline;gap:calc(10 * var(--u)) calc(24 * var(--u));flex-wrap:wrap;display:flex}.hud__hold-label{font-size:calc(64 * var(--u));font-weight:800}.hud__hold-roll{font-size:calc(38 * var(--u));opacity:.75}.hud__ammo{justify-content:center;align-items:flex-end;gap:calc(14 * var(--u));display:flex}.hud__round{width:calc(30 * var(--u));height:calc(96 * var(--u));border:calc(5 * var(--u)) solid #000;border-radius:calc(10 * var(--u));background:#ffc83c}.hud__round[data-spent=true]{background:#3c3c3ccc}.hud__ammo[data-empty=true]{animation:.7s step-end infinite hud-blink}.hud__reload{font-size:calc(80 * var(--u));color:#ffdc28;flex-direction:column;align-items:center;font-weight:900;line-height:1.1;animation:.7s step-end infinite hud-blink;display:flex}.hud__reload-hint{font-size:calc(40 * var(--u));font-weight:700}@keyframes hud-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.hud__reload,.hud__ammo[data-empty=true]{animation:none}}.hud__tap-hint{font-size:calc(48 * var(--u));opacity:.7;font-weight:700}.hud__debug{max-width:100%;font:inherit;font-size:calc(30 * var(--u));text-align:left;white-space:pre-wrap;opacity:.85;margin:0;font-weight:600;line-height:1.25}.hud__grip{justify-content:center;align-items:center;gap:calc(30 * var(--u));padding:calc(30 * var(--u));flex:none;display:flex}.hud[data-barrel=left] .hud__grip,.hud[data-barrel=right] .hud__grip{flex-direction:column}.hud__button{height:calc(170 * var(--u));padding:0 calc(30 * var(--u));background:var(--button-bg);color:#000;border:calc(10 * var(--u)) solid var(--border);border-radius:calc(45 * var(--u));touch-action:none;cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:flex}.hud__button:active,.hud__button[data-pressed=true]{background:var(--button-pressed-bg)}.hud__recenter{width:calc(340 * var(--u));font-size:calc(54 * var(--u))}.hud__invite{width:calc(260 * var(--u));font-size:calc(46 * var(--u))}.hud__connect{width:calc(290 * var(--u));font-size:calc(46 * var(--u))}.blocker{z-index:100;touch-action:manipulation;-webkit-user-select:text;user-select:text;background:#000000ab;padding:5vh 10vw;display:flex;position:fixed;inset:0}.panel{justify-content:center;gap:calc(40 * var(--u));padding:calc(60 * var(--u)) 8%;border:calc(10 * var(--u)) solid var(--border);border-radius:calc(50 * var(--u));color:#000;background:#8c8c8c;flex-direction:column;flex:1;display:flex;overflow:auto}.panel__fields{gap:calc(30 * var(--u));flex-direction:column;display:flex}.field{align-items:center;gap:calc(30 * var(--u));font-size:max(16px, calc(50 * var(--u)));display:flex}.field__label{flex:0 0 30%;font-weight:600}.field input{min-width:0;font:inherit;padding:calc(14 * var(--u)) calc(24 * var(--u));color:#000;border:calc(4 * var(--u)) solid #555;border-radius:calc(10 * var(--u));background:#f4f4f4;outline:none;flex:1}.field input:focus{background:#fff;border-color:#000}.field input::placeholder{color:#888}.field[data-invalid=true] input{border-color:var(--invalid);color:var(--invalid)}.field--small{font-size:max(14px, calc(36 * var(--u)))}.field__reset,.panel__relay-toggle{cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.panel__relay-toggle{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:max(13px, calc(32 * var(--u)));color:#222;align-self:flex-start;overflow:hidden}.panel__buttons{gap:calc(40 * var(--u));display:flex}.panel__button{font-size:calc(60 * var(--u));padding:calc(16 * var(--u));background:var(--button-bg);color:#000;border:calc(4 * var(--u)) solid #555;border-radius:calc(12 * var(--u));cursor:pointer;flex:1}.panel__button:active{background:var(--button-pressed-bg)}.panel__note{font-size:max(15px, calc(40 * var(--u)));margin:0;line-height:1.3}.axes{padding:calc(16 * var(--u)) calc(24 * var(--u));border:calc(4 * var(--u)) solid #555;border-radius:calc(10 * var(--u));font-size:max(14px, calc(34 * var(--u)));margin:0}.axes legend{padding:0 calc(10 * var(--u));font-weight:600}.axes__row{align-items:center;gap:calc(10 * var(--u)) calc(24 * var(--u));margin:calc(10 * var(--u)) 0;flex-wrap:wrap;display:flex}.axes__label{flex:none;font-weight:600}.axes__check{align-items:center;gap:calc(8 * var(--u));display:inline-flex}.axes input[type=checkbox]{width:max(18px, calc(36 * var(--u)));height:max(18px, calc(36 * var(--u)));margin:0}.axes__hint{margin:calc(10 * var(--u)) 0 0;font-size:max(12px, calc(28 * var(--u)));color:#222}