.home-landing{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;align-items:stretch;justify-content:center;color:#e8e4dc;user-select:none;-webkit-user-select:none}.home-landing *{user-select:none;-webkit-user-select:none}.home-landing__bg-wrap{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;animation:home-kenburns 16s ease-in-out infinite alternate,home-bg-live 7s ease-in-out infinite;will-change:transform,filter}.home-landing__bg-img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.home-landing__bg-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 50% 100%,rgba(139,0,0,.55) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 20% 30%,rgba(0,255,255,.06) 0%,transparent 45%),linear-gradient(165deg,#1a0808,#0d0508 40%,#120a0a);animation:home-fallback-shift 18s ease-in-out infinite alternate}.home-landing__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 85% 55% at 50% 20%,rgba(180,40,20,.18) 0%,transparent 50%),linear-gradient(90deg,#0000009e,#0000002e 48%,#000000b8),linear-gradient(180deg,#08020440,#020002e0)}.home-landing__fire{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.home-landing__fire:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-5%;height:48%;background:radial-gradient(ellipse 100% 75% at 48% 100%,rgba(255,140,60,.35) 0%,transparent 58%),radial-gradient(ellipse 55% 50% at 22% 100%,rgba(255,200,120,.2) 0%,transparent 52%),radial-gradient(ellipse 50% 48% at 78% 100%,rgba(255,90,40,.22) 0%,transparent 50%);mix-blend-mode:soft-light;filter:blur(28px);opacity:.55;animation:home-fire-ambient 6s ease-in-out infinite}.home-landing__fire:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(to top,rgba(180,50,20,.18) 0%,rgba(255,120,50,.06) 40%,transparent 100%);mix-blend-mode:overlay;filter:blur(18px);opacity:.4;animation:home-fire-ambient 4.2s ease-in-out infinite;animation-delay:-2s}.home-landing__vigor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.home-landing__vigor:before{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:radial-gradient(ellipse 92% 88% at 50% 45%,transparent 22%,rgba(140,10,20,.22) 58%,rgba(90,0,8,.55) 100%);opacity:.65;animation:home-vigor-edge 2.15s ease-in-out infinite}.home-landing__vigor:after{content:"";position:absolute;top:-15%;right:-20%;bottom:-15%;left:-20%;background:repeating-linear-gradient(-68deg,transparent 0,transparent 72px,rgba(255,120,70,.045) 72px,rgba(255,120,70,.045) 74px);animation:home-vigor-streak 10s linear infinite;mix-blend-mode:soft-light}.home-landing__embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.home-landing__embers span{position:absolute;bottom:-5%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff2a8 0%,#ff6622 45%,#c01010 70%,transparent 78%);opacity:0;filter:blur(.5px);animation:home-ember 3.8s ease-in-out infinite}.home-landing__embers span:nth-child(1){left:8%;animation-delay:0s}.home-landing__embers span:nth-child(2){left:18%;animation-delay:1.1s}.home-landing__embers span:nth-child(3){left:28%;animation-delay:2.4s}.home-landing__embers span:nth-child(4){left:42%;animation-delay:.6s}.home-landing__embers span:nth-child(5){left:55%;animation-delay:3.2s}.home-landing__embers span:nth-child(6){left:68%;animation-delay:1.8s}.home-landing__embers span:nth-child(7){left:78%;animation-delay:4s}.home-landing__embers span:nth-child(8){left:88%;animation-delay:2s}.home-landing__embers span:nth-child(9){left:12%;animation-delay:3.8s}.home-landing__embers span:nth-child(10){left:62%;animation-delay:.3s}.home-landing__embers span:nth-child(11){left:5%;animation-delay:1.5s}.home-landing__embers span:nth-child(12){left:35%;animation-delay:2.7s}.home-landing__embers span:nth-child(13){left:72%;animation-delay:.9s}.home-landing__embers span:nth-child(14){left:95%;animation-delay:3.5s}.home-landing__main{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-height:100dvh}.home-landing__header{text-align:left;max-width:36rem}.home-landing__title{margin:0 0 .35rem;font-size:clamp(5.25rem,28vw,12rem);font-weight:900;letter-spacing:.42em;text-indent:.42em;line-height:1.05;background:linear-gradient(168deg,#fffef8,#fff3a8 14%,#ffd93a 32%,#ff9f1a,#ff6b0a 72%,#e84a00 88%,#9c2800);background-size:120% 220%;background-position:50% 0%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.035em rgba(60,18,0,.45);paint-order:stroke fill;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 22px rgba(255,160,40,.95)) drop-shadow(0 0 42px rgba(255,80,0,.55)) drop-shadow(0 0 72px rgba(255,40,0,.28));animation:home-enter-down .95s cubic-bezier(.22,1,.36,1) both,home-title-blaze 2.1s ease-in-out .95s infinite}.home-landing__subtitle{margin:0;font-size:clamp(1rem,2.6vw,1.22rem);font-weight:700;letter-spacing:.2em;color:#ffe8d4;text-shadow:0 0 14px rgba(255,100,50,.85),0 0 28px rgba(200,40,25,.55),0 2px 6px rgba(0,0,0,.95);animation:home-enter-down 1s cubic-bezier(.22,1,.36,1) .12s both,home-subtitle-pulse 2.35s ease-in-out 1s infinite}.home-landing__war-cry{margin:.55rem 0 0;font-size:clamp(1.08rem,3.2vw,1.5rem);font-weight:800;letter-spacing:.38em;text-indent:.38em;color:#ff6348;line-height:1.35;text-shadow:0 0 18px rgba(255,80,50,1),0 0 36px rgba(200,25,15,.65),0 2px 0 rgba(40,5,5,.95);animation:home-enter-down 1s cubic-bezier(.22,1,.36,1) .22s both,home-war-cry 1.55s ease-in-out 1.1s infinite}.home-landing__panel{align-self:flex-end;width:100%;max-width:20rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.35rem;border-radius:12px;background:#0c040694;border:1px solid rgba(255,200,120,.28);box-shadow:0 0 40px #00ffff0f,0 0 48px #b4190f40,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:home-enter-up 1.05s cubic-bezier(.22,1,.36,1) .2s both,home-panel-war 2.65s ease-in-out 1.2s infinite}.home-landing__cta-row{display:flex;flex-direction:column;gap:.65rem}.home-landing__cta-battle{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.5rem;font-size:1.15rem;font-weight:800;letter-spacing:.2em;text-indent:.2em;text-decoration:none;color:#1a0a0a!important;background:linear-gradient(180deg,#fff0a8,gold 32%,#e8a010 72%,#b86808);border:2px solid rgba(255,200,120,.65);border-radius:10px;box-shadow:0 0 0 1px #780a0abf,0 0 28px #ffd70080,0 0 52px #dc281973,0 0 40px #00ffff1f;transition:transform .2s ease,box-shadow .2s ease;animation:home-cta-pulse 2.4s ease-in-out infinite}.home-landing__cta-battle:hover{transform:scale(1.04);box-shadow:0 0 0 1px #640505e6,0 0 40px #ffd700bf,0 0 72px #f0321e8c,0 0 56px #00ffff38}.home-landing__cta-sub{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.home-landing__cta-link{flex:1;min-width:6.5rem;text-align:center;padding:.55rem 1rem;font-size:.95rem;text-decoration:none;color:gold!important;border:1px solid rgba(255,215,0,.35);border-radius:8px;background:#00000059;transition:border-color .15s ease,background .15s ease,color .15s ease}.home-landing__cta-link:hover{border-color:#00ffff80;background:#00ffff14;color:#e8ffff!important}.home-landing__user{margin:0;font-size:.85rem;color:#e8e4dcbf;text-align:center}.home-landing__logout{width:100%;padding:.5rem;font-size:.9rem}@media(max-width:640px){.home-landing__panel{align-self:stretch;max-width:none}.home-landing__header{text-align:center;max-width:none}}@keyframes home-kenburns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.17) translate3d(-2.8%,-1.6%,0)}}@keyframes home-bg-live{0%,to{filter:brightness(1) contrast(1.03) saturate(1.02)}18%{filter:brightness(1.07) contrast(1.05) saturate(1.1)}22%{filter:brightness(1.02) contrast(1.03) saturate(1.04)}25%{filter:brightness(1.09) contrast(1.06) saturate(1.11)}28%{filter:brightness(1.01) contrast(1.03) saturate(1.03)}50%{filter:brightness(1.09) contrast(1.06) saturate(1.18)}62%{filter:brightness(1.03) contrast(1.04) saturate(1.08)}71%{filter:brightness(.98) contrast(1.03) saturate(1.04)}85%{filter:brightness(1.07) contrast(1.06) saturate(1.14)}}@keyframes home-fallback-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(12deg)}}@keyframes home-ember{0%{transform:translateZ(0) scale(.6);opacity:0}15%{opacity:.9}to{transform:translate3d(8px,-100vh,0) scale(.2);opacity:0}}@keyframes home-fire-ambient{0%,to{opacity:.48;transform:scaleZ(1)}50%{opacity:.62;transform:scale3d(1.02,1.03,1)}}@keyframes home-vigor-edge{0%,to{opacity:.52;transform:scaleZ(1)}45%{opacity:.82;transform:scale3d(1.02,1.01,1)}70%{opacity:.6;transform:scale3d(.99,1.02,1)}}@keyframes home-vigor-streak{0%{transform:translateZ(0)}to{transform:translate3d(36px,0,0)}}@keyframes home-subtitle-pulse{0%,to{text-shadow:0 0 12px rgba(255,100,50,.75),0 0 24px rgba(200,40,25,.45),0 2px 6px rgba(0,0,0,.95)}50%{text-shadow:0 0 20px rgba(255,140,80,1),0 0 40px rgba(220,50,30,.75),0 0 8px rgba(255,200,120,.35),0 2px 6px rgba(0,0,0,.95)}}@keyframes home-war-cry{0%,to{transform:scaleZ(1);filter:brightness(1)}35%{transform:scale3d(1.03,1.03,1);filter:brightness(1.14)}60%{transform:scale3d(1.01,1.01,1);filter:brightness(1.06)}}@keyframes home-panel-war{0%,to{border-color:#ffc87847;box-shadow:0 0 40px #00ffff0f,0 0 48px #b4190f38,inset 0 1px #ffffff0f}50%{border-color:#ff785a80;box-shadow:0 0 44px #00ffff14,0 0 64px #dc23196b,0 0 28px #ffb43c33,inset 0 1px #ffffff14}}@keyframes home-enter-down{0%{opacity:0;transform:translate3d(0,-24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes home-title-blaze{0%,to{background-position:48% 8%;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 22px rgba(255,160,40,.95)) drop-shadow(0 0 42px rgba(255,80,0,.55)) drop-shadow(0 0 72px rgba(255,40,0,.28))}18%{background-position:52% 28%;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 32px rgba(255,210,80,1)) drop-shadow(0 0 52px rgba(255,100,20,.72)) drop-shadow(0 0 88px rgba(255,50,0,.38))}32%{background-position:46% 18%;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 18px rgba(255,140,30,.88)) drop-shadow(0 0 38px rgba(255,60,0,.5))}55%{background-position:55% 42%;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 28px rgba(255,190,60,1)) drop-shadow(0 0 58px rgba(255,90,0,.68)) drop-shadow(0 0 96px rgba(255,40,0,.32))}71%{background-position:50% 22%;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 24px rgba(255,220,100,.92)) drop-shadow(0 0 46px rgba(255,120,30,.58))}}@keyframes home-enter-up{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes home-cta-pulse{0%,to{box-shadow:0 0 0 1px #780a0abf,0 0 28px #ffd70080,0 0 52px #dc281973,0 0 40px #00ffff1f}50%{box-shadow:0 0 0 1px #5a0505e6,0 0 42px #ffe678bf,0 0 72px #f02d1c9e,0 0 56px #0ff3}}@media(prefers-reduced-motion:reduce){.home-landing__bg-wrap{animation:none;top:0;right:0;bottom:0;left:0;filter:none}.home-landing__bg-fallback{animation:none}.home-landing__embers span{animation:none;opacity:0}.home-landing__fire:before,.home-landing__fire:after{animation:none;opacity:.35}.home-landing__vigor:before,.home-landing__vigor:after{animation:none}.home-landing__vigor:before{opacity:.55}.home-landing__title,.home-landing__subtitle{animation:none;opacity:1;transform:none}.home-landing__subtitle{text-shadow:0 0 14px rgba(255,100,50,.75),0 0 28px rgba(200,40,25,.5),0 2px 6px rgba(0,0,0,.95)}.home-landing__war-cry,.home-landing__panel{animation:none;opacity:1;transform:none}.home-landing__war-cry{filter:none}.home-landing__title{background-position:50% 25%;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 3px 10px rgba(0,0,0,.88)) drop-shadow(0 0 24px rgba(255,170,50,.75))}.home-landing__cta-battle{animation:none}}.game-intro{min-height:100vh;min-height:100dvh;margin:0;padding:clamp(1.25rem,5vmin,2.75rem) clamp(1rem,4vw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(60,25,15,.5) 0%,transparent 55%),linear-gradient(180deg,#120a08,#1a0f0c 45%,#0d0806);color:#e8dcc8;box-sizing:border-box}.game-intro__scroll{width:100%;max-width:min(32rem,100%);display:flex;flex-direction:column;align-items:stretch;filter:drop-shadow(0 12px 32px rgba(0,0,0,.65))}.game-intro__roller{height:clamp(14px,2.5vw,20px);border-radius:6px;background:linear-gradient(180deg,#6b4423,#8b5a2b 25%,#4a2c14 55%,#3d2410);box-shadow:inset 0 1px #ffdcb440,inset 0 -2px 6px #00000073,0 2px 4px #00000080;position:relative;z-index:2}.game-intro__roller--top{margin-bottom:-2px}.game-intro__roller--bot{margin-top:-2px}.game-intro__roller:after{content:"";position:absolute;top:2px;right:8px;bottom:2px;left:8px;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);pointer-events:none}.game-intro__paper-outer{overflow:hidden;max-height:0;animation:game-intro-unroll 2.85s cubic-bezier(.25,.85,.35,1) .35s forwards}.game-intro__paper{padding:clamp(1.35rem,4.5vw,2rem) clamp(1.4rem,5vw,2.15rem);background:linear-gradient(90deg,rgba(0,0,0,.06) 0%,transparent 8%,transparent 92%,rgba(0,0,0,.06) 100%),linear-gradient(180deg,#f5e6d0,#e8d4b8 40%,#dcc9a8);border-left:2px solid rgba(90,55,30,.35);border-right:2px solid rgba(90,55,30,.35);box-shadow:inset 0 0 0 1px #ffffff1f}.game-intro__text{margin:0;font-size:clamp(1rem,2.6vw,1.12rem);line-height:1.9;letter-spacing:.06em;color:#2a1810;text-align:justify;text-justify:inter-ideograph;opacity:0;transform:translate3d(0,6px,0);animation:game-intro-text-in 1.4s ease-out 1.15s forwards}.game-intro__text strong{color:#5c2010;font-weight:700}.game-intro__actions{flex-shrink:0;margin-top:clamp(1.5rem,4vh,2.25rem);display:flex;flex-direction:column;align-items:center;gap:.65rem;opacity:0;animation:game-intro-text-in .9s ease-out 2.6s forwards}.game-intro__start{padding:.65rem 2.25rem;font-size:1.05rem;font-weight:700;letter-spacing:.2em;text-indent:.2em;border:2px solid rgba(180,120,40,.85);border-radius:8px;background:linear-gradient(180deg,#c9a050,#8b6914);color:#1a0f08;cursor:pointer;font-family:inherit;box-shadow:0 2px #00000059,0 0 24px #c8641e59;transition:transform .15s ease,filter .15s ease}.game-intro__start:hover{transform:scale(1.03);filter:brightness(1.08)}.game-intro__start:active{transform:scale(.98)}.game-intro__skip{padding:.35rem .75rem;font-size:.82rem;color:#e8dcc88c;background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:3px}.game-intro__skip:hover{color:#e8dcc8d9}@keyframes game-intro-unroll{to{max-height:min(3200px,500vh)}}@keyframes game-intro-text-in{to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.game-intro__paper-outer{animation:none;max-height:none}.game-intro__text,.game-intro__actions{animation:none;opacity:1;transform:none}}:root{--bg-deep: #0f1419;--bg-panel: #1a2332;--border: #3d4f66;--gold: #c9a227;--gold-dim: #8a7020;--text: #e8e4dc;--text-muted: #9aa5b8;--player: #2d6a4f;--enemy: #9b2226;--tile: #243447;--tile-alt: #1e2d3d;--accent: #bc6c25;--scrollbar-track: #111820;--scrollbar-thumb: #3a4a62;--scrollbar-thumb-hover: #4d6080;--scrollbar-thumb-active: #556a8a;--scrollbar-rim: rgba(138, 112, 32, .35);font-family:"Noto Serif SC",ZCOOL XiaoWei,serif;color:var(--text);background:var(--bg-deep);line-height:1.5}*{box-sizing:border-box}*,*:before,*:after{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:linear-gradient(90deg,var(--scrollbar-track) 0%,#161d28 50%,var(--scrollbar-track) 100%);border-radius:5px;box-shadow:inset 0 0 0 1px #3d4f668c}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a5c78 0%,var(--scrollbar-thumb) 35%,#2a3548 100%);border-radius:5px;border:1px solid var(--scrollbar-rim);box-shadow:inset 0 1px #ffffff12,0 0 0 1px #00000059;min-height:28px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6d8c 0%,var(--scrollbar-thumb-hover) 40%,#323e52 100%);border-color:#c9a22773}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-thumb-hover) 0%,var(--scrollbar-thumb-active) 50%,#2a3548 100%)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track);border-top:1px solid rgba(61,79,102,.4);border-left:1px solid rgba(61,79,102,.4)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 120% 80% at 50% -20%,#2a3a52 0%,var(--bg-deep) 55%)}#root{min-height:100vh}button,input{font-family:inherit}a{color:var(--gold)}a:hover{color:#e4c65a}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.page{max-width:960px;margin:0 auto;padding:2rem 1.25rem}.hint{margin:0;font-size:.9rem;color:var(--text-muted);text-align:center;max-width:28rem}.hint.small{font-size:.8rem;margin-top:.25rem}.rules{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem}.rules h2{margin-top:0;color:var(--gold-dim);font-size:1.1rem}.rules ul{margin:0;padding-left:1.25rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.25rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;text-decoration:none;font-size:1rem;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--gold-dim);background:#243044}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#6b4c1f,#4a3515);border-color:var(--gold-dim);color:#fdf6e3}.btn.primary:hover:not(:disabled){border-color:var(--gold)}.btn.ghost{background:transparent}.btn.tiny{padding:.15rem .45rem;font-size:.75rem}.btn.danger{border-color:#7f1d1d;color:#fecaca}.page.auth{max-width:400px}.auth-form{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.auth-form label{display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted);font-size:.9rem}.auth-form input{padding:.5rem .65rem;border-radius:6px;border:1px solid var(--border);background:#0d1218;color:var(--text)}.error{color:#f87171;margin:0}.game-layout{display:grid;grid-template-columns:minmax(260px,300px) 1fr;gap:1.25rem;max-width:1280px;margin:0 auto;padding:1rem 1rem 2rem;align-items:start}.game-layout.game-layout--battle{align-items:stretch;min-height:calc(100vh - 2rem)}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.game-layout.game-layout--battle{min-height:0}.game-main{order:-1}}.game-left-stack{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:.5rem;align-self:start;max-height:calc(100vh - 1.5rem);overflow-y:auto}.battle-back-home--sidebar{text-align:center;flex-shrink:0}.sidebar-disclosure>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-disclosure>summary::-webkit-details-marker{display:none}.battle-roster-disclosure{border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);overflow:hidden;flex-shrink:0}.battle-roster-disclosure>summary{padding:.55rem .65rem;font-size:.78rem;font-weight:700;color:var(--gold-dim);letter-spacing:.04em}.battle-roster-disclosure[open]>summary{border-bottom:1px solid var(--border)}.battle-roster--in-sidebar{border:none;border-radius:0;padding:.45rem .5rem .5rem}.game-left-stack .battle-roster__list{max-height:min(12rem,28vh);overflow-y:auto}@media(min-width:901px){.game-left-stack .battle-roster__list{max-height:min(240px,32vh)}}.game-meta-sidebar{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem}.meta-sidebar-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.5rem}.meta-sidebar-header .back-link{margin-bottom:0;font-size:.82rem}.btn-collapse-sidebar{font-family:inherit;font-size:.72rem;padding:.25rem .45rem;border-radius:5px;border:1px solid var(--border);background:#1e2838;color:var(--text-muted);cursor:pointer}.btn-collapse-sidebar:hover{border-color:var(--gold-dim);color:var(--text)}.meta-compact-line{margin:0 0 .5rem;font-size:.8rem;line-height:1.35;color:var(--text)}.meta-compact-line .status-inline{color:var(--accent);font-weight:600}.sidebar-expand-bar{width:100%;font-family:inherit;font-size:.8rem;padding:.55rem .65rem;border-radius:8px;border:1px dashed var(--border);background:linear-gradient(180deg,#1e2838,#161d28);color:var(--gold);cursor:pointer;text-align:center}.sidebar-expand-bar:hover{border-color:var(--gold-dim);background:#243044}.game-meta-sidebar h3{margin:.65rem 0 .3rem;font-size:.78rem;color:var(--text-muted);text-transform:none;letter-spacing:.02em}.game-sidebar{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;position:sticky;top:.5rem}.back-link{display:inline-block;margin-bottom:.75rem;font-size:.9rem}.game-sidebar h2{margin:0 0 .35rem;font-size:1.15rem;color:var(--gold)}.game-sidebar h3{margin:1rem 0 .4rem;font-size:.95rem;color:var(--text-muted)}.scenario-title{margin:0 0 .5rem;font-weight:600}.status{margin:0 0 .75rem;color:var(--accent)}.toast-msg{margin:0 0 .75rem;font-size:.85rem;color:#86efac}.sidebar-actions{display:flex;flex-wrap:wrap;gap:.5rem}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.slot-input{width:100%;padding:.45rem .5rem;border-radius:6px;border:1px solid var(--border);background:#0d1218;color:var(--text);margin-bottom:.5rem}.save-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.save-list{list-style:none;margin:0;padding:0;font-size:.88rem}.save-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.35rem 0;border-bottom:1px solid #2a3545}.linkish{background:none;border:none;color:var(--gold);cursor:pointer;padding:0;font:inherit;text-align:left}.linkish:hover{text-decoration:underline}.muted{color:var(--text-muted)}.muted.small{font-size:.78rem}.game-main{position:relative;display:flex;flex-direction:column;gap:1rem;min-width:0}.game-main.game-main--battle{flex:1;min-height:0;min-width:0}.battle-play-area{position:relative;flex:1;min-height:220px;min-width:0;display:flex;flex-direction:column;gap:.45rem}.battle-map-viewport{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.battle-map-viewport>.battle-wrap{flex:1;min-height:0;min-width:0}.unit-inspect-float{position:relative;flex-shrink:0;width:100%;z-index:2;display:flex;flex-direction:column;align-items:stretch;text-align:left}.unit-inspect-float__summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.4rem .6rem;border-radius:8px;border:1px solid var(--border);background:#1a2332f5;font-weight:700;font-size:.85rem;color:var(--gold-dim);align-self:flex-end;width:fit-content;max-width:100%}.unit-inspect-float__summary::-webkit-details-marker{display:none}.unit-inspect-float[open]>.unit-inspect-float__summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.unit-inspect-float__inner{margin:0;width:100%;box-sizing:border-box;border-radius:0 0 8px 8px;border:1px solid var(--border);border-top:none;padding:.35rem .5rem .45rem;max-height:none;overflow:visible;background:var(--bg-panel)}.unit-inspect-float__inner.unit-inspect{padding:.35rem .5rem .45rem}.unit-inspect-float__inner .terrain-legend.terrain-legend--inline{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .55rem;margin-top:.3rem;padding-top:.3rem}.unit-inspect-float__inner .terrain-legend--inline .terrain-legend-title{margin:0;flex:0 0 auto}.unit-inspect-float__inner .terrain-legend--inline .terrain-legend-row{display:contents}.outcome-flash-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000094;pointer-events:auto;animation:outcome-flash-bg 2.8s ease-out forwards}.outcome-flash-text{margin:0;max-width:22rem;font-size:clamp(1.2rem,4.2vw,1.85rem);font-weight:800;line-height:1.35;text-align:center;letter-spacing:.04em;padding:1rem 1.35rem;border-radius:12px;border:2px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #00000073;animation:outcome-flash-text 2.8s ease-out forwards}.outcome-flash-text--won{color:#fef3c7;background:linear-gradient(145deg,#166534eb,#0f3c23f2);text-shadow:0 2px 12px rgba(0,0,0,.55)}.outcome-flash-text--lost{color:#fecaca;background:linear-gradient(145deg,#7f1d1deb,#3c0f0ff2);text-shadow:0 2px 12px rgba(0,0,0,.55)}@keyframes outcome-flash-bg{0%{opacity:0}18%{opacity:1}to{opacity:1}}@keyframes outcome-flash-text{0%{opacity:0;transform:scale(.94)}22%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.unit-inspect{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem}.unit-inspect-dl.unit-inspect-dl--horizontal{display:flex;flex-direction:column;gap:.28rem;font-size:.74rem;line-height:1.28}.unit-inspect-dl.unit-inspect-dl--horizontal .unit-inspect-row{display:flex;flex-wrap:wrap;align-items:center;gap:.12rem .45rem;row-gap:.15rem;padding-bottom:.22rem;border-bottom:1px solid rgba(61,79,102,.45)}.unit-inspect-dl.unit-inspect-dl--horizontal .unit-inspect-row:last-child{padding-bottom:0;border-bottom:none}.unit-inspect-dl.unit-inspect-dl--horizontal dt{flex:0 0 auto;margin:0;color:var(--text-muted);font-weight:600}.unit-inspect-dl.unit-inspect-dl--horizontal dt:after{content:"："}.unit-inspect-dl.unit-inspect-dl--horizontal dd{flex:0 1 auto;margin:0;margin-right:.4rem;color:var(--text);min-width:0}.unit-inspect-dl.unit-inspect-dl--horizontal .unit-inspect-portrait{display:inline-flex;align-items:center;line-height:0}.unit-inspect-dd--with-meter{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;min-width:5.5rem;max-width:12rem}.unit-inspect-meter-label{font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2}.unit-inspect-meter{width:100%;height:5px;border-radius:3px;background:#0000006b;border:1px solid rgba(255,255,255,.14);overflow:hidden;box-sizing:border-box}.unit-inspect-meter__fill{height:100%;min-width:0;border-radius:2px;transition:width .22s ease}.unit-inspect-meter__fill--hp-player{background:linear-gradient(180deg,#86efac,#22c55e 45%,#15803d)}.unit-inspect-meter__fill--hp-enemy{background:linear-gradient(180deg,#fecaca,#f87171 42%,#b91c1c)}.unit-inspect-meter__fill--exp{background:linear-gradient(180deg,#fde68a,#eab308 42%,#a16207)}.terrain-legend--inline{margin-top:.5rem;padding-top:.45rem;border-top:1px solid var(--border)}.meta-sidebar-title{font-size:.82rem;font-weight:700;color:var(--gold-dim);letter-spacing:.04em}.save-list--compact{max-height:7.5rem;overflow-y:auto;margin:0;padding-right:.15rem}.save-details{margin:.35rem 0 0;border:1px solid #2a3545;border-radius:8px;padding:.35rem .5rem;background:#00000026}.save-details>summary{cursor:pointer;font-size:.78rem;color:var(--text-muted);font-weight:600;list-style:none}.save-details>summary::-webkit-details-marker{display:none}.save-details[open]>summary{margin-bottom:.35rem;padding-bottom:.25rem;border-bottom:1px solid #2a3545}.meta-slot-row{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.meta-slot-row .slot-input{margin-bottom:0}.meta-save-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.meta-save-buttons .btn{padding:.4rem .65rem;font-size:.78rem}.unit-inspect h3{margin:0 0 .5rem;font-size:.95rem;color:var(--gold-dim)}.unit-inspect-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;font-size:.85rem}.unit-inspect-dl dt{margin:0;color:var(--text-muted);font-weight:600}.unit-inspect-dl dd{margin:0;color:var(--text)}.unit-inspect-portrait{display:flex;align-items:center}.terrain-bonus-tag{color:#86efac;font-size:.82em;font-weight:600;white-space:nowrap}.battle-wrap{overflow:auto;max-height:min(78vh,920px);border-radius:10px;border:1px solid var(--border);background:#0a0e14;padding:.75rem;position:relative}.battle-wrap.battle-wrap--fit{overflow:hidden;max-height:none;display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.battle-slot--roster-pulse{z-index:25;animation:battle-roster-pulse 1.8s ease-out forwards}@keyframes battle-roster-pulse{0%{filter:drop-shadow(0 0 0 transparent)}15%{filter:drop-shadow(0 0 10px rgba(250,204,21,.95)) drop-shadow(0 0 18px rgba(234,179,8,.65))}to{filter:drop-shadow(0 0 0 transparent)}}.battle-back-home{display:block;text-align:center;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#1e2838,#161d28);color:var(--gold);font-size:.82rem;font-weight:600;text-decoration:none}.battle-back-home:hover{border-color:var(--gold-dim);color:#fef3c7}.battle-roster{border-radius:10px;border:1px solid var(--border);background:var(--bg-panel);padding:.5rem .55rem .55rem}.battle-roster__title{margin:0 0 .35rem;font-size:.78rem;font-weight:700;color:var(--gold-dim);letter-spacing:.06em}.battle-roster__cols{display:grid;grid-template-columns:1fr;gap:.45rem}@media(max-width:900px){.battle-roster__cols{grid-template-columns:1fr 1fr}}@media(max-width:640px){.battle-roster__cols{grid-template-columns:1fr}}.battle-roster__col h4{margin:0 0 .25rem;font-size:.72rem;font-weight:700;color:var(--text-muted)}.battle-roster__list{list-style:none;margin:0;padding:0;max-height:min(11rem,28vh);overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}@media(min-width:901px){.battle-roster__list{max-height:min(62vh,520px)}}.battle-roster__item{display:flex;align-items:center;gap:.35rem;width:100%;text-align:left;font-family:inherit;font-size:.76rem;padding:.28rem .35rem;border-radius:6px;border:1px solid transparent;background:#161d28;color:var(--text);cursor:pointer}.battle-roster__item:hover{border-color:var(--gold-dim);background:#1a2432}.battle-roster__item.is-inspected{border-color:#facc1573;background:#facc1514}.battle-roster__item-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.06rem;line-height:1.2}.battle-roster__item-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-roster__item-sub{font-size:.68rem;color:var(--text-muted)}.turn-intro-input-blocker{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;z-index:300;border-radius:8px;cursor:default}.kill-banner-stack{position:absolute;left:50%;transform:translate(-50%);top:.55rem;z-index:170;width:min(96%,32rem);text-align:center;pointer-events:none;margin:0}.kill-banner-line{margin:.2rem 0;padding:.35rem .6rem;font-size:.92rem;font-weight:700;color:#fecaca;letter-spacing:.04em;text-shadow:0 0 14px #7f1d1d,0 2px 8px #000;animation:kill-banner-pop .45s ease-out}@keyframes kill-banner-pop{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.battle-scene{position:relative;display:flex;flex-direction:column;align-items:center;margin:1.25rem auto 0}.battle-scene__ground{position:absolute;left:50%;bottom:-1%;width:90%;max-width:48rem;height:18%;transform:translate(-50%);background:radial-gradient(ellipse 72% 60% at 50% 50%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.14) 48%,transparent 74%);pointer-events:none;z-index:0}.battle-grid{--cell: min(72px, 11vw);position:relative;z-index:0;display:grid;gap:3px;width:fit-content;margin:2.35rem auto 0;isolation:isolate}.battle-scene .battle-grid{z-index:1;position:relative}.battle-scene.battle-scene--fit{flex:1;min-height:0;width:100%;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.battle-scene--fit .battle-grid{margin-top:0;margin-bottom:0}@media(prefers-reduced-motion:reduce){.battle-scene__ground{opacity:.65}}.battle-grid.battle-grid--move-preview .cell:not(.move-hint){filter:brightness(.68) saturate(.72);transition:filter .18s ease}.battle-grid.battle-grid--move-preview .cell.move-hint{filter:brightness(1.06) saturate(1.12)}.cell{width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;position:relative;z-index:0;border-radius:4px;overflow:visible}.unit-standee__body.pick-target-candidate{outline:2px dashed rgba(252,165,165,.75);outline-offset:-1px}.unit-standee__body.pick-target-focus{outline:3px solid #fbbf24;box-shadow:0 0 16px #fbbf2473}.cell.move-hint{z-index:3;cursor:pointer;outline:3px solid #facc15;outline-offset:-3px;box-shadow:inset 0 0 0 2px #fef08a8c,inset 0 0 14px #facc1561,0 0 0 2px #000000bf,0 0 22px #facc1580;animation:move-hint-glow 1.35s ease-in-out infinite}@keyframes move-hint-glow{0%,to{box-shadow:inset 0 0 0 2px #fef08a80,inset 0 0 12px #facc1552,0 0 0 2px #000000bf,0 0 18px #facc156b}50%{box-shadow:inset 0 0 0 2px #fefce8bf,inset 0 0 18px #fde0477a,0 0 0 2px #000c,0 0 28px #facc15a6}}@media(prefers-reduced-motion:reduce){.cell.move-hint{animation:none}}.cell.clickable-tile{cursor:pointer}.cell.clickable-tile:hover{filter:brightness(1.14) saturate(1.05)}.battle-grid.battle-grid--move-preview .cell.clickable-tile:hover{filter:brightness(1.18) saturate(1.12)}.unit-standee__body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;width:100%;min-height:min(calc(var(--cell, 72px) * 1.15),6rem);border-radius:4px;font-size:clamp(.58rem,2.2vw,.8rem);line-height:1.15;text-align:center;padding:2px 3px 3px;cursor:default;border:1px solid transparent;overflow:visible}.unit-standee__body.player,.unit-standee__body.enemy{background:transparent;border-color:transparent}.unit-standee__body.selectable{cursor:pointer;box-shadow:0 0 0 2px var(--gold)}.unit-standee__body.selectable:hover{filter:brightness(1.08)}.unit-standee__body.selected{box-shadow:0 0 0 2px #fbbf248c}.unit-standee__body.unit-turn-done{filter:grayscale(.55) brightness(.78);opacity:.88}.unit-standee__body.unit-pending-highlight{box-shadow:0 0 0 2px #fef3c7,0 0 18px #fef3c78c;filter:brightness(1.12) saturate(1.08)}.unit-standee__body.unit-pending-highlight.selectable:hover{filter:brightness(1.18) saturate(1.1)}.unit-standee.unit-move-slide{animation:unit-move-slide-in .42s cubic-bezier(.22,1,.32,1) forwards;z-index:5}@keyframes unit-move-slide-in{0%{transform:translate(calc(-50% + var(--sdx, 0) * (var(--cell) + 2px)),calc(var(--sdy, 0) * (var(--cell) + 2px)))}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.unit-standee.unit-move-slide{animation:none;transform:translate(-50%)}}.death-overlay-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;pointer-events:none;background:transparent}.death-overlay-slot .unit-standee{position:relative;left:auto;bottom:auto;transform:none;z-index:1}.death-overlay-slot .unit-standee__body{pointer-events:none}.unit-death-fade{animation:unit-death-fade-out .95s ease-out forwards}@keyframes unit-death-fade-out{0%{opacity:1;transform:scale(1);filter:brightness(1) saturate(1)}45%{opacity:.92;filter:brightness(1.15) saturate(.55)}to{opacity:0;transform:scale(.88) translateY(-6px);filter:brightness(1) saturate(.35)}}.unit-hit{animation:unit-hit-shake .45s ease-out,unit-hit-flash .38s ease-out}@keyframes unit-hit-shake{0%,to{transform:translate(0)}18%{transform:translate(-4px,3px) rotate(-3deg)}36%{transform:translate(5px,-3px) rotate(3deg)}54%{transform:translate(-4px,2px)}72%{transform:translate(3px,-2px)}}@keyframes unit-hit-flash{0%{filter:brightness(1)}40%{filter:brightness(1.45) drop-shadow(0 0 14px #ef4444)}to{filter:brightness(1)}}.dmg-float{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:clamp(.62rem,2.2vw,.88rem);color:#fca5a5;font-weight:800;letter-spacing:.02em;pointer-events:none;animation:dmg-float-up .7s ease-out forwards;z-index:8}@keyframes dmg-float-up{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.5)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-32px) scale(1)}}.action-menu{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:4px;padding:6px;min-width:7.6rem;background:linear-gradient(165deg,#1e2a3d,#121a26);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 10px 32px #0009,0 0 0 1px #c9a2271f}@media(max-width:900px){.action-menu{left:50%;top:calc(100% + 6px);transform:translate(-50%)}}.action-menu-item{font-family:inherit;font-size:.72rem;padding:.42rem .55rem;border-radius:5px;border:1px solid transparent;cursor:pointer;text-align:left;white-space:nowrap}.action-menu-item.enabled{background:linear-gradient(180deg,#4a3a18,#2d2410);border-color:#c9a227;color:#fff8e8}.action-menu-item.enabled:hover,.action-menu-item.enabled.focused{border-color:#f5d76a;box-shadow:0 0 14px #f5d76a66}.action-menu-item.disabled{background:#252f3d;border-color:#3d4a5c;color:#6b7280;cursor:not-allowed;opacity:.68}.battle-menu-hint-slot{min-height:2.65rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center}.menu-hint{text-align:center;margin:0;font-size:.78rem;color:var(--text-muted)}.battle-log{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;max-height:200px;overflow:auto}.battle-log h3{margin:0 0 .5rem;font-size:.95rem;color:var(--text-muted)}.battle-log ol{margin:0;padding-left:1.1rem;font-size:.85rem;color:var(--text-muted)}.battle-log li{margin-bottom:.25rem}.turn-phase-banner-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent}.turn-phase-banner-root.turn-phase-banner-player{--tb-accent: #fbbf24;--tb-accent2: #fef3c7;--tb-glow: rgba(251, 191, 36, .75);--tb-deep: #b45309}.turn-phase-banner-root.turn-phase-banner-enemy{--tb-accent: #f87171;--tb-accent2: #fecaca;--tb-glow: rgba(248, 113, 113, .8);--tb-deep: #991b1b}.turn-phase-banner-text{margin:0;padding:0 .5rem;font-size:clamp(1.35rem,5.5vw,2.35rem);font-weight:900;letter-spacing:.22em;text-indent:.22em;line-height:1.2;text-align:center;background:linear-gradient(188deg,#fffef9 0%,var(--tb-accent2) 40%,var(--tb-accent) 62%,var(--tb-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px var(--tb-glow)) drop-shadow(0 2px 8px rgba(0,0,0,.9));animation:turnPhaseBannerTextFade 1s ease-in-out forwards}@keyframes turnPhaseBannerTextFade{0%{opacity:0;transform:translateY(6px) scale(.98)}20%{opacity:1;transform:translateY(0) scale(1)}68%{opacity:1}to{opacity:0;transform:translateY(-4px) scale(.99)}}@media(prefers-reduced-motion:reduce){.turn-phase-banner-text{animation-duration:.35s}}.stage-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#060a10c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-picker-panel{width:min(420px,100%);max-height:min(72vh,520px);overflow:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 16px 48px #0000008c}.stage-picker-title{margin:0 0 .35rem;font-size:1.05rem;color:var(--gold)}.stage-picker-hint{margin:0 0 .75rem;line-height:1.5}.kbd-chip{display:inline-block;padding:.08rem .35rem;margin:0 .06rem;font-size:.72rem;font-family:ui-monospace,monospace;border:1px solid var(--border);border-radius:4px;background:#1a222e;color:var(--text-muted)}.stage-picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.stage-picker-row{width:100%;display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.5rem;text-align:left;font-family:inherit;font-size:.88rem;padding:.5rem .55rem;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#1e2838,#181f2a);color:var(--text);cursor:pointer}.stage-picker-row:hover{border-color:var(--gold-dim);color:var(--gold)}.stage-picker-idx{font-size:.75rem;color:var(--text-muted);text-align:center}.stage-picker-name{font-weight:600}.stage-picker-id{font-size:.68rem;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-codex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#060a10c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.general-codex-panel{width:min(880px,100%);max-height:min(85vh,720px);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 16px 48px #0000008c}.general-codex-search{width:100%;margin-bottom:.65rem;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border);background:#141a24;color:var(--text);font-family:inherit;font-size:.88rem}.general-codex-columns{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.2fr);gap:.75rem;min-height:0;flex:1}@media(max-width:720px){.general-codex-columns{grid-template-columns:1fr;max-height:60vh}}.general-codex-list{list-style:none;margin:0;padding:0;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:#121820}.general-codex-row{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:.45rem;text-align:left;font-family:inherit;font-size:.82rem;padding:.4rem .5rem;border:none;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:var(--text);cursor:pointer}.general-codex-row-avatar{flex-shrink:0}.general-codex-row .general-codex-name{flex:1;min-width:0;text-align:left}.general-codex-row:hover{background:#ffffff0d}.general-codex-row.is-active{background:#d4a84b1f;color:var(--gold)}.general-codex-name{font-weight:600}.general-codex-detail{overflow-y:auto;padding:.35rem .5rem;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#1a222e,#141a22)}.general-codex-detail-head{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.35rem}.general-codex-detail-name{margin:0;font-size:1.05rem;color:var(--gold);text-align:center}.general-codex-bio{margin:0 0 .65rem;font-size:.82rem;line-height:1.45;color:var(--text-muted)}.general-codex-dl{margin:0}.scenario-story{margin:.35rem 0 .25rem;line-height:1.4;color:var(--text-muted)}.victory-hint{margin:0 0 .5rem;line-height:1.35;color:var(--accent)}.cell{border:2px solid transparent;box-sizing:border-box}.cell.terrain-plain:before,.cell.terrain-forest:before,.cell.terrain-water:before,.cell.terrain-mountain:before,.cell.terrain-desert:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0;pointer-events:none}.cell.terrain-plain{border-color:#4ade80;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #00000059}.cell.terrain-plain:before{background:repeating-linear-gradient(95deg,rgba(0,0,0,.12) 0 1px,transparent 1px 7px),linear-gradient(168deg,#3f6b4f,#2d4a38 42%,#243d30)}.cell.terrain-forest{border-color:#22c55e;box-shadow:inset 0 0 0 1px #22c55e40,0 0 0 1px #00000073}.cell.terrain-forest:before{background:radial-gradient(circle at 22% 35%,rgba(5,46,22,.95) 0px,transparent 4px),radial-gradient(circle at 72% 28%,rgba(6,78,59,.9) 0px,transparent 3px),radial-gradient(circle at 48% 68%,rgba(4,60,32,.88) 0px,transparent 3.5px),radial-gradient(circle at 88% 72%,rgba(5,50,28,.85) 0px,transparent 3px),linear-gradient(145deg,#0f3d24,#14532d,#0a2918);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%}.cell.terrain-water{border-color:#22d3ee;box-shadow:inset 0 0 0 1px #38bdf859,0 0 0 1px #0006}.cell.terrain-water:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16'%3E%3Cpath fill='none' stroke='%2393c5fd' stroke-width='1.1' stroke-opacity='0.55' d='M0 8c4-3 8 3 12 0s8 3 12 0 8 3 12 0'/%3E%3Cpath fill='none' stroke='%2360a5fa' stroke-width='0.9' stroke-opacity='0.4' d='M0 12c4 3 8-3 12 0s8-3 12 0 8-3 12 0'/%3E%3C/svg%3E") repeat,linear-gradient(185deg,#164e7a,#0c3a5c 45%,#082f4a);animation:terrain-water-pulse 3.2s ease-in-out infinite}@keyframes terrain-water-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.14) saturate(1.12)}}@media(prefers-reduced-motion:reduce){.cell.terrain-water:before{animation:none}}.cell.terrain-mountain{border-color:#d6d3d1;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #00000080}.cell.terrain-mountain:before{background:repeating-linear-gradient(52deg,rgba(0,0,0,.14) 0 2px,transparent 2px 5px),repeating-linear-gradient(-38deg,rgba(255,255,255,.05) 0 3px,transparent 3px 7px),linear-gradient(160deg,#57534e,#44403c 40%,#292524)}.cell.terrain-desert{border-color:#fbbf24;box-shadow:inset 0 0 0 1px #fbbf2433,0 0 0 1px #0006}.cell.terrain-desert:before{background:radial-gradient(ellipse 120% 80% at 20% 30%,rgba(180,83,9,.35) 0%,transparent 55%),radial-gradient(ellipse 100% 90% at 75% 65%,rgba(146,64,14,.3) 0%,transparent 50%),repeating-linear-gradient(118deg,rgba(0,0,0,.06) 0 1px,transparent 1px 9px),linear-gradient(175deg,#a16207,#78350f 35%,#5c2d0a)}.terrain-legend{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border)}.terrain-legend-title{margin:0 0 .4rem;font-size:.72rem;color:var(--text-muted);font-weight:600;letter-spacing:.06em}.terrain-legend-row{display:flex;flex-wrap:wrap;gap:.35rem}.terrain-legend-item{display:inline-flex;align-items:center;gap:.2rem;font-size:.68rem;color:var(--text-muted)}.terrain-legend-swatch{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:4px;font-size:.62rem;font-weight:800;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.75);border-width:2px;border-style:solid;flex-shrink:0}.terrain-legend-swatch.plain{border-color:#4ade80;background:linear-gradient(168deg,#3f6b4f,#243d30)}.terrain-legend-swatch.forest{border-color:#22c55e;background:linear-gradient(145deg,#0f3d24,#0a2918)}.terrain-legend-swatch.water{border-color:#22d3ee;background:linear-gradient(185deg,#164e7a,#082f4a)}.terrain-legend-swatch.mountain{border-color:#d6d3d1;background:linear-gradient(160deg,#57534e,#292524)}.terrain-legend-swatch.desert{border-color:#fbbf24;background:linear-gradient(175deg,#a16207,#5c2d0a)}.unit-standee__body{perspective:none}.unit-troop-figure{position:relative;z-index:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;pointer-events:none;line-height:0}.unit-troop-figure-model{display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:min(calc(var(--cell, 72px) * 1.22),118px);height:min(calc(var(--cell, 72px) * 1.52),168px);min-height:min(calc(var(--cell, 72px) * 1.28),138px);transform:none;transition:transform .18s ease;overflow:visible;pointer-events:none}.unit-troop-figure--raster .unit-troop-figure-model--raster{image-rendering:pixelated;image-rendering:crisp-edges}.unit-troop-sprite{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.troop-figure-infantry .unit-troop-sprite,.troop-figure-archer .unit-troop-sprite{transform:scale(1.24);transform-origin:center bottom}.unit-troop-sprite--enemy{filter:hue-rotate(-38deg) saturate(1.15) brightness(.92)}.unit-troop-figure-model--raster{animation:unit-idle-bob 2.4s ease-in-out infinite}.unit-standee__body.selectable:hover .unit-troop-figure-model--raster{animation-play-state:paused;transform:translateY(-3px)}@keyframes unit-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.unit-troop-figure-badge{position:absolute;right:1px;bottom:0;font-size:clamp(.48rem,1.5vw,.62rem);font-weight:900;letter-spacing:0;padding:0 3px;line-height:1.25;border-radius:3px;background:#00000094;border:1px solid rgba(255,255,255,.32);color:#fef9c3;pointer-events:none}.unit-standee__body.enemy .unit-troop-figure-badge{color:#ffedd5}@media(prefers-reduced-motion:reduce){.unit-troop-figure-model{transition:none}.unit-troop-figure-model--raster{animation:none}.unit-standee__body.selectable:hover .unit-troop-figure-model--raster{transform:none}}.unit-standee__body.troop-cavalry,.unit-standee__body.troop-infantry,.unit-standee__body.troop-archer{border-radius:4px;border-color:transparent;background:transparent;box-shadow:none}.unit-standee__body.troop-cavalry .unit-troop-figure-badge{background:#713f128c;border-color:#fde04773}.unit-standee__body.troop-infantry .unit-troop-figure-badge{background:#1e293b8c;border-color:#e2e8f066}.unit-standee__body.enemy.troop-infantry .unit-troop-figure-badge{background:#450a0a8c;border-color:#fecaca66}.unit-standee__body.troop-archer .unit-troop-figure-badge{background:#14532d8c;border-color:#a3e63573}.unit-standee__body.enemy.troop-archer .unit-troop-figure-badge{background:#37141499;border-color:#bbf7d066}.unit-standee__body.troop-cavalry.selectable,.unit-standee__body.troop-infantry.selectable,.unit-standee__body.enemy.troop-infantry.selectable,.unit-standee__body.troop-archer.selectable{box-shadow:0 0 0 2px var(--gold)}.unit-standee__body.troop-cavalry.selected,.unit-standee__body.troop-infantry.selected,.unit-standee__body.enemy.troop-infantry.selected,.unit-standee__body.troop-archer.selected{box-shadow:0 0 0 2px #fbbf24a6}.unit-standee__body.troop-cavalry.unit-pending-highlight,.unit-standee__body.troop-infantry.unit-pending-highlight,.unit-standee__body.enemy.troop-infantry.unit-pending-highlight,.unit-standee__body.troop-archer.unit-pending-highlight{box-shadow:0 0 0 2px #fef3c7,0 0 18px #fef3c78c}.battle-slot{position:relative;z-index:0;overflow:visible}.battle-slot>.cell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.battle-slot--menu-open{z-index:100}.battle-slot--pick-candidate{z-index:40}.battle-slot--pick-focus{z-index:50}.unit-standee{position:absolute;left:50%;bottom:0;transform:translate(-50%);transform-origin:50% 100%;width:min(calc(var(--cell, 72px) * 1.38),7.25rem);max-width:none;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.12rem;pointer-events:none;font-size:clamp(.72rem,2.65vw,.95rem);line-height:1.15}.unit-standee__hud{display:flex;flex-direction:column;align-items:center;gap:.06rem;width:100%;max-width:10rem;padding:0 2px;pointer-events:none;text-align:center;font-family:VT323,ui-monospace,monospace;letter-spacing:.04em;text-shadow:0 0 3px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.75)}.unit-standee__hud-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:.2rem;width:100%}.unit-standee__hud-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.06rem}.general-avatar{flex-shrink:0;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.general-avatar__glyph{font-family:"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-weight:800;line-height:1;color:#fffffff5;text-shadow:0 1px 3px rgba(0,0,0,.75);-webkit-user-select:none;user-select:none}.general-avatar--standee{width:clamp(22px,calc(var(--cell, 72px) * .34),34px);height:clamp(22px,calc(var(--cell, 72px) * .34),34px)}.general-avatar--standee .general-avatar__glyph{font-size:clamp(11px,calc(var(--cell, 72px) * .2),17px)}.general-avatar__img{width:100%;height:100%;object-fit:cover;object-position:center 15%;border-radius:inherit;display:block}.general-avatar--raster{box-shadow:0 0 0 2px #ffffff38,0 2px 10px #00000080}.unit-standee.enemy .general-avatar{filter:saturate(.88) brightness(.92)}.unit-standee__name{font-weight:800;color:#fefce8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-standee__tags{font-weight:700;font-size:.88em;color:#fef9c3eb;letter-spacing:.02em;white-space:nowrap}.unit-standee.player .unit-standee__tags{color:#dcfce7f2}.unit-standee.enemy .unit-standee__tags{color:#fed7aaf2}.unit-standee__hpbar{width:100%;height:4px;border-radius:2px;background:#00000073;border:1px solid rgba(255,255,255,.22);overflow:hidden;box-sizing:border-box}.unit-standee__hpfill{height:100%;border-radius:1px;background:linear-gradient(180deg,#86efac,#22c55e 45%,#15803d);transition:width .22s ease}.unit-standee.enemy .unit-standee__hpfill{background:linear-gradient(180deg,#fecaca,#f87171 42%,#b91c1c)}.unit-standee--death .unit-standee__hud,.unit-standee__hud--ghost{opacity:.88;filter:saturate(.55)}.unit-standee__body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;width:100%;min-height:0;border-radius:4px;padding:2px 3px 3px;cursor:default;border:1px solid transparent;overflow:visible;pointer-events:auto}.unit-standee .action-menu{pointer-events:auto}.battle-scene{perspective:920px;perspective-origin:50% 42%}.battle-scene .battle-grid{transform:none;transform-style:flat;margin:2.35rem auto 0}@media(prefers-reduced-motion:reduce){.battle-scene .battle-grid{margin:2.35rem auto 0}}.battle-scene .cell.terrain-plain:before,.battle-scene .cell.terrain-forest:before,.battle-scene .cell.terrain-water:before,.battle-scene .cell.terrain-mountain:before,.battle-scene .cell.terrain-desert:before{box-shadow:inset 3px 3px 10px #ffffff1f}.battle-scene .cell:after{content:"";position:absolute;left:10%;right:10%;top:calc(100% - 1px);height:9px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0000006b,#000000c7);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 3px 3px}.battle-scene .battle-slot .unit-standee{z-index:5}