:root{color:#c8c8f0;background:#0b0b1e;--ccc-ink: #050511;--ccc-panel: rgba(12, 10, 7, .94);--ccc-gold: #e6c052;--ccc-gold-light: #f4dd92;--ccc-paper: #eee6cf;--ccc-line: rgba(230, 192, 82, .42);font-family:Lucida Console,Courier New,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#050511}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffdd44;outline-offset:2px}.title-stage{position:relative;isolation:isolate;overflow:hidden}.title-stage:before,.title-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.title-stage:before{background:radial-gradient(circle at 50% 44%,rgba(230,192,82,.17),transparent 32%);animation:title-beacon 5s ease-in-out infinite}.title-stage:after{opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(244,221,146,.12) 3px 4px);mix-blend-mode:screen}.title-command-panel{width:min(980px,96%);padding:14px;position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:16px;text-align:left;background:linear-gradient(135deg,#1b160cf5,#080706f0);border:1px solid rgba(230,192,82,.56);border-radius:14px;box-shadow:0 24px 64px #000000b3,inset 0 1px #fff1be1f,0 0 42px #e6c0521a}.title-command-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(230,192,82,.12);border-radius:8px;pointer-events:none}.title-brand-window{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(244,221,146,.34);border-radius:9px;background:#e6d5ae;box-shadow:inset 0 0 28px #1e120740}.title-brand-window img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.04)}.title-brand-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(13,9,4,.72)),radial-gradient(circle at center,transparent 52%,rgba(28,16,5,.2));pointer-events:none}.title-brand-caption{position:absolute;left:18px;bottom:15px;color:#fff2c2;font-size:9px;letter-spacing:2.2px;text-shadow:0 2px 8px #000}.title-command-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:22px 18px 16px 12px}.title-kicker{font-size:10px;color:#d6b24b;letter-spacing:1.8px;margin-bottom:9px}.title-menu-heading{color:var(--ccc-gold-light);font-size:clamp(21px,2.6vw,28px);line-height:1.15;letter-spacing:1px;text-shadow:0 2px 0 #2a2106,0 0 22px rgba(230,192,82,.18)}.title-menu-intro{margin-top:11px;color:#d0c7b1;font-size:11px;line-height:1.65}.title-crest{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #e6c052;background:radial-gradient(circle,#e6c05230,#090806f0 66%);box-shadow:0 0 24px #e6c05229}.title-crest span{transform:rotate(-45deg);font-size:10px;color:#f4dd92;letter-spacing:1px}.title-name{font-size:clamp(22px,5vw,30px);color:#f1cf67;line-height:1.18;text-shadow:0 2px 0 #2a2106,0 0 20px rgba(230,192,82,.12);letter-spacing:1px}.title-name-secondary{color:#f4dd92;margin-bottom:8px}.title-subtitle{font-size:8px;color:#c9c1a8;letter-spacing:2px}.title-save-state{display:flex;align-items:center;gap:9px;margin:20px 0 16px;font-size:8.5px;color:#a89d7f;letter-spacing:1.2px}.title-save-state span{height:1px;flex:1;background:#c9a23a4d}.title-save-state.has-save{color:#7cc86a}.title-save-state.has-save span{background:#7cc86a57}.title-actions{display:flex;flex-direction:column;gap:10px;width:100%}.title-disclaimer{font-size:8px;color:#aaa18e;line-height:1.65;margin:18px 0 0}.world-map-screen{padding:18px 18px 54px;background:radial-gradient(circle at 50% 0%,rgba(61,71,145,.13),transparent 28%),linear-gradient(180deg,#05051114,#05051180)}.campaign-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(91,98,174,.52);border-radius:10px;background:linear-gradient(100deg,#13133af7,#09091eeb);box-shadow:inset 0 1px #ffffff12,0 12px 28px #0003}.campaign-commander{display:flex;align-items:center;gap:14px}.campaign-commander-portrait{overflow:hidden;flex:0 0 auto;border:2px solid #5d64ad;border-radius:8px;background:#050511;box-shadow:0 0 18px #4a4ab03d}.campaign-command-overline{margin-bottom:4px;color:#858bd0;font-size:8px;letter-spacing:1.5px}.campaign-commander-name{color:#fd4;font-size:15px;line-height:1.2}.campaign-commander-rank{margin-top:5px;color:#b8b8ee;font-size:10px}.campaign-command-stats{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:7px}.campaign-command-stats>div{min-width:74px;padding:8px 10px;text-align:center;border:1px solid rgba(103,107,180,.34);border-radius:7px;background:#04051470}.campaign-command-stats strong,.campaign-command-stats span{display:block}.campaign-command-stats strong{color:#f4dd92;font-size:16px}.campaign-command-stats span{margin-top:3px;color:#8e93ca;font-size:7px;letter-spacing:1px}.campaign-command-stats .has-reviews{border-color:#ffd36a8f;background:#46310857}.campaign-command-stats .has-reviews strong{color:#ffd36a}.campaign-map-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:11px 14px;border:1px solid rgba(230,192,82,.24);border-bottom:0;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#19140af5,#0b0a16f2)}.campaign-map-title-copy span,.campaign-map-title-copy strong,.campaign-map-title-copy small{display:block}.campaign-map-title-copy span{color:#a48937;font-size:8px;letter-spacing:1.8px;margin-bottom:4px}.campaign-map-title-copy strong{color:#f4dd92;font-size:16px;letter-spacing:.9px}.campaign-map-title-copy small{color:#aaa9cb;font-size:9px;line-height:1.5;margin-top:5px}.campaign-map-legend{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;color:#aaa9cb;font-size:7px;letter-spacing:.7px}.campaign-map-legend span{display:inline-flex;align-items:center;gap:5px}.campaign-map-legend i{width:9px;height:9px;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 7px currentColor}.campaign-map-legend .is-available{color:#73a7ff;background:#22336f}.campaign-map-legend .is-cleared{color:#63e378;background:#2da541}.campaign-map-legend .is-boss{color:#fd4;background:#c28c15}.campaign-map-legend .is-locked{color:#67677a;background:#30303d;box-shadow:none}.campaign-secondary-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(112,112,168,.2)}.campaign-realm-badge:focus-visible>circle:nth-of-type(1){stroke:#fff;stroke-width:5px;filter:drop-shadow(0 0 8px #ffffff)}@keyframes title-beacon{0%,to{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}.campaign-map-shell{position:relative;overflow:hidden;border-radius:0 0 10px 10px;background:#050511}.campaign-map{border:1px solid rgba(230,192,82,.28);border-top-color:#e6c05229;box-shadow:0 20px 48px #0000006b,inset 0 0 42px #0505118a}.campaign-map-art{filter:saturate(.96) contrast(1.03)}.campaign-map-inner-frame{stroke:#f4dd9252;stroke-width:2}.campaign-map-light-sweep{mix-blend-mode:screen;animation:campaign-map-sweep 18s ease-in-out infinite}.campaign-routes path{fill:none;stroke-width:3;stroke-dasharray:8 11;opacity:.55}.campaign-routes path.is-open{stroke:#e6c052;animation:campaign-route-flow 9s linear infinite}.campaign-routes path.is-sealed{stroke:#47475e;opacity:.27}.campaign-bird-layer{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none}.campaign-bird-flight{position:absolute;display:block;will-change:left;animation-timing-function:linear;animation-iteration-count:infinite}.campaign-bird-flight.is-left-to-right{animation-name:campaign-bird-left-to-right}.campaign-bird-flight.is-right-to-left{animation-name:campaign-bird-right-to-left}.campaign-bird-sprite{display:block;width:100%;height:100%;overflow:hidden;image-rendering:pixelated;filter:drop-shadow(0 3px 3px rgba(5,5,17,.28))}.campaign-bird-flight.is-right-to-left .campaign-bird-sprite{transform:scaleX(-1)}.campaign-bird-sprite img{display:block;width:600%;max-width:none;height:100%;animation:campaign-bird-flap .72s steps(6,end) infinite}.campaign-realm-badge{transition:opacity .18s ease,filter .18s ease}.campaign-realm-badge.is-locked{opacity:.72;filter:saturate(.4)}.campaign-realm-badge.is-unlocked:hover circle:not(.campaign-selected-ring){filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,255,255,.45))}.campaign-selected-ring{transform-box:fill-box;transform-origin:center;animation:campaign-selected-pulse 1.7s ease-out infinite}.campaign-castle-pulse{transform-box:fill-box;transform-origin:center;animation:campaign-castle-pulse 2s ease-in-out infinite}.realm-panel{position:relative;overflow:hidden}.realm-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.035) 70%,transparent 78%)}.realm-panel-heading{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}.realm-panel-overline{display:block;margin-bottom:4px;color:#aaa9cb;font-size:8px;letter-spacing:1.6px}.realm-panel-name{font-size:clamp(18px,2.4vw,24px);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.78)}.realm-panel-progress-copy{min-width:132px;padding:7px 10px;text-align:right;border-right:2px solid currentColor;background:linear-gradient(90deg,transparent,rgba(4,4,16,.42))}.realm-panel-progress-copy strong,.realm-panel-progress-copy span{display:block}.realm-panel-progress-copy strong{color:#fff3bc;font-size:15px}.realm-panel-progress-copy span{margin-top:3px;color:#aaa9cb;font-size:7px;letter-spacing:.8px}.realm-progress-track{height:5px;overflow:hidden;margin:0 0 16px;border-radius:999px;background:#0000007a;box-shadow:inset 0 1px 2px #000000a6}.realm-progress-track span{display:block;height:100%;border-radius:inherit;transition:width .42s ease}.realm-card-row{position:relative;z-index:1;overflow:hidden;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}.realm-card-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:currentColor;opacity:.55}.realm-card-row:hover{transform:translate(3px);filter:brightness(1.08)}.realm-card-row.is-cleared{opacity:.86}.realm-card-boss:hover{box-shadow:0 0 28px #ffdd4424,inset 0 1px #ffffff14!important}.realm-card-codex:hover{box-shadow:0 0 28px #4ade8024,inset 0 1px #ffffff14!important}.realm-card-status{display:inline-flex;align-items:center;width:max-content;min-width:72px;padding:5px 7px;border:1px solid rgba(166,169,218,.28);border-radius:999px;color:#b4b4ef;background:#0405145c;font-size:8px;line-height:1;letter-spacing:.7px}.realm-card-status.is-done{color:#83e58d;border-color:#44dd444d}.realm-card-status.is-boss{color:#fd4;border-color:#ffdd446b}.realm-card-status.is-codex{color:#7dffa5;border-color:#4ade805c}.realm-card-copy strong,.realm-card-copy small{display:block}.realm-card-copy strong{font-size:13px;line-height:1.35}.realm-card-copy small{margin-top:4px;color:#9d9cc3;font-size:8.5px;line-height:1.45}@keyframes campaign-route-flow{to{stroke-dashoffset:-190}}@keyframes campaign-map-sweep{0%,18%{transform:translate(0);opacity:0}26%{opacity:.65}58%{transform:translate(2250px);opacity:.08}to{transform:translate(2250px);opacity:0}}@keyframes campaign-bird-left-to-right{0%{left:-12%}to{left:104%}}@keyframes campaign-bird-right-to-left{0%{left:104%}to{left:-12%}}@keyframes campaign-bird-flap{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes campaign-selected-pulse{0%{opacity:.6;transform:scale(.82)}to{opacity:0;transform:scale(1.45)}}@keyframes campaign-castle-pulse{0%,to{opacity:.08;transform:scale(.82)}50%{opacity:.22;transform:scale(1.2)}}@media(max-width:760px){.title-stage{align-items:flex-start!important;padding:18px 12px 28px!important}.title-command-panel{grid-template-columns:1fr;width:min(620px,100%)}.title-brand-window{min-height:220px;aspect-ratio:16 / 9}.title-command-copy{padding:16px 12px 10px;text-align:center}.title-save-state{justify-content:center}.title-disclaimer{text-align:center}.world-map-screen{padding:10px 10px 42px}.campaign-command-bar{align-items:stretch;flex-direction:column}.campaign-command-stats{width:100%}.campaign-map-toolbar{align-items:flex-start;flex-direction:column}.campaign-map-legend{justify-content:flex-start}.realm-panel{padding:15px!important}.realm-card-row{grid-template-columns:1fr auto!important}.realm-card-status,.realm-card-copy{grid-column:1}.realm-card-row>button{grid-column:2;grid-row:1 / span 2;align-self:center}}@media(max-width:520px){.title-brand-window{min-height:170px}.title-brand-caption{left:10px;bottom:9px;font-size:7px;letter-spacing:1.2px}.campaign-command-stats{grid-template-columns:repeat(3,1fr)}.campaign-command-stats>div{min-width:0;padding-inline:5px}.campaign-map-shell{overflow-x:auto}.campaign-map{width:760px!important;max-width:none}.campaign-bird-layer{display:none}.realm-panel-heading{align-items:flex-start;flex-direction:column}.realm-panel-progress-copy{width:100%;text-align:left;border-right:0;border-left:2px solid currentColor}.realm-card-row{grid-template-columns:1fr!important;gap:9px!important}.realm-card-row>button{grid-column:1;grid-row:auto;width:100%}}@keyframes ccc-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px,3px)}30%{transform:translate(5px,-3px)}45%{transform:translate(-4px,-2px)}60%{transform:translate(4px,2px)}75%{transform:translate(-2px,1px)}}.ccc-shake{animation:ccc-shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes ccc-floatup{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}15%{opacity:1;transform:translate(-50%,-2px) scale(1.15)}to{opacity:0;transform:translate(-50%,-42px) scale(1)}}.ccc-floater{position:absolute;top:38%;transform:translate(-50%);pointer-events:none;font-weight:700;font-size:22px;letter-spacing:1px;text-shadow:0 0 6px rgba(0,0,0,.9),0 2px 3px rgba(0,0,0,.8);animation:ccc-floatup 1.05s ease-out forwards;z-index:5}.battle-screen{padding:12px 14px 50px;background:linear-gradient(180deg,#08081c9e,#050511f5),radial-gradient(circle at 22% 0%,rgba(230,192,82,.12),transparent 28%),#050511}.battle-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;flex-wrap:wrap}.battle-kicker{font-size:8px;color:#b9952f;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:4px}.battle-title{font-size:17px;color:#f4dd92;text-shadow:0 2px 0 #171006;line-height:1.25}.battle-meta,.battle-chip-row,.battle-formation-strip,.battle-impact-row,.battle-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.battle-meta{justify-content:flex-end;color:#d9d2b8;font-size:10px}.battle-meta span,.battle-chip{border:1px solid rgba(230,192,82,.32);background:#120f09b8;color:#f6efdd;border-radius:4px;padding:5px 8px;line-height:1.3}.battle-chip-row{margin-bottom:8px}.battle-chip{font-size:9px}.battle-chip-accent{color:#fd4;flex:1 1 220px}.battle-hp-row{display:flex;gap:12px;margin-bottom:8px}.battle-live-panel{position:sticky;top:0;z-index:4;padding:7px 0 9px;margin:0 -2px;background:linear-gradient(180deg,#050511fa,#050511e6 72%,#05051100)}.boss-live-panel{position:relative;top:auto}.battle-formation-strip{justify-content:space-between;margin-bottom:8px;padding:8px 10px;background:linear-gradient(90deg,#0a0a20eb,#18140bb8);border:1px solid rgba(230,192,82,.22);border-radius:6px;color:#c9c1a8;font-size:10px}.battle-canvas-wrap{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 12px 28px #00000052}.battle-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.battle-status-item{min-width:0;border:1px solid rgba(74,74,176,.56);background:#0a0a22c7;border-radius:6px;padding:8px 10px}.battle-status-orders{border-color:#e6c05280;background:#221a06c7}.battle-status-label{display:block;font-size:8px;color:#8f8fca;letter-spacing:1px;margin-bottom:4px}.battle-status-value{display:block;font-size:11px;color:#f0f0ff;line-height:1.35}.battle-status-orders .battle-status-value{color:#fd4}.battle-decision-panel{background:linear-gradient(180deg,#13133afa,#0c0c26fa);border:2px solid #4a4ab0;border-radius:7px;padding:14px;margin-top:10px;overflow:visible;box-shadow:0 16px 34px #0000005c,inset 0 1px #ffffff0d}.battle-command-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.battle-command-kicker{font-size:8px;color:#b9952f;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:4px}.battle-command-title{font-size:14px;color:#fff2b6;line-height:1.25}.battle-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.battle-command-button-ai{border-color:#5d78ba;background:linear-gradient(180deg,#111f42,#0b132b)}.battle-command-button-ai .battle-command-button-label{color:#9fc4ff}.battle-command-button-ai.is-ready{border-color:#8fc7ff;box-shadow:0 0 18px #5d78ba4d,inset 0 0 18px #4674be1f}.battle-command-charge{display:block;width:100%;height:4px;overflow:hidden;border-radius:999px;background:#00000085}.battle-command-charge>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f72bd,#a9d3ff);transition:width .22s ease}.battle-command-button{min-width:0;min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:13px 12px;border:2px solid #4a4ab0;border-radius:7px;background:linear-gradient(180deg,#13133a,#0c0c26);color:#d8d8ff;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0d}.battle-command-button:hover,.battle-command-button:focus-visible{border-color:#fd4;background:linear-gradient(180deg,#20204d,#111130)}.battle-command-button.is-ready{border-color:#fd4;background:linear-gradient(180deg,#372908fa,#120f1efa);box-shadow:0 0 22px #ffdd4429}.battle-command-button-label{font-size:15px;color:#fff8cc;line-height:1.1}.battle-command-button-detail{font-size:10px;color:#aaaad8;line-height:1.35}.battle-command-button.is-ready .battle-command-button-detail{color:#fd8}.battle-command-section{display:grid;gap:12px}.battle-command-note{border:1px solid rgba(230,192,82,.24);border-radius:6px;background:#0a0a22b8;color:#c8c8f0;font-size:11px;line-height:1.5;padding:10px 12px}.boss-decision-panel{border-color:#fd4}.battle-question-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.battle-question-count{font-size:8px;color:#b9952f;letter-spacing:1px;text-transform:uppercase;padding-top:4px}.battle-stem{font-size:15px;color:#fffdf2;line-height:1.7;margin:3px 0 14px}.battle-options-list{display:grid;gap:7px}.battle-option{width:100%;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:2px solid #333355;border-radius:6px;background:#0e0e28;color:#d8d8ff;text-align:left;font-size:12.5px;line-height:1.55;cursor:pointer}.battle-option:not(:disabled):hover{border-color:#7777c8;background:#17173c}.battle-option.is-selected{border-color:#fd4;background:#1e1e44;color:#fffdf2}.battle-option.is-revealed{border-color:#fd4;background:#182208;color:#fff8aa}.battle-option.is-correct{border-color:#3b3;background:#0a1a0a;color:#8df28d}.battle-option.is-wrong{border-color:#c33;background:#1a0a0a;color:#ff9b8f}.battle-option.is-locked{cursor:default}.battle-option-check,.battle-option-order{flex:0 0 auto;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid currentColor;background:#050511;color:#fd4;font-size:10px;line-height:1}.battle-option-order{border-radius:999px}.battle-option.is-selected .battle-option-check,.battle-option.is-selected .battle-option-order{background:#fd4;color:#0b0b1e}.battle-sequence-hint{font-size:10px;color:#aaaad8;margin-bottom:8px}.battle-special-callout{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;align-items:center;gap:9px;max-width:min(280px,calc(100% - 20px));padding:7px 10px 7px 7px;border:1px solid rgba(255,221,68,.72);border-radius:6px;background:linear-gradient(90deg,#0c0904eb,#342204c7);box-shadow:0 0 24px #fd43;pointer-events:none}.battle-special-callout img{width:42px;height:42px;object-fit:contain;object-position:top;border-radius:4px;image-rendering:pixelated;filter:drop-shadow(0 0 8px rgba(255,221,68,.7)) brightness(1.1)}.battle-special-label{font-size:8px;color:#fd4;letter-spacing:1.5px;margin-bottom:3px}.battle-special-name{font-size:10px;color:#fff8cc;line-height:1.35}@keyframes battle-special-cutin{0%{opacity:0;transform:translate(-28%) skew(-10deg)}12%{opacity:1}24%{transform:translate(0) skew(-6deg)}72%{opacity:1;transform:translate(0) skew(-6deg)}to{opacity:0;transform:translate(18%) skew(-6deg)}}@keyframes battle-special-sigil{0%{transform:scale(.55) rotate(-28deg);opacity:0}18%{transform:scale(1.18) rotate(8deg);opacity:1}48%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(.94) rotate(12deg);opacity:0}}@keyframes battle-special-speedlines{0%{transform:translate(-34%)}to{transform:translate(18%)}}.battle-special-cutin{position:absolute;inset:3% 1%;z-index:8;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 72% 48%,rgba(255,221,68,.2),transparent 24%),linear-gradient(105deg,#05051142,#050511ad 28%,#0505115c 72%,#05051114);border:0;clip-path:polygon(0 13%,100% 0,100% 87%,0 100%);animation:battle-special-cutin 2.65s cubic-bezier(.2,.86,.16,1) both}.battle-special-cutin:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.2) 8% 9%,transparent 9% 18%),radial-gradient(circle at 72% 48%,rgba(255,255,255,.24),transparent 22%);opacity:.45;mix-blend-mode:screen}.battle-special-speedlines{position:absolute;inset:-18% -25%;background:repeating-linear-gradient(162deg,transparent 0 18px,rgba(255,255,255,.16) 18px 21px,transparent 21px 42px),repeating-linear-gradient(164deg,transparent 0 34px,rgba(255,221,68,.2) 34px 38px,transparent 38px 76px);animation:battle-special-speedlines .34s linear infinite;opacity:.72}.battle-special-portrait-frame{position:absolute;left:0;top:0;bottom:0;width:min(34%,190px);overflow:hidden;background:linear-gradient(90deg,#0000001a,#050511e0);transform:skew(8deg) translate(-10px);transform-origin:left center;border-right:2px solid rgba(255,221,68,.75)}.battle-special-portrait-frame img{width:118%;height:118%;object-fit:cover;object-position:top center;image-rendering:pixelated;filter:contrast(1.08) brightness(1.15) drop-shadow(0 0 16px rgba(255,221,68,.65));transform:skew(-8deg) translate(8px) translateY(-8px)}.battle-special-sigil-wrap{position:absolute;right:30px;top:22px;display:grid;justify-items:center;gap:5px}.battle-special-sigil-ring{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;color:#fd4;background:radial-gradient(circle at center,rgba(255,255,255,.24),transparent 32%),conic-gradient(from 25deg,currentColor,transparent 18%,currentColor 31%,transparent 50%,currentColor 64%,transparent 82%,currentColor);box-shadow:0 0 26px currentColor;animation:battle-special-sigil 2.65s cubic-bezier(.2,.86,.16,1) both}.battle-special-sigil-ring[data-tone=guard]{color:#83f0ff}.battle-special-sigil-ring[data-tone=heal]{color:#72f59c}.battle-special-sigil-ring[data-tone=info]{color:#8fc7ff}.battle-special-sigil-ring[data-tone=charge]{color:#ffb347}.battle-special-sigil-ring[data-tone=expose]{color:#d38bff}.battle-special-sigil-ring span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#050511db;color:#fffdf2;font-size:17px;font-weight:800;line-height:1}.battle-special-sigil-label{max-width:100px;color:#fff8cc;font-size:8px;line-height:1.2;text-align:center;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.85)}.battle-special-title-wrap{position:absolute;left:clamp(20px,5%,42px);right:118px;top:50%;transform:translateY(-50%);color:#fffdf2;text-shadow:0 3px 0 rgba(0,0,0,.85),0 0 18px rgba(255,221,68,.75)}.battle-special-overline{display:inline-block;margin-bottom:7px;padding:4px 7px;border:1px solid rgba(255,221,68,.68);background:#050511bd;color:#fd4;font-size:9px;line-height:1}.battle-special-attack-name{font-size:clamp(16px,3.4vw,24px);line-height:1.08;font-weight:900;color:#fff8cc;overflow-wrap:anywhere}.battle-special-cutin-boss .battle-special-title-wrap{right:104px}.battle-decision-panel button:not(:disabled):hover{filter:brightness(1.08)}.battle-feedback{margin-top:12px;padding:12px;border-radius:6px}.battle-feedback-good{background:linear-gradient(180deg,#0a1a0af5,#081208f5);border:1px solid #2f6a36}.battle-feedback-bad{background:linear-gradient(180deg,#1e0e08f5,#120806f5);border:1px solid #6a3f26}.battle-feedback-title{font-size:11px;color:#fd8;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.battle-feedback-copy{font-size:12px;color:#e8e8ff;line-height:1.7}.battle-impact-row{margin-bottom:8px}.battle-impact-chip{font-size:9px;border-radius:999px;padding:4px 8px;color:#07120a;font-weight:700}.battle-impact-dmg{background:#ffd84a}.battle-impact-harm{background:#ff8a6a}.battle-impact-heal,.battle-impact-guard{background:#6ee58b}.battle-action-row{justify-content:space-between;margin-top:14px}@media(max-width:760px){.battle-screen{padding:10px 10px 42px}.battle-hp-row{flex-direction:column;gap:8px}.battle-status-strip{grid-template-columns:1fr 1fr}.battle-title{font-size:15px}.battle-stem{font-size:13.5px}.battle-decision-panel{padding:12px}.battle-option{min-height:42px;padding:8px 10px;font-size:11.5px}.battle-command-button{min-height:68px;padding:11px 10px}.battle-command-button-label{font-size:13px}}@media(max-width:520px){.battle-status-strip{grid-template-columns:1fr}.battle-meta,.battle-action-row{justify-content:flex-start}.battle-live-panel{padding-top:5px}.battle-special-callout{right:8px;bottom:8px}.battle-special-portrait-frame{width:34%}.battle-special-sigil-wrap{right:12px;top:14px}.battle-special-sigil-ring{width:58px;height:58px}.battle-special-sigil-ring span{width:44px;height:44px;font-size:13px}.battle-special-sigil-label{display:none}.battle-special-title-wrap{left:35%;right:74px}.battle-special-overline{font-size:7px;margin-bottom:5px}.battle-special-attack-name{font-size:15px}}@media(prefers-reduced-motion:reduce){.campaign-bird-layer{display:none}.ccc-shake,.ccc-floater,.battle-special-cutin,.battle-special-sigil-ring,.battle-special-speedlines,.title-stage:before,.campaign-routes path.is-open,.campaign-selected-ring,.campaign-map-light-sweep,.campaign-castle-pulse{animation:none}.battle-special-cutin{opacity:0}}.commander-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.commander-option-grid>button{width:100%;height:100%}.commander-difficulty-card{display:grid;grid-template-columns:minmax(142px,42%) minmax(0,1fr);align-items:stretch;padding:0;overflow:hidden;min-height:0;border-radius:8px;text-align:left}.commander-difficulty-art{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#080704}.commander-difficulty-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.commander-difficulty-art-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 68%,rgba(8,7,4,.38))}.commander-difficulty-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px}@media(max-width:700px){.commander-option-grid{grid-template-columns:minmax(0,1fr)}.commander-difficulty-card{grid-template-columns:minmax(112px,38%) minmax(0,1fr)}.commander-difficulty-copy{padding:12px}}.class-decision-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#040302e0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:class-decision-in .15s ease-out both}.class-decision-dialog{width:min(760px,100%);max-height:min(92vh,820px);overflow-y:auto;padding:clamp(16px,3vw,26px);border:2px solid rgba(230,192,82,.65);border-radius:12px;background:linear-gradient(180deg,#221c0efa,#0c0a07fc),#0c0a07;box-shadow:0 26px 70px #000000b8,inset 0 1px #fff0be1a}.class-decision-overline{color:#b9952f;font-size:11px;letter-spacing:2.5px;text-align:center}.class-decision-dialog h2{margin:7px 0 16px;color:#f4dd92;font-size:clamp(20px,3vw,27px);line-height:1.2;text-align:center}.class-doctrine{overflow:hidden;border:2px solid;border-radius:10px;background:#080705e0}.class-doctrine-header{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;padding:16px;background:linear-gradient(100deg,rgba(255,255,255,.055),transparent 68%)}.class-doctrine-portrait{width:108px;height:108px;overflow:hidden;border:2px solid;border-radius:9px;background:#050511}.class-doctrine-portrait>img,.class-doctrine-portrait>canvas{box-sizing:border-box;width:100%!important;height:100%!important}.class-doctrine-evolution{margin-bottom:5px;color:#d8b87a;font-size:11px;letter-spacing:1px}.class-doctrine-name{font-size:clamp(18px,4vw,28px);font-weight:800;line-height:1.1}.class-doctrine-title{margin-top:4px;color:#b9952f;font-size:12px;font-style:italic}.class-doctrine-desc{margin-top:9px;color:#e8dfca;font-size:13px;line-height:1.55}.class-doctrine-rules{display:grid;gap:8px;padding:0 16px 14px}.class-doctrine-rule{padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff09}.class-doctrine-rule-mastery{border-color:#66dc8661;background:#175c2d24}.class-doctrine-rule-inherited{border-color:#5eb2ff61;background:#194c7e24}.class-doctrine-rule-synergy{border-color:#ddac4c6b;background:#6c460c24}.class-doctrine-rule-troops{border-color:#8479ff6b;background:#2d267a29}.class-doctrine-rule-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#f4dd92;font-size:11px;letter-spacing:1px}.class-doctrine-rule-label span{color:#c9c1a8;font-size:10px;letter-spacing:0;text-align:right}.class-doctrine-chips{display:flex;flex-wrap:wrap;gap:6px}.class-doctrine-chips>span{padding:5px 7px;border:1px solid rgba(244,221,146,.24);border-radius:999px;background:#04030280;color:#f6efdd;font-size:10.5px;line-height:1.25}.class-doctrine-balance{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px 14px}.class-doctrine-strength,.class-doctrine-weakness{padding:11px;border-radius:7px;color:#e8dfca;font-size:11.5px;line-height:1.55}.class-doctrine-strength{border:1px solid rgba(90,210,120,.38);background:#0f4e222e}.class-doctrine-weakness{border:1px solid rgba(255,151,96,.34);background:#672a1229}.class-doctrine-strength>span,.class-doctrine-weakness>span{display:block;margin-bottom:5px;font-size:10px;letter-spacing:1.2px}.class-doctrine-strength>span{color:#72f59c}.class-doctrine-weakness>span{color:#ffad7e}.class-doctrine-special{padding:13px 16px 15px;border-top:1px solid rgba(230,192,82,.22);background:#e6c0520e}.class-doctrine-special>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.class-doctrine-special span{color:#b9952f;font-size:10px;letter-spacing:1.2px}.class-doctrine-special strong{color:#f4dd92;font-size:14px;text-align:right}.class-doctrine-special p{margin:8px 0 5px;color:#d8d0bc;font-size:11.5px;line-height:1.55}.class-doctrine-special small{color:#e6c052;font-size:10.5px;line-height:1.4}.class-decision-actions{display:flex;justify-content:space-between;gap:12px;margin-top:17px}@keyframes class-decision-in{0%{opacity:0}to{opacity:1}}@media(max-width:620px){.class-decision-backdrop{align-items:end;padding:8px}.class-decision-dialog{max-height:94vh;padding:14px 10px}.class-doctrine-header{grid-template-columns:78px minmax(0,1fr);gap:11px;padding:12px}.class-doctrine-portrait{width:78px;height:78px}.class-doctrine-rules,.class-doctrine-balance{padding-left:12px;padding-right:12px}.class-doctrine-balance{grid-template-columns:1fr}.class-doctrine-rule-label,.class-doctrine-special>div{align-items:flex-start;flex-direction:column}.class-doctrine-special strong{text-align:left}.class-decision-actions{flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){.class-decision-backdrop{animation:none}}.consent-screen{min-height:600px;display:grid;place-items:center;padding:34px 18px}.consent-panel{width:min(720px,100%);padding:clamp(22px,4vw,34px);border:2px solid rgba(230,192,82,.62);border-radius:10px;background:linear-gradient(180deg,#1c170cf7,#0a0805fa);box-shadow:0 24px 70px #0000009e,inset 0 1px #fff0be1a}.consent-overline{margin-bottom:9px;color:#b9952f;font-size:10px;letter-spacing:2px}.consent-panel h1{margin:0 0 14px;color:#f4dd92;font-size:clamp(22px,4vw,31px);line-height:1.18}.consent-panel p,.consent-list span{color:#eee6cf;font-size:12px;line-height:1.75}.consent-list{display:grid;gap:10px;margin:18px 0}.consent-list span{display:block;padding:11px 12px;border:1px solid rgba(201,162,58,.28);border-radius:7px;background:#0a08057a}.consent-small{color:#c9c1a8!important;font-size:10.5px!important}.consent-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.commander-service-panel{margin-bottom:24px;padding:13px;border:1px solid rgba(201,162,58,.32);border-radius:7px;background:#0a08057a}.commander-service-label{margin-bottom:10px;color:#b9952f;font-size:12px;letter-spacing:.8px}.commander-service-select-row{display:grid;grid-template-columns:minmax(0,1fr)}.commander-service-select{width:100%;min-height:42px;padding:10px 12px;border:2px solid rgba(201,162,58,.34);border-radius:5px;background:#0a0805c7;color:#f6efdd}.commander-service-meta{margin-top:9px;color:#c9c1a8;font-size:10px;line-height:1.5}.campaign-commander,.campaign-commander-copy{min-width:0}.campaign-commander-service{max-width:420px;margin-top:5px;color:#9ea4dc;font-size:8.5px;line-height:1.45}@media(max-width:520px){.consent-actions{flex-direction:column-reverse}.campaign-commander-service{max-width:100%}}