.swb-hud{--swb-ink:#1d1a2b;--swb-cream:#fff8e7;--swb-mustard:#fc3;--swb-ketchup:#e4572e;--swb-display:var(--font-display,"Luckiest Guy", "Arial Black", Impact, system-ui, sans-serif);--swb-body:var(--font-body,"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif);--swb-top:max(6px, env(safe-area-inset-top));--swb-right:max(10px, env(safe-area-inset-right));--swb-bottom:max(8px, env(safe-area-inset-bottom));--swb-left:max(10px, env(safe-area-inset-left));z-index:1;pointer-events:none;color:var(--swb-cream);font-family:var(--swb-body);-webkit-user-select:none;user-select:none;touch-action:none;font-weight:900;position:absolute;inset:0}:where(.swb-hud) button{font:inherit}.swb-btn{pointer-events:auto;appearance:none;border:3px solid var(--swb-ink);background:var(--swb-cream);color:var(--swb-ink);box-shadow:0 4px 0 var(--swb-ink);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:14px}.swb-btn:active:not([aria-disabled=true]):not(:disabled){box-shadow:0 1px 0 var(--swb-ink);transform:translateY(3px)}.swb-btn[aria-disabled=true],.swb-btn:disabled{opacity:.45;cursor:default}.swb-btn:focus-visible{outline:3px solid var(--swb-mustard);outline-offset:2px}.swb-top{top:var(--swb-top);left:var(--swb-left);right:var(--swb-right);grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute}.swb-top-side{align-items:flex-start;gap:8px;min-width:0;display:flex}.swb-top-right{justify-content:flex-end}.swb-menu{border-radius:12px;flex:none;place-content:center;gap:4px;width:44px;height:44px;padding:0;display:grid}.swb-menu span{background:var(--swb-ink);border-radius:2px;width:18px;height:3px;display:block}.swb-teams{flex-direction:column;gap:4px;min-width:0;display:flex}.swb-team{border:3px solid var(--swb-ink);background:#1d1a2bcc;border-radius:12px;flex-direction:column;gap:2px;width:clamp(110px,18vw,180px);min-width:0;padding:3px 8px 5px;transition:box-shadow .15s;display:flex}.swb-team[data-turn=true]{box-shadow:0 0 0 3px var(--team)}.swb-team-name{color:var(--team);font-family:var(--swb-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.1;overflow:hidden}.swb-meter{background:#0006;border-radius:6px;height:12px;position:relative;overflow:hidden}.swb-meter-fill{transform-origin:0;background:#5fd35f;transition:transform .25s ease-out;position:absolute;inset:0}.swb-team-meter .swb-meter-fill{background:var(--team)}.swb-meter-fill[data-level=warn]{background:#ffc23f}.swb-meter-fill[data-level=low]{background:#ff4f4f}.swb-meter-text{text-shadow:0 1px #000;padding:0 5px;font-size:10px;line-height:12px;display:block;position:relative}.swb-top-centre{flex-direction:column;align-items:center;gap:3px;display:flex}.swb-turn{border:3px solid var(--swb-ink);background:#1d1a2bcc;border-radius:999px;align-items:center;gap:8px;padding:2px 12px 2px 4px;display:flex}.swb-timer{background:var(--swb-cream);min-width:36px;height:36px;color:var(--swb-ink);font-family:var(--swb-display);border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid}.swb-timer[data-low=true]{background:var(--swb-ketchup);color:var(--swb-cream);animation:.5s ease-in-out infinite alternate swb-pulse}.swb-turn-name{max-width:28vw;font-family:var(--swb-display);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;-webkit-text-stroke:4px var(--swb-ink);paint-order:stroke fill;font-size:18px;overflow:hidden}.swb-wind{letter-spacing:.08em;background:#1d1a2b99;border-radius:999px;align-items:center;gap:5px;padding:1px 8px;font-size:11px;display:flex}.swb-wind-arrow{font-size:14px;transition:transform .2s;display:inline-block}.swb-wind-arrow[data-dir=left]{transform:scaleX(-1)}.swb-wind-arrow[data-dir=none]{opacity:.3}.swb-wind-pips{gap:2px;display:flex}.swb-pip{background:#fff3;border-radius:2px;width:6px;height:10px}.swb-pip.swb-on{background:#9fe3ff}.swb-sudden-badge{letter-spacing:.08em;background:#3a7bd5;border-radius:999px;padding:1px 8px;font-size:11px;display:none}.swb-sudden-badge[data-on=true]{display:block}.swb-pause{left:var(--swb-left);top:calc(var(--swb-top) + 106px);min-width:44px;height:44px;font-family:var(--swb-display);letter-spacing:.02em;border-radius:22px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:17px;line-height:1;display:flex;position:absolute}.swb-pause-icon{border-left:5px solid var(--swb-ink);border-right:5px solid var(--swb-ink);width:14px;height:16px;display:block}.swb-pause-label{padding-top:2px}.swb-hud[data-spectator=false] .swb-pause{border-radius:50%;justify-content:center;width:44px;padding:0}.swb-hud[data-spectator=false] .swb-pause-label{display:none}.swb-view{left:var(--swb-left);top:calc(var(--swb-top) + 54px);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute}.swb-view svg{fill:none;width:24px;height:24px;stroke:var(--swb-ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.swb-view .swb-dot{fill:var(--swb-ketchup);stroke:none}.swb-view[data-mode=back]{background:var(--swb-mustard)}.swb-banner{opacity:0;color:var(--swb-mustard);font-family:var(--swb-display);white-space:nowrap;-webkit-text-stroke:8px var(--swb-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--swb-ink);font-size:clamp(30px,10vh,56px);transition:opacity .25s,transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.6)}.swb-banner.swb-show{opacity:1;transform:translate(-50%,-50%)scale(1)}.swb-status{font-family:var(--swb-display);letter-spacing:.04em;white-space:nowrap;-webkit-text-stroke:5px var(--swb-ink);paint-order:stroke fill;margin-top:2px;font-size:18px}.swb-status:empty{display:none}.swb-bottom{left:var(--swb-left);right:var(--swb-right);bottom:var(--swb-bottom);grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid;position:absolute}.swb-hud[data-local=false] .swb-local-only{visibility:hidden}.swb-move{align-items:flex-end;gap:10px;display:flex}.swb-stick{pointer-events:auto;border:3px solid var(--swb-ink);touch-action:none;background:#1d1a2b99;border-radius:999px;flex:none;width:124px;height:60px;position:relative}.swb-stick-arrow{opacity:.7;font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.swb-stick-l{left:10px}.swb-stick-r{right:10px}.swb-knob{border:3px solid var(--swb-ink);background:var(--swb-cream);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:transform 80ms;position:absolute;top:50%;left:50%}.swb-stick.swb-active .swb-knob{background:var(--swb-mustard);transition:none}.swb-jump{width:60px;height:60px;font-family:var(--swb-display);border-radius:50%;padding:0;font-size:15px}.swb-keys{background:#1d1a2b99;border-radius:8px;align-self:center;padding:4px 8px;font-size:11px;font-weight:800;display:none}@media (hover:hover) and (pointer:fine){.swb-stick,.swb-jump{display:none}.swb-keys{display:block}}.swb-middle{justify-content:center;min-width:0;display:flex}.swb-card{border:3px solid var(--swb-ink);background:#1d1a2bcc;border-radius:14px;flex-direction:column;gap:3px;width:clamp(170px,26vw,250px);padding:4px 10px 6px;display:none}.swb-card[data-on=true]{display:flex}.swb-hud[data-phase=select_dog][data-local=true] .swb-card{display:none}.swb-card-name{font-family:var(--swb-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.swb-meter-stamina .swb-meter-fill{background:#6ec6ff}.swb-card-weapon{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;opacity:.9;font-size:11px;overflow:hidden}.swb-squad{gap:6px;display:none}.swb-squad[data-on=true]{display:flex}.swb-squad-dog{border-color:var(--swb-ink);background:var(--swb-cream);width:64px;height:46px;box-shadow:0 4px 0 var(--swb-ink), inset 0 -5px 0 var(--team);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px 2px 4px;display:flex;position:relative}.swb-squad-icon{background:var(--team);width:22px;height:22px;color:var(--swb-cream);font-family:var(--swb-display);border-radius:50%;place-items:center;font-size:13px;display:grid;position:relative}.swb-squad-img{width:26px;height:26px;position:absolute;inset:-2px}.swb-squad-name{white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:10px;line-height:1.1;overflow:hidden}.swb-squad-hp{opacity:.75;font-size:9px;line-height:1;position:absolute;top:2px;right:3px}.swb-actions{justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.swb-toggle{flex-direction:column;justify-content:center;align-items:center;width:64px;height:60px;padding:2px;line-height:1;display:flex}.swb-toggle-star{color:#b0a58f;font-size:20px}.swb-toggle-label{white-space:nowrap;text-overflow:ellipsis;max-width:58px;font-size:9px;overflow:hidden}.swb-toggle[aria-pressed=true]{background:var(--swb-mustard)}.swb-toggle[aria-pressed=true] .swb-toggle-star{color:var(--swb-ketchup)}.swb-fire{background:var(--swb-ketchup);width:84px;height:84px;color:var(--swb-cream);font-family:var(--swb-display);letter-spacing:.04em;border-width:4px;border-radius:50%;padding:0;font-size:22px;position:relative;overflow:hidden}.swb-fire-label{z-index:1;-webkit-text-stroke:4px var(--swb-ink);paint-order:stroke fill;position:relative}.swb-fire-meter{transform-origin:0;background:var(--swb-mustard);height:12px;position:absolute;bottom:0;left:0;right:0}.swb-end{min-width:56px;height:44px;padding:0 8px;font-size:11px;line-height:1.05}.swb-hud[data-phase=select_dog] .swb-toggle,.swb-hud[data-phase=select_dog] .swb-fire,.swb-hud[data-phase=select_dog] .swb-move{visibility:hidden}@keyframes swb-pulse{to{transform:scale(1.12)}}@media (max-height:420px){.swb-team{width:clamp(100px,17vw,160px)}.swb-status{font-size:16px}}