.panel{width:min(100%, var(--panel-width,440px));text-align:center;border-style:solid;border-width:40px 32px;border-image:url(/assets/png/retina/ui/menu/panel_menu.png) 80 64 fill/40px 32px;flex-direction:column;align-items:center;gap:14px;max-height:100%;padding:4px 12px 8px;display:flex;position:relative;overflow:auto}.panel--wide{--panel-width:860px}.panel__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fde9bf;text-shadow:0 2px #6b3d10,0 4px 10px #00000073;margin:0;font-size:clamp(1.5rem,4vw,2.2rem)}.panel__subtitle{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.8rem;font-weight:700}.button{min-width:220px;min-height:60px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);cursor:pointer;background:0 0;border-style:solid;border-width:18px 40px;border-image:url(/assets/png/retina/ui/menu/button_primary_normal.png) 36 80 fill/18px 40px;justify-content:center;align-items:center;padding:0 28px;font-size:1.15rem;transition:transform .12s ease-out,filter .12s ease-out;display:inline-flex}.button>span{margin:-18px -12px}.button:hover:not(:disabled){border-image-source:url(/assets/png/retina/ui/menu/button_primary_hover.png)}.button:active:not(:disabled){border-image-source:url(/assets/png/retina/ui/menu/button_primary_pressed.png);transform:translateY(1px)}.button:disabled{color:#5c5546;cursor:not-allowed;border-image-source:url(/assets/png/retina/ui/menu/button_primary_disabled.png)}.button--secondary{color:var(--color-text);border-image-source:url(/assets/png/retina/ui/menu/button_secondary_normal.png)}.button--secondary:hover:not(:disabled){filter:brightness(1.15);border-image-source:url(/assets/png/retina/ui/menu/button_secondary_normal.png)}.button--secondary:active:not(:disabled){border-image-source:url(/assets/png/retina/ui/menu/button_secondary_pressed.png)}.button--small{border-width:14px 32px;border-image-width:14px 32px;min-width:160px;min-height:48px;font-size:.9rem}.button--small>span{margin:-14px -8px}.round-button{width:var(--round-size,56px);height:var(--round-size,56px);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:url(/assets/png/retina/ui/controls/button_round_normal.png) 50%/contain no-repeat;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.round-button:hover:not(:disabled){background-image:url(/assets/png/retina/ui/controls/button_round_hover.png)}.round-button:active:not(:disabled),.round-button[data-pressed=true]{background-image:url(/assets/png/retina/ui/controls/button_round_pressed.png)}.round-button:disabled{opacity:.45;cursor:not-allowed}.round-button img{pointer-events:none;width:50%;height:50%}.dialog{color:inherit;background:0 0;border:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:visible}.dialog::backdrop{background:#06121e8c}.alert{color:#ffe1da;background:#781e148c;border-radius:8px;margin:0;padding:10px 14px;font-weight:700}.status-text{color:var(--color-muted);margin:0;font-size:.9rem}.button-stack{flex-direction:column;align-items:center;gap:10px;display:flex}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.button:focus-visible,.round-button:focus-visible{border-radius:999px}.dialog .panel{max-height:calc(100dvh - 24px)}.menu{--panel-width:460px}.menu__title{margin:0;line-height:0}.menu__title img{width:min(320px,70vw);height:auto}.menu__corner{position:absolute;top:-8px;right:-4px}.controls-help{text-align:left;width:100%}.controls-help summary{cursor:pointer;color:var(--color-gold);text-align:center;border-radius:6px;padding:4px;font-weight:700}.controls-help__list{gap:6px;margin:10px 0;display:grid}.controls-help__item{justify-content:space-between;gap:12px;display:flex}.controls-help__item dt{color:var(--color-muted)}.controls-help__item dd{gap:4px;margin:0;display:flex}kbd{min-width:26px;color:var(--color-gold);font:700 .8rem/1.4 var(--font-body);text-align:center;background:#0f2033;border:1px solid #7d6a45;border-radius:5px;padding:1px 6px;display:inline-block}.options-form{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.field{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.field__label{color:#efe3c6;font-weight:700}.field__stepper{align-items:center;gap:14px;display:flex}.field__input-wrap{align-items:baseline;gap:4px;font-size:1.5rem;font-weight:800;display:inline-flex}.field__input{text-align:center;background:#050e1873;border:2px solid #0000;border-radius:6px;width:4.2ch;padding:2px 4px;font-weight:800}.field__input--text{width:min(260px,100%);font-size:1.05rem}.field__input[aria-invalid=true]{border-color:var(--color-danger)}.field__hint{color:var(--color-muted);margin:0;font-size:.78rem}.field__error{color:var(--color-danger);margin:0;font-size:.85rem;font-weight:700}.log{gap:10px}.log__tabs{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.log__panel{border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.log__state{place-content:center;gap:12px;min-height:160px;display:grid}.log__refresh{min-height:1.3em;font-size:.8rem}.log__content{flex-direction:column;align-items:center;gap:10px;width:100%;transition:opacity .15s ease-out;display:flex}.log__content.is-stale{opacity:.6}.log__pending{color:var(--color-gold);align-items:center;gap:12px;font-weight:700;display:flex}.log-table{border-collapse:separate;border-spacing:0 6px;text-align:left;width:100%}.log-table th{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);padding:0 14px;font-size:.72rem}.log-table td{background:var(--color-row);padding:12px 14px;font-weight:700}.log-table td:first-child{border-radius:6px 0 0 6px}.log-table td:last-child{border-radius:0 6px 6px 0}.log-table tr.is-highlighted td{background:var(--color-row-highlight)}.log-table__points{color:var(--color-gold)}.log-table__muted{color:var(--color-muted);font-weight:400}.log-table__star{vertical-align:-4px;width:20px;height:20px;margin-right:8px}.log-table__result{text-transform:uppercase;font-size:.8rem}.log-table__result--time{color:var(--color-success)}.log-table__result--death{color:var(--color-danger)}.badge{border:1px solid var(--color-gold);color:var(--color-gold);text-transform:uppercase;vertical-align:2px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.65rem}.pagination{align-items:center;gap:16px;display:flex}.pagination__label{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:700}.result__score{font-family:var(--font-display);color:var(--color-gold);text-shadow:0 3px #6b3d10;margin:0;font-size:clamp(3rem,12vw,4.5rem);line-height:1}.result__sync{max-width:340px;color:var(--color-muted);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.result__sync--synced{color:var(--color-success)}.result__sync--pending{color:var(--color-gold)}.network-lab__list{text-align:left;border:0;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;width:100%;margin:0;padding:0;display:grid}.network-lab__option{background:var(--color-row);cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;padding:8px;display:flex}.network-lab__option span{flex-direction:column;display:flex}.network-lab__option small{color:var(--color-muted)}.network-lab__option:has(input:checked){background:var(--color-row-highlight)}.progress{background:#050e1899;border-radius:8px;width:min(320px,100%);height:16px;overflow:hidden}.progress__fill{background:linear-gradient(90deg,#f4b73a,#ffd56b);height:100%;transition:width .15s ease-out}.battle{-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.battle__canvas{position:absolute;inset:0}.battle__canvas canvas{display:block}.hud{inset:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) auto max(10px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud__health{align-items:center;gap:6px;display:flex}.hud__heart{width:34px;height:34px}.hud__health-bar{background:url(/assets/png/retina/ui/hud/health_frame.png) 50%/100% 100% no-repeat;width:200px;height:38px;position:relative}.hud__health-fill{background:50%/100% 100% no-repeat;transition:clip-path .2s ease-out;position:absolute;inset:0}.hud__health-fill--green{background-image:url(/assets/png/retina/ui/hud/health_fill_green.png)}.hud__health-fill--amber{background-image:url(/assets/png/retina/ui/hud/health_fill_amber.png)}.hud__health-fill--red{background-image:url(/assets/png/retina/ui/hud/health_fill_red.png)}.hud__health-text{text-shadow:0 1px 2px #000;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;inset:0}.hud__counters{align-items:center;gap:10px;display:flex}.hud__counter{background:url(/assets/png/retina/ui/hud/counter_panel.png) 50%/100% 100% no-repeat;justify-content:center;align-items:center;gap:8px;width:124px;height:44px;font-size:1.15rem;font-weight:800;display:flex}.hud__counter img{width:24px;height:24px}.hud__volley{width:96px;position:relative;overflow:hidden}.hud__volley[data-ready=false] img,.hud__volley[data-ready=false] span:not(.hud__volley-charge){opacity:.45}.hud__volley-charge{background:var(--color-gold);transform-origin:0;border-radius:2px;height:4px;animation-name:volley-charge;animation-timing-function:linear;animation-fill-mode:both;position:absolute;bottom:6px;left:10px;right:10px}@keyframes volley-charge{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.touch-controls__fire{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.touch-controls__volley{pointer-events:auto}.round-button[data-action=fireVolley]:after{content:"×3";color:var(--color-gold);background:#1b2a3ad9;border-radius:6px;padding:0 4px;font-size:.8rem;font-weight:900;line-height:1.3;position:absolute;bottom:12%;right:12%}.touch-controls{inset:auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.touch-controls__cluster{pointer-events:auto;grid-template-columns:repeat(3,auto);gap:6px;display:grid}.touch-controls__cluster>:nth-child(2){transform:translateY(-36px)}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:10;text-align:center;background:#06121eeb;place-content:center;gap:12px;padding:24px;font-weight:700;display:grid;position:absolute;inset:0}}@media (height<=480px){.panel{border-width:30px 24px;border-image-width:30px 24px;gap:8px}.hud__health-bar{width:150px;height:30px}.hud__counter{width:96px;height:36px;font-size:1rem}.touch-controls__cluster .round-button{--round-size:60px!important}.touch-controls__cluster>:nth-child(2){transform:translateY(-28px)}}.difficulty{border:0;margin:0;padding:0}.difficulty__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.difficulty__option{cursor:pointer;background:#06121e73;border:2px solid #ffffff2e;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:10px 12px;display:grid}.difficulty__option:has(input:checked){border-color:var(--color-gold-strong);background:#ffc53d24}.difficulty__option:has(input:focus-visible){box-shadow:var(--focus-ring)}.difficulty__option input{width:18px;height:18px;accent-color:var(--color-gold-strong);cursor:pointer;margin:0}.difficulty__name{font-weight:800}.difficulty__description{opacity:.85;grid-column:1/-1;font-size:.8rem;line-height:1.3}.toggle{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:inline-flex}.toggle input{width:22px;height:22px;accent-color:var(--color-gold-strong)}@media (height<=500px){.menu{--panel-width:560px}.menu__title img{width:220px}.menu .button-stack,.result .button-stack{flex-flow:wrap;justify-content:center}.button{border-width:13px 30px;border-image-width:13px 30px;min-width:170px;min-height:46px;font-size:1rem}.button>span{margin:-13px -6px}.button--small{min-width:140px;min-height:40px;font-size:.85rem}.result{--panel-width:560px}.result .panel__title{font-size:1.5rem}.result__score{font-size:2.6rem}}:root{--color-text:#f6ecd6;--color-muted:#cfc6b2;--color-gold:#ffd56b;--color-gold-strong:#ffc53d;--color-ink:#3b2208;--color-danger:#ff9b8a;--color-success:#a8e6a1;--color-row:#0d1b2cd1;--color-row-highlight:#7a6834b3;--color-backdrop:#06121e8c;--focus-ring:0 0 0 3px #1b2a3a, 0 0 0 6px var(--color-gold-strong);--font-body:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-display:"Arial Black", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-color:#1b2a3a;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:linear-gradient(var(--color-backdrop), var(--color-backdrop)), url(/assets/ui_scene_background.png) center / cover no-repeat, #1b2a3a;overflow:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.brand-mark{opacity:.9;pointer-events:none;width:120px;position:fixed;bottom:16px;right:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}