:root{--bg:#1d2126;--surface:#262b31;--surface-2:#323840;--input:#171a1e;--border:#3d444d;--text:#e8e8e8;--muted:#a0a8b2;--warn:#f2bd63;--ok:#7fd19b;--danger:#ff7a6e;--a:#7ea6f4;--a-strong:#3768d0;--b:#f08a7c;--b-strong:#b8402f;--meter:#a9b8c9;--accent:var(--a);--accent-strong:var(--a-strong);--radius:10px;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:1000px;padding:var(--gutter) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));margin:0 auto}h1,h2,p{margin:0}h1{font-size:1.5rem;line-height:1.2}h1:focus{outline:none}button,input{font:inherit;color:inherit}input{background:var(--input);border:1px solid var(--border);border-radius:8px;width:100%;min-width:0;min-height:44px;padding:8px 12px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder{color:#6f7882}.player-a{--accent:var(--a);--accent-strong:var(--a-strong)}.player-b{--accent:var(--b);--accent-strong:var(--b-strong)}.player-tag{background:var(--accent-strong);color:#fff;letter-spacing:.02em;border-radius:999px;padding:2px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.primary{border-radius:var(--radius);background:var(--accent-strong);color:#fff;cursor:pointer;border:0;min-height:48px;padding:10px 24px;font-weight:700}.primary:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.note{color:var(--muted);font-size:.875rem}.screen{gap:16px;display:grid}.role{color:var(--muted);margin-left:8px;font-size:.8125rem;font-weight:400}.stepper{border:1px solid var(--border);border-radius:8px;grid-template-columns:32px minmax(0,1fr) 32px;height:44px;display:grid;overflow:hidden}.stepper input{text-align:center;font-variant-numeric:tabular-nums;border:0;border-radius:0;height:100%;min-height:0;padding:0}.step{background:var(--surface-2);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.step:active:not(:disabled){background:var(--border)}.step:disabled{color:#5d656f;cursor:default}.meters{grid-template-columns:1fr 1fr;gap:12px;display:grid}.meter{font-variant-numeric:tabular-nums;gap:4px;display:grid}.meter-text{flex-wrap:wrap;align-items:baseline;column-gap:6px;display:flex}.meter-label{width:100%;color:var(--muted);font-size:.75rem}.meter-value{font-weight:700}.meter-rest{color:var(--muted);font-size:.8125rem}.meter-bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:var(--meter);height:100%;display:block}.meter.over .meter-value,.meter.over .meter-rest{color:var(--danger)}.meter.over .meter-rest{font-weight:700}.meter.over .meter-fill{background:var(--danger)}.message{color:var(--warn);font-size:.875rem}@media (width>=1024px){.stepper{grid-template-columns:38px minmax(0,1fr) 38px}}.cover,.battle{text-align:center;align-content:center;justify-items:center;min-height:70vh}.cover p{max-width:24rem;color:var(--muted)}.versus{justify-items:center;gap:8px;display:grid}.side{overflow-wrap:anywhere;justify-items:center;gap:6px;font-size:1.25rem;font-weight:700;display:grid}.vs{color:var(--muted)}.secondary{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;min-height:48px;padding:10px 20px;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.battle-view{background:var(--bg);font-size:.75rem;position:fixed;inset:0;overflow:hidden}.battle-view canvas{touch-action:none;width:100%;height:100%;display:block}.hud{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));pointer-events:none;background:#1d2126d1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;display:grid;position:absolute;top:0;left:0;right:0}.hud-side{gap:4px;min-width:0;display:grid}.hud-side.player-b{text-align:right;justify-items:end}.hud-name{max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.hud-meter{font-variant-numeric:tabular-nums;align-items:center;gap:6px;width:100%;display:flex}.player-b .hud-meter{flex-direction:row-reverse}.hud-bar{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.hud-fill{background:var(--accent);height:100%;transition:width .2s linear;display:block}.player-b .hud-fill{margin-left:auto}.hud-value{min-width:2.5em;font-weight:700}.player-b .hud-value{text-align:right}.hud-legend{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-wrap:wrap;gap:0 10px;margin:0;padding:0;list-style:none;display:flex}.player-b .hud-legend{justify-content:flex-end}.hud-legend .gone{color:var(--muted);text-decoration:line-through}.hud-clock{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}.hud-controls{padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#1d2126d1;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-speeds{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.hud-button{border:1px solid var(--border);background:var(--surface);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;border-radius:8px;min-width:40px;min-height:40px;padding:0 10px;font-size:.875rem}.hud-icon{place-items:center;display:inline-grid}.hud-icon svg{display:block}.hud-button[hidden]{display:none}.hud-speeds .hud-button{border:0;border-radius:0}.hud-speeds .hud-button+.hud-button{border-left:1px solid var(--border)}.hud-button[aria-pressed=true]{background:var(--meter);color:var(--bg);font-weight:700}.battle-overlay{padding:var(--gutter) var(--gutter) calc(var(--controls-height,64px) + 8px);pointer-events:none;place-items:end center;display:grid;position:absolute;inset:0}.battle-overlay>*{pointer-events:auto}.battle-overlay:empty{display:none}.battle-view[data-state=loading] .battle-overlay{place-items:center}.battle-view[data-state=loading] .hud-controls{visibility:hidden}.battle-loading{border:1px solid var(--border);text-align:center;background:#1d2126f0;border-radius:12px;justify-items:center;gap:12px;width:min(100%,22rem);padding:18px 20px;font-size:.9375rem;display:grid}.battle-loading-text{margin:0}.battle-progress{appearance:none;background:var(--surface-2);border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.battle-progress::-webkit-progress-bar{background:var(--surface-2)}.battle-progress::-webkit-progress-value{background:var(--meter);transition:width .2s}.battle-progress::-moz-progress-bar{background:var(--meter)}.battle-notices{top:calc(var(--hud-height,64px) + 6px);padding:0 var(--gutter);pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;left:0;right:0}.battle-notice{color:var(--warn);text-align:center;background:#1d2126d1;border-radius:999px;margin:0;padding:3px 10px;font-size:.75rem}.result{border:1px solid var(--border);background:#1d2126f0;border-radius:12px;gap:12px;width:min(100%,40rem);max-height:100%;padding:14px 16px;font-size:.8125rem;display:grid;overflow-y:auto}.result.draw{--accent:var(--text)}.result-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.result-title{font-size:1.375rem;line-height:1.2;display:grid}.result-title:focus{outline:none}.result-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.result-name{color:var(--accent);overflow-wrap:anywhere}.result-ending{color:var(--muted);margin-top:2px;font-size:.875rem}.result-toggle{border:1px solid var(--border);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:8px;min-height:36px;padding:0 10px;font-size:.8125rem}.result-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-sides[hidden]{display:none}.result-side{border-top:3px solid var(--accent-strong);font-variant-numeric:tabular-nums;align-content:start;gap:2px;padding-top:8px;display:grid}.result-army{color:var(--accent);overflow-wrap:anywhere;margin:0;font-size:.9375rem}.result-value strong{font-size:1.0625rem}.result-side h4{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:6px 0 0;font-size:.6875rem;font-weight:600}.result-damage{margin:0;padding:0;list-style:none}.result-damage li{justify-content:space-between;gap:8px;display:flex}.result-unit{overflow-wrap:anywhere;min-width:0}.result-num{font-weight:600}.result-mvp{overflow-wrap:anywhere}.result-fortune{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.75rem}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-actions button{min-height:44px;padding:6px 8px;font-size:.875rem;line-height:1.2}@media (width>=768px){.result{gap:16px;padding:18px 22px;font-size:.9375rem}.result-title{font-size:1.75rem}.result-sides{gap:24px}.result-army{font-size:1.0625rem}.result-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.result-actions button{min-height:48px;font-size:1rem}.battle-view{font-size:.875rem}.hud{gap:24px;padding-inline:20px}.hud-name{font-size:1.0625rem}.hud-side{max-width:26rem}.hud-side.player-b{justify-self:end}.hud-bar{height:8px}}#app:has(>.builder2){max-width:1360px}.builder2{--peek:72px;--map-bg:#15181b;padding-bottom:calc(var(--peek) + 20px + env(safe-area-inset-bottom));gap:10px}.b2-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.b2-head input{font-weight:600}.b2-ready{min-height:44px;padding:8px 18px}.b2-map{margin:0 calc(-1 * var(--gutter));background:var(--map-bg);border-block:1px solid var(--border);line-height:0}.map-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.map-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.b2-bar{align-items:center;gap:8px;min-width:0;height:44px;display:flex}.b2-status{-webkit-line-clamp:2;min-width:0;color:var(--muted);-webkit-box-orient:vertical;flex:1;font-size:.8125rem;line-height:1.3;display:-webkit-box;overflow:hidden}.b2-actions{flex:none;align-items:center;gap:8px;max-width:62%;display:flex}.b2-actions[hidden]{display:none}.b2-sel-label{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.builder2 .b2-delete{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));min-height:40px;color:var(--danger);flex:none;padding:6px 14px;font-size:.875rem}.builder2 button{-webkit-tap-highlight-color:transparent}.builder2 .secondary{touch-action:manipulation}.builder2 .secondary:disabled{color:#5d656f;background:var(--surface);cursor:not-allowed}.tray{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:8px;padding:8px 12px 12px;display:grid;position:relative}.tray[data-pointing=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tray[data-pointing=true]:before{content:"";background:var(--surface);border-top:1px solid var(--accent);border-left:1px solid var(--accent);width:12px;height:12px;box-shadow:-1px -1px 0 0 var(--accent);position:absolute;top:-8px;left:28px;transform:rotate(45deg)}.tray[data-drop=true]{outline:2px dashed var(--accent);outline-offset:3px;--tray-drop:color-mix(in srgb, var(--accent) 14%, var(--surface));background:var(--tray-drop)}.tray[data-drop=true]:before{background:var(--tray-drop)}.drag-ghost{z-index:100;border:1px solid var(--accent);background:var(--surface-2);color:var(--text);pointer-events:none;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 3px;font-size:.875rem;font-weight:700;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 4px 14px #00000073}.drag-ghost[hidden]{display:none}.drag-ghost img{border-radius:50%}.tray-head{align-items:center;gap:8px;min-width:0;height:44px;display:flex}.tray-title,.shop-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.6875rem;font-weight:700}.tray-title:focus{outline:none}.tray-total{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips:not(:has(.chip:not([hidden]))){display:none}.chip{border:1px solid var(--border);background:var(--surface-2);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:44px;padding:4px 14px 4px 4px;font-size:.875rem;font-weight:600;display:inline-flex}.chip[hidden]{display:none}.chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-sprite,.card-art,.pad-sprite{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 68%), var(--input)}.chip-sprite{object-fit:contain;border-radius:50%;flex:none;width:34px;height:34px}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-strong);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.tray-empty{color:var(--muted);font-size:.875rem}.tray-empty[hidden],.tray-picked[hidden]{display:none}.tray-picked{align-items:center;gap:8px;margin-left:auto;display:flex}.tray-stepper{grid-template-columns:40px 48px 40px;height:40px}.tray-count{background:var(--input);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.tray-count:focus-visible{outline-offset:-2px}.tray-sell{min-width:56px;min-height:40px;padding:6px 12px}.b2-map{position:relative}.map-tools{z-index:3;justify-items:end;gap:8px;line-height:normal;display:grid;position:absolute;top:8px;right:8px}.map-tool-row{align-items:center;gap:8px;display:flex}.builder2 .map-tool{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;touch-action:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.builder2 .map-tool svg{width:22px;height:22px}.builder2 .map-tool:disabled{color:#5d656f;background:color-mix(in srgb, var(--surface) 70%, transparent);cursor:not-allowed}.builder2 .map-tool:not(:disabled):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.builder2 .map-clear.armed{border-color:var(--danger);color:var(--danger)}.map-armed{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--danger);color:var(--danger);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.8125rem;font-weight:600}.map-armed:empty{display:none}.map-tool:after{content:attr(data-tip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#000;border-radius:6px;padding:4px 8px;font-size:.75rem;transition:opacity .12s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.map-tool:focus-visible:after{opacity:1}.map-tool.armed:after{display:none}@media (hover:hover){.map-tool:not(:disabled):hover:after{opacity:1}}.b2-tip{pointer-events:none;z-index:2;border:1px solid var(--accent);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--text);border-radius:10px;align-items:center;gap:4px;padding:2px 2px 2px 12px;font-size:.875rem;line-height:1.3;display:flex;position:absolute;top:8px;left:8px;right:60px}.b2-tip[hidden]{display:none}.b2-tip-text{flex:1;min-width:0;padding:4px 0}.builder2 .b2-tip-close{width:40px;height:40px;min-height:40px;color:var(--muted);cursor:pointer;touch-action:manipulation;pointer-events:auto;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.builder2 .b2-tip-close:hover{color:var(--text)}.builder2 .b2-tip-close:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.builder2 .b2-message{min-height:1.3em;color:var(--danger);line-height:1.3}.shop-sheet{z-index:10;background:var(--surface);border-top:1px solid var(--border);max-height:min(78dvh,680px);transform:translateY(calc(100% - var(--peek) - env(safe-area-inset-bottom) + var(--drag,0px)));border-radius:16px 16px 0 0;flex-direction:column;transition:transform .22s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #0006}.shop-sheet[data-open=true]{transform:translateY(var(--drag,0px))}.shop-sheet.dragging{transition:none}.sheet-peek{height:var(--peek);padding:14px max(var(--gutter), env(safe-area-inset-right)) 6px max(var(--gutter), env(safe-area-inset-left));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;position:relative}.sheet-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.sheet-peek .meters{gap:14px}.sheet-peek .meter-rest{display:none}.sheet-peek .meter-value{font-size:.9375rem}.sheet-toggle{border-radius:var(--radius);background:var(--accent-strong);color:#fff;cursor:pointer;border:0;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.sheet-toggle:after{content:"▴";transition:transform .22s}.shop-sheet[data-open=true] .sheet-toggle:after{transform:rotate(180deg)}.sheet-body{overscroll-behavior:contain;min-height:0;padding:6px max(var(--gutter), env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));flex:auto;align-content:start;gap:10px;display:grid;overflow-y:auto}.shop-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shop-cards{gap:10px;display:grid}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-buy{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"art title price""art stats plus""art owned plus";align-items:center;gap:1px 12px;width:100%;padding:10px 12px;display:grid}.card-buy:hover{background:#ffffff08}.card-buy:active{background:#ffffff12}.card-art{touch-action:none;-webkit-touch-callout:none;border-radius:12px;grid-area:art;place-items:center;width:64px;height:64px;display:grid}.card-sprite{object-fit:contain;width:60px;height:60px}.card-title{grid-area:title;font-size:1.0625rem;font-weight:700}.card-stats{color:var(--muted);grid-area:stats;font-size:.8125rem}.card-owned{min-height:1.1em;color:var(--ok);grid-area:owned;font-size:.75rem;font-weight:600}.card-price{color:var(--warn);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:price;justify-self:end;font-weight:700}.card-plus{background:var(--accent-strong);color:#fff;border-radius:50%;grid-area:plus;justify-self:end;place-items:center;width:34px;height:34px;font-size:1.375rem;font-weight:700;line-height:1;display:grid}.card.cant .card-plus{background:var(--surface);color:var(--muted)}.card.cant .card-price{color:var(--muted)}.pad{width:min(calc(100% - 2 * var(--gutter)), 24rem);border:1px solid var(--border);background:var(--surface);max-height:calc(100dvh - 24px);color:var(--text);border-radius:16px;padding:16px;overflow-y:auto}.pad[open]{gap:10px;display:grid}.pad::backdrop{background:#0009}.pad-head{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pad-sprite{object-fit:contain;border-radius:12px;width:52px;height:52px}.pad-title{font-size:1.125rem}.pad-each{color:var(--muted);font-size:.8125rem}.pad-close{background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;width:44px;height:44px}.pad-title:focus{outline:none}.pad-row{grid-template-columns:56px minmax(0,1fr) 56px;gap:8px;display:grid}.pad-row.pad-more{grid-template-columns:repeat(3,minmax(0,1fr))}.pad .pad-field{font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;min-height:52px;padding:4px 14px;font-size:1.75rem;font-weight:800}.pad-quote{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem}.pad-step{border:1px solid var(--border);background:var(--surface-2);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;border-radius:10px;min-height:48px;font-size:1rem;font-weight:700}.pad-step:active:not(:disabled){background:var(--border)}.pad-step:disabled{color:#5d656f;cursor:default}.pad-actions{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;margin-top:4px;display:grid}@media (width>=900px){.builder2{grid-template:"head shop""map shop""status shop""tray shop""message shop"1fr/minmax(0,1fr) 380px;align-items:start;gap:12px 24px;padding-bottom:24px}.b2-head{grid-area:head}.b2-map{border:1px solid var(--border);border-radius:12px;grid-area:map;margin:0;overflow:hidden}.b2-bar{grid-area:status}.tray{grid-area:tray}.b2-message{grid-area:message}.shop-sheet{top:var(--gutter);z-index:auto;max-height:calc(100dvh - 2 * var(--gutter));border:1px solid var(--border);box-shadow:none;border-radius:12px;grid-area:shop;transition:none;position:sticky;transform:none}.shop-sheet[data-open=true]{transform:none}.sheet-peek{border-bottom:1px solid var(--border);cursor:default;touch-action:auto;grid-template-columns:minmax(0,1fr);height:auto;padding:14px 16px 12px}.sheet-handle,.sheet-toggle{display:none}.sheet-peek .meter-rest{white-space:nowrap;display:inline}.sheet-body{padding:12px}}.battle-menu{width:min(calc(100% - 2 * var(--gutter)), 20rem);border:1px solid var(--border);background:var(--surface);max-height:calc(100dvh - 24px);color:var(--text);border-radius:16px;padding:16px;overflow-y:auto}.battle-menu[open]{gap:10px;display:grid}.battle-menu::backdrop{background:#0009}.battle-menu h2{margin:0 0 4px;font-size:1.125rem}.menu-toggle{justify-content:center;align-items:center;gap:10px;display:flex}