@import "https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";:root{--bg:#14111c;--bg-deep:#0a0810;--surface:#221d2e;--surface-2:#2d2640;--line:#463c5e;--text:#ece6f7;--muted:#a79dbd;--accent:#f2c14e;--accent-ink:#231a05;--ally:#5fb3ff;--enemy:#ff5a5a;--hp:#58d68d;--hp-low:#f5b041;--mp:#5dade2;--heal:#7dffb0;--danger-low:#58d68d;--danger-mid:#f5d547;--danger-high:#ff9a3c;--danger-max:#ff4d4d;--stat-high:#ffc85a;--stat-high-bg:#ffc85a29;--stat-low:#9b8cff;--stat-low-bg:#8c78ff29;--page-bg:radial-gradient(120% 80% at 50% 0%, #2a2140 0%, #14111c 55%, #0a0810 100%);--wipe:#05030a;--wipe-boss:#1d0308;--radius:10px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--page-bg) fixed;color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:DotGothic16,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;line-height:1.5}#app,.app-shell{max-width:480px;height:100dvh;padding:var(--safe-top) 16px calc(12px + var(--safe-bottom));background:#0a081059;flex-direction:column;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a}body[data-screen=title]{--screen-bg:url(/bg/title-portrait.webp);--screen-bg-wide:url(/bg/title-wide.webp)}body[data-screen=party]{--screen-bg:url(/bg/party-portrait.webp);--screen-bg-wide:url(/bg/party-wide.webp)}body[data-screen=map]{--screen-bg:url(/bg/map-portrait.webp);--screen-bg-wide:url(/bg/map-wide.webp);--screen-shade-top:#0a081080;--screen-shade-bottom:#08060e99}body[data-screen=battle]{--screen-bg:url(/bg/battle-portrait.webp);--screen-bg-wide:url(/bg/battle-wide.webp);--screen-shade-top:#0a081080;--screen-shade-bottom:#08060e9e}body:is([data-screen=title],[data-screen=party],[data-screen=map],[data-screen=battle]) #app{background-image:linear-gradient(var(--screen-shade-top,#0a0810b8), var(--screen-shade-bottom,#08060ed6)), var(--screen-bg);background-position:50%;background-size:cover}@media (width>=481px){body:is([data-screen=title],[data-screen=party],[data-screen=map],[data-screen=battle]):before{content:"";z-index:-1;background:var(--screen-bg-wide) center / cover no-repeat;filter:blur(18px)brightness(.45)saturate(.9);position:fixed;inset:-32px}}h1,h2,h3,p{margin:0}.muted{color:var(--muted);font-size:13px}.hint{color:var(--muted);margin:4px 0 12px;font-size:13px}.screen{flex-direction:column;flex:1;gap:12px;min-height:0;padding-top:8px;display:flex}.screen.screen-centered>:nth-child(2){margin-top:auto}.screen.screen-centered>:last-child{margin-bottom:auto}.scroll-area{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;margin-inline:-16px;padding:0 16px 12px;display:flex;overflow-y:auto}.btn{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;padding:8px 16px;transition:transform 80ms,background .15s,border-color .15s}.btn:active:not(:disabled){filter:brightness(1.3);transform:translateY(2px)scale(.98)}@media (hover:hover){.btn:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.12)}}.btn:disabled{opacity:.4;cursor:not-allowed}.spark{z-index:40;pointer-events:none;background:#fff;position:fixed;box-shadow:0 0 3px #d2ebffe6}.hit-fx{z-index:40;pointer-events:none;image-rendering:pixelated;background-repeat:no-repeat;position:fixed}.slot,.job-pick,.item-slot{transition:transform 80ms,filter .15s,border-color .15s}.unit.is-targetable:active,.unit-ally:not(.is-down):active,.slot:active,.job-pick:not(:disabled):active,.item-slot:active{filter:brightness(1.3);transform:scale(.96)}.node:not(:disabled):active{filter:brightness(1.3);transform:translate(-50%,-50%)scale(.92)}.btn:focus-visible,.unit:focus-visible,.node:focus-visible,.slot:focus-visible,.job-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}@keyframes ready-flash{50%{filter:brightness(1.12)}}.btn-primary.is-ready:not(:disabled){animation:1s step-end infinite ready-flash}.btn-small{min-height:36px;padding:4px 12px;font-size:13px}.btn-block{width:100%}.bar{min-height:48px;margin:calc(-8px - var(--safe-top)) -16px 0;padding:calc(4px + var(--safe-top)) 16px 4px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14111ceb;flex:none;align-items:center;gap:8px;display:flex;position:relative}.bar h2{font-size:17px;position:absolute;left:50%;transform:translate(-50%)}.bar-meta{color:var(--muted);margin-left:auto;font-size:13px}.screen-battle .bar h2{flex:1;position:static;transform:none}.sprite{image-rendering:pixelated;background-repeat:no-repeat;flex:none;animation:.9s steps(4,end) infinite idle;display:inline-block}@keyframes idle{to{background-position:var(--strip) 0}}@media (prefers-reduced-motion:reduce){.sprite{animation:none}}.screen-loading{justify-content:center;align-items:center;gap:24px}.load-stage{justify-content:center;align-items:flex-end;width:100%;height:96px;display:flex}.load-figure{animation:.45s ease-out both figure-in}@keyframes figure-in{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}.load-track{border:1px solid var(--line);background:var(--surface);border-radius:999px;width:min(240px,100%);height:10px;display:block;overflow:hidden}.load-fill{background:var(--accent);width:0;height:100%;transition:width .25s ease-out;display:block}.load-label{color:var(--muted);letter-spacing:.1em;gap:10px;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){.load-figure{animation:none}.load-fill{transition:none}}.screen-title{text-align:center;justify-content:center;gap:32px}.title-sub{color:var(--muted);letter-spacing:.2em;font-size:13px}.title-main{letter-spacing:.04em;white-space:nowrap;color:var(--accent);text-shadow:0 3px #5a3d00;margin:8px 0 20px;font-size:clamp(28px,8.4vw,44px)}.title-hero{justify-content:center;gap:4px;display:flex}.btn.is-cleared{justify-content:center;align-items:center;gap:10px;display:flex}.btn.is-cleared .icon{color:var(--accent)}.save-list{flex-direction:column;gap:10px;display:flex}.save-slot{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.save-slot.is-empty{border-style:dashed}.save-slot.is-erasing{border-color:var(--enemy)}.save-slot-head{align-items:center;gap:8px;display:flex}.save-slot-head .icon{color:var(--accent)}.save-slot-mark{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.save-slot-time{color:var(--muted);margin-left:auto;font-size:12px}.save-slot-note{font-size:14px}.save-slot.is-erasing .save-slot-note{color:var(--enemy)}.save-slot.is-broken{border-color:var(--accent)}.save-slot.is-broken .save-slot-note{color:var(--accent)}.save-slot .muted{font-size:13px}.save-slot-actions{gap:8px;display:flex}.save-slot-actions .btn:first-child{flex:1}.btn-danger{background:#5a1f2a;border-color:#8c3145}.modal-back{z-index:40;background:#050409b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;width:min(340px,100%);padding:16px;display:flex}.modal-title{font-size:16px}.modal-body{color:var(--muted);font-size:13px}.menu{flex-direction:column;gap:10px;display:flex}.menu-note{color:var(--muted);margin-top:-6px;font-size:12px}.credit{color:var(--muted);font-size:11px}.stack{flex-direction:column;gap:12px;display:flex}.job-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.job-card-head{align-items:center;gap:12px;display:flex}.job-card h3{font-size:18px}.stats{text-align:center;background:var(--bg-deep);border-radius:8px;grid-template-columns:repeat(7,1fr);column-gap:2px;margin:10px 0;padding:4px;display:grid}.stats dt{color:var(--muted);white-space:nowrap;letter-spacing:-.02em;border-radius:6px 6px 0 0;grid-row:1;padding-top:2px;font-size:10px}.stats dd{border-radius:0 0 6px 6px;grid-row:2;margin:0;padding-bottom:2px;font-size:16px}.stats .is-high{background:var(--stat-high-bg);color:var(--stat-high)}.stats .is-low{background:var(--stat-low-bg);color:var(--stat-low)}.stats dd.is-high:after,.stats dd.is-low:after{vertical-align:.4em;margin-left:1px;font-size:8px}.stats dd.is-high:after{content:"▲"}.stats dd.is-low:after{content:"▼"}.stat-legend{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.stat-legend .is-high,.stat-legend .is-low{border-radius:999px;padding:0 8px}.stat-legend .is-high{background:var(--stat-high-bg);color:var(--stat-high)}.stat-legend .is-low{background:var(--stat-low-bg);color:var(--stat-low)}.stat-legend .is-high:before{content:"▲ "}.stat-legend .is-low:before{content:"▼ "}.stat-legend .muted{font-size:12px}.cmd-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cmd-list li{grid-template-columns:24px auto 1fr;align-items:center;column-gap:6px;display:grid}.cmd-list .cmd-mp{justify-self:end}.cmd-list .cmd-desc{grid-column:2/-1}.cmd-icon{text-align:center;width:24px}.icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.icon svg{display:block}.cmd-mp{color:var(--mp);font-size:12px}.cmd-desc{color:var(--muted);font-size:12px;line-height:1.4}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented [aria-checked=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.slot{border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.slot:not(.is-empty){border-style:solid}.slot.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #f2c14e40}.slot-no{color:var(--muted);font-size:12px;position:absolute;top:4px;left:8px}.slot-plus{width:48px;height:48px;color:var(--muted);place-items:center;font-size:26px;display:grid}.section-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-title{color:var(--muted);font-size:15px}.job-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.job-pick{min-height:var(--tap);white-space:nowrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:0;padding:4px 0;font-size:12px;display:flex}.job-pick.is-preview{border-color:var(--ally)}.job-pick:disabled{opacity:.4;cursor:not-allowed}.job-pick-clear{background:var(--surface);color:var(--muted);border-style:dashed}.job-pick-x{place-items:center;width:40px;height:40px;font-size:18px;display:grid}.btn-recommend{border-color:var(--accent);color:var(--accent)}.btn-recommend:before{content:"✦ "}.screen-party .hint.is-recommend{color:var(--accent)}.screen-party .job-card.job-card-empty{text-align:center;background:0 0;border-style:dashed;place-items:center;display:grid}.screen-footer{flex:none}.screen-party{gap:8px}.screen-party .hint{min-height:3em;color:var(--text);margin:0;font-size:12px;line-height:1.5}.hint.is-recommend span{display:block}.job-card-slot{flex:0 auto;height:276px;min-height:0;display:flex}@media (width>=480px){.job-card-slot{height:240px}}.screen-party .job-card{overscroll-behavior:contain;flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.screen-party .job-card-head .sprite{display:none}.screen-party .job-card-head>div{align-items:baseline;gap:8px;display:flex}.screen-party .job-card h3{font-size:16px}.screen-party .job-card .stats{margin:6px 0 8px}.screen-party .cmd-list li{padding-left:22px;font-size:12px;line-height:1.45;display:block}.screen-party .cmd-list .cmd-icon{width:22px;margin-left:-22px;display:inline-block}.screen-party .cmd-list b{margin-right:6px;font-size:13px}.screen-party .cmd-list .cmd-mp{float:right;margin-left:6px}.screen-party .cmd-list .cmd-desc{display:inline}.party-strip{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mini{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;min-width:0;padding:4px 6px;display:flex}.mini-body{flex-direction:column;flex:1;min-width:0;display:flex}.mini b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini .gauge-num{display:none}.is-down{filter:grayscale();opacity:.55}.gauge{grid-template-columns:20px 1fr auto;align-items:center;gap:4px;width:100%;font-size:11px;line-height:1.25;display:grid}.gauge-label{color:var(--muted)}.gauge-track{background:#0006;border-radius:3px;height:6px;position:relative;overflow:hidden}.gauge-fill{background:var(--hp);transition:width .3s;position:absolute;inset:0 auto 0 0}.gauge-mp .gauge-fill{background:var(--mp)}.gauge-num{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2em}.map-frame{flex:1;min-height:140px;display:flex;position:relative}.map-info{border:1px solid var(--line);color:var(--muted);pointer-events:none;background:#0c0a12d9;border-radius:999px;padding:3px 9px;font-size:12px;position:absolute;bottom:8px;right:8px}.map-scroll{overscroll-behavior:contain;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#07040c99 0%,#1b0f2480 35%,#1f1a2e66 70%,#2b2b364d 100%);flex:1;min-height:140px;overflow-y:auto}.map{position:relative}.map-lines{width:100%;height:100%;position:absolute;inset:0}.map-lines line{stroke-width:3px}.line-dim{stroke:#ffffff1c;stroke-dasharray:4 6}.line-open{stroke:var(--accent);stroke-dasharray:6 5;animation:1s linear infinite flow}.line-path{stroke:var(--ally)}@keyframes flow{to{stroke-dashoffset:-11px}}.node{border:2px solid var(--line);background:var(--surface);width:52px;height:52px;color:var(--text);font:inherit;border-radius:50%;place-items:center;padding:0;font-size:22px;display:grid;position:absolute;transform:translate(-50%,-50%)}.node-icon{line-height:1}.node-caption{white-space:nowrap;color:var(--text);text-shadow:0 1px 2px #000;margin-top:4px;font-size:11px;position:absolute;top:100%}.node-party,.node-party-start{background:var(--ally);color:#04121f;white-space:nowrap;border-radius:6px;margin-bottom:4px;padding:0 6px;font-size:11px;position:absolute;bottom:100%}.node-party-start{margin:0;bottom:auto;transform:translate(-50%,-38px)}.node-start{background:#2b2b36;border-style:dashed}.node-elite{border-radius:12px}.node-boss{border-color:var(--enemy);border-radius:12px;width:68px;height:68px;font-size:30px}.node.state-hidden,.node.state-skipped{color:#ffffff30;background:#0c0a12;border-color:#ffffff14}.node.state-skipped{color:#ffffff17;border-color:#ffffff0a}.node.state-available{border-color:var(--accent);cursor:pointer;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #f2c14e2e,0 0 18px #f2c14e8c}.node.state-cleared{border-color:var(--ally);cursor:pointer;background:#16324a}.node.state-current{border-color:var(--ally)}.node.is-selected{outline-offset:2px;outline:3px solid #fff}.node-boss.state-available{border-color:var(--enemy);box-shadow:0 0 22px #ff4d4db3}@keyframes pulse{50%{box-shadow:0 0 0 7px #f2c14e14,0 0 26px #f2c14eb3}}.map-hint{color:var(--text);font-size:13px}.map-bottom{flex-direction:column;flex:none;min-height:258px;display:flex}@media (width>=480px){.map-bottom{min-height:208px}}.intro-hold{z-index:29;background:var(--page-bg);display:flex;position:fixed;inset:0}.intro-hold .app-shell{flex:1}#app.is-revealing{z-index:30;position:relative}.map-intro{z-index:30;clip-path:circle(0);background:linear-gradient(#06040ab8, #050409cc), var(--screen-bg) center / cover;transition:opacity .4s ease-out;position:fixed;inset:0;overflow:hidden}.map-intro.is-leaving{opacity:0}.intro-view{max-width:480px;height:100%;margin:0 auto;position:relative;overflow:hidden}.intro-zoom{width:calc(100% - 32px);transform:scale(var(--intro-zoom));transform-origin:top;position:absolute;inset:0 16px auto}.intro-skip{padding:28px 0 calc(16px + env(safe-area-inset-bottom));text-align:center;color:var(--muted);letter-spacing:.1em;background:linear-gradient(#0000,#050409d9);font-size:12px;position:absolute;inset:auto 0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.panel-boss{border-color:var(--enemy)}.panel-empty{text-align:center;border-style:dashed;flex:1;justify-content:center;align-items:center;gap:6px}.panel-empty p{font-size:14px}.panel-empty .muted{font-size:12px}.panel-empty .icon{color:var(--muted);margin-bottom:2px}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-head h3{font-size:16px}.intel{flex-wrap:wrap;gap:6px;display:flex}.danger,.tendency{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:13px}.tendency{align-items:center;gap:4px;display:inline-flex}.tendency.is-hidden{color:var(--muted);background:#ffffff0a;border-style:dashed}.danger{color:#111;font-weight:700}.danger-低{background:var(--danger-low)}.danger-中{background:var(--danger-mid)}.danger-高{background:var(--danger-high)}.danger-危険{background:var(--danger-max);color:#fff}.omen{color:#d8cff0;font-size:14px}.intel-extra{color:var(--accent);align-items:center;gap:5px;display:flex}.screen-battle{gap:6px}.bg-boss{background:radial-gradient(90% 40% at 50% 12%,#8c142859,#0000 70%)}.banner-warn{border:1px solid var(--enemy);color:#ffd5d5;background:#5a1010;border-radius:8px;padding:3px 10px;font-size:12px;line-height:1.4;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{border-color:#0000}}.enemy-row,.ally-row{gap:8px;display:grid}.enemy-row{flex:none;grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-items:end}.enemy-row.is-single:not(.is-boss){grid-template-columns:calc(66.6667% - 2.66667px);justify-content:center}.ally-row{grid-template-columns:repeat(3,minmax(0,1fr))}.unit{--muted:#c9c0dd;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--text);font:inherit;text-align:center;cursor:default;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;transition:opacity .2s,border-color .2s,transform .15s;display:flex;position:relative}.unit-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.unit-enemy{background:linear-gradient(#2a152080,#221d2e73);border-color:#0000}.unit-enemy .sprite{filter:drop-shadow(0 0 2px #ff3c3c99)}.palette-elite .sprite{filter:drop-shadow(0 0 3px #ff2828e6)}.palette-boss .sprite{filter:drop-shadow(0 0 6px #c828ffe6)drop-shadow(0 0 2px #ff2828)}.enemy-mark{background:var(--enemy);color:#fff;border-radius:4px;padding:0 4px;font-size:10px;position:absolute;top:4px;left:4px}.unit-ally{cursor:pointer;background:#221d2e73;border-color:#0000}.unit-ally.is-active{border-color:var(--ally);box-shadow:0 0 0 3px #5fb3ff40}.ally-top{align-items:center;gap:2px;max-width:100%;display:flex}.ally-top .sprite{margin-left:-4px}.ally-no{color:var(--ally);font-size:11px;position:absolute;top:2px;right:6px}.unit.is-targetable{border-color:var(--accent);cursor:pointer;animation:1.2s ease-in-out infinite pulse}.unit.is-dim{opacity:.35}.unit.is-acting{border-color:#fff;transform:translateY(-4px)}.unit.is-hit{border-color:var(--enemy)}.unit.is-healed{border-color:var(--heal)}.unit.is-down{filter:grayscale();opacity:.45}.unit-enemy.is-down .sprite{transform:rotate(90deg)}.aim-badges{gap:2px;display:flex;position:absolute;top:4px;right:4px}.aim-badge{background:var(--ally);color:#04121f;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:16px}.warn-chip{white-space:nowrap;background:var(--enemy);color:#fff;border-radius:6px;padding:0 6px;font-size:11px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.chips{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.chip{background:#ffffff1f;border-radius:4px;padding:0 4px;font-size:10px}.chip-guard,.chip-taunt,.chip-evade,.chip-defUp,.chip-atkUp{background:#1d4f7a}.chip-defDown,.chip-atkDown,.chip-spdDown,.chip-disrupt{background:#6b2a35}.trait{min-height:1.3em;color:var(--accent);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;font-size:10px;line-height:1.3;display:flex}.is-blank{visibility:hidden}.plan{color:var(--accent);min-height:2.6em;font-size:11px;line-height:1.3}.plan.is-empty{color:var(--muted)}.forecast{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:0 6px;font-size:10px;line-height:1.5;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.ally-row{margin-top:4px}.f-先行しそう{color:var(--hp);border-color:var(--hp)}.f-後攻しそう{color:var(--danger-high);border-color:var(--danger-high)}.popup{z-index:41;color:#fff;text-shadow:0 2px 0 #000, 0 0 6px var(--enemy);pointer-events:none;font-size:22px;font-weight:700;animation:.6s ease-out both pop;position:absolute;top:30%;left:50%;transform:translate(-50%)}.popup-heal{text-shadow:0 2px 0 #000, 0 0 6px var(--heal);color:var(--heal)}.popup-damage.is-yellow{color:#ffd84a;text-shadow:-2px 0 #000,2px 0 #000,0 -2px #000,0 2px #000,0 3px #000}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px)}30%{opacity:1}to{transform:translate(-50%,-14px)}}.log{overscroll-behavior:contain;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius);flex:0 92px;min-height:44px;margin:0;padding:6px 10px;font-size:13px;list-style:none;overflow-y:auto}.log li:last-child{color:#fff}.log-info{color:var(--muted)}.log-damage{color:#ffb3b3}.log-heal{color:var(--heal)}.log-ko{color:var(--enemy)}.screen-battle .command-panel{gap:6px;padding:8px}.command-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px;display:flex}.command-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex}.target-hint{color:var(--accent);font-size:13px}.cmd-swap{min-height:94px;position:relative;overflow:hidden}.cmd-grid.is-leaving{pointer-events:none;position:absolute;inset:0}.cmd-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;display:grid}.cmd{text-align:left;flex-direction:column;justify-content:center;align-items:stretch;gap:2px;padding:6px 8px;display:flex}.cmd-line{align-items:center;gap:3px;display:flex}.cmd-line b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cmd-line .cmd-icon{width:18px;font-size:14px}.cmd-line .cmd-mp{margin-left:auto;font-size:11px}.cmd.is-pending{border-color:var(--accent);background:#3d3320}.cmd.is-planned{border-color:var(--ally)}.cmd-item .cmd-mp{color:var(--heal)}.cmd-detail{min-height:50px;color:var(--muted);margin:0;padding-right:73px;font-size:12px;line-height:1.4;position:relative}.cmd-scope{color:var(--text);background:#ffffff1f;border-radius:4px;margin-right:5px;padding:0 5px;font-size:11px;font-weight:400}.cmd-cancel{border-color:var(--ally);color:var(--ally);position:absolute;top:0;right:0}.unit.is-scoped{box-shadow:inset 0 0 0 2px var(--accent)}.enemy-row.is-scoped,.ally-row.is-scoped{outline-offset:3px;border-radius:12px;outline:2px dashed #f2c14ebf}.unit-ally.is-active.is-scoped{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 3px #5fb3ff40}@media (height<=700px){.unit-enemy .sprite{zoom:.75}.palette-boss .sprite{zoom:.6}.log{min-height:34px}.unit{padding-block:6px 4px}}.btn-small.is-on{border-color:var(--accent);color:var(--accent)}.command-actions{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.outcome{text-align:center}.outcome-title{font-size:28px}.outcome.is-win .outcome-title{color:var(--accent)}.outcome.is-lose .outcome-title{color:var(--enemy)}.items-strip{flex-direction:column;align-items:stretch;gap:4px;display:flex}.items-label{color:var(--muted);font-size:12px}body[data-screen=map] .items-label{color:var(--text)}.items-row{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.item-slot{background:var(--surface);border:1px solid var(--line);min-height:38px;color:var(--text);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 6px;font-size:12px;line-height:1.2;display:flex}.item-slot-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.item-slot.is-empty{color:var(--muted);border-style:dashed}.item-slot.is-new{border-color:var(--heal);box-shadow:0 0 0 2px #7dffb02e}button.item-slot{cursor:pointer}button.item-slot:hover,button.item-slot[aria-describedby]{border-color:var(--accent);color:var(--accent)}button.item-slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tip{z-index:45;border:1px solid var(--accent);background:var(--surface-2);pointer-events:none;border-radius:8px;flex-direction:column;gap:2px;max-width:min(260px,100vw - 16px);padding:8px 10px;font-size:12px;line-height:1.5;display:flex;position:fixed;box-shadow:0 6px 18px #00000080}.tip[hidden]{display:none}.tip b{color:var(--accent);font-size:13px}.tip span{color:var(--text)}.item-reward{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:4px;padding:10px;display:flex}.item-reward .hint{color:var(--heal);margin:0;font-size:14px}.gain-list{flex-direction:column;gap:8px;display:flex}.gain{align-items:center;gap:8px;display:flex}.gain .icon{flex:none}.gain-body{flex-direction:column;gap:1px;min-width:0;display:flex}.gain b{color:var(--heal);font-size:14px}.gain-desc{color:var(--muted);font-size:12px;line-height:1.35}.item-reward .muted{margin:0;font-size:12px}.item-reward.is-full{border-color:var(--accent)}.item-reward.is-full .hint{color:var(--accent)}.reward{text-align:left;align-items:center;gap:12px;padding:12px;display:flex}.reward b{font-size:16px;display:block}.reward-desc{color:var(--muted);font-size:13px;display:block}.reward.is-picked:disabled{opacity:1;border-color:var(--accent)}.confirm-row{gap:8px;display:flex}.confirm-row .btn{flex:1}.screen-result{text-align:center;justify-content:center;gap:16px}.result-title{font-size:34px}.is-clear .result-title{color:var(--accent)}.is-defeat .result-title{color:var(--enemy)}.wipe{z-index:40;position:fixed;inset:0;overflow:hidden}.wipe-band{--wipe-tooth:14px;background:var(--wipe);width:100vw;position:absolute;inset:0 auto 0 0;transform:translate(200vw)}.wipe-band:before,.wipe-band:after{content:"";width:var(--wipe-tooth);background-size:var(--wipe-tooth) calc(var(--wipe-tooth) * 2);background-repeat:repeat-y;position:absolute;top:0;bottom:0}.wipe-band:before{background-image:conic-gradient(from 45deg at 0 50%, var(--wipe) 0 90deg, transparent 0);right:100%}.wipe-band:after{background-image:conic-gradient(from 45deg at 0 50%, transparent 0 90deg, var(--wipe) 0);left:100%}.wipe-echo{opacity:.4;left:-56px}.wipe-boss .wipe-band{--wipe-tooth:22px;background:var(--wipe-boss)}.wipe-boss .wipe-band:before{background-image:conic-gradient(from 45deg at 0 50%, var(--wipe-boss) 0 90deg, transparent 0)}.wipe-boss .wipe-band:after{background-image:conic-gradient(from 45deg at 0 50%, transparent 0 90deg, var(--wipe-boss) 0)}.wipe-boss .wipe-echo{opacity:.5}@media (width>=768px){body{font-size:16px}#app{padding-inline:24px}.bar,.scroll-area{margin-inline:-24px;padding-inline:24px}}