:root{font-family:system-ui,Microsoft JhengHei,sans-serif;color:#232b32;background:#dceeed;font-synthesis:none;font-size:17px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;background:#fff9e9;border:2px solid #242b30;border-radius:9px;cursor:pointer;min-height:44px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #235ec3;outline-offset:2px}button:hover:not(:disabled){filter:brightness(.97)}button.selected,.primary{background:#a6e6cf}button.selected{box-shadow:inset 0 0 0 2px #367766}.icon{width:28px;height:28px;display:block;flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;padding:5px;min-width:44px}#app{position:relative;max-width:520px;width:100%;height:100vh;height:100dvh;margin:auto;display:flex;flex-direction:column;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:6px}.hud{flex-shrink:0}.status-line{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px;align-items:stretch;gap:4px 6px}.status-line>.self{grid-column:1;grid-row:1}.status-line>.top-actions{grid-column:2;grid-row:1}.top-actions{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.hud-metrics{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr);height:54px;margin-top:4px}.match-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;box-shadow:inset 1px 0 #abc8c9}.self{display:flex;gap:4px;align-items:center;background:#fff2cb;min-width:105px;flex:1;padding:4px 5px}.self>.icon{width:27px}.hp-block{display:flex;flex:1;flex-direction:column;min-width:0}.hp-block b{white-space:nowrap;font-size:20px;text-align:center}.hp-track{height:8px;background:#c5cfd0;border:1px solid #263238;border-radius:4px;overflow:hidden}.hp-track>span{height:100%;display:block;background:#28a57d;transition:width .2s}.counter{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;line-height:1.1;gap:1px;padding:1px 0;border:0;border-radius:5px;background:transparent}.counter .icon{width:26px;height:26px}.counter b{font-size:20px;white-space:nowrap}.counter.danger{background:#e1c9ff;border-radius:6px}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.stat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;min-width:0;background:transparent;border:0;border-radius:4px;font-size:20px;font-weight:750;line-height:1.1;padding:1px 0}.stat-pill b{white-space:nowrap}.hud-metrics b{font-variant-numeric:tabular-nums;letter-spacing:-.2px}.stat-pill .icon{width:26px;height:26px}#stage{flex:1;min-height:0;position:relative;overflow:hidden;border:2px solid #273236;border-radius:10px;background:#c5dedd;touch-action:none}#canvas-host{position:absolute;inset:0}canvas{display:block}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#e8f7ef;font-size:20px}.controls{flex-shrink:0;display:flex;flex-direction:column;gap:6px}.loadout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.equipment-slot{height:64px;border:2px solid #242b30;border-radius:10px;display:flex;overflow:hidden;background:#f6e9c8;position:relative}.equipment-main{border:0;border-radius:0;min-width:0;flex:1;position:relative;display:grid;place-items:center;padding:3px;background:transparent}.equipment-main img,.equipment-main .item-art{width:52px;height:52px;max-width:100%;object-fit:contain}.equipment-main.empty .icon{opacity:.35}.equipment-info{border:0;border-left:2px solid #242b30;border-radius:0;width:44px;min-width:44px;padding:6px;background:#fff8df;display:grid;place-items:center}.equipment-info .icon{width:24px;height:24px}.equipment-main:disabled{opacity:1}.equipment-main.cooling img{filter:grayscale(1);opacity:.3}.cooldown{position:absolute;inset:0;display:grid;place-items:center;font-size:31px;font-weight:900;color:#16232b;text-shadow:0 1px 2px white,1px 0 2px white,-1px 0 2px white}.reserved{position:absolute;right:2px;top:1px;background:#b4f0d8;border:1px solid #232b32;border-radius:4px;font-size:16px;min-width:20px}.command-row{display:flex;flex-direction:column;gap:6px}.planbar{display:flex;gap:6px}.queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-width:0}.plan-slot{display:flex;gap:4px;align-items:center;justify-content:center;position:relative;padding:3px;min-width:0;background:#dfe9ea}.plan-slot b{font-size:16px}.plan-slot .icon{width:24px;height:24px}.plan-slot img{width:30px;height:30px;object-fit:contain}.plan-slot.filled{background:#ffedb3}.plan-slot.active{background:#b1eed6}.plan-slot:not(.filled) .icon{opacity:.3}.confirm{background:#2d8a76;color:#fff;min-width:54px}.confirm .icon{filter:brightness(0) invert(1)}.mode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mode-row button{min-height:44px}.toast{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);max-width:420px;width:max-content;max-width:min(420px,calc(100vw - 32px));padding:15px 18px;border:3px solid #222c31;border-radius:12px;background:#fff2cb;color:#222c31;font-size:20px;font-weight:700;line-height:1.5;box-shadow:0 5px 18px #18312c38;opacity:0;visibility:hidden;pointer-events:none;z-index:20}.toast.show{opacity:1;visibility:visible}dialog{width:min(390px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:14px;border:3px solid #232b32;border-radius:15px;color:#232b32;background:#fff4d9;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#1c354778}.modal-head{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-head h2{font-size:21px;margin:0;line-height:1.35}.modal-head button{flex-shrink:0}h3{font-size:19px;margin:10px 0}p{line-height:1.55;margin:10px 0}dialog img{object-fit:contain}.item-hero{display:flex;align-items:center;gap:12px;margin-bottom:10px}.item-hero img,.item-hero .item-art{width:92px;height:92px;flex-shrink:0}.item-hero h3{font-size:21px}.abilities{display:grid;gap:6px}.ability{display:flex;gap:10px;align-items:center;background:#e0f1dc;border:1px solid #2435304a;border-radius:8px;padding:7px 10px;min-height:43px;font-size:22px;font-weight:750}.ability .icon{width:28px;height:28px}.ability b{margin-left:auto}.ability small{font-size:17px;font-weight:500}.ability .up{color:#236f4b}.ability .down{color:#a52f46}.details{background:#fffdf2;padding:10px;border:1px solid #48504a;border-radius:8px;margin-top:10px;font-size:17px}.details[hidden]{display:none}.modal-actions{display:flex;gap:8px;margin-top:12px;position:sticky;bottom:-14px;background:#fff4d9;padding:8px 0}.modal-actions button{flex:1;padding:7px 10px;display:flex;gap:5px;align-items:center;justify-content:center}.dialog-feedback{font-size:18px;font-weight:700;color:#8d293f;line-height:1.4}.dialog-feedback:empty{display:none}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.choice{padding:5px;display:flex;align-items:center;flex-direction:column;gap:3px}.choice img,.choice .item-art{width:56px;height:56px}.choice .icon{width:40px;height:56px}.choice span{font-size:16px}.mini-loadout{display:flex;gap:8px;justify-content:center;margin-top:12px}.mini-loadout img,.mini-loadout .item-art{width:64px;height:64px}.help-grid{display:grid;gap:10px}.help-row{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid #b9c4af}.help-row .icon{width:31px;height:31px}.help-row p{margin:0;font-size:17px}.full-map{width:100%;height:auto;image-rendering:pixelated}.result{text-align:center}.result img{width:110px;height:110px}.result p{font-size:18px}.damage-compare{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.damage-compare>div{display:flex;flex-direction:column;align-items:center;background:#ffe0d5;border-radius:8px;padding:8px;font-size:17px}.damage-compare b{font-size:24px}.muted{color:#44544e;font-size:17px}.version{text-align:center;font-size:16px}@media(max-width:350px){#app{padding-left:5px;padding-right:5px;gap:5px}.status-line{gap:4px}.counter{min-width:25px}.self{min-width:100px}.equipment-info{width:44px;min-width:44px;padding:4px}.planbar,.queue,.mode-row,.loadout{gap:5px}.plan-slot .icon{width:22px;height:22px}}@media(max-height:500px)and (min-width:540px){#app{max-width:600px;padding:4px 8px;gap:4px}.controls{gap:4px}.equipment-slot{height:52px}.equipment-main img,.equipment-main .item-art{width:44px;height:44px}.command-row{flex-direction:row;gap:6px}.planbar{flex:1.15;min-width:0;gap:4px}.queue{gap:4px}.mode-row{flex:1;min-width:0;gap:4px}.plan-slot{gap:2px}.confirm{min-width:44px}.plan-slot .icon{width:20px;height:20px}.plan-slot b{font-size:15px}.hud-metrics{height:32px;margin-top:2px}.stat-pill,.counter{flex-direction:row;min-height:32px;gap:3px;justify-content:flex-start;padding-left:6px}.hud-metrics b{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.empty-equipment{display:inline-grid;place-items:center;width:52px;height:52px;max-width:100%;flex-shrink:0;opacity:.65}.empty-equipment>.icon{width:100%;height:100%}.equipment-main.empty .empty-equipment>.icon{opacity:1}.choice .empty-equipment{width:56px;height:56px}.choice .empty-equipment>.icon{width:100%;height:100%}.actor-summary .actor-portrait{width:92px;height:92px;flex-shrink:0}.actor-summary .mini-loadout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-width:0;margin:0}.actor-equipment{display:grid;place-items:center;min-width:0;max-width:64px;aspect-ratio:1}.actor-abilities .ability{padding-top:4px;padding-bottom:4px}.actor-summary .actor-equipment>img,.actor-summary .actor-equipment>.item-art,.actor-summary .actor-equipment>.empty-equipment{width:100%;height:100%;max-width:64px;max-height:64px;min-width:0}.modal-head h2{min-width:0;overflow-wrap:anywhere}@media(max-width:350px){.actor-summary{gap:8px}.actor-summary .actor-portrait{width:80px;height:80px}}.small-help{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;height:44px;min-width:32px;width:32px;padding:0;border:0;background:transparent;border-radius:5px}.small-help>span{width:24px;height:24px;display:grid;place-items:center;border:2px solid #242b30;border-radius:4px;background:#fff9e9}.small-help .icon{width:16px;height:16px}.action-control{display:flex;min-width:0;overflow:hidden;border:2px solid #242b30;border-radius:9px;background:#fff9e9}.action-control>.icon-button{flex:1;min-width:44px;border:0;border-radius:0;min-height:44px;padding:4px}.action-control>.action-help{width:34px;min-width:34px;border-radius:0}.mode-row .action-help{min-height:44px}.action-control .selected{box-shadow:none}.item-overview{display:flex;align-items:center;gap:8px;margin:6px 0 12px;flex-shrink:0}.item-portrait{width:80px;height:80px;position:relative;flex-shrink:0}.item-portrait>img,.item-portrait>.item-art{width:100%;height:100%;object-fit:contain}.item-metrics{display:grid;grid-template-columns:repeat(var(--metric-count,4),minmax(0,1fr));gap:4px;flex:1;min-width:0}.item-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:2px 0 5px;background:#e0f1dc;border:1px solid #2435304a;border-radius:7px}.metric-symbol{display:flex;align-items:center;justify-content:center;min-width:0;gap:0}.metric-symbol>.icon{width:22px;height:22px}.item-metric>b{font-size:22px;line-height:1.15;white-space:nowrap}.item-cooldown{position:absolute;inset:auto 0 0 auto;display:flex;align-items:center;background:#fff1cb;border:2px solid #242b30;border-radius:5px;padding:1px 4px;font-size:19px}.item-cooldown .icon{width:19px;height:19px}#item-modal[open]{display:flex;flex-direction:column}#item-modal .modal-head{flex-shrink:0}.item-description{background:#fffdf2;border:1px solid #48504a;border-radius:8px;padding:12px;max-height:clamp(100px,32dvh,230px);overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6;font-size:18px;scrollbar-gutter:stable;min-height:0}.loot-item-name{display:flex;align-items:center;gap:6px}.loot-item-name h3{flex:1;min-width:0;overflow-wrap:anywhere}.loot-item-name .small-help{width:44px;min-width:44px}.choice-slot{position:relative;min-width:0}.choice-slot>.choice{width:100%;min-width:0}.choice .choice-number{display:flex;align-items:center;justify-content:center;align-self:stretch;height:36px;padding-right:32px}.choice-slot>.choice-info{position:absolute;top:2px;right:2px;width:44px;min-width:44px;height:44px}.explanation-modal>.modal-actions{flex-shrink:0}.ability{gap:6px}.ability>.small-help{margin-right:2px}.ability>b{min-width:0}.explanation-modal{width:min(360px,calc(100vw - 24px));padding:14px}.explanation-modal[open]{display:flex;flex-direction:column}.explanation-modal .modal-head{flex-shrink:0;margin-bottom:5px}.explanation-modal .modal-head h2{overflow-wrap:anywhere}.explanation-body{overflow-y:auto;overflow-x:hidden;min-height:0;max-height:calc(100dvh - 130px);font-size:20px;line-height:1.65;overflow-wrap:anywhere;overscroll-behavior:contain}.explanation-body p{margin:5px 0;line-height:inherit}@media(max-width:369px){.item-portrait{width:64px;height:64px}.item-metrics[data-count="4"],.item-metrics[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.mode-row{grid-template-columns:repeat(2,minmax(0,1fr))}.action-control>.action-help{width:44px;min-width:44px}}@media(max-height:500px)and (min-width:540px){.planbar{flex:0 0 200px}.mode-row{flex:1}.plan-slot{flex-direction:column;gap:0;padding:1px}.plan-slot b{font-size:12px;line-height:1}.plan-slot .icon{width:20px;height:20px}.plan-slot img{width:21px;height:21px}.action-control>.icon-button{min-width:40px}.action-control>.action-help{width:32px;min-width:32px}.item-description{max-height:110px}}@media(max-width:369px){.hud-metrics b{font-size:18px}}.home-screen{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:#dceeed;overflow:auto}.home-screen[hidden]{display:none}.home-card{width:min(360px,100%);padding:22px 18px;background:#fff4d9;border:3px solid #232b32;border-radius:18px;text-align:center}.home-card h1{font-size:32px;margin:0;line-height:1.3}.home-card p{font-size:18px;margin:6px 0 12px}.home-card img{display:block;margin:12px auto;width:min(190px,45vw);height:min(190px,30dvh);object-fit:contain}.home-card button{width:100%;min-height:52px;font-size:22px;font-weight:700}#app.home-open>.hud,#app.home-open>#stage,#app.home-open>.controls{visibility:hidden}.settings-options{display:grid;gap:12px}.settings-options button{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;font-size:20px;text-align:left}.settings-options button b{margin-left:auto;border:1px solid #263d34;border-radius:5px;padding:2px 12px;background:#b6e8cd}.settings-options button[aria-pressed=false] b{background:#dbe2e5}@media(max-height:500px){.home-card{padding:12px 18px}.home-card h1{font-size:28px}.home-card img{height:80px;margin:6px auto}.home-card p{margin:4px 0}.home-card button{min-height:46px}}