:root{--pb-color-navy:#1f2f4b;--pb-color-navy-deep:#0e2a4a;--pb-color-navy-dark:#15223a;--pb-color-navy-light:#2c3f60;--pb-color-wood:#c98a3a;--pb-color-wood-dark:#8a5a24;--pb-color-gold:#f2c14e;--pb-color-gold-dark:#b8852a;--pb-color-amber:#f0b33a;--pb-color-cream:#f7e9c9;--pb-color-ink:#2b1a08;--pb-color-muted:#a9b7cc;--pb-color-success:#5bbf3a;--pb-color-warning:#f0b33a;--pb-color-danger:#d8443c;--pb-color-info:#7cc4ef;--pb-color-overlay:#0a142399;--pb-color-overlay-strong:#0a1423cc;--pb-color-row:#ffffff0a;--pb-color-row-alt:#0003;--pb-color-row-highlight:#f0b33a38;--pb-color-border-subtle:#f7e9c91f;--pb-font-family:"Trebuchet MS", "Lucida Grande", "Segoe UI", Helvetica, Arial, sans-serif;--pb-font-size-xs:11px;--pb-font-size-sm:13px;--pb-font-size-md:15px;--pb-font-size-lg:18px;--pb-font-size-xl:24px;--pb-font-size-2xl:32px;--pb-font-size-3xl:48px;--pb-tracking-wide:.14em;--pb-tracking-title:.04em;--pb-space-1:4px;--pb-space-2:8px;--pb-space-3:12px;--pb-space-4:16px;--pb-space-5:20px;--pb-space-6:24px;--pb-space-7:32px;--pb-space-8:40px;--pb-radius-sm:6px;--pb-radius-md:10px;--pb-radius-lg:16px;--pb-radius-pill:999px;--pb-shadow-panel:0 18px 40px #00000073;--pb-shadow-raised:0 4px 10px #00000059;--pb-shadow-text:0 2px 0 #00000059;--pb-shadow-text-light:0 1px 0 #ffffff59;--pb-focus-ring-color:var(--pb-color-gold);--pb-focus-ring-width:3px;--pb-z-scene:0;--pb-z-hud:10;--pb-z-overlay:100;--pb-z-dialog:200;--pb-z-toast:300;--pb-screen-gutter:16px;--pb-touch-target:44px;--pb-transition-fast:.12s ease-out;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--pb-color-navy-deep);color:var(--pb-color-cream);font-family:var(--pb-font-family);font-size:var(--pb-font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;line-height:1.4;overflow:hidden}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--pb-color-gold)}:focus{outline:none}:focus-visible{outline:var(--pb-focus-ring-width) solid var(--pb-focus-ring-color);outline-offset:3px;border-radius:var(--pb-radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pb-screen{width:100%;height:100%;min-height:100%;padding:max(var(--pb-screen-gutter), env(safe-area-inset-top)) max(var(--pb-screen-gutter), env(safe-area-inset-right)) max(var(--pb-screen-gutter), env(safe-area-inset-bottom)) max(var(--pb-screen-gutter), env(safe-area-inset-left));-webkit-overflow-scrolling:touch;display:flex;position:relative;overflow:hidden auto}.pb-screen>*{margin:auto}.pb-stack{gap:var(--pb-space-4);flex-direction:column;display:flex}.pb-stack--tight{gap:var(--pb-space-2)}.pb-stack--loose{gap:var(--pb-space-6)}.pb-row{align-items:center;gap:var(--pb-space-3);flex-direction:row;display:flex}.pb-row--wrap{flex-wrap:wrap}.pb-row--between{justify-content:space-between}.pb-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.pb-muted{color:var(--pb-color-muted)}.pb-eyebrow{font-size:var(--pb-font-size-xs);letter-spacing:var(--pb-tracking-wide);text-transform:uppercase;color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.pb-eyebrow--muted{color:var(--pb-color-muted)}.pb-number{color:var(--pb-color-gold);font-variant-numeric:tabular-nums;text-shadow:var(--pb-shadow-text);font-weight:700}.pb-number--hero{font-size:var(--pb-font-size-3xl);line-height:1}.pb-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pb-status{--pb-status-color:var(--pb-color-info);align-items:center;gap:var(--pb-space-2);max-width:100%;padding:var(--pb-space-2) var(--pb-space-3);border-radius:var(--pb-radius-md);border:1px solid color-mix(in srgb, var(--pb-status-color) 45%, transparent);background:color-mix(in srgb, var(--pb-status-color) 14%, #00000040);color:var(--pb-color-cream);font-size:var(--pb-font-size-sm);text-shadow:var(--pb-shadow-text);font-weight:700;display:inline-flex}.pb-status--success{--pb-status-color:var(--pb-color-success)}.pb-status--warning{--pb-status-color:var(--pb-color-warning)}.pb-status--danger{--pb-status-color:var(--pb-color-danger)}.pb-status__dot{background:var(--pb-status-color);width:10px;height:10px;box-shadow:0 0 6px var(--pb-status-color);border-radius:50%;flex-shrink:0}.pb-status__text{min-width:0}.pb-toasts{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:var(--pb-z-toast);pointer-events:none;justify-items:end;gap:8px;width:min(420px,100vw - 24px);display:grid;position:fixed}.pb-toast{pointer-events:auto;filter:drop-shadow(0 8px 18px #00000073);animation:.32s cubic-bezier(.22,1,.36,1) both pb-toast-in}.pb-toast__dismiss{all:unset;cursor:pointer;display:block}.pb-toast__dismiss:focus-visible{outline:2px solid var(--pb-color-gold);outline-offset:3px;border-radius:10px}@keyframes pb-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.pb-toast{animation:none}}.pb-button{--pb-button-scale:1;width:calc(256px * var(--pb-button-scale));height:calc(88px * var(--pb-button-scale));padding:calc(19.5px * var(--pb-button-scale)) calc(32.5px * var(--pb-button-scale)) calc(22px * var(--pb-button-scale));border-radius:calc(24px * var(--pb-button-scale));font-weight:700;font-size:calc(20px * var(--pb-button-scale));letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--pb-transition-fast), opacity var(--pb-transition-fast);background:50%/100% 100% no-repeat;flex-shrink:0;line-height:1;display:inline-flex;position:relative}.pb-button--small{--pb-button-scale:.75}.pb-button__label{text-overflow:ellipsis;text-align:center;white-space:normal;overflow-wrap:normal;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.pb-button:after{content:"";opacity:0;pointer-events:none;background-image:url(/assets/ui/menu/button_primary_hover.png),url(/assets/ui/menu/button_primary_pressed.png),url(/assets/ui/menu/button_secondary_pressed.png);position:absolute;inset:0}.pb-button--primary{color:var(--pb-color-ink);text-shadow:var(--pb-shadow-text-light);background-image:url(/assets/ui/menu/button_primary_normal.png)}.pb-button--secondary{color:var(--pb-color-cream);text-shadow:0 1px 2px #0009;background-image:url(/assets/ui/menu/button_secondary_normal.png)}@media (hover:hover){.pb-button--primary:hover:not(:disabled){background-image:url(/assets/ui/menu/button_primary_hover.png)}.pb-button--secondary:hover:not(:disabled){filter:brightness(1.12)}}.pb-button--primary:active:not(:disabled){background-image:url(/assets/ui/menu/button_primary_pressed.png)}.pb-button--secondary:active:not(:disabled){filter:none;background-image:url(/assets/ui/menu/button_secondary_pressed.png)}.pb-button:active:not(:disabled) .pb-button__label{transform:translateY(1px)}.pb-button--primary:disabled{color:#2b1a0899;text-shadow:none;background-image:url(/assets/ui/menu/button_primary_disabled.png)}.pb-button--secondary:disabled{opacity:.5;filter:grayscale(.4)}.pb-button:focus-visible{outline-offset:-4px}.pb-round{--pb-round-size:56px;width:var(--pb-round-size);height:var(--pb-round-size);min-width:var(--pb-touch-target);min-height:var(--pb-touch-target);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform var(--pb-transition-fast);background:url(/assets/ui/controls/button_round_normal.png) 50%/100% 100% no-repeat;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pb-round:after{content:"";opacity:0;pointer-events:none;background-image:url(/assets/ui/controls/button_round_hover.png),url(/assets/ui/controls/button_round_pressed.png);position:absolute;inset:0}.pb-round__icon{pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 1px #00000059);width:50%;height:50%}@media (hover:hover){.pb-round:hover:not(:disabled):not(.pb-round--pressed){background-image:url(/assets/ui/controls/button_round_hover.png)}}.pb-round:active:not(:disabled),.pb-round--pressed:not(:disabled){background-image:url(/assets/ui/controls/button_round_pressed.png)}.pb-round:active:not(:disabled) .pb-round__icon,.pb-round--pressed:not(:disabled) .pb-round__icon{transform:translateY(1px)scale(.94)}.pb-round:disabled{opacity:.45;filter:grayscale(.5)}.pb-round:focus-visible{outline-offset:2px;border-radius:50%}.pb-icon-button{cursor:pointer}.pb-slider{gap:var(--pb-space-2);flex-direction:column;width:100%;display:flex}.pb-slider__header{justify-content:space-between;align-items:baseline;gap:var(--pb-space-3);display:flex}.pb-slider__label{color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.pb-slider__value{font-size:var(--pb-font-size-md)}.pb-slider__input{--pb-slider-fill:0%;--pb-slider-track:linear-gradient(to right, var(--pb-color-gold) 0%, var(--pb-color-amber) var(--pb-slider-fill), var(--pb-color-navy-dark) var(--pb-slider-fill), var(--pb-color-navy-dark) 100%);width:100%;height:var(--pb-touch-target);cursor:pointer;appearance:none;background:0 0;margin:0}.pb-slider__input:disabled{cursor:not-allowed;opacity:.5}.pb-slider__input::-webkit-slider-runnable-track{border-radius:var(--pb-radius-pill);border:2px solid var(--pb-color-wood-dark);background:var(--pb-slider-track);height:12px;box-shadow:inset 0 1px 2px #00000080}.pb-slider__input::-webkit-slider-thumb{appearance:none;border:3px solid var(--pb-color-wood-dark);background:radial-gradient(circle at 35% 35%, #ffe08a, var(--pb-color-gold) 55%, var(--pb-color-gold-dark));width:24px;height:24px;box-shadow:var(--pb-shadow-raised);border-radius:50%;margin-top:-8px}.pb-slider__input::-moz-range-track{border-radius:var(--pb-radius-pill);border:2px solid var(--pb-color-wood-dark);background:var(--pb-slider-track);height:12px;box-shadow:inset 0 1px 2px #00000080}.pb-slider__input::-moz-range-thumb{border:3px solid var(--pb-color-wood-dark);background:radial-gradient(circle at 35% 35%, #ffe08a, var(--pb-color-gold) 55%, var(--pb-color-gold-dark));width:18px;height:18px;box-shadow:var(--pb-shadow-raised);border-radius:50%}.pb-slider__input:focus-visible{outline:none}.pb-slider__input:focus-visible::-webkit-slider-thumb{outline:var(--pb-focus-ring-width) solid var(--pb-focus-ring-color);outline-offset:3px}.pb-slider__input:focus-visible::-moz-range-thumb{outline:var(--pb-focus-ring-width) solid var(--pb-focus-ring-color);outline-offset:3px}.pb-toggle{justify-content:space-between;align-items:center;gap:var(--pb-space-4);width:100%;display:flex}.pb-toggle__text{flex-direction:column;gap:2px;min-width:0;display:flex}.pb-toggle__label{color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.pb-toggle__description{font-size:var(--pb-font-size-sm);color:var(--pb-color-muted)}.pb-toggle__switch{border-radius:var(--pb-radius-pill);border:2px solid var(--pb-color-wood-dark);background:var(--pb-color-navy-dark);width:60px;height:32px;transition:background-color var(--pb-transition-fast);flex-shrink:0;position:relative;box-shadow:inset 0 1px 3px #00000080}.pb-toggle__switch[aria-checked=true]{background:linear-gradient(to bottom, var(--pb-color-gold), var(--pb-color-amber))}.pb-toggle__switch:disabled{opacity:.5}.pb-toggle__knob{background:radial-gradient(circle at 35% 35%, #fff7e0, var(--pb-color-cream) 60%, #cbb58a);width:22px;height:22px;box-shadow:var(--pb-shadow-raised);transition:transform var(--pb-transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.pb-toggle__switch[aria-checked=true] .pb-toggle__knob{transform:translate(28px)}.pb-toggle__switch:focus-visible{border-radius:var(--pb-radius-pill)}.pb-progress{gap:var(--pb-space-2);flex-direction:column;width:100%;display:flex}.pb-progress__header{justify-content:space-between;align-items:baseline;gap:var(--pb-space-3);display:flex}.pb-progress__label{font-size:var(--pb-font-size-xs);letter-spacing:var(--pb-tracking-wide);text-transform:uppercase;color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.pb-progress__value{font-size:var(--pb-font-size-sm)}.pb-progress__track{border-radius:var(--pb-radius-pill);border:2px solid var(--pb-color-wood-dark);background:var(--pb-color-navy-dark);width:100%;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0000008c,0 1px #ffffff14}.pb-progress__fill{border-radius:inherit;background:linear-gradient(to bottom, #ffe08a 0%, var(--pb-color-gold) 45%, var(--pb-color-gold-dark) 100%);height:100%;transition:width .2s ease-out;box-shadow:inset 0 -2px #0003}.pb-kbd{min-width:28px;height:28px;padding:0 var(--pb-space-2);border-radius:var(--pb-radius-sm);border:1px solid var(--pb-color-wood-dark);background:linear-gradient(to bottom, #fff2cf, var(--pb-color-cream));color:var(--pb-color-ink);font-family:var(--pb-font-family);font-size:var(--pb-font-size-sm);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-bottom-width:3px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px #0000004d}.pb-panel{--pb-panel-border-y:40px;--pb-panel-border-x:32px;width:100%;max-height:calc(100vh - 2 * var(--pb-screen-gutter));max-height:calc(100dvh - 2 * var(--pb-screen-gutter));border-style:solid;border-width:var(--pb-panel-border-y) var(--pb-panel-border-x);border-image:url(/assets/ui/menu/panel_menu.png) 80 64 80 64 fill / var(--pb-panel-border-y) var(--pb-panel-border-x) stretch;filter:drop-shadow(0 18px 30px #00000073);color:var(--pb-color-cream);flex-direction:column;display:flex;position:relative}.pb-panel--compact{max-width:420px}.pb-panel--regular{max-width:560px}.pb-panel--wide{max-width:1100px}.pb-panel__body{align-items:center;gap:var(--pb-space-4);min-height:0;padding:var(--pb-space-4) var(--pb-space-4) var(--pb-space-5);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow:hidden auto}.pb-panel__title{font-size:var(--pb-font-size-2xl);letter-spacing:var(--pb-tracking-title);text-transform:uppercase;text-align:center;color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700;line-height:1.1}@media (max-height:480px),(max-width:480px){.pb-panel{--pb-panel-border-y:28px;--pb-panel-border-x:22px}.pb-panel__body{gap:var(--pb-space-3);padding:var(--pb-space-3) var(--pb-space-3) var(--pb-space-4)}.pb-panel__title{font-size:var(--pb-font-size-xl)}}.pb-touch-button{touch-action:none;cursor:pointer}.pb-tabs{justify-content:center;align-items:center;gap:var(--pb-space-2);flex-wrap:wrap;display:flex}.pb-tabs__tab[aria-selected=true]{cursor:default}.pb-tab-panel{width:100%}.pb-tab-panel:focus-visible{outline-offset:0}.pb-stepper{align-items:center;gap:var(--pb-space-3);flex-direction:column;width:100%;display:flex}.pb-stepper__label{font-size:var(--pb-font-size-md);text-align:center;color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.pb-stepper__controls{justify-content:center;align-items:center;gap:var(--pb-space-6);width:100%;display:flex}.pb-stepper__value{min-width:96px;padding:var(--pb-space-1) var(--pb-space-2);font-size:var(--pb-font-size-xl);border-radius:var(--pb-radius-sm);white-space:nowrap;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.pb-stepper__value[aria-disabled=true]{opacity:.6}.pb-stepper--error .pb-stepper__value{color:var(--pb-color-danger)}.pb-stepper__error{font-size:var(--pb-font-size-sm);text-align:center;color:var(--pb-color-danger);text-shadow:var(--pb-shadow-text);font-weight:700}@media (max-width:480px){.pb-stepper__controls{gap:var(--pb-space-4)}}.pb-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.pb-table{border-collapse:separate;width:100%;border-spacing:0 var(--pb-space-2);text-align:left}.pb-table__head{padding:0 var(--pb-space-4) var(--pb-space-1);font-size:var(--pb-font-size-xs);letter-spacing:var(--pb-tracking-wide);text-transform:uppercase;color:var(--pb-color-muted);white-space:nowrap;font-weight:700}.pb-table__row{background:var(--pb-color-row);box-shadow:inset 0 0 0 1px var(--pb-color-border-subtle)}.pb-table__row:nth-child(2n){background:var(--pb-color-row-alt)}.pb-table__row--highlighted,.pb-table__row--highlighted:nth-child(2n){background:var(--pb-color-row-highlight);box-shadow:inset 0 0 0 1px #f0b33a73}.pb-table__cell{padding:var(--pb-space-3) var(--pb-space-4);color:var(--pb-color-cream);vertical-align:middle;white-space:nowrap;font-weight:700}.pb-table__row td:first-child{border-top-left-radius:var(--pb-radius-md);border-bottom-left-radius:var(--pb-radius-md)}.pb-table__row td:last-child{border-top-right-radius:var(--pb-radius-md);border-bottom-right-radius:var(--pb-radius-md)}.pb-table__cell--left{text-align:left}.pb-table__cell--right{text-align:right}.pb-table__cell--center{text-align:center}.pb-table__row--empty .pb-table__cell{white-space:normal;font-weight:400}.pb-pagination{justify-content:center;align-items:center;gap:var(--pb-space-4);display:flex}.pb-pagination__label{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:96px}.pb-hull-sprite{filter:drop-shadow(0 4px 6px #00000073);background-image:url(/assets/game/ships.png);background-repeat:no-repeat;display:inline-block}.pb-dialog-backdrop{z-index:var(--pb-z-dialog);padding:max(var(--pb-screen-gutter), env(safe-area-inset-top)) max(var(--pb-screen-gutter), env(safe-area-inset-right)) max(var(--pb-screen-gutter), env(safe-area-inset-bottom)) max(var(--pb-screen-gutter), env(safe-area-inset-left));background:var(--pb-color-overlay);-webkit-backdrop-filter:blur(2px);animation:pb-dialog-fade var(--pb-transition-fast);display:flex;position:fixed;inset:0;overflow-y:auto}.pb-dialog{margin:auto;animation:.16s ease-out pb-dialog-rise}.pb-dialog:focus-visible{outline-offset:-6px}@keyframes pb-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes pb-dialog-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.pb-dialog-backdrop{animation:.2s ease-out both pb-dialog-fade}.pb-dialog{animation:.26s cubic-bezier(.22,1,.36,1) both pb-dialog-pop}@keyframes pb-dialog-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pb-dialog-backdrop,.pb-dialog{animation:none}}.pb-scene{z-index:var(--pb-z-scene);background:var(--pb-color-navy-deep);position:fixed;inset:0;overflow:hidden}.pb-scene__image{filter:saturate(.95)brightness(.92);background:url(/assets/ui/scene_background.png) 50%/cover no-repeat;position:absolute;inset:-12px}.pb-scene__vignette{transition:background-color var(--pb-transition-fast);background:radial-gradient(#0a142314 0%,#0a14238c 100%);position:absolute;inset:0}.pb-scene--dimmed .pb-scene__vignette{background-color:var(--pb-color-overlay)}.pb-scene__content{z-index:1;height:100%;position:relative}.pb-screen-enter{animation:.32s cubic-bezier(.22,1,.36,1) both pb-screen-enter}.pb-screen-enter>*{animation:.38s cubic-bezier(.22,1,.36,1) both pb-screen-rise}@keyframes pb-screen-enter{0%{opacity:0}to{opacity:1}}@keyframes pb-screen-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.pb-screen-enter,.pb-screen-enter>*{animation:none}}.hud{pointer-events:none;position:absolute;inset:0}.hud-actions{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));pointer-events:auto;position:absolute}.options-form{gap:16px;width:100%;min-width:0;display:grid}.options-hint{color:var(--pb-color-muted);text-align:center;margin:0;font-size:.82rem}.options-actions{align-items:center;margin-top:4px}.options-field{gap:6px;min-width:0;display:grid}.options-label{font-weight:700}.options-select{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--pb-color-text);background:#00000040;border:1px solid #fff3;border-radius:8px;padding:10px 12px}.options-form{width:100%;min-width:0}.options-field,.options-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.pause-copy{text-align:center;color:var(--pb-color-muted);margin:0 0 16px}.pause-actions{align-items:center}.touch-controls{pointer-events:none;position:absolute;inset:0}.touch-cluster{bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:auto;align-items:flex-end;gap:10px;display:flex;position:absolute}.touch-cluster-left{left:calc(12px + env(safe-area-inset-left))}.touch-cluster-right{right:calc(12px + env(safe-area-inset-right))}.touch-cluster>:nth-child(2){margin-bottom:26px}@media (max-width:520px){.touch-cluster{gap:6px}.touch-cluster>:nth-child(2){margin-bottom:18px}}.battle{background:#0e2a4a;position:fixed;inset:0;overflow:hidden}.battle-host{position:absolute;inset:0}.battle-host canvas{touch-action:none;display:block}.battle-orientation{z-index:20;text-align:center;background:#061220bf;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.battle-orientation-copy{margin:0 0 14px}.loading-stack{text-align:center;align-items:stretch}.loading-caption{margin:0;font-size:.85rem}.log-panel{text-align:center}.log-tabs{justify-content:center;margin-bottom:10px}.log-section{gap:12px;display:grid}.log-subtitle{margin:0}.log-state{color:var(--pb-color-muted);margin:24px 0}.log-state-block{justify-items:center;gap:10px;margin:16px 0;display:grid}.log-refreshing{letter-spacing:.08em;text-transform:uppercase;color:var(--pb-color-muted);margin:0;font-size:.75rem}.log-table-stale{opacity:.7;transition:opacity .2s}.log-captain{align-items:center;gap:8px;display:inline-flex}.log-you{letter-spacing:.08em;text-transform:uppercase;color:var(--pb-color-accent);background:#f0b33a40;border-radius:4px;padding:2px 6px;font-size:.65rem}.log-date{white-space:nowrap}.log-result{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.log-result-time{color:var(--pb-color-success)}.log-result-defeated{color:#ff8a80}.log-pending{gap:6px;margin:0;padding:0;list-style:none;display:grid}.log-pending-row{background:#f0b33a1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;display:flex}.log-footer{justify-content:center;margin-top:16px;display:flex}.log-result-cell{flex-direction:column;gap:2px;display:inline-flex}.log-loadout{font-size:.7rem}.network-lab{gap:10px;display:grid}.network-lab-intro{margin:0;font-size:.85rem}.network-lab-select{font:inherit;color:var(--pb-color-text);background:#00000040;border:1px solid #fff3;border-radius:8px;padding:10px 12px}.network-lab-description{min-height:2.6em;margin:0;font-size:.85rem}.network-lab-active{margin:0;font-size:.8rem}.network-lab-actions{flex-wrap:wrap;justify-content:center;gap:8px}.menu-panel{text-align:center}.menu-layout{grid-template-columns:minmax(200px,1fr) minmax(280px,1.3fr) minmax(200px,1fr);align-items:start;gap:20px;display:grid}.menu-side{text-align:left;background:#0000002e;border:1px solid #ffffff14;border-radius:12px;justify-items:center;gap:10px;padding:14px 12px;display:grid}.menu-side--ship{text-align:center}.menu-side h2{justify-self:center;margin:0}.menu-center{justify-items:center;gap:6px;display:grid}.menu-title{justify-content:center;margin:0;line-height:0;display:flex}.menu-title-art{width:min(100%,320px);height:auto;display:block}.menu-tagline{margin:0 0 8px}.menu-actions{align-items:center}.menu-caption{color:var(--pb-color-muted);margin:10px 0 6px;font-size:.9rem}.menu-log-links{flex-wrap:wrap;justify-content:center;gap:10px}.menu-controls{width:100%}.menu-controls h2{text-align:center;margin:0 0 8px}.menu-controls-list{gap:8px;margin:0;display:grid}.menu-controls-item{gap:4px;font-size:.85rem;display:grid}.menu-controls-item dt{color:var(--pb-color-text)}.menu-controls-item dd{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.menu-controls-touch{font-size:.75rem}.menu-ship-sprite{margin:4px auto}.menu-ship-name{margin:0;font-weight:700}.menu-progress{color:var(--pb-color-accent);margin:0}.menu-footer{justify-content:center;margin-top:14px;display:flex}.menu-network-link{color:var(--pb-color-muted);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.78rem}.menu-network-link:hover{color:var(--pb-color-text)}@media (max-width:900px){.menu-layout{grid-template-columns:1fr}.menu-center{order:-1}}@media (max-height:480px){.menu-title-art{width:220px}.menu-tagline{display:none}}.result-panel{text-align:center}.result-score{color:var(--pb-color-accent);font-variant-numeric:tabular-nums;text-shadow:0 3px #00000059;margin:4px 0 2px;font-size:clamp(3rem,12vh,5rem);font-weight:700;line-height:1}.result-summary{justify-content:center;gap:8px;margin:0 0 16px;display:flex}.result-submission{justify-items:center;gap:10px;margin-bottom:18px;display:grid}.result-actions{align-items:center}.result-rewards{color:var(--pb-color-accent);margin:0 0 14px;font-weight:700}.result-score{animation:.7s cubic-bezier(.22,1,.36,1) both result-score-pop}.result-panel--victory .result-score{animation:.7s cubic-bezier(.22,1,.36,1) both result-score-pop,2.4s ease-in-out .7s infinite result-score-glow}.result-panel--victory h1{animation:2.4s ease-in-out infinite result-title-shine}.result-victory-banner{letter-spacing:.14em;text-transform:uppercase;color:var(--pb-color-success);margin:0 0 6px;font-size:.85rem;animation:.6s cubic-bezier(.22,1,.36,1) .2s both result-banner-rise}.result-actions-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes result-score-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes result-score-glow{0%,to{text-shadow:0 3px #00000059}50%{text-shadow:0 3px #00000059,0 0 22px #f2c14ed9}}@keyframes result-title-shine{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@keyframes result-banner-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.result-score,.result-panel--victory .result-score,.result-panel--victory h1,.result-victory-banner{animation:none}}.shipyard-panel .pb-panel__body{align-items:stretch}.shipyard-summary{align-items:center;gap:var(--pb-space-3) var(--pb-space-6);padding:var(--pb-space-3) var(--pb-space-4);border-radius:var(--pb-radius-md);background:var(--pb-color-row-alt);border:1px solid var(--pb-color-border-subtle);grid-template-columns:auto auto 1fr;display:grid}.shipyard-stat{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.shipyard-stat__value{font-size:var(--pb-font-size-md);color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.shipyard-stat__number{font-size:var(--pb-font-size-xl);line-height:1}.shipyard-xp{gap:var(--pb-space-1);flex-direction:column;min-width:0;display:flex}.shipyard-xp .pb-progress{width:100%}.shipyard-xp__text{font-size:var(--pb-font-size-xs);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.shipyard-hint{font-size:var(--pb-font-size-sm);color:var(--pb-color-muted);text-align:center}.shipyard-section{gap:var(--pb-space-3);width:100%;padding-top:var(--pb-space-3);border-top:1px solid var(--pb-color-border-subtle);flex-direction:column;display:flex}.shipyard-section__title{font-size:var(--pb-font-size-lg);letter-spacing:var(--pb-tracking-title);text-transform:uppercase;color:var(--pb-color-gold);text-shadow:var(--pb-shadow-text);font-weight:700}.shipyard-grid{gap:var(--pb-space-2);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));display:grid}.shipyard-grid--cannons{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.shipyard-card{padding:var(--pb-space-2);border-radius:var(--pb-radius-md);border:1px solid var(--pb-color-border-subtle);background:var(--pb-color-row);text-align:center;transition:border-color var(--pb-transition-fast);flex-direction:column;align-items:center;gap:4px;display:flex}.shipyard-card--equipped{border-color:color-mix(in srgb, var(--pb-color-gold) 60%, transparent);background:var(--pb-color-row-highlight)}.shipyard-card__art{justify-content:center;align-items:center;height:56px;display:flex}.shipyard-sprite{image-rendering:auto;filter:drop-shadow(0 4px 6px #00000073);background-image:url(/assets/game/ships.png);background-repeat:no-repeat;display:inline-block}.shipyard-card__name{color:var(--pb-color-cream);text-shadow:var(--pb-shadow-text);font-weight:700}.shipyard-card__description{font-size:var(--pb-font-size-sm);line-height:1.35}.shipyard-card__price{font-size:var(--pb-font-size-sm);font-variant-numeric:tabular-nums;color:var(--pb-color-gold);text-shadow:var(--pb-shadow-text);font-weight:700}.shipyard-card--equipped .shipyard-card__price{color:var(--pb-color-success)}.shipyard-action{--pb-button-scale:.52;margin-top:auto}[data-affordable=false] .shipyard-action:not(:disabled){opacity:.6;filter:saturate(.6)}.shipyard-upgrades{gap:var(--pb-space-2);flex-direction:column;display:flex}.shipyard-upgrade{align-items:center;gap:var(--pb-space-2) var(--pb-space-3);padding:4px var(--pb-space-3);border-radius:var(--pb-radius-md);border:1px solid var(--pb-color-border-subtle);background:var(--pb-color-row);grid-template-columns:minmax(0,1.4fr) auto auto auto;display:grid}.shipyard-upgrade__info{flex-direction:column;gap:2px;min-width:0;display:flex}.shipyard-upgrade__level{align-items:flex-start;gap:var(--pb-space-1);flex-direction:column;display:flex}.shipyard-upgrade__level-text{font-size:var(--pb-font-size-xs);font-variant-numeric:tabular-nums;color:var(--pb-color-muted);white-space:nowrap;font-weight:700}.shipyard-pips{gap:var(--pb-space-1);display:inline-flex}.shipyard-pip{border:2px solid var(--pb-color-gold-dark);background:#0000004d;border-radius:50%;width:14px;height:14px}.shipyard-pip--filled{background:var(--pb-color-gold);box-shadow:0 0 6px #f2c14e99}.shipyard-message{align-self:center}.shipyard-footer{padding-top:var(--pb-space-2);justify-content:center;display:flex}@media (max-width:640px){.shipyard-summary{grid-template-columns:1fr 1fr}.shipyard-xp{grid-column:1/-1}.shipyard-upgrade{grid-template-columns:1fr auto}.shipyard-upgrade__info{grid-column:1/-1}}@media (max-height:480px){.shipyard-hint{font-size:var(--pb-font-size-xs)}.shipyard-card__art{height:60px}.shipyard-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}