:root{--bg: #16120f;--panel: #f0e4cf;--ink: #2b2118;--soft: #7b6652;--line: rgba(43, 33, 24, .12);--shadow: 0 18px 40px rgba(0, 0, 0, .22);font-family:Trebuchet MS,Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at top,rgba(240,228,207,.12),transparent 45%),linear-gradient(180deg,#2b2017,#16120f 62%)}*{box-sizing:border-box}html,body,#app{height:100%;overflow:hidden}body{margin:0}button{border:0;border-radius:999px;padding:.68rem 1rem;font:inherit;cursor:pointer;background:#2f2822;color:#f8f1e2;transition:transform .12s ease,opacity .12s ease,background .12s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}button.primary{background:linear-gradient(135deg,#b84d2f,#8d2f21)}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.68rem 1rem;font:inherit;text-decoration:none;color:#f8f1e2}.button-link.primary{background:linear-gradient(135deg,#b84d2f,#8d2f21)}.button-link.ghost,button.ghost{background:#2b211814;color:var(--ink)}h1,h2,p,ul{margin:0}.eyebrow,.label{margin:0 0 .28rem;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--soft)}.panel{background:linear-gradient(180deg,#ffffff59,#fff0),var(--panel);border:1px solid rgba(255,255,255,.24);border-radius:28px;box-shadow:var(--shadow)}.app-shell{display:grid;grid-template-columns:minmax(320px,4fr) minmax(0,6fr);gap:1rem;padding:1rem;height:100dvh;overflow:hidden;position:relative}.sidebar,.workspace{min-height:0;overflow-y:auto;padding-right:.15rem;scrollbar-width:thin;scroll-behavior:smooth}.app-shell-camp-only{display:block}.app-shell-guide,.app-shell-single-page{grid-template-columns:1fr}.sidebar-full,.workspace-single{height:100%}.sidebar::-webkit-scrollbar,.workspace::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb,.workspace::-webkit-scrollbar-thumb{background:#2b21182e;border-radius:999px}.hero-panel,.welcome-panel,.result-panel{min-height:100%;padding:.65rem;display:flex;flex-direction:column;gap:.45rem;overflow:visible}.panel-head,.hero-top,.pool-head,.pool-values,.summary-top,.battle-header{display:flex;justify-content:space-between;align-items:start;gap:.8rem}.resource-box,.progress-strip,.result-strip{display:flex;gap:.65rem;flex-wrap:wrap}.resource-box span,.progress-strip div,.result-strip div{padding:.38rem .58rem;border-radius:18px;background:#ffffff6b;border:1px solid var(--line)}.stage-card{border-radius:22px;padding:.68rem;color:#fff8ed;background:linear-gradient(135deg,#66452c,#433026)}.stage-card.stage-easy{background:linear-gradient(135deg,#426b45,#27432a)}.stage-card.stage-fair{background:linear-gradient(135deg,#8b6934,#5a4424)}.stage-card.stage-hard{background:linear-gradient(135deg,#8b4c2f,#5d291d)}.stage-card.stage-danger{background:linear-gradient(135deg,#802c33,#4a171d)}.stage-hint{margin:.3rem 0 0;font-size:.74rem;line-height:1.28;color:#fff8ede6}.button-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.42rem}.button-row.tight{margin-top:0;justify-content:end}.camp-section{background:#ffffff61;border:1px solid var(--line);border-radius:22px;padding:.55rem}.camp-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.camp-entry-grid-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-entry-card{width:100%;min-height:8.8rem;padding:.95rem .9rem;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:.34rem;background:linear-gradient(160deg,#ffffff1f,#fff0),linear-gradient(135deg,#70462f,#4a2e22);color:#fff7ed}.camp-entry-card strong,.camp-entry-card em,.camp-entry-eyebrow{display:block}.camp-entry-card strong{font-size:1.16rem}.camp-entry-card em{font-style:normal;font-size:.8rem;line-height:1.3;opacity:.9}.camp-entry-eyebrow{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.camp-subnav{display:flex;justify-content:flex-end;margin:.42rem 0 .48rem}.camp-section-head,.bag-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.camp-section-head strong,.bag-head strong{font-size:.95rem;line-height:1}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.hero-grid-compact-page{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;flex:1;min-height:0}.hero-card,.summary-row{background:#ffffff6b;border:1px solid var(--line);border-radius:20px}.hero-card{padding:.5rem}.hero-card-compact{padding:.42rem;display:flex;flex-direction:column;min-height:0}.hero-card.is-active{outline:2px solid rgba(155,57,34,.42)}.hero-card p{font-size:.77rem;line-height:1.24}.hero-card-compact p{font-size:.67rem;line-height:1.18}.hero-card .skill-detail{color:#5d4738;min-height:1.9rem}.growth-detail{color:#6a523f}.hero-card-compact .skill-detail{min-height:2.45rem}.hero-card-compact .growth-detail{min-height:2.55rem}.hero-card button{width:100%;padding:.42rem .6rem;font-size:.78rem}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;margin-top:.28rem}.hero-actions-compact{margin-top:auto;gap:.22rem}.hero-actions-compact button{padding:.32rem .38rem;font-size:.68rem}.hero-compact-top{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:.1rem}.hero-compact-top strong{font-size:.86rem}.hero-compact-top span{font-size:.66rem;color:var(--soft)}.bag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem;margin-top:.45rem}.bag-grid-compact-page{grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem;flex:1;min-height:0;margin-top:0}.bag-item{background:#ffffff73;border:1px solid rgba(43,33,24,.08);border-radius:16px;padding:.45rem}.bag-item-compact{padding:.42rem;display:flex;flex-direction:column;min-height:0}.bag-item-top{display:flex;justify-content:space-between;gap:.4rem;align-items:center}.bag-item p{margin:.18rem 0 0;font-size:.72rem;line-height:1.22;color:var(--soft)}.bag-item-compact p{font-size:.66rem;line-height:1.16}.bag-item button{width:100%;margin-top:.34rem;padding:.4rem .56rem;font-size:.76rem}.bag-item-compact button{margin-top:auto;padding:.34rem .4rem;font-size:.68rem}.bag-empty{margin:.45rem 0 0;font-size:.78rem;color:var(--soft)}.compact-empty{margin:0;align-self:center}.welcome-panel{justify-content:center}.guide-panel{justify-content:flex-start;max-width:980px;margin:0 auto;padding:1rem}.single-page-panel{min-height:100%;padding:.8rem;display:flex;flex-direction:column;gap:.55rem;overflow:hidden}.single-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.compact-summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.compact-summary-row span{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .48rem;border-radius:16px;background:#ffffff6b;border:1px solid var(--line);font-size:.74rem;text-align:center}.portrait-mock-page{min-height:100%;padding:.8rem;display:flex;flex-direction:column;gap:.72rem;overflow:hidden}.portrait-mock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.portrait-mock-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.26rem}.portrait-mock-tabs button.is-active{background:linear-gradient(135deg,#b84d2f,#8d2f21);color:#fff6e8}.portrait-phone-frame{align-self:center;width:min(390px,100%);aspect-ratio:9 / 19.5;padding:.7rem;border-radius:36px;background:linear-gradient(180deg,#ffffff38,#ffffff05),linear-gradient(180deg,#40332a,#201712);box-shadow:inset 0 0 0 1px #ffffff1a,0 22px 46px #00000047}.portrait-shell-root{position:relative;overflow:hidden;--portrait-scale: 1}.portrait-phone-frame-app,.portrait-phone-frame-battle{height:844px}.portrait-phone-frame{position:absolute;top:50%;left:50%;width:390px;height:844px;aspect-ratio:auto;transform:translate(-50%,-50%) scale(var(--portrait-scale));transform-origin:center center}.portrait-mock-page .portrait-phone-frame{position:relative;top:auto;left:auto;width:min(390px,100%);height:auto;aspect-ratio:9 / 19.5;transform:none;transform-origin:center center;align-self:center;flex:0 0 auto}.portrait-screen{width:100%;height:100%;padding:.72rem;border-radius:28px;background:radial-gradient(circle at top,rgba(176,227,228,.16),transparent 26%),linear-gradient(180deg,#7b8d92,#5f6f73 18%,#47565a);display:flex;flex-direction:column;gap:.58rem;overflow:hidden;color:#f8f2e6;user-select:none;-webkit-user-select:none}.portrait-screen-page{background:radial-gradient(circle at top,rgba(194,229,252,.12),transparent 18%),linear-gradient(180deg,#6d8187,#53656b 18%,#384448)}.portrait-screen .camp-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.portrait-screen .camp-entry-card{min-height:5.8rem;padding:.68rem .7rem;border-radius:22px;gap:.2rem}.portrait-screen .camp-entry-card strong{font-size:.88rem}.portrait-screen .camp-entry-card em{font-size:.64rem;line-height:1.18}.portrait-screen .camp-entry-eyebrow{font-size:.58rem}.portrait-screen .portrait-stage-banner{padding:.52rem}.portrait-screen .portrait-stage-banner strong{font-size:.86rem}.portrait-screen .portrait-stage-banner p{margin-top:.12rem;font-size:.6rem;line-height:1.12}.portrait-screen .portrait-stage-actions{margin-top:.28rem;gap:.24rem}.portrait-screen .portrait-stage-actions button{padding:.4rem .28rem;font-size:.62rem}.portrait-screen .portrait-compact-strip span{padding:.22rem;font-size:.54rem}.portrait-screen .portrait-bottom-nav{margin-top:.12rem}.portrait-screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.portrait-screen-header strong{display:block;font-size:1rem}.portrait-resource-row{display:flex;gap:.24rem;flex-wrap:wrap}.portrait-resource-row span,.portrait-mini-tag{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .38rem;border-radius:999px;background:#140f0c42;border:1px solid rgba(255,255,255,.1);font-size:.62rem}.portrait-stage-banner{padding:.62rem;border-radius:22px;background:linear-gradient(150deg,#ffcd792e,#fff0),#15110e47;border:1px solid rgba(255,255,255,.12)}.portrait-stage-banner-live p:last-of-type{color:#d6ffd6e6}.portrait-compact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.portrait-compact-strip span{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .34rem;border-radius:14px;background:#100c0a42;border:1px solid rgba(255,255,255,.08);font-size:.58rem}.portrait-stage-banner strong{display:block;font-size:.94rem}.portrait-stage-banner p{margin-top:.18rem;font-size:.68rem;line-height:1.22;color:#f8f2e6e0}.portrait-stage-actions{margin-top:.42rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem}.portrait-stage-actions button{padding:.5rem .42rem;font-size:.72rem}.camp-stage-picker{padding:.48rem .56rem;border-radius:20px;background:#100c0a2e;border:1px solid rgba(255,255,255,.08)}.camp-stage-picker .camp-section-head{margin-bottom:.3rem}.camp-stage-picker .camp-section-head span{font-size:.58rem;color:#f8f2e6c2}.stage-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem}.stage-picker-chip{width:100%;padding:.36rem .38rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f8f2e6d1;font-size:.58rem;line-height:1.14;text-align:left}.stage-picker-chip.is-active{background:linear-gradient(135deg,#b84d2feb,#8d2f21eb);color:#fff7ed}.portrait-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.portrait-feature-card{padding:.52rem .5rem;border-radius:20px;background:#100c0a42;border:1px solid rgba(255,255,255,.1)}.portrait-feature-card strong{display:block;font-size:.78rem}.portrait-feature-card span{display:block;margin-top:.14rem;font-size:.62rem;line-height:1.18;color:#f8f2e6d1}.portrait-bottom-nav{margin-top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem;padding:.26rem;border-radius:18px;background:#100c0a42;border:1px solid rgba(255,255,255,.08)}.portrait-nav-button,.portrait-bottom-nav span{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.34rem .2rem;border-radius:14px;font-size:.62rem;color:#f8f2e6c2}.portrait-nav-button{background:transparent;border:0;box-shadow:none;transform:none}.portrait-nav-button:hover{transform:none;background:#ffffff0f}.portrait-nav-button.is-active,.portrait-bottom-nav span.is-active{background:linear-gradient(135deg,#b84d2f,#8d2f21);color:#fff7ed}.portrait-hero-grid,.portrait-bag-grid{display:grid;gap:.34rem}.portrait-hero-grid{grid-template-columns:1fr}.portrait-bag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-hero-card,.portrait-bag-card{padding:.44rem;border-radius:18px;background:#100c0a42;border:1px solid rgba(255,255,255,.1)}.portrait-hero-card{padding:.38rem .44rem}.portrait-hero-grid-live{flex:1;min-height:0;overflow:hidden;grid-template-rows:repeat(5,minmax(0,1fr))}.portrait-hero-card-live{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 7.5rem;gap:.42rem;align-items:stretch;background:linear-gradient(180deg,#ffffff14,#fff0),#100c0a3d;box-shadow:inset 0 0 0 1px #ffffff0a}.portrait-hero-body{min-width:0;display:flex;flex-direction:column}.portrait-hero-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.3rem}.portrait-hero-title{display:flex;align-items:center;gap:.24rem;min-width:0}.portrait-hero-title strong{font-size:.76rem;line-height:1}.portrait-hero-color-chip,.portrait-hero-state-chip{display:inline-flex;align-items:center;justify-content:center;padding:.08rem .28rem;border-radius:999px;font-size:.52rem;line-height:1;white-space:nowrap}.portrait-hero-color-chip{color:#fff7ed;box-shadow:inset 0 0 0 1px #ffffff29}.portrait-hero-state-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#f8f2e6d1}.portrait-hero-state-chip.is-active{background:#5cc27a33;border-color:#7ee39b3d;color:#dfffe8}.portrait-hero-state-chip.is-idle{background:#ffffff0f}.portrait-hero-meta-row{display:flex;flex-wrap:wrap;gap:.14rem;margin-top:.14rem}.portrait-hero-meta-row span{display:inline-flex;align-items:center;justify-content:center;padding:.08rem .22rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);font-size:.52rem;color:#f8f2e6db}.portrait-hero-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;margin-top:.18rem}.portrait-hero-detail-card,.portrait-hero-passive{min-width:0;padding:.22rem .28rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.portrait-hero-detail-label{display:inline-block;font-size:.48rem;letter-spacing:.08em;text-transform:uppercase;color:#f8f2e694}.portrait-hero-detail-card strong{display:block;margin-top:.08rem;font-size:.62rem;line-height:1.05;color:#fff7ed}.portrait-hero-detail-card p,.portrait-hero-passive p{margin-top:.1rem;font-size:.53rem;line-height:1.16;color:#f8f2e6cc}.portrait-hero-passive{margin-top:.18rem;background:linear-gradient(90deg,#d8bb5e24,#ffffff0a),#ffffff0a}.portrait-hero-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portrait-hero-card-top,.portrait-bag-card-top{display:flex;justify-content:space-between;gap:.3rem;align-items:baseline}.portrait-hero-card strong,.portrait-bag-card strong{font-size:.72rem}.portrait-hero-card span,.portrait-bag-card span{font-size:.58rem}.portrait-hero-card p,.portrait-bag-card p{margin-top:.12rem;font-size:.58rem;line-height:1.16;color:#f8f2e6d6}.portrait-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem;margin-top:.28rem}.portrait-card-actions-live{margin-top:0;align-content:stretch}.portrait-card-actions button{padding:.34rem .32rem;font-size:.64rem}.portrait-card-actions-live button{min-height:0;padding:.26rem .22rem;font-size:.58rem;border-radius:16px}.portrait-bag-grid-live{flex:1;min-height:0;overflow:hidden;align-content:start}.portrait-bag-learn{margin-top:.28rem;width:100%;padding:.34rem .32rem;font-size:.64rem}.portrait-empty-state{grid-column:1 / -1;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:.9rem .8rem;border-radius:22px;text-align:center;background:linear-gradient(160deg,#ffffff1f,#fff0),#100c0a42;border:1px solid rgba(255,255,255,.1)}.portrait-empty-state strong{font-size:.92rem;color:#fff7ed}.portrait-empty-state p{max-width:22rem;margin:0;font-size:.68rem;line-height:1.3;color:#f8f2e6d6}.portrait-empty-state button{min-width:9rem}.portrait-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.portrait-section-head strong{font-size:.68rem;color:#fff7ed}.portrait-section-head span{font-size:.52rem;color:#f8f2e6c7}.portrait-section-head-log{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem}.portrait-section-head-log strong{flex:0 0 auto;min-width:3.1rem;white-space:nowrap;line-height:1.08;padding-top:.03rem}.portrait-section-head-log-meta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.08rem}.portrait-section-head-log-meta span{min-width:0;width:100%;font-size:.54rem;line-height:1.16;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portrait-section-head-log-meta span:first-child{color:#fff7ed}.portrait-screen-battle{background:radial-gradient(circle at top,rgba(194,229,252,.12),transparent 18%),linear-gradient(180deg,#72909a,#556970 18%,#3e4a4e)}.portrait-screen-battle-live{gap:.12rem}.portrait-battle-header-live{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.portrait-battle-header-live strong{display:block;font-size:.82rem}.portrait-battle-header-tags{display:flex;gap:.18rem;flex-wrap:wrap}.portrait-battle-header-tags span{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .3rem;border-radius:999px;background:#100c0a42;border:1px solid rgba(255,255,255,.08);font-size:.52rem}.portrait-debug-button{padding:.14rem .36rem;min-height:1.2rem;border-radius:999px;background:#13100e57;border:1px solid rgba(255,255,255,.12);color:#fff7ed;font-size:.5rem;line-height:1}.portrait-battle-top{display:grid;grid-template-columns:1fr auto 1fr;gap:.18rem;align-items:center}.portrait-battle-bar{display:flex;align-items:center;gap:.24rem}.portrait-battle-bar.enemy{justify-content:flex-end}.portrait-battle-avatar{width:34px;height:34px;border-radius:14px;border:1px solid rgba(255,255,255,.16)}.portrait-battle-avatar.actor-blade{background:linear-gradient(135deg,#b24f3a,#722116)}.portrait-battle-avatar.boar{background:linear-gradient(135deg,#c58c6d,#8b503e)}.portrait-battle-meter-wrap{min-width:0;flex:1}.portrait-battle-meter-wrap strong,.portrait-battle-meter-wrap em{display:block}.portrait-battle-meter-wrap strong{font-size:.58rem;line-height:1}.portrait-battle-meter-wrap em{margin-top:.08rem;font-style:normal;font-size:.52rem}.portrait-status-row{margin-top:.14rem;display:flex;flex-wrap:wrap;gap:.12rem}.portrait-status-row.is-right{justify-content:flex-end}.portrait-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1rem;padding:.06rem .24rem;border-radius:999px;font-size:.46rem;line-height:1;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#f8f2e6eb}.portrait-status-chip.is-buff{background:#71cca329;color:#bff6da}.portrait-status-chip.is-debuff{background:#d66d602e;color:#ffd0ca}.portrait-status-chip.is-neutral{color:#f8f2e6ad}.portrait-battle-meter{margin-top:.12rem;height:9px;border-radius:999px;overflow:hidden;background:#17110f6b}.portrait-battle-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b7ff72,#5ebb35)}.portrait-battle-meter.enemy span{background:linear-gradient(90deg,#ffca75,#f26c3f)}.portrait-battle-meter.shield{margin-top:.08rem;height:7px;background:#111d2761}.portrait-battle-meter.shield span{background:linear-gradient(90deg,#94d9ff,#4f8fda)}.portrait-battle-meter.enemy.shield span{background:linear-gradient(90deg,#ffe4a6,#d49c4c)}.portrait-battle-mid{font-size:.66rem;font-weight:800;padding:.18rem .3rem;border-radius:999px;background:#120d0c57}.portrait-impact-strip{display:flex;flex-wrap:wrap;gap:.16rem;align-items:center;justify-content:center;padding:.14rem .24rem .06rem}.portrait-impact-chip{display:inline-flex;align-items:center;gap:.14rem;min-height:1.08rem;padding:.08rem .26rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0a090847}.portrait-impact-chip em,.portrait-impact-chip strong{margin:0;font-style:normal;line-height:1}.portrait-impact-chip em{font-size:.45rem;color:#f8f2e6bd}.portrait-impact-chip strong{font-size:.54rem;color:#fff7ed}.portrait-impact-chip.is-damage{background:#ad473b38}.portrait-impact-chip.is-damage strong{color:#ffd2c9}.portrait-impact-chip.is-shield{background:#5284ca3d}.portrait-impact-chip.is-shield strong{color:#d0e7ff}.portrait-impact-chip.is-heal{background:#549b643d}.portrait-impact-chip.is-heal strong{color:#d4ffd8}.portrait-impact-chip.is-energy{background:#bb8e413d}.portrait-impact-chip.is-energy strong{color:#ffe7ad}.portrait-impact-chip.is-status{background:#7e675242}.portrait-battle-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:.24rem;align-items:center;min-height:82px;padding:.34rem .4rem;border-radius:22px;background:radial-gradient(circle at center,rgba(255,255,255,.18),transparent 42%),#140f0c38;border:1px solid rgba(255,255,255,.08)}.portrait-actual-stage .duel-card{padding:.3rem .34rem;border-radius:20px;background:radial-gradient(circle at center,#fff6e685,#ffffff29),#0000001f}.portrait-actual-stage .duel-head strong{font-size:.74rem}.portrait-orb-row-live{justify-content:space-between;gap:.14rem}.portrait-orb-live.is-ready{box-shadow:0 0 0 2px #fff5bdb8,0 4px 10px #00000029}.portrait-energy-row-live{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.16rem}.portrait-energy-unit{min-width:0;padding:.16rem .18rem .14rem;border-radius:12px;background:#0909094d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.portrait-energy-unit.is-ready{border-color:#ffecacb8;box-shadow:inset 0 0 0 1px #ffecac6b,0 4px 10px #0000001f}.portrait-energy-unit.is-burst-ready{border-color:#ffaa70c7;box-shadow:inset 0 0 0 1px #ffaa7075,0 4px 10px #00000024}.portrait-energy-meta,.portrait-energy-thresholds{display:flex;align-items:center;justify-content:space-between;gap:.14rem}.portrait-energy-meta strong{min-width:0;font-size:.48rem;line-height:1;color:#fff6e7}.portrait-energy-meta span{flex-shrink:0;font-size:.48rem;line-height:1;color:#fff7ecd1}.portrait-energy-battery-shell{position:relative;margin-top:.12rem;padding-right:4px}.portrait-energy-battery{position:relative;height:8px;border-radius:999px;overflow:hidden;background:#ffffff1f;border:1px solid rgba(255,255,255,.08)}.portrait-energy-battery-shell:after{content:"";position:absolute;right:0;top:50%;width:3px;height:4px;border-radius:0 2px 2px 0;background:#ffffff52;transform:translateY(-50%)}.portrait-energy-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit}.portrait-energy-marker{position:absolute;top:-1px;bottom:-1px;width:2px;border-radius:999px;transform:translate(-50%);background:#ffffff8f}.portrait-energy-marker.is-cost{background:#fff4bfc2}.portrait-energy-marker.is-burst{background:#ffaa70c2}.portrait-energy-thresholds{margin-top:.1rem}.portrait-energy-thresholds span{font-size:.42rem;line-height:1;color:#fff7ecb8}.portrait-stage-side,.portrait-stage-center{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;min-height:72px;font-size:.66rem;text-align:center}.portrait-stage-side{background:#ffffff14}.portrait-stage-center{padding:.38rem .56rem;background:#0808086b;display:flex;flex-direction:column;gap:.12rem}.portrait-stage-center strong,.portrait-stage-center span{display:block}.portrait-stage-center strong{font-size:.78rem;font-weight:800;color:#5aeed7}.portrait-stage-center span{font-size:.54rem;line-height:1.1;color:#f8f2e6d6}.portrait-orb-row{display:flex;gap:.28rem;justify-content:center}.portrait-orb{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.62rem;font-weight:800;color:#fff7ed;border:2px solid rgba(255,255,255,.24);box-shadow:0 4px 10px #00000029}.portrait-battle-log-strip{padding:.36rem .44rem;border-radius:16px;background:#0a09086b;border:1px solid rgba(255,255,255,.08)}.portrait-battle-log-strip-live{display:flex;flex-direction:column;gap:.12rem;padding:.32rem .38rem;min-height:12.7rem;max-height:12.7rem}.portrait-inline-skill{margin-top:.12rem}.portrait-inline-skill .action-skill{margin-top:0}.portrait-inline-tags{display:flex;gap:.18rem;flex-wrap:wrap}.portrait-inline-tags span{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .26rem;border-radius:999px;background:#ffffff14;font-size:.48rem}.portrait-live-log-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;flex:1;min-height:0;gap:.06rem;overflow:hidden}.portrait-live-log-list li{font-size:.6rem;line-height:.82rem;max-height:calc(.82rem * 2 + .14rem);padding:.03rem 0 .05rem;border-bottom:1px solid rgba(255,255,255,.08);white-space:normal;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.portrait-battle-bottom{margin-top:0;display:flex;flex-direction:column;gap:.1rem;min-height:0}.portrait-battle-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem}.portrait-battle-controls button{padding:.34rem .24rem;font-size:.56rem}.portrait-battle-log-strip strong,.portrait-battle-log-strip span,.portrait-battle-log-strip em{display:block}.portrait-battle-log-strip strong{font-size:.68rem;color:#77ffbe}.portrait-battle-log-strip span{margin-top:.08rem;font-size:.58rem;line-height:1.14}.portrait-battle-log-strip em{margin-top:.08rem;font-style:normal;font-size:.54rem;line-height:1.12;color:#f8f2e6bd}.portrait-board-caption{padding:.28rem .4rem;border-radius:14px;background:#0c0a083d;border:1px solid rgba(255,255,255,.08)}.portrait-board-caption span{display:block;font-size:.56rem;line-height:1.14;color:#f8f2e6d1}.mock-preview-frame{pointer-events:none}.formal-preview-frame{pointer-events:auto}.mock-preview-frame .portrait-screen{height:100%;padding:.56rem;gap:.42rem}.mock-preview-frame .portrait-screen-heroes-live{padding-top:.4rem;gap:.28rem}.mock-preview-frame .portrait-screen-heroes-live .portrait-screen-header{gap:.28rem}.mock-preview-frame .portrait-screen-heroes-live .eyebrow{margin-bottom:.12rem}.mock-preview-frame .portrait-screen-heroes-live .portrait-mini-tag{padding:.12rem .28rem}.mock-preview-frame .portrait-screen-heroes-live .portrait-compact-strip{gap:.18rem}.mock-preview-frame .portrait-screen-heroes-live .portrait-compact-strip span{padding:.14rem .18rem}.mock-preview-frame .portrait-screen-header{gap:.46rem}.mock-preview-frame .portrait-screen-header strong{font-size:.88rem}.mock-preview-frame .portrait-resource-row span,.mock-preview-frame .portrait-mini-tag{padding:.14rem .32rem;font-size:.56rem}.mock-preview-frame .portrait-stage-banner{padding:.48rem}.mock-preview-frame .portrait-stage-banner strong{font-size:.8rem}.mock-preview-frame .portrait-stage-banner p{margin-top:.1rem;font-size:.56rem;line-height:1.14}.mock-preview-frame .portrait-stage-actions{margin-top:.24rem;gap:.2rem}.mock-preview-frame .portrait-stage-actions button{padding:.34rem .24rem;font-size:.56rem}.mock-preview-frame .camp-stage-picker .camp-section-head span,.mock-preview-frame .camp-section-head strong{font-size:.64rem}.mock-preview-frame .stage-picker-grid{gap:.24rem}.mock-preview-frame .stage-picker-chip{padding:.28rem .3rem;font-size:.56rem}.mock-preview-frame .portrait-compact-strip{gap:.22rem}.mock-preview-frame .portrait-compact-strip span{padding:.18rem .2rem;font-size:.5rem}.mock-preview-frame .camp-entry-grid{gap:.3rem}.mock-preview-frame .camp-entry-card{min-height:4.7rem;padding:.54rem .58rem;border-radius:18px}.mock-preview-frame .camp-entry-card strong{font-size:.74rem}.mock-preview-frame .camp-entry-card em{font-size:.54rem;line-height:1.12}.mock-preview-frame .portrait-bottom-nav{gap:.18rem;padding:.22rem}.mock-preview-frame .portrait-nav-button{padding:.28rem .16rem;font-size:.58rem}.mock-preview-frame .portrait-hero-grid-live{gap:.2rem}.mock-preview-frame .portrait-hero-card-live{grid-template-columns:minmax(0,1fr) 4.9rem;gap:.16rem;padding:.1rem .22rem}.mock-preview-frame .portrait-hero-heading{gap:.14rem}.mock-preview-frame .portrait-hero-title{gap:.16rem}.mock-preview-frame .portrait-hero-title strong{font-size:.62rem;line-height:1.12}.mock-preview-frame .portrait-hero-color-chip,.mock-preview-frame .portrait-hero-state-chip{padding:.04rem .16rem;font-size:.46rem}.mock-preview-frame .portrait-hero-meta-row{gap:.06rem;margin-top:.1rem}.mock-preview-frame .portrait-hero-meta-row span{padding:.04rem .14rem;font-size:.54rem}.mock-preview-frame .portrait-hero-detail-grid{gap:.1rem;margin-top:.1rem;flex:1}.mock-preview-frame .portrait-hero-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-preview-frame .portrait-hero-detail-card,.mock-preview-frame .portrait-hero-passive{padding:.09rem .17rem .11rem;border-radius:10px}.mock-preview-frame .portrait-hero-detail-card{min-height:2rem;padding-top:.06rem;padding-bottom:.08rem}.mock-preview-frame .portrait-hero-passive{min-height:1.82rem}.mock-preview-frame .portrait-hero-detail-label{font-size:.54rem;letter-spacing:.04em;line-height:1.16}.mock-preview-frame .portrait-hero-detail-card strong{margin-top:.02rem;font-size:.54rem;line-height:1.16;overflow-wrap:anywhere}.mock-preview-frame .portrait-hero-detail-card p,.mock-preview-frame .portrait-hero-passive p{margin-top:.02rem;font-size:.54rem;line-height:1.16;display:block;overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.mock-preview-frame .portrait-hero-passive .portrait-hero-line{white-space:normal;overflow:visible;text-overflow:clip;text-align:left;font-size:.54rem;line-height:1.16}.mock-preview-frame .portrait-hero-passive{margin-top:.1rem;padding-top:.1rem;display:flex;flex-direction:column;justify-content:center}.mock-preview-frame .portrait-hero-passive .portrait-hero-detail-label{font-size:.54rem;line-height:1.16;letter-spacing:0;text-align:left}.mock-preview-frame .portrait-card-actions-live{display:grid;grid-template-columns:1fr;gap:.06rem;align-content:center;justify-items:stretch}.mock-preview-frame .portrait-card-actions-live button{min-height:1.16rem;padding:.09rem .08rem;font-size:.54rem;line-height:1;font-weight:600;white-space:nowrap;border-radius:11px}.mock-preview-frame .portrait-bag-grid-live{gap:.24rem}.mock-preview-frame .portrait-bag-card-live{padding:.34rem;border-radius:16px}.mock-preview-frame .portrait-bag-card-top strong{font-size:.64rem}.mock-preview-frame .portrait-bag-card-top span{font-size:.5rem}.mock-preview-frame .portrait-bag-card p{margin-top:.1rem;font-size:.52rem;line-height:1.12}.mock-preview-frame .portrait-bag-learn{margin-top:.18rem;padding:.28rem .24rem;font-size:.56rem}.mock-preview-frame .guide-head{gap:.42rem}.mock-preview-frame .guide-head h2{font-size:.92rem}.mock-preview-frame .guide-panel-live>p,.mock-preview-frame .notes li{font-size:.58rem;line-height:1.2}.mock-preview-frame .notes{gap:.18rem}.mock-preview-frame .button-row{gap:.24rem}.mock-preview-frame .button-row button{padding:.36rem .28rem;font-size:.58rem}.mock-preview-frame .portrait-result-screen-live{padding-right:.42rem}.mock-preview-frame .portrait-result-summary-card,.mock-preview-frame .portrait-result-books-card,.mock-preview-frame .result-wave-module{padding:.48rem;border-radius:18px}.mock-preview-frame .portrait-result-summary-copy p{font-size:.6rem;line-height:1.22}.mock-preview-frame .portrait-result-summary-label,.mock-preview-frame .portrait-result-book-chip{font-size:.54rem}.mock-preview-frame .portrait-result-wave-tabs button{padding:.3rem .18rem;font-size:.58rem}.mock-preview-frame .portrait-result-wave-card{padding:.5rem;border-radius:18px}.mock-preview-frame .portrait-result-wave-head strong{font-size:.72rem}.mock-preview-frame .portrait-result-wave-head span{font-size:.58rem;line-height:1.22}.mock-preview-frame .portrait-result-actor-card{padding:.34rem .4rem;border-radius:14px}.mock-preview-frame .portrait-result-actor-name{font-size:.64rem}.mock-preview-frame .portrait-result-item{padding:.14rem .28rem;font-size:.5rem}.mock-preview-frame .portrait-result-item em{font-size:.46rem}.portrait-board-frame{margin-top:auto;border-radius:24px;padding:.42rem;background:linear-gradient(180deg,#7e6752d1,#544032eb),#2c221c99;border:1px solid rgba(255,226,194,.12);box-shadow:inset 0 0 0 2px #ffe8cc14}.portrait-board-frame-live{margin-top:0;flex:none;min-height:20.1rem;display:flex}.portrait-board-stack-live{width:100%;height:auto;aspect-ratio:1 / 1}.portrait-board-grid-live{width:100%;height:auto;max-width:none;max-height:none}.portrait-board-stack-live .path-overlay{width:calc(100% - .7rem);height:auto;max-width:none;max-height:none;aspect-ratio:1 / 1}.portrait-preview-board-grid{gap:.26rem}.portrait-preview-board-grid .preview-board-tile{border:1px solid rgba(33,25,21,.22);box-shadow:inset 0 -10px 14px #0000001f,inset 0 0 0 1px #fff0dc14}.portrait-mock-note{font-size:.72rem;line-height:1.3;color:#5f4c3d;text-align:center}.portrait-result-screen{justify-content:flex-start;overflow:auto;padding-right:.28rem}.portrait-result-demo-card{display:flex;flex-direction:column;gap:.46rem;padding:.72rem;border-radius:22px;background:linear-gradient(180deg,#ffffff14,#fff0),#100c0a38;border:1px solid rgba(255,246,232,.08)}.portrait-result-demo-title{display:block;font-size:.92rem;color:#fff6ea}.portrait-result-demo-summary{margin:0;font-size:.68rem;line-height:1.35;color:#f8f2e6d1}.portrait-result-insert-card{display:flex;flex-direction:column;gap:.34rem;padding:.54rem;border-radius:18px;background:#fff8ee12;border:1px solid rgba(255,246,232,.06)}.portrait-result-insert-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.portrait-result-insert-head strong{color:#fff6ea;font-size:.76rem}.portrait-result-insert-head span{font-size:.62rem;color:#f8f2e6a3}.portrait-result-legend{padding:.36rem .44rem;border-radius:14px;background:#f4ece014;border:1px solid rgba(255,246,232,.05)}.portrait-result-legend span{display:block;font-size:.62rem;line-height:1.3;color:#f8f2e6c7}.portrait-result-wave-stack{display:flex;min-height:0;overflow:visible}.portrait-result-wave-card{padding:.68rem;border-radius:22px;background:linear-gradient(180deg,#ffffff0f,#fff0),#110d0b29;border:1px solid rgba(255,246,232,.08)}.portrait-result-wave-card.is-hidden{display:none}.portrait-result-wave-card.is-active{display:block}.portrait-result-wave-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.portrait-result-wave-tabs button{padding:.38rem .22rem;font-size:.64rem}.portrait-result-wave-head{display:flex;flex-direction:column;gap:.16rem;margin-bottom:.5rem}.portrait-result-wave-head strong{color:#fff6e9;font-size:.84rem}.portrait-result-wave-head span{font-size:.68rem;line-height:1.4;color:#f8f2e6c2}.portrait-result-wave-actors{display:flex;flex-direction:column;gap:.28rem}.portrait-result-actor-card{padding:.42rem .5rem;border-radius:16px;background:#fff8ee14}.portrait-result-actor-name{display:block;margin-bottom:.2rem;font-size:.72rem;color:#fff6ea}.portrait-result-actor-items{display:flex;flex-wrap:wrap;gap:.2rem}.portrait-result-item{display:inline-flex;align-items:center;gap:.18rem;padding:.18rem .36rem;border-radius:999px;background:#0c09083d;border:1px solid rgba(255,246,232,.06);font-size:.6rem;line-height:1.2;color:#f8f2e6e0}.portrait-result-item em{font-style:normal;color:#f8f2e69e}.portrait-result-item-flag{display:inline-flex;align-items:center;padding:.02rem .18rem;border-radius:999px;background:#fff6e81f;border:1px solid rgba(255,246,232,.08);font-style:normal;font-size:.46rem;line-height:1;color:#fff6e8b3}.portrait-result-item.is-normal{color:#ffe4a8}.portrait-result-item.is-skill{color:#ffbaaa}.portrait-result-item.is-shield{color:#a7d7ff}.portrait-result-item.is-heal{color:#bce9c1}.portrait-result-demo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem}.portrait-result-demo-actions button{padding:.48rem .3rem;font-size:.68rem}.portrait-result-demo-note{margin:0;font-size:.66rem;line-height:1.3;color:#f8f2e6bd;text-align:center}.portrait-result-screen-live{padding-right:.52rem}.portrait-result-screen-live .portrait-mini-tag.is-win{background:#4a835f57;color:#ddf6e3}.portrait-result-screen-live .portrait-mini-tag.is-lose{background:#8b494252;color:#ffe1dc}.portrait-result-summary-card,.portrait-result-books-card{display:flex;flex-direction:column;gap:.36rem;padding:.62rem;border-radius:22px;background:linear-gradient(180deg,#ffffff14,#fff0),#100c0a38;border:1px solid rgba(255,246,232,.08)}.portrait-result-summary-card.is-win{box-shadow:inset 0 0 0 1px #95dba414}.portrait-result-summary-card.is-lose{box-shadow:inset 0 0 0 1px #df978b14}.portrait-result-summary-copy{display:flex;flex-direction:column;gap:.16rem}.portrait-result-summary-label{font-size:.62rem;color:#f8f2e6ad}.portrait-result-summary-copy p{font-size:.68rem;line-height:1.32;color:#f8f2e6e0}.portrait-result-summary-strip{margin-top:.04rem}.portrait-result-reward-books{display:flex;flex-wrap:wrap;gap:.26rem}.portrait-result-book-chip{display:inline-flex;align-items:center;padding:.22rem .42rem;border-radius:999px;background:#0c09083d;border:1px solid rgba(255,246,232,.08);font-size:.62rem;color:#f8f2e6e6}.result-actions-live{margin-top:auto}.guide-panel-live{justify-content:flex-start}.battle-layout-preview-page{height:100%;padding:.78rem;display:flex;flex-direction:column;gap:.62rem;overflow:hidden}.battle-layout-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.battle-layout-preview-grid{flex:1;min-height:0;display:grid;grid-template-columns:236px minmax(0,1fr) 236px;grid-template-rows:minmax(0,3fr) minmax(0,4fr);grid-template-areas:"left top right" "left bottom right";gap:.72rem}.battle-layout-side,.battle-layout-center-top,.battle-layout-center-bottom{background:#ffffff57;border:1px solid var(--line);border-radius:24px;min-height:0}.battle-layout-side{grid-row:1 / span 2;padding:.5rem;display:flex;flex-direction:column;gap:.42rem;overflow:hidden;height:100%}.battle-layout-side-left{grid-area:left}.battle-layout-side-right{grid-area:right}.battle-layout-side-head,.battle-layout-log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.battle-layout-side-head strong,.battle-layout-log-head strong{font-size:.88rem}.battle-layout-side-head span,.battle-layout-log-head span{font-size:.68rem;color:var(--soft)}.battle-layout-side-list{display:grid;gap:.34rem;min-height:0;flex:1;align-content:start}.layout-side-card{padding:.4rem .42rem;border-radius:16px;background:#ffffff75;border:1px solid rgba(43,33,24,.08)}.layout-side-card.enemy{background:#fff4eca3}.layout-side-top{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem}.layout-side-top strong{font-size:.78rem}.layout-side-top span{font-size:.62rem}.layout-side-card p{margin-top:.16rem;font-size:.64rem;line-height:1.18;color:#644f3e}.battle-layout-center-top{grid-area:top;padding:.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:.52rem;overflow:hidden;min-height:0}.battle-layout-duel,.battle-layout-log{border-radius:18px;background:#ffffff6b;border:1px solid rgba(43,33,24,.08)}.battle-layout-duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.5rem}.battle-layout-duel-unit{display:flex;flex-direction:column;align-items:center;gap:.18rem;text-align:center}.battle-layout-duel-unit strong{font-size:.78rem}.battle-layout-duel-unit span{font-size:.6rem;line-height:1.1;color:#6b5848}.battle-layout-duel-impact{font-size:.88rem;font-weight:800;color:#8a4a2f}.layout-avatar{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(43,33,24,.08);background:linear-gradient(135deg,#c98a5a,#84533a)}.layout-avatar span{display:block;width:34px;height:34px;border-radius:999px;background:#fff6e4e6}.layout-avatar.actor-blade{background:linear-gradient(135deg,#bb5d45,#7f2a1c)}.layout-avatar.boar{background:linear-gradient(135deg,#cf9a82,#945b48)}.battle-layout-log{padding:.42rem .48rem;display:flex;flex-direction:column;gap:.18rem;overflow:hidden}.battle-layout-log-list{list-style:none;padding-left:0;margin:0;display:grid;gap:.08rem;grid-auto-rows:1rem}.battle-layout-log-list li{font-size:.64rem;line-height:1rem;border-bottom:1px solid rgba(43,33,24,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-layout-center-bottom{grid-area:bottom;padding:.55rem;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.battle-layout-board-wrap{height:min(50dvh,29rem);aspect-ratio:1 / 1;width:auto;max-width:100%;border-radius:24px;padding:.55rem;background:linear-gradient(180deg,#ffffff80,#eadec870),#2b21180d}.preview-board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:.34rem}.preview-board-tile{border-radius:14px;position:relative;box-shadow:inset 0 -10px 14px #0000001f}.guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.animation-demo-screen{background:radial-gradient(circle at top,rgba(240,228,207,.16),transparent 30%),linear-gradient(180deg,#2b2017,#16120f 62%)}.animation-demo-shell{width:min(1280px,100%);margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;overflow:hidden}.animation-demo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.animation-demo-head h2{font-size:1.72rem;line-height:1}.animation-demo-head p:last-child{margin-top:.28rem;max-width:54rem;color:var(--soft);line-height:1.32}.animation-demo-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.animation-demo-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:.8rem}.animation-demo-stage-panel,.animation-demo-log-panel{min-height:0;background:#ffffff57;border:1px solid var(--line);border-radius:24px;overflow:hidden}.animation-demo-stage-panel{padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.animation-demo-meta{display:flex;gap:.35rem;flex-wrap:wrap}.animation-demo-meta span{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .52rem;border-radius:999px;background:#2b211814;border:1px solid rgba(43,33,24,.1);font-size:.72rem;color:#5c493b}.animation-demo-caption{padding:.62rem .72rem;border-radius:18px;background:#ffffff6b;border:1px solid rgba(43,33,24,.08)}.animation-demo-caption strong,.animation-demo-caption span{display:block}.animation-demo-caption strong{font-size:.92rem}.animation-demo-caption span{margin-top:.18rem;font-size:.78rem;line-height:1.28;color:#5f4c3d}.animation-demo-log-panel{padding:.72rem;display:flex;flex-direction:column;gap:.54rem}.animation-demo-log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.animation-demo-log-head strong{display:block;font-size:1rem}.animation-demo-log-head span{color:var(--soft);font-size:.74rem}.animation-event-list{list-style:none;padding-left:0;margin:0;display:grid;gap:.42rem;overflow-y:auto;min-height:0;padding-right:.12rem}.animation-event-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:flex-start;padding:.56rem .62rem;border-radius:18px;background:#ffffff6b;border:1px solid rgba(43,33,24,.08);opacity:.7;transform:scale(.985);transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,border-color .16s ease}.animation-event-item.is-active{opacity:1;transform:scale(1);border-color:#b84d2f57;box-shadow:0 10px 24px #603a211f}.animation-event-turn{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.26rem .38rem;border-radius:999px;background:linear-gradient(135deg,#b84d2f,#8d2f21);color:#fff7ed;font-size:.72rem;font-weight:800}.animation-event-body strong,.animation-event-body span{display:block}.animation-event-body strong{font-size:.86rem}.animation-event-body span{margin-top:.14rem;font-size:.74rem;line-height:1.28;color:#655142}.notes{list-style:none;padding-left:0;display:grid;gap:.35rem}.battle-screen,.result-screen{height:100dvh;padding:1rem;overflow:hidden}.stable-page-root{position:relative;overflow:hidden;--stable-page-scale: 1}.stable-page-frame{position:absolute;top:50%;left:50%;width:390px;height:844px;aspect-ratio:9 / 19.5;transform:translate(-50%,-50%) scale(var(--stable-page-scale));transform-origin:center center;overflow:hidden;padding:.7rem;border-radius:36px;background:linear-gradient(180deg,#ffffff38,#ffffff05),linear-gradient(180deg,#40332a,#201712);box-shadow:inset 0 0 0 1px #ffffff1a,0 22px 46px #00000047}.stable-page-frame>*{width:100%;height:100%}.portrait-page-host{display:flex;align-items:stretch;justify-content:center}.portrait-page-host .portrait-screen{width:min(1100px,100%);height:100%;max-height:calc(100dvh - 2rem);border-radius:28px}.battle-page,.battle-panel{height:100%}.battle-panel{padding:.82rem;display:grid;grid-template-rows:auto minmax(0,220px) minmax(0,1fr);gap:.72rem;overflow:hidden}.battle-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.battle-title h1{font-size:1.88rem;line-height:1;letter-spacing:-.04em}.battle-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.24rem;color:#5e4d3e;font-size:.88rem;font-weight:700}.line-zone{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:.7rem;min-height:0}.line-card,.duel-card,.board-panel,.combat-log-panel{background:#ffffff57;border:1px solid var(--line);border-radius:24px}.line-card{padding:.44rem;display:flex;flex-direction:column;gap:.38rem;min-height:0;height:100%;overflow:hidden}.duel-card{padding:.42rem .48rem;display:flex;flex-direction:column;gap:.28rem;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#fff6e6c7,#ffffff57),#ffffff57}.duel-head strong{display:block;font-size:.84rem;line-height:1}.duel-stage{position:relative;min-height:128px;border-radius:18px;padding:.48rem .35rem .44rem;display:grid;grid-template-columns:1fr 40px 1fr;align-items:end;gap:.12rem;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.82),transparent 46%),linear-gradient(180deg,#fff8eceb,#e7d7bdb8);border:1px solid rgba(43,33,24,.08);overflow:hidden}.duel-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:.74rem;height:10px;border-radius:999px;background:linear-gradient(90deg,#7a60411f,#52402a47,#7a60411f)}.duel-stage.is-preview{box-shadow:inset 0 0 0 1px #d6b6706b}.duel-stage.is-clashing{background:radial-gradient(circle at 50% 36%,rgba(255,252,226,.96),transparent 44%),linear-gradient(180deg,#fff8eceb,#e7d7bdb8)}.duel-lane{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.16rem}.duel-name{font-size:.7rem;font-weight:800;line-height:1}.duel-note{max-width:100%;font-size:.56rem;line-height:1.1;text-align:center;color:#6f5b47}.chibi{position:relative;width:58px;height:68px}.chibi-shadow{position:absolute;left:50%;bottom:4px;width:52px;height:12px;border-radius:999px;background:#39281833;transform:translate(-50%);filter:blur(1px)}.chibi-body{position:absolute;inset:0}.chibi-head,.chibi-face,.chibi-torso,.chibi-arm,.chibi-leg,.chibi-weapon{position:absolute;display:block}.chibi-head{left:18px;top:6px;width:36px;height:30px;border-radius:46% 46% 42% 42%;background:#f4d0b4;border:2px solid rgba(38,29,21,.18)}.chibi-face{left:24px;top:17px;width:24px;height:10px}.chibi-face:before,.chibi-face:after{content:"";position:absolute;top:0;width:4px;height:4px;border-radius:999px;background:#3d2d22}.chibi-face:before{left:3px}.chibi-face:after{right:3px}.chibi-torso{left:19px;top:34px;width:34px;height:28px;border-radius:12px 12px 14px 14px;border:2px solid rgba(36,28,23,.18);background:linear-gradient(180deg,#ffffff6b,#00000014)}.chibi-arm{top:37px;width:12px;height:26px;border-radius:999px;background:inherit;border:2px solid rgba(36,28,23,.18)}.chibi-arm.left{left:12px;transform:rotate(22deg)}.chibi-arm.right{right:11px;transform:rotate(-20deg)}.chibi-leg{bottom:10px;width:12px;height:24px;border-radius:999px;background:#493729e6}.chibi-leg.left{left:22px}.chibi-leg.right{right:21px}.chibi-weapon{right:2px;top:34px;width:24px;height:8px;border-radius:999px;background:linear-gradient(90deg,#fff6e6e6,#a37f52f2);transform:rotate(-28deg);transform-origin:left center;box-shadow:0 0 0 2px #4a3a2b1f}.fighter-ally.actor-blade .chibi-head:before,.fighter-ally.actor-guard .chibi-head:before,.fighter-ally.actor-leaf .chibi-head:before,.fighter-ally.actor-spark .chibi-head:before,.fighter-ally.actor-shade .chibi-head:before{content:"";position:absolute;inset:-4px -2px 12px;border-radius:48% 48% 34% 34%}.fighter-ally.actor-blade .chibi-head:before{background:#82311f}.fighter-ally.actor-guard .chibi-head:before{background:#325777}.fighter-ally.actor-leaf .chibi-head:before{background:#54824a}.fighter-ally.actor-spark .chibi-head:before{background:#9f7b22}.fighter-ally.actor-shade .chibi-head:before{background:#5f427a}.fighter-ally.actor-blade .chibi-torso,.fighter-ally.actor-blade .chibi-arm{background-color:#b64530}.fighter-ally.actor-guard .chibi-torso,.fighter-ally.actor-guard .chibi-arm{background-color:#356b8e}.fighter-ally.actor-leaf .chibi-torso,.fighter-ally.actor-leaf .chibi-arm{background-color:#4d8753}.fighter-ally.actor-spark .chibi-torso,.fighter-ally.actor-spark .chibi-arm{background-color:#b38c2d}.fighter-ally.actor-shade .chibi-torso,.fighter-ally.actor-shade .chibi-arm{background-color:#6b4a8e}.fighter-ally.color-blue .chibi-weapon{width:18px;height:18px;right:1px;top:34px;border-radius:50%;background:radial-gradient(circle,#ddf0fcf5,#4d7a9df5);box-shadow:0 0 0 4px #3f678a33}.fighter-ally.color-green .chibi-weapon{width:20px;height:12px;background:linear-gradient(135deg,#d9f0d2,#6fa764);border-radius:999px 0}.fighter-ally.color-yellow .chibi-weapon{width:22px;height:10px;background:linear-gradient(90deg,#fff5c8,#dbb53f);box-shadow:0 0 10px #dbb53f6b}.fighter-ally.color-purple .chibi-weapon{width:24px;height:10px;background:linear-gradient(90deg,#f3e6ff,#8762a9)}.boar-body{position:absolute;inset:0}.boar-head{position:absolute;left:12px;top:14px;width:48px;height:34px;border-radius:48% 48% 44% 44%;background:linear-gradient(180deg,#cd9075,#ab654f);border:2px solid rgba(57,34,24,.18)}.boar-ear,.boar-eye,.boar-snout,.boar-tusk,.boar-leg{position:absolute;display:block}.boar-ear{top:8px;width:14px;height:14px;border-radius:5px;background:#9c5d49}.boar-ear.left{left:12px;transform:rotate(-24deg)}.boar-ear.right{right:12px;transform:rotate(24deg)}.boar-eye{top:26px;width:4px;height:4px;border-radius:999px;background:#301d15}.boar-eye.left{left:25px}.boar-eye.right{right:25px}.boar-snout{left:22px;top:34px;width:28px;height:16px;border-radius:999px;background:#efb39c;border:2px solid rgba(57,34,24,.14)}.boar-snout:before,.boar-snout:after{content:"";position:absolute;top:5px;width:3px;height:4px;border-radius:999px;background:#8e5a47}.boar-snout:before{left:8px}.boar-snout:after{right:8px}.boar-tusk{top:42px;width:9px;height:10px;border-radius:0 0 10px 10px;background:#fff2de}.boar-tusk.left{left:17px;transform:rotate(18deg)}.boar-tusk.right{right:17px;transform:rotate(-18deg)}.boar-leg{bottom:12px;width:13px;height:24px;border-radius:999px;background:#8c5140}.boar-leg.left{left:20px}.boar-leg.right{right:20px}.duel-impact{position:relative;z-index:1;width:40px;height:64px;align-self:center}.impact-ring,.impact-slash{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);opacity:0}.impact-ring{width:20px;height:20px;border-radius:999px;border:3px solid rgba(255,218,90,.96)}.impact-slash{width:30px;height:8px;border-radius:999px;background:linear-gradient(90deg,#fff6d400,#ffdb6df5,#fff6d400)}.impact-slash.left{transform:translate(-50%,-50%) rotate(28deg)}.impact-slash.right{transform:translate(-50%,-50%) rotate(-28deg)}.duel-stage.is-preview .fighter-ally{animation:duel-ready-bob 1.2s ease-in-out infinite}.duel-stage.is-clashing .fighter-ally{animation:duel-ally-dash .68s ease-out both}.duel-stage.is-clashing .fighter-enemy{animation:duel-enemy-hit .68s ease-out both}.duel-stage.is-clashing .impact-ring{animation:duel-impact-ring .68s ease-out both}.duel-stage.is-clashing .impact-slash.left,.duel-stage.is-clashing .impact-slash.right{animation:duel-impact-slash .68s ease-out both}.animation-cinema-card{flex:1;display:flex;flex-direction:column;gap:.5rem}.animation-cinema-head strong{display:block;font-size:.98rem;line-height:1}.stick-cinema-stage{position:relative;min-height:396px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 24%,#ffffff14,#fff0 30%),linear-gradient(180deg,#2d3038,#1f2229 58%,#17191f);border:1px solid rgba(43,33,24,.08)}.stick-cinema-stage:before,.stick-cinema-stage:after{content:"";position:absolute;inset:0;pointer-events:none}.stick-cinema-stage:before{background:radial-gradient(circle at 50% 72%,#ffffff14,#fff0 28%);opacity:.9}.stick-cinema-stage:after{top:auto;height:42%;background:radial-gradient(circle at 50% 0%,#ffffff0f,#fff0 54%),linear-gradient(180deg,#fff0,#0000001f)}.stick-cinema-ground{position:absolute;left:10%;right:10%;bottom:46px;height:8px;border-radius:999px;background:radial-gradient(circle at 50% 50%,#ffffff2e,#fff0);filter:blur(2px)}.stick-cinema-actor{position:absolute;bottom:48px;display:flex;flex-direction:column;align-items:center;gap:.34rem}.stick-cinema-ally{left:calc(50% - 138px)}.stick-cinema-enemy{left:calc(50% + 18px);right:auto}.stick-cinema-name{font-size:.92rem;font-weight:800;line-height:1;color:#f3ede4;text-shadow:0 1px 2px rgba(0,0,0,.36)}.animation-cinema-caption{padding:.5rem .62rem 0}.animation-cinema-caption strong,.animation-cinema-caption span{display:block}.animation-cinema-caption strong{font-size:.9rem}.animation-cinema-caption span{margin-top:.14rem;font-size:.74rem;line-height:1.24;color:#c9bdaf}.stick-cinema-stage .stick-figure{position:relative;width:104px;height:196px;--stick-ink: #f3f5f8;--stick-ink-soft: #f3f5f8;background:transparent!important;box-shadow:none!important}.stick-cinema-stage .fighter-ally.actor-blade{--stick-ink: #a93726;--stick-ink-soft: #d25b45;--strike-glow: rgba(226, 106, 76, .96);--strike-core: #ffe3cf}.stick-cinema-stage .fighter-ally.actor-guard{--stick-ink: #2f6287;--stick-ink-soft: #5d99c4;--strike-glow: rgba(110, 186, 238, .96);--strike-core: #e2f3ff}.stick-cinema-stage .fighter-ally.actor-leaf{--stick-ink: #447b47;--stick-ink-soft: #79b16f;--strike-glow: rgba(127, 212, 116, .96);--strike-core: #efffdc}.stick-cinema-stage .fighter-ally.actor-spark{--stick-ink: #a57a1e;--stick-ink-soft: #d7bb57;--strike-glow: rgba(255, 207, 76, .98);--strike-core: #fff7c2}.stick-cinema-stage .fighter-ally.actor-shade{--stick-ink: #694892;--stick-ink-soft: #9b79c4;--strike-glow: rgba(174, 118, 255, .96);--strike-core: #f3e6ff}.stick-cinema-stage .fighter-enemy{--stick-ink: #101216;--stick-ink-soft: #2f353f;--strike-glow: rgba(239, 87, 87, .96);--strike-core: #ffd9d9;transform:scaleX(-1)}.stick-cinema-stage.attacker-ally .stick-cinema-ally,.stick-cinema-stage.attacker-enemy .stick-cinema-enemy{z-index:2}.stick-cinema-stage .stick-shadow{position:absolute;left:50%;bottom:8px;width:76px;height:14px;border-radius:999px;background:#ffffff1f;transform:translate(-50%);filter:blur(1.4px)}.stick-cinema-stage .stick-head,.stick-cinema-stage .stick-spine,.stick-cinema-stage .stick-arm,.stick-cinema-stage .stick-leg,.stick-cinema-stage .stick-weapon,.stick-cinema-stage .demo-motion-trail,.stick-cinema-stage .enemy-horn{position:absolute;display:block}.stick-cinema-stage .stick-head{left:32px;top:0;width:40px;height:40px;border-radius:999px;background:var(--stick-ink);border:0;box-shadow:0 0 0 3px #ffffff0a}.stick-cinema-stage .stick-figure.is-defender .stick-head{background:var(--stick-ink)}.stick-cinema-stage .stick-core{position:absolute;inset:0}.stick-cinema-stage .stick-spine{left:44px;top:46px;width:16px;height:78px;border-radius:999px;background:var(--stick-ink)}.stick-cinema-stage .stick-arm{top:54px;width:56px;height:10px;border-radius:999px;background:var(--stick-ink);transform-origin:left center}.stick-cinema-stage .stick-arm.left{left:-6px}.stick-cinema-stage .stick-arm.right{left:50px}.stick-cinema-stage .stick-leg{top:116px;width:10px;height:78px;border-radius:999px;background:var(--stick-ink);transform-origin:top center}.stick-cinema-stage .stick-figure.is-defender .stick-spine,.stick-cinema-stage .stick-figure.is-defender .stick-arm,.stick-cinema-stage .stick-figure.is-defender .stick-leg{background:var(--stick-ink)}.stick-cinema-stage .stick-leg.left{left:37px}.stick-cinema-stage .stick-leg.right{left:57px}.stick-cinema-stage .stick-weapon{position:absolute;left:56px;top:78px;width:44px;height:6px;border-radius:999px;background:linear-gradient(90deg,#fff3,#ffffffdb);box-shadow:0 0 10px #ffffff1f;transform:rotate(-30deg);transform-origin:left center}.stick-cinema-stage .enemy-horn{display:none}.stick-cinema-stage .demo-motion-trail{top:54px;left:-4px;width:74px;height:8px;border-radius:999px;background:#ffffff24;transform:skew(-22deg) translate(calc(var(--trail-index, 0) * -10px));opacity:0}.stick-cinema-stage .stick-figure.is-defender .demo-motion-trail{background:#ffffff1a}.stick-cinema-impact{position:absolute;top:49%;left:50%;width:130px;height:160px;transform:translate(-50%,-50%);pointer-events:none}.demo-hit-freeze,.demo-strike-arc,.demo-strike-core{position:absolute;opacity:0}.demo-hit-freeze{inset:-18px;border-radius:18px;background:radial-gradient(circle at 50% 48%,#ffffff24,#fff0)}.demo-strike-arc{left:50%;top:50%;width:104px;height:104px;border-radius:50%;border:12px solid transparent;transform:translate(-50%,-50%) rotate(-28deg)}.demo-strike-core{left:50%;top:50%;width:72px;height:12px;border-radius:999px;transform:translate(-50%,-50%) rotate(-18deg)}.demo-strike-arc.ally{border-top-color:var(--strike-glow, rgba(255, 210, 104, .92));border-right-color:#ffffff38}.demo-strike-core.ally{background:linear-gradient(90deg,rgba(255,255,255,0),var(--strike-core, #fff4d9),rgba(255,255,255,0))}.demo-strike-arc.enemy{border-top-color:#ff5c5cf5;border-right-color:#faa3;transform:translate(-50%,-50%) rotate(198deg)}.demo-strike-core.enemy{background:linear-gradient(90deg,#fff0,#ffe0e0,#fff0);transform:translate(-50%,-50%) rotate(165deg)}.actor-blade-fx{--strike-glow: rgba(226, 106, 76, .96);--strike-core: #ffe3cf}.actor-guard-fx{--strike-glow: rgba(110, 186, 238, .96);--strike-core: #e2f3ff}.actor-leaf-fx{--strike-glow: rgba(127, 212, 116, .96);--strike-core: #efffdc}.actor-spark-fx{--strike-glow: rgba(255, 207, 76, .98);--strike-core: #fff7c2}.actor-shade-fx{--strike-glow: rgba(174, 118, 255, .96);--strike-core: #f3e6ff}.enemy-fx{--strike-glow: rgba(239, 87, 87, .96);--strike-core: #ffd9d9}.stick-cinema-stage .impact-ring{width:40px;height:40px}.stick-cinema-stage .impact-slash{width:54px;height:12px}.demo-center-glow,.demo-center-label,.demo-combo-count,.demo-hit-mark,.demo-impact-smoke,.demo-float-value,.demo-status-badge{position:absolute;z-index:3;opacity:0}.demo-center-glow{left:50%;top:50%;width:44px;height:44px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,#12121238,#12121200)}.demo-center-label{left:50%;top:50%;transform:translate(-50%,-50%);padding:.22rem .42rem;border-radius:999px;background:#121212d1;color:#f8f8f6;font-size:.82rem;font-weight:800;white-space:nowrap}.stick-cinema-stage .demo-center-glow,.stick-cinema-stage .demo-center-label,.stick-cinema-stage .impact-ring,.stick-cinema-stage .impact-slash,.stick-cinema-stage .demo-impact-smoke{display:none}.demo-combo-count{left:50%;top:16px;transform:translate(-50%);padding:.14rem .34rem;border-radius:999px;background:#121212;color:#f8f8f6;font-size:.7rem;font-weight:900;white-space:nowrap}.demo-hit-mark{left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%) scale(.3);border-radius:999px;border:2px solid rgba(28,28,28,.86);box-shadow:none}.demo-hit-mark:before,.demo-hit-mark:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,#20202000,#202020fa,#20202000)}.demo-hit-mark:before{transform:translate(-50%,-50%) rotate(24deg)}.demo-hit-mark:after{transform:translate(-50%,-50%) rotate(-30deg)}.demo-impact-smoke{left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%) scale(.42);border-radius:999px;background:radial-gradient(circle,#1111112e,#11111114 44%,#1110 72%)}.demo-float-value{top:22px;padding:.22rem .42rem;border-radius:999px;background:#121212e0;font-size:.86rem;font-weight:800}.demo-float-ally{right:2px;color:#f8f8f6}.demo-float-enemy{left:2px;color:#f8f8f6}.demo-status-badge{top:18px;left:50%;transform:translate(-50%);padding:.18rem .4rem;border-radius:999px;background:#121212;color:#f8f8f6;font-size:.76rem;font-weight:800;white-space:nowrap}.stick-cinema-stage .stick-arm:after,.stick-cinema-stage .stick-leg:after{display:none}.stick-cinema-stage .stick-arm:before,.stick-cinema-stage .stick-leg:before{display:none}.stick-cinema-ally .stick-arm.left{transform:rotate(20deg)}.stick-cinema-ally .stick-arm.right{transform:rotate(-20deg)}.stick-cinema-ally .stick-leg.left{transform:rotate(20deg)}.stick-cinema-ally .stick-leg.right{transform:rotate(-12deg)}.stick-cinema-enemy .stick-arm.left{transform:rotate(20deg)}.stick-cinema-enemy .stick-arm.right{transform:rotate(-20deg)}.stick-cinema-enemy .stick-leg.left{transform:rotate(20deg)}.stick-cinema-enemy .stick-leg.right{transform:rotate(-12deg)}.stick-cinema-stage .fighter-ally .stick-weapon{background:linear-gradient(90deg,rgba(255,255,255,.12),var(--strike-core, #fff7cf))}.stick-cinema-stage .fighter-enemy .stick-weapon{left:2px;top:80px;background:linear-gradient(90deg,#ffffff14,#ff7070cc);transform:rotate(-26deg)}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally{animation:manim-step-in-right 1.04s cubic-bezier(.2,.74,.22,1) both}.stick-cinema-stage.attacker-ally .stick-cinema-ally .demo-motion-trail,.stick-cinema-stage.attacker-enemy .stick-cinema-enemy .demo-motion-trail{animation:demo-trail-swipe .52s ease-out both;animation-delay:calc(var(--trail-index, 0) * .03s)}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-enemy,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-enemy{animation:manim-recoil-right 1.04s cubic-bezier(.16,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-impact,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-impact{animation:manim-contact-right 1.04s ease-out both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-impact{animation:manim-contact-left 1.04s ease-out both}.stick-cinema-stage.demo-attack .demo-hit-mark,.stick-cinema-stage.demo-skill .demo-hit-mark,.stick-cinema-stage.demo-enemy-attack .demo-hit-mark{animation:demo-hit-burst .62s ease-out both;animation-delay:calc(var(--hit-index, 0) * .17s)}.stick-cinema-stage.demo-attack .demo-float-enemy,.stick-cinema-stage.demo-skill .demo-float-enemy,.stick-cinema-stage.demo-heal .demo-float-ally,.stick-cinema-stage.demo-shield .demo-float-ally,.stick-cinema-stage.demo-enemy-attack .demo-float-ally{animation:demo-float-pop .98s ease-out both}.stick-cinema-stage.demo-skill .demo-center-glow{animation:demo-center-bloom .92s ease-out both}.stick-cinema-stage.demo-skill .demo-center-label,.stick-cinema-stage.demo-status .demo-center-label,.stick-cinema-stage.demo-heal .demo-center-label,.stick-cinema-stage.demo-shield .demo-center-label,.stick-cinema-stage.demo-enemy-attack .demo-center-label{animation:demo-center-tag .98s ease-out both}.stick-cinema-stage.demo-attack .demo-combo-count,.stick-cinema-stage.demo-skill .demo-combo-count,.stick-cinema-stage.demo-enemy-attack .demo-combo-count{animation:demo-combo-pop .98s ease-out both}.stick-cinema-stage.demo-heal .stick-cinema-ally{animation:duel-ready-bob 1s ease-in-out 2}.stick-cinema-stage.demo-heal:before,.stick-cinema-stage.demo-shield:before,.stick-cinema-stage.demo-status:before{content:"";position:absolute;inset:auto auto 56px 52px;width:92px;height:92px;border-radius:999px;opacity:0;z-index:0}.stick-cinema-stage.demo-heal:before{background:radial-gradient(circle,#7dcf8770,#7dcf8700);animation:demo-aura-pulse .98s ease-out both}.stick-cinema-stage.demo-shield:before{background:radial-gradient(circle,#5895db5c,#5895db00);box-shadow:0 0 0 4px #5895db2e;animation:demo-aura-pulse .98s ease-out both}.stick-cinema-stage.demo-status .stick-cinema-enemy:before{content:"";position:absolute;right:10px;top:12px;width:92px;height:92px;border-radius:999px;opacity:0;background:radial-gradient(circle,#a663cd57,#a663cd00);animation:demo-aura-pulse .98s ease-out both}.stick-cinema-stage.demo-status .demo-status-badge{animation:demo-center-tag .98s ease-out both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy{animation:manim-step-in-left 1.04s cubic-bezier(.2,.74,.22,1) both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-ally{animation:manim-recoil-left 1.04s cubic-bezier(.16,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally .stick-arm.right,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally .stick-arm.right{animation:manim-punch-right 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally .stick-arm.left,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally .stick-arm.left{animation:manim-guard-left 1.04s ease-out both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy .stick-arm.left{animation:manim-punch-left 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy .stick-arm.right{animation:manim-guard-right 1.04s ease-out both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally .stick-spine,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally .stick-spine{animation:manim-lean-right 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy .stick-spine{animation:manim-lean-left 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally .stick-weapon,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally .stick-weapon{animation:manim-weapon-right 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy .stick-weapon{animation:manim-weapon-left 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally .stick-leg.left,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally .stick-leg.left{animation:manim-back-leg-right 1.04s ease-out both}.stick-cinema-stage.attacker-ally.demo-attack .stick-cinema-ally .stick-leg.right,.stick-cinema-stage.attacker-ally.demo-skill .stick-cinema-ally .stick-leg.right{animation:manim-front-leg-right 1.04s ease-out both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy .stick-leg.left{animation:manim-front-leg-left 1.04s ease-out both}.stick-cinema-stage.attacker-enemy.demo-enemy-attack .stick-cinema-enemy .stick-leg.right{animation:manim-back-leg-left 1.04s ease-out both}.stick-cinema-stage.attacker-ally.demo-attack .demo-hit-freeze,.stick-cinema-stage.attacker-ally.demo-skill .demo-hit-freeze,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .demo-hit-freeze{animation:manim-hit-freeze 1.04s linear both}.stick-cinema-stage.attacker-ally.demo-attack .demo-strike-arc,.stick-cinema-stage.attacker-ally.demo-skill .demo-strike-arc,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .demo-strike-arc{animation:manim-strike-arc 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .demo-strike-core,.stick-cinema-stage.attacker-ally.demo-skill .demo-strike-core,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .demo-strike-core{animation:manim-strike-core 1.04s cubic-bezier(.2,.78,.24,1) both}.stick-cinema-stage.attacker-ally.demo-attack .impact-ring,.stick-cinema-stage.attacker-ally.demo-skill .impact-ring,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .impact-ring,.stick-cinema-stage.attacker-ally.demo-attack .impact-slash,.stick-cinema-stage.attacker-ally.demo-skill .impact-slash,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .impact-slash,.stick-cinema-stage.attacker-ally.demo-attack .demo-impact-smoke,.stick-cinema-stage.attacker-ally.demo-skill .demo-impact-smoke,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .demo-impact-smoke{display:block}.stick-cinema-stage.attacker-ally.demo-attack .impact-ring,.stick-cinema-stage.attacker-ally.demo-skill .impact-ring,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .impact-ring{animation:duel-impact-ring .62s ease-out both;animation-delay:.34s}.stick-cinema-stage.attacker-ally.demo-attack .impact-slash.left,.stick-cinema-stage.attacker-ally.demo-skill .impact-slash.left,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .impact-slash.left,.stick-cinema-stage.attacker-ally.demo-attack .impact-slash.right,.stick-cinema-stage.attacker-ally.demo-skill .impact-slash.right,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .impact-slash.right{animation:duel-impact-slash .62s ease-out both;animation-delay:.34s}.stick-cinema-stage.attacker-ally.demo-attack .demo-impact-smoke,.stick-cinema-stage.attacker-ally.demo-skill .demo-impact-smoke,.stick-cinema-stage.attacker-enemy.demo-enemy-attack .demo-impact-smoke{animation:demo-smoke-bloom .76s ease-out both;animation-delay:.28s}@keyframes duel-ready-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes duel-ally-dash{0%{transform:translate(0) scale(1)}28%{transform:translate(18px) translateY(-4px) scale(1.04)}56%{transform:translate(30px) translateY(-2px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes duel-enemy-hit{0%{transform:translate(0) rotate(0);filter:brightness(1)}30%{transform:translate(-16px) rotate(-4deg);filter:brightness(1.15)}58%{transform:translate(6px) rotate(2deg);filter:brightness(.95)}to{transform:translate(0) rotate(0);filter:brightness(1)}}@keyframes duel-impact-ring{0%{opacity:0;width:8px;height:8px}24%{opacity:1;width:24px;height:24px}to{opacity:0;width:44px;height:44px}}@keyframes duel-impact-slash{0%,18%{opacity:0;width:12px}28%{opacity:1;width:34px}to{opacity:0;width:52px}}@keyframes demo-float-pop{0%{opacity:0;transform:translateY(14px) scale(.88)}22%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.06)}}@keyframes demo-center-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}to{opacity:0;transform:translate(-50%,-50%) scale(1.54)}}@keyframes demo-center-tag{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 18px)) scale(1.04)}}@keyframes demo-hit-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.24)}24%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.34)}}@keyframes demo-combo-pop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.8)}22%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-12px) scale(1.06)}}@keyframes demo-trail-swipe{0%{opacity:0;transform:skew(-22deg) translate(0) scaleX(.6)}22%{opacity:1;transform:skew(-22deg) translate(calc(var(--trail-index, 0) * -10px)) scaleX(1)}to{opacity:0;transform:skew(-22deg) translate(calc(var(--trail-index, 0) * -16px)) scaleX(1.12)}}@keyframes demo-aura-pulse{0%{opacity:0;transform:scale(.52)}26%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.42)}}@keyframes demo-smoke-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.42)}28%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes manim-step-in-right{0%,18%{transform:translate(0) translateY(0)}30%{transform:translate(-6px) translateY(0)}46%{transform:translate(8px) translateY(-1px)}58%{transform:translate(18px) translateY(0)}72%{transform:translate(14px) translateY(0)}86%{transform:translate(6px) translateY(0)}to{transform:translate(0) translateY(0)}}@keyframes manim-step-in-left{0%,18%{transform:translate(0) translateY(0)}30%{transform:translate(6px) translateY(0)}46%{transform:translate(-8px) translateY(-1px)}58%{transform:translate(-18px) translateY(0)}72%{transform:translate(-14px) translateY(0)}86%{transform:translate(-6px) translateY(0)}to{transform:translate(0) translateY(0)}}@keyframes manim-recoil-right{0%,58%{transform:translate(0) translateY(0) rotate(0)}68%{transform:translate(10px) translateY(-2px) rotate(2deg)}78%{transform:translate(18px) translateY(-4px) rotate(4deg)}90%{transform:translate(10px) translateY(-1px) rotate(2deg)}to{transform:translate(5px) translateY(0) rotate(0)}}@keyframes manim-recoil-left{0%,58%{transform:translate(0) translateY(0) rotate(0)}68%{transform:translate(-10px) translateY(-2px) rotate(-2deg)}78%{transform:translate(-18px) translateY(-4px) rotate(-4deg)}90%{transform:translate(-10px) translateY(-1px) rotate(-2deg)}to{transform:translate(-5px) translateY(0) rotate(0)}}@keyframes manim-contact-right{0%,52%{transform:translate(-50%,-50%) translate(0);opacity:0}60%{transform:translate(-50%,-50%) translate(4px);opacity:1}70%{transform:translate(-50%,-50%) translate(8px);opacity:1}to{transform:translate(-50%,-50%) translate(12px);opacity:0}}@keyframes manim-contact-left{0%,52%{transform:translate(-50%,-50%) translate(0);opacity:0}60%{transform:translate(-50%,-50%) translate(-4px);opacity:1}70%{transform:translate(-50%,-50%) translate(-8px);opacity:1}to{transform:translate(-50%,-50%) translate(-12px);opacity:0}}@keyframes manim-punch-right{0%{transform:rotate(-20deg);width:56px}22%{transform:rotate(-44deg);width:54px}36%{transform:rotate(-52deg);width:54px}54%{transform:rotate(-6deg);width:72px}64%{transform:rotate(0);width:86px}74%{transform:rotate(0);width:86px}to{transform:rotate(-20deg);width:56px}}@keyframes manim-punch-left{0%{transform:rotate(20deg);width:56px}22%{transform:rotate(44deg);width:54px}36%{transform:rotate(52deg);width:54px}54%{transform:rotate(6deg);width:72px}64%{transform:rotate(0);width:86px}74%{transform:rotate(0);width:86px}to{transform:rotate(20deg);width:56px}}@keyframes manim-guard-left{0%,24%{transform:rotate(20deg)}42%{transform:rotate(48deg)}60%{transform:rotate(30deg)}to{transform:rotate(20deg)}}@keyframes manim-guard-right{0%,24%{transform:rotate(-20deg)}42%{transform:rotate(-48deg)}60%{transform:rotate(-30deg)}to{transform:rotate(-20deg)}}@keyframes manim-weapon-right{0%,24%{transform:rotate(-34deg) scaleX(.92);opacity:.84}40%{transform:rotate(-54deg) scaleX(.9);opacity:.72}56%{transform:rotate(14deg) scaleX(1.12);opacity:1}66%{transform:rotate(26deg) scaleX(1.16);opacity:1}to{transform:rotate(-34deg) scaleX(.92);opacity:.84}}@keyframes manim-weapon-left{0%,24%{transform:rotate(-28deg) scaleX(.92);opacity:.84}40%{transform:rotate(-52deg) scaleX(.9);opacity:.72}56%{transform:rotate(8deg) scaleX(1.08);opacity:1}66%{transform:rotate(18deg) scaleX(1.12);opacity:1}to{transform:rotate(-28deg) scaleX(.92);opacity:.84}}@keyframes manim-hit-freeze{0%,56%{opacity:0}58%{opacity:.06}64%{opacity:.16}68%{opacity:.06}to{opacity:0}}@keyframes manim-strike-arc{0%,34%{opacity:0;transform:translate(-50%,-50%) rotate(-42deg) scale(.72)}52%{opacity:.82;transform:translate(-50%,-50%) rotate(-16deg) scale(.92)}64%{opacity:1;transform:translate(-50%,-50%) rotate(8deg) scale(1.04)}to{opacity:0;transform:translate(-50%,-50%) rotate(18deg) scale(1.12)}}@keyframes manim-strike-core{0%,42%{opacity:0;transform:translate(-50%,-50%) rotate(-36deg) scaleX(.44)}56%{opacity:.92;transform:translate(-50%,-50%) rotate(-10deg) scaleX(.88)}66%{opacity:1;transform:translate(-50%,-50%) rotate(0) scaleX(1.18)}to{opacity:0;transform:translate(-50%,-50%) rotate(8deg) scaleX(1.28)}}@keyframes manim-lean-right{0%,20%{transform:translate(0) rotate(0)}30%{transform:translate(-2px) rotate(-2deg)}56%{transform:translate(3px) rotate(3deg)}74%{transform:translate(1px) rotate(1deg)}to{transform:translate(0) rotate(0)}}@keyframes manim-lean-left{0%,20%{transform:translate(0) rotate(0)}30%{transform:translate(2px) rotate(2deg)}56%{transform:translate(-3px) rotate(-3deg)}74%{transform:translate(-1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes manim-back-leg-right{0%,18%{transform:rotate(20deg)}42%{transform:rotate(32deg)}60%{transform:rotate(36deg)}to{transform:rotate(20deg)}}@keyframes manim-front-leg-right{0%,18%{transform:rotate(-12deg)}42%{transform:rotate(-2deg)}60%{transform:rotate(6deg)}to{transform:rotate(-12deg)}}@keyframes manim-front-leg-left{0%,18%{transform:rotate(20deg)}42%{transform:rotate(28deg)}60%{transform:rotate(34deg)}to{transform:rotate(20deg)}}@keyframes manim-back-leg-left{0%,18%{transform:rotate(-12deg)}42%{transform:rotate(-2deg)}60%{transform:rotate(6deg)}to{transform:rotate(-12deg)}}@keyframes duel-enemy-pounce{0%{transform:translate(0) scale(1)}26%{transform:translate(-18px) translateY(-4px) scale(1.04)}54%{transform:translate(-34px) translateY(-2px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes duel-ally-hit{0%{transform:translate(0) rotate(0);filter:brightness(1)}30%{transform:translate(16px) rotate(4deg);filter:brightness(1.12)}58%{transform:translate(-4px) rotate(-2deg);filter:brightness(.96)}to{transform:translate(0) rotate(0);filter:brightness(1)}}@keyframes cinema-ally-rush{0%{transform:translate(0) scale(1)}24%{transform:translate(92px) scale(1.02)}44%{transform:translate(178px) scale(1.04)}60%{transform:translate(196px) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes cinema-enemy-rush{0%{transform:translate(0) scale(1)}24%{transform:translate(-92px) scale(1.02)}44%{transform:translate(-178px) scale(1.04)}60%{transform:translate(-196px) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes cinema-enemy-launch{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}28%{transform:translate(34px) translateY(-10px) rotate(8deg);opacity:1}52%{transform:translate(126px) translateY(-34px) rotate(18deg);opacity:1}78%{transform:translate(196px) translateY(-10px) rotate(10deg);opacity:.96}to{transform:translate(224px) translateY(18px) rotate(6deg);opacity:0}}@keyframes cinema-ally-launch{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}28%{transform:translate(-34px) translateY(-10px) rotate(-8deg);opacity:1}52%{transform:translate(-126px) translateY(-34px) rotate(-18deg);opacity:1}78%{transform:translate(-196px) translateY(-10px) rotate(-10deg);opacity:.96}to{transform:translate(-224px) translateY(18px) rotate(-6deg);opacity:0}}@keyframes cinema-impact-right{0%{transform:translate(-50%,-50%) translate(0)}32%{transform:translate(-50%,-50%) translate(90px)}to{transform:translate(-50%,-50%) translate(110px)}}@keyframes cinema-impact-left{0%{transform:translate(-50%,-50%) translate(0)}32%{transform:translate(-50%,-50%) translate(-90px)}to{transform:translate(-50%,-50%) translate(-110px)}}.pool-card{padding:.5rem .6rem;border-radius:16px;border:1px solid rgba(43,33,24,.08)}.pool-card.ally{background:linear-gradient(180deg,#49738d14,#ffffff85)}.pool-card.enemy{background:linear-gradient(180deg,#a6614014,#ffffff85)}.pool-head strong{font-size:.92rem}.pool-head span{font-size:.72rem}.pool-stat-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.32rem;align-items:center;margin-top:.2rem}.pool-stat-label,.pool-stat-value{font-size:.74rem;font-weight:700}.line-unit-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem;min-height:0;align-content:start}.line-unit-strip.enemy{grid-template-columns:1fr}.line-unit{min-width:0;padding:.3rem .34rem;border-radius:14px;background:#ffffff80;border:1px solid rgba(43,33,24,.08);overflow:hidden}.enemy-line-unit{background:#fff5efa3}.line-unit-top,.log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.line-unit-top strong{font-size:.78rem}.line-unit-top span{font-size:.64rem;color:var(--soft)}.line-unit-chips{display:flex;gap:.16rem;margin-top:.14rem;flex-wrap:wrap;overflow:hidden;max-height:2rem;align-content:flex-start}.line-unit-trait{margin:.14rem 0 0;font-size:.58rem;line-height:1.12;color:#665344;min-height:1.18rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-chip,.mini-chip,.color-chip{display:inline-flex;align-items:center;justify-content:center;padding:.11rem .3rem;border-radius:999px;color:#fff8ed;font-size:.6rem;font-weight:700;background:#2b211847;white-space:nowrap}.line-chip.is-ready{box-shadow:inset 0 0 0 1px #fff5bdbf}.line-chip.is-skill-ready{background:linear-gradient(135deg,#fff0a8,#c7962c);color:#33230b;animation:skill-ready-pulse 1.1s ease-in-out infinite}.line-chip.status-buff{background:linear-gradient(135deg,#d8f2e0,#4b8a63);color:#143220}.line-chip.status-debuff{background:linear-gradient(135deg,#ffe1d1,#b7523b);color:#36140d}.line-chip.elite-chip{background:linear-gradient(135deg,#fff2bf,#c98f22);color:#3b2306}.enemy-style-chip{max-width:100%;white-space:normal;text-align:center;line-height:1.1}.combat-zone{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:.72rem;flex:1;min-height:0}.board-panel{min-height:0;padding:.7rem;display:flex;flex-direction:column;gap:0}.board-stage{display:grid;grid-template-columns:minmax(0,1fr) 204px;gap:.6rem;flex:1;min-height:0}.board-stack{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,#ffffff80,#eadec870),#2b21180d}.board-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:.34rem;--board-gap: .34rem;--board-cell: calc((100% - var(--board-gap) * 7) / 8);--board-step: calc(var(--board-cell) + var(--board-gap));width:min(100%,calc(100dvh - 18.5rem),43rem);max-height:100%;aspect-ratio:1 / 1;height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.board-tile{position:relative;padding:0;border-radius:16px;box-shadow:inset 0 -12px 16px #0000001f;touch-action:none;overflow:hidden}.board-tile.is-selected{outline:3px solid #f5f1b8;transform:translateY(-1px)}.board-tile.is-hidden-during-transition{opacity:0}.board-tile.is-created-special{animation:tile-special-create .36s ease-out both}.board-tile.is-special-tile,.board-clear-tile.is-special-tile{box-shadow:inset 0 -12px 16px #0000001f,inset 0 0 0 2px #fff8db2e}.board-tile.special-row:after,.board-tile.special-column:after,.board-tile.special-bomb:after,.board-clear-tile.special-row:after,.board-clear-tile.special-column:after,.board-clear-tile.special-bomb:after{content:"";position:absolute;inset:10%;border-radius:12px;opacity:.9}.board-tile.special-row:after,.board-clear-tile.special-row:after{background:linear-gradient(90deg,#fff4b01a,#fff4b06b,#fff4b01a)}.board-tile.special-column:after,.board-clear-tile.special-column:after{background:linear-gradient(180deg,#bceeff1f,#bceeff7a,#bceeff1f)}.board-tile.special-bomb:after,.board-clear-tile.special-bomb:after{background:radial-gradient(circle,#ffd6988c,#ffd69814 70%)}.tile-core{position:absolute;inset:26%;border-radius:999px;background:#ffffff2e}.tile-special{position:absolute;top:.32rem;right:.34rem;font-size:.7rem;font-weight:800;color:#fff8edeb;z-index:2}.path-overlay{position:absolute;z-index:2;width:min(calc(100% - .8rem),calc(100dvh - 19.3rem),42.2rem);max-height:calc(100% - .8rem);aspect-ratio:1 / 1;height:auto;pointer-events:none}.path-overlay polyline{fill:none;stroke:#fff49cf5;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,228,126,.6))}.board-transition-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.board-clear-tile{position:absolute;width:var(--board-cell);height:var(--board-cell);left:calc(var(--board-cell) / 2 + var(--column) * var(--board-step));top:calc(var(--board-cell) / 2 + var(--row) * var(--board-step));border-radius:16px;transform:translate(-50%,-50%);box-shadow:inset 0 -12px 16px #0000001f,0 0 0 1px #fff4dc24;overflow:hidden;animation:tile-clear-tile .44s ease-out forwards}.board-falling-tile{position:absolute;width:var(--board-cell);height:var(--board-cell);left:calc(var(--board-cell) / 2 + var(--column) * var(--board-step));top:calc(var(--board-cell) / 2 + var(--from-row) * var(--board-step));border-radius:16px;transform:translate(-50%,-50%);box-shadow:inset 0 -12px 16px #0000001f,0 4px 8px #0000001a;overflow:hidden;animation:tile-fall-overlay var(--fall-duration) cubic-bezier(.2,.8,.24,1) var(--fall-delay) both}.board-clear-burst{position:absolute;width:calc(var(--board-cell) * .82);height:calc(var(--board-cell) * .82);left:calc(var(--board-cell) / 2 + var(--column) * var(--board-step));top:calc(var(--board-cell) / 2 + var(--row) * var(--board-step));border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff8dbf2,#ffd06d33 70%,#ffd06d00);animation:tile-clear-burst .56s ease-out forwards}.board-clear-burst.is-special{width:calc(var(--board-cell) * 1.22);height:calc(var(--board-cell) * 1.22);background:radial-gradient(circle,#c9f1fff5,#72c4ff42 70%,#72c4ff00)}.attack-burst{padding:.64rem .72rem;border-radius:18px;color:#fff7ed;background:linear-gradient(135deg,#2e6e42,#234e2f);box-shadow:inset 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow:hidden}.attack-burst strong,.attack-burst span,.attack-burst em{display:block}.attack-burst strong{font-size:.92rem}.attack-burst span{margin-top:.12rem;font-size:.84rem;font-weight:800}.attack-burst em{margin-top:.12rem;font-style:normal;font-size:.74rem;opacity:.92}.action-tags{display:grid;gap:.12rem;margin-top:.18rem;grid-template-columns:repeat(2,minmax(0,1fr))}.action-skill{margin-top:.22rem;padding:.3rem .38rem;border-radius:14px;background:#fff8e924;border:1px solid rgba(255,248,233,.16)}.action-skill strong,.action-skill span{display:block}.action-skill strong{font-size:.68rem}.action-skill span{margin-top:.1rem;font-size:.62rem;line-height:1.16;font-weight:500}.action-tag{display:inline-flex;align-items:center;width:100%;padding:.2rem .28rem;border-radius:14px;background:#fff8e92e;border:1px solid rgba(255,248,233,.2);font-size:.62rem;line-height:1.08}.combat-log-panel{min-height:0;padding:.48rem .58rem;display:flex;flex-direction:column;gap:.14rem;overflow:hidden}.log-head strong{font-size:.84rem;line-height:1}.log-note{font-size:.7rem;color:var(--soft)}.log-list{list-style:none;padding-left:0;margin:0;display:grid;grid-auto-rows:.9rem;gap:.06rem;overflow-y:auto;flex:1;padding-right:.2rem;padding-bottom:.12rem;scrollbar-width:thin;scroll-behavior:smooth;min-height:calc(15 * .9rem + 14 * .06rem + .12rem)}.log-list li{font-size:.64rem;line-height:.9rem;padding:0 .08rem;border-bottom:1px solid rgba(43,33,24,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:.9rem}.log-list li:last-child{border-bottom:0}.log-list::-webkit-scrollbar{width:6px}.log-list::-webkit-scrollbar-thumb{background:#2b21182e;border-radius:999px}.result-books{display:flex;flex-wrap:wrap;gap:.4rem;margin:.72rem 0 .2rem}.result-book-chip{display:inline-flex;align-items:center;padding:.34rem .58rem;border-radius:999px;background:#2b211814;border:1px solid rgba(43,33,24,.12);font-size:.78rem;color:#553f30}.meter{position:relative;height:9px;border-radius:999px;overflow:hidden;background:#2b21181a}.meter+.meter{margin-top:.38rem}.meter span{position:absolute;inset:0 auto 0 0;border-radius:inherit}.meter-health span{background:linear-gradient(90deg,#c6543a,#e2a746)}.meter-shield span{background:linear-gradient(90deg,#7fb4d9,#4279a5)}.color-red{background:linear-gradient(135deg,#d15f4a,#9b3922)}.color-blue{background:linear-gradient(135deg,#5b9bc3,#29434e)}.color-green{background:linear-gradient(135deg,#7ba664,#3d7a53)}.color-yellow{background:linear-gradient(135deg,#d8bb5e,#9f7a2e)}.color-purple{background:linear-gradient(135deg,#9471b1,#5a3d73)}.actor-blade{background:linear-gradient(135deg,#b64530,#7b2419)}.actor-guard{background:linear-gradient(135deg,#356b8e,#1f4058)}.actor-leaf{background:linear-gradient(135deg,#4d8753,#2e5330)}.actor-spark{background:linear-gradient(135deg,#b38c2d,#78601c)}.actor-shade{background:linear-gradient(135deg,#6b4a8e,#402a58)}@keyframes skill-ready-pulse{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.08)}}.result-wave-module{display:flex;flex-direction:column;gap:.45rem;margin-top:0}.portrait-result-screen-live .result-wave-module{background:#fff8ee12;border:1px solid rgba(255,246,232,.06)}.portrait-result-screen-live .result-wave-module .portrait-result-insert-head strong{color:#fff6ea}.portrait-result-screen-live .result-wave-module .portrait-result-insert-head span{color:#f8f2e6a3}.portrait-result-screen-live .result-wave-module .portrait-result-legend{background:#f4ece014;border-color:#fff6e80d}.portrait-result-screen-live .result-wave-module .portrait-result-legend span{color:#f8f2e6c7}.result-wave-stack-live{display:flex}.portrait-result-screen-live .result-wave-module .portrait-result-wave-card{width:100%;background:linear-gradient(180deg,#ffffff0f,#fff0),#110d0b29;border-color:#fff6e814}.portrait-result-screen-live .result-wave-module .portrait-result-wave-head strong{color:#fff6e9}.portrait-result-screen-live .result-wave-module .portrait-result-wave-head span{color:#f8f2e6c2}.portrait-result-screen-live .result-wave-module .portrait-result-actor-card{background:#fff8ee14}.portrait-result-screen-live .result-wave-module .portrait-result-actor-name{color:#fff6ea}.portrait-result-screen-live .result-wave-module .portrait-result-item{background:#0c09083d;border-color:#fff6e80f;color:#f8f2e6e0}.portrait-result-screen-live .result-wave-module .portrait-result-item.is-normal{color:#ffe4a8}.portrait-result-screen-live .result-wave-module .portrait-result-item.is-skill{color:#ffbaaa}.portrait-result-screen-live .result-wave-module .portrait-result-item.is-shield{color:#a7d7ff}.portrait-result-screen-live .result-wave-module .portrait-result-item.is-heal{color:#bce9c1}.portrait-result-screen-live .result-wave-module .portrait-result-item em{color:#f8f2e69e}.result-wave-section{display:flex;flex-direction:column;gap:.45rem;margin-top:.25rem}.result-wave-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.result-wave-head span{font-size:.8rem;color:#4f3b2ab3}.result-wave-table{display:flex;flex-direction:column;gap:.38rem}.result-wave-row{display:grid;grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(56px,.7fr));gap:.5rem;align-items:center;padding:.55rem .7rem;border-radius:18px;background:#ffffff7a;border:1px solid rgba(108,82,58,.18)}.result-wave-row.is-head{padding-top:.42rem;padding-bottom:.42rem;font-size:.76rem;color:#4f3b2ab3;background:#ffffff47}.result-wave-row span,.result-wave-row strong{min-width:0}.result-wave-enemy{font-weight:600;color:#443126}.result-wave-row strong{text-align:right}.result-wave-row strong.is-damage{color:#8d3d2e}.result-wave-row strong.is-shield{color:#335f82}.result-wave-row strong.is-heal{color:#3f7d4e}@keyframes tile-clear-tile{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.04);filter:brightness(1.35)}to{opacity:0;transform:translate(-50%,-50%) scale(.5);filter:brightness(1.8)}}@keyframes tile-fall-overlay{0%{top:calc(var(--board-cell) / 2 + var(--from-row) * var(--board-step));transform:translate(-50%,-50%) scale(.985);opacity:1}78%{top:calc(var(--board-cell) / 2 + var(--to-row) * var(--board-step));transform:translate(-50%,-50%) scale(1.005);opacity:1}to{top:calc(var(--board-cell) / 2 + var(--to-row) * var(--board-step));transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes tile-clear-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}18%{opacity:.9;transform:translate(-50%,-50%) scale(.72)}42%{opacity:1;transform:translate(-50%,-50%) scale(1.16)}to{opacity:0;transform:translate(-50%,-50%) scale(1.92)}}@keyframes tile-special-create{0%{transform:scale(.72);filter:brightness(1.6)}to{transform:scale(1);filter:brightness(1)}}.toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);background:#100c09eb;color:#fff3de;padding:.8rem 1rem;border-radius:999px;box-shadow:var(--shadow);z-index:20}@media(max-width:1200px){.combat-zone{grid-template-columns:minmax(0,1fr) 300px}.board-grid{width:min(100%,calc(100dvh - 20.5rem),39rem);height:min(100%,calc(100dvh - 20.5rem),39rem)}.path-overlay{width:min(calc(100% - .8rem),calc(100dvh - 21.1rem),38.2rem);height:min(calc(100% - .8rem),calc(100dvh - 21.1rem),38.2rem)}.board-stage{grid-template-columns:minmax(0,1fr) 188px}}@media(max-width:980px){.animation-demo-head,.animation-demo-grid{grid-template-columns:1fr;display:grid}.animation-demo-head{gap:.72rem}.animation-demo-actions{justify-content:flex-start}.animation-demo-grid{gap:.7rem}.stick-cinema-stage{min-height:320px}.stick-cinema-ally{left:8%}.stick-cinema-enemy{left:auto;right:8%}.app-shell,.combat-zone,.line-zone{grid-template-columns:1fr}.board-grid{width:min(100%,calc(100dvh - 25.2rem),34rem);height:min(100%,calc(100dvh - 25.2rem),34rem)}.path-overlay{width:min(calc(100% - .8rem),calc(100dvh - 26rem),33.2rem);height:min(calc(100% - .8rem),calc(100dvh - 26rem),33.2rem)}.portrait-page-host .portrait-screen{max-height:calc(100dvh - 1rem)}.portrait-screen{padding:.56rem;gap:.44rem}.portrait-screen .camp-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem}.portrait-screen .camp-entry-card{min-height:5rem;padding:.54rem}.portrait-screen .camp-entry-card strong{font-size:.78rem}.portrait-screen .camp-entry-card em{font-size:.58rem}.board-stage{grid-template-columns:1fr}.duel-stage{min-height:124px;grid-template-columns:1fr 44px 1fr}.hero-grid,.camp-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout-preview-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"left" "top" "right" "bottom"}.battle-layout-side{grid-row:auto}.battle-layout-center-top{grid-template-columns:1fr}.battle-layout-board-wrap{height:min(46dvh,24rem)}.compact-summary-row,.hero-grid-compact-page,.bag-grid-compact-page{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.battle-screen{padding:0;height:100svh;overflow:hidden}.portrait-shell-root{height:100%;overflow:hidden}.portrait-screen{min-height:0;padding:.58rem .56rem .62rem;gap:.38rem;overflow:hidden}.portrait-screen-battle-live{gap:.08rem}.portrait-battle-header-live{gap:.42rem}.portrait-battle-header-live strong{font-size:.76rem}.portrait-battle-header-tags{gap:.12rem}.portrait-battle-header-tags span{padding:.1rem .24rem;font-size:.48rem}.portrait-battle-top{gap:.12rem}.portrait-battle-avatar{width:28px;height:28px;border-radius:11px}.portrait-battle-meter-wrap strong{font-size:.54rem}.portrait-battle-meter-wrap em{margin-top:.06rem;font-size:.48rem}.portrait-status-row{margin-top:.1rem;gap:.1rem}.portrait-status-chip{min-height:.84rem;padding:.04rem .18rem;font-size:.42rem}.portrait-impact-strip{gap:.12rem;padding:.08rem .18rem .02rem}.portrait-impact-chip{min-height:.94rem;padding:.06rem .2rem}.portrait-impact-chip em{font-size:.42rem}.portrait-impact-chip strong,.portrait-section-head-log-meta span{font-size:.5rem}.portrait-battle-log-strip-live{min-height:10.6rem;max-height:10.6rem;padding:.24rem .3rem}.portrait-inline-tags{gap:.12rem}.portrait-inline-tags span{padding:.1rem .22rem;font-size:.44rem}.portrait-live-log-list li{font-size:.56rem;line-height:.76rem;max-height:calc(.76rem * 2 + .12rem)}.portrait-energy-row-live{gap:.12rem}.portrait-energy-unit{padding:.12rem .14rem .1rem;border-radius:10px}.portrait-energy-meta strong,.portrait-energy-meta span{font-size:.44rem}.portrait-energy-battery-shell{margin-top:.1rem}.portrait-energy-battery{height:7px}.portrait-energy-thresholds{margin-top:.08rem}.portrait-energy-thresholds span{font-size:.38rem}.portrait-board-frame-live{display:block;min-height:0;padding:.18rem}.portrait-board-stack-live{width:100%;margin:0 auto}.portrait-board-frame-live .board-grid{width:100%;max-width:none;max-height:none;height:auto;aspect-ratio:1 / 1;gap:.14rem;--board-gap: .14rem}.portrait-board-stack-live .path-overlay,.portrait-board-frame-live .path-overlay{width:100%;max-width:none;max-height:none;height:auto;aspect-ratio:1 / 1}.portrait-board-frame-live .board-tile{border-radius:13px}.portrait-board-frame-live .tile-core{inset:17%}.portrait-board-frame-live .tile-special{top:.18rem;right:.18rem;font-size:.54rem}.portrait-battle-controls{gap:.18rem;padding-bottom:env(safe-area-inset-bottom)}.portrait-battle-controls button{padding:.3rem .2rem;font-size:.54rem}}