:root{color-scheme:dark;--navy-950: #070c16;--navy-900: #0b1324;--navy-800: #111f35;--slate: #8291a8;--text: #f5f8fb;--cyan: #20d5ea;--cyan-soft: #78eef7;--orange: #ff9d28;--red: #ec4d42;--affinity: #7de8ff;--line: rgba(151, 179, 205, .22);--display: "Barlow Condensed", sans-serif;--body: "Inter", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy-950)}body{font-family:var(--body);color:var(--text);overflow-x:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--affinity);outline-offset:3px}#app{min-height:100vh;position:relative;isolation:isolate;background:#0a1220;overflow:hidden}.world-bg{position:absolute;inset:0;z-index:-4;background-image:linear-gradient(180deg,#050b1745,#050a13a8),url(/assets/ninja-village-night-B6OPuzCi.png);background-size:cover;background-position:center 37%;filter:saturate(.78) contrast(1.06)}.world-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 39%,transparent 0 18%,rgba(3,8,16,.55) 76%,#050910 110%)}.mist{position:absolute;left:-10%;width:120%;height:34vh;z-index:-2;pointer-events:none;opacity:.18;filter:blur(30px);background:linear-gradient(90deg,transparent,#7d9bae,transparent);animation:drift 18s ease-in-out infinite alternate}.mist-a{top:31vh}.mist-b{top:49vh;animation-delay:-7s;animation-duration:24s;opacity:.1}@keyframes drift{to{transform:translate(6%) scaleY(.7)}}.topbar{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 44px;background:linear-gradient(180deg,#040911f5,#080f1bd6);border-bottom:1px solid var(--line);box-shadow:0 14px 45px #00000047;position:relative;z-index:20}.brand-block h1{margin:0;font:800 30px/.85 var(--display);letter-spacing:.06em;font-style:italic}.brand-block p{margin:9px 0 0;font:600 10px/1 var(--body);letter-spacing:.24em;color:#8291a6}.turn-block{text-align:center;min-width:240px}.turn-counter{color:#95a2b4;font:600 11px/1 var(--body);letter-spacing:.11em}.turn-counter strong{color:#fff}.turn-counter span{margin:0 8px;color:#44536a}.turn-pill{display:inline-flex;align-items:center;justify-content:center;min-width:178px;margin-top:11px;padding:8px 20px;border:1px solid rgba(34,216,235,.55);color:#80f5ff;background:linear-gradient(90deg,#124d5b78,#112d40b8);box-shadow:inset 0 0 16px #23d7eb14,0 0 28px #23d7eb14;font:700 12px/1 var(--body);letter-spacing:.12em;transform:skew(-10deg)}.turn-pill>*{transform:skew(10deg)}.turn-pill i{width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.turn-pill.enemy{border-color:#f26f438c;color:#ffb095;background:linear-gradient(90deg,#65271f7a,#3f1e1eb3)}.turn-pill.enemy i{background:var(--orange);box-shadow:0 0 12px var(--orange)}.match-block{justify-self:end;display:flex;align-items:center;gap:18px;color:#aab5c6;font:700 11px/1 var(--body);letter-spacing:.12em}.top-actions{display:flex;gap:8px}.icon-btn{width:36px;height:34px;border:1px solid var(--line);background:#0c1525cc;cursor:pointer;color:#b7c3d2;transition:.2s}.icon-btn:hover{border-color:var(--cyan);color:#fff;transform:translateY(-1px)}.battlefield{height:calc(100vh - 356px);min-height:390px;position:relative;overflow:hidden;border-bottom:1px solid rgba(121,154,180,.19)}#sceneCanvas{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab;z-index:2}.world-mode #sceneCanvas{touch-action:none}#sceneCanvas:active{cursor:grabbing}.battle-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(5,11,20,.58),transparent 26%,transparent 74%,rgba(5,11,20,.64)),linear-gradient(180deg,rgba(5,10,18,.18),transparent 22%,rgba(5,9,15,.4))}.impact-flash{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(93,239,255,.34),transparent 45%)}.impact-flash.show{animation:impact .45s ease-out}@keyframes impact{0%{opacity:.95;transform:scale(.85)}to{opacity:0;transform:scale(1.2)}}.combat-number{position:absolute;z-index:18;top:42%;pointer-events:none;color:#fff;font:italic 800 clamp(24px,4vw,46px)/1 var(--display);text-shadow:0 2px 0 #0b1324,0 0 18px currentColor;animation:damage-float .82s cubic-bezier(.18,.75,.2,1) forwards}.combat-number.enemy-hit{left:69%;color:#ffe1a0}.combat-number.player-hit{left:27%;color:#ff8b75}@keyframes damage-float{0%{opacity:0;transform:translate(-50%,20px) scale(.65)}24%{opacity:1;transform:translate(calc(-50% + var(--drift)),-8px) scale(1.16)}to{opacity:0;transform:translate(calc(-50% + var(--drift)),-68px) scale(.9)}}.map-hud{display:none;position:absolute;inset:0;z-index:12;pointer-events:none}.world-mode .topbar,.world-mode .command-panel,.world-mode .shortcuts,.world-mode .fighter-card,.world-mode .timeline,.world-mode .camera-hint{display:none}.world-mode .battlefield{height:100vh;min-height:620px;border:0}.world-mode .map-hud{display:block}.world-mode .battle-vignette{background:linear-gradient(180deg,rgba(4,9,15,.28),transparent 35%,rgba(3,8,13,.48))}.world-mode .world-bg{filter:saturate(.65) brightness(.54)}.explorer-card,.mission-card,.map-controls{position:absolute;top:28px;border:1px solid rgba(132,170,191,.32);background:#070e18e0;box-shadow:0 16px 45px #00000047}.explorer-card{left:30px;width:292px;padding:18px 20px}.explorer-topline,.xp-line{display:flex;justify-content:space-between;align-items:center}.explorer-topline span,.mission-card span,.map-controls span{color:var(--cyan);font:700 8px/1 var(--body);letter-spacing:.16em}.explorer-topline b{color:#9eacbd;font:700 9px/1 var(--body)}.explorer-card h2{margin:7px 0 8px;font:italic 800 26px/1 var(--display);letter-spacing:.05em}.build-line{display:flex;justify-content:space-between;gap:8px;margin-bottom:13px;color:#7f91a5;font:700 7px/1 var(--body);letter-spacing:.08em}.build-line b{color:var(--affinity);text-align:right}.xp-line{color:#74869a;font:700 8px/1 var(--body);letter-spacing:.08em}.xp-line strong{color:#c5d1dd;font-size:9px}.xp-bar{height:7px;padding:1px;margin-top:6px;border:1px solid rgba(133,165,188,.27);background:#08111d;transform:skew(-12deg)}.xp-bar i{display:block;width:0;height:100%;background:#28d3e4;box-shadow:0 0 12px #28d3e47a;transition:width .5s ease}.mission-card{left:50%;transform:translate(-50%);min-width:260px;padding:15px 22px;text-align:center}.mission-card b{display:block;margin-top:7px;font:800 15px/1 var(--display);letter-spacing:.08em}.mission-card small{display:block;margin-top:7px;color:#8393a6;font:600 8px/1 var(--body);letter-spacing:.12em}.map-controls{right:30px;width:178px;padding:15px 18px}.map-controls b{display:block;margin-top:8px;font:800 12px/1 var(--body);letter-spacing:.1em}.map-controls small{display:block;margin-top:6px;color:#7e8fa2;font-size:9px}.map-zoom{position:absolute;top:120px;right:30px;width:178px;padding:11px 12px;border:1px solid rgba(132,170,191,.32);background:#070e18e0;box-shadow:0 16px 45px #00000047;pointer-events:auto}.map-zoom>span{display:block;margin-bottom:8px;color:var(--cyan);font:700 8px/1 var(--body);letter-spacing:.15em}.map-zoom>div{display:grid;grid-template-columns:38px 1fr 38px;gap:5px}.map-zoom button{height:34px;border:1px solid rgba(74,214,229,.4);background:#091825eb;color:#a9f4fa;cursor:pointer;font:800 18px/1 var(--body);transition:border-color .18s,background .18s,transform .18s;touch-action:manipulation}.map-zoom button:hover{border-color:var(--cyan);background:#134957f0;transform:translateY(-1px)}.map-zoom #zoomResetBtn{font-size:11px}.map-zoom small{display:block;margin-top:7px;color:#71869a;font:600 7px/1 var(--body);letter-spacing:.06em;text-align:center}.encounter-tip{position:absolute;left:50%;bottom:34px;transform:translate(-50%);padding:10px 16px;border:1px solid rgba(52,210,226,.38);background:#060e18d1;color:#a6edf3;font:700 9px/1 var(--body);letter-spacing:.12em;opacity:.84}.mobile-pad{display:none;position:absolute;left:22px;bottom:22px;width:132px;height:132px;pointer-events:auto}.mobile-pad button{position:absolute;width:43px;height:43px;border:1px solid rgba(74,214,229,.5);background:#091825d1;color:#8ee9f2;border-radius:0;touch-action:none}.mobile-pad button[data-move=up]{left:44px;top:0}.mobile-pad button[data-move=left]{left:0;top:44px}.mobile-pad button[data-move=down]{left:44px;top:88px}.mobile-pad button[data-move=right]{left:88px;top:44px}.mobile-pad button:active{background:#1a8e9ecc}.world-actions{position:absolute;right:30px;bottom:30px;display:flex;gap:8px;align-items:stretch;pointer-events:auto}.world-actions button,.coin-display{min-height:43px;border:1px solid rgba(106,164,186,.4);background:#07101be6}.world-actions button{padding:0 16px;cursor:pointer;color:#c6d5e1;font:800 9px/1 var(--body);letter-spacing:.09em;transition:.2s}.world-actions button:hover{border-color:var(--cyan);color:#fff;transform:translateY(-2px)}.world-actions button strong{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:7px;background:#b55731;color:#fff}.coin-display{display:flex;align-items:center;gap:7px;padding:0 13px}.coin-display span{color:#ffc85e}.coin-display b{color:#ffe39a;font:800 15px/1 var(--display)}.coin-display small{color:#7f8fa1;font:700 7px/1 var(--body);letter-spacing:.1em}.progression-overlay{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:24px;background:#03080ec7;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.25s}.progression-overlay.show{opacity:1;visibility:visible}.progression-panel{width:min(1040px,96vw);max-height:min(820px,92vh);overflow-y:auto;border:1px solid rgba(78,210,224,.5);background:#0b1423;box-shadow:0 28px 100px #0000009e}.progression-panel>header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid rgba(126,157,180,.2);background:#101d30}.progression-panel>header span{color:var(--cyan);font:700 8px/1 var(--body);letter-spacing:.18em}.progression-panel>header h2{margin:6px 0 0;font:italic 800 28px/1 var(--display);letter-spacing:.06em}.progression-panel>header button{width:39px;height:39px;border:1px solid rgba(136,162,183,.3);background:#0a1220;color:#95a7b9;font-size:23px;cursor:pointer}.progression-balance{display:flex;justify-content:center;gap:28px;padding:13px;border-bottom:1px solid rgba(126,157,180,.15);background:#08101c;color:#8d9fb1;font:700 9px/1 var(--body);letter-spacing:.08em}.progression-balance b{color:#f5d47d}.progression-content{display:grid;grid-template-columns:390px 1fr;min-height:520px}.progression-left{border-right:1px solid rgba(126,157,180,.17)}.build-setup,.status-shop,.power-shop,.settings-shop{padding:20px 24px;border-bottom:1px solid rgba(126,157,180,.17)}.build-setup>p,.power-shop>p,.settings-shop>p{margin:0 0 12px;color:#7f91a5;font:700 8px/1 var(--body);letter-spacing:.12em}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice-grid+.choice-grid{margin-top:8px}.build-choice{min-width:0;padding:9px 10px;text-align:left;border:1px solid rgba(126,157,180,.2);background:#0b1727;cursor:pointer}.build-choice b{display:block;color:#b8c7d5;font:800 10px/1 var(--display);letter-spacing:.05em}.build-choice small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667b91;font-size:7px}.build-choice:hover,.build-choice.selected{border-color:var(--choice-color, var(--affinity));box-shadow:inset 0 0 18px color-mix(in srgb,var(--choice-color, var(--affinity)) 12%,transparent)}.build-choice.selected b{color:var(--choice-color, var(--affinity))}.affinities{grid-template-columns:repeat(3,1fr)}.affinities .build-choice{padding-inline:8px}.affinities .build-choice small{display:none}.status-shop{border-right:0}.status-shop>p{margin:0 0 18px;color:#7f91a5;font:500 10px/1.5 var(--body)}.status-upgrade{display:grid;grid-template-columns:1fr 40px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid rgba(123,153,177,.14)}.status-upgrade div{display:grid;grid-template-columns:44px 30px 1fr;align-items:center}.status-upgrade span{color:#9aeef4;font:800 11px/1 var(--display)}.status-upgrade b{font:800 17px/1 var(--display)}.status-upgrade small{color:#687b91;font-size:8px}.status-upgrade button{width:38px;height:38px;border:1px solid rgba(54,215,229,.5);background:#102b38;color:#7bf0fa;cursor:pointer;font-size:20px}.status-upgrade button:disabled{opacity:.28;cursor:not-allowed}.power-shop{border-bottom:1px solid rgba(126,157,180,.17)}.power-shop>p strong{color:var(--affinity)}.mastery-bar{height:6px;margin-bottom:6px;background:#07101c;border:1px solid rgba(126,157,180,.2)}.mastery-bar i{display:block;width:0;height:100%;background:var(--affinity);box-shadow:0 0 12px color-mix(in srgb,var(--affinity) 55%,transparent);transition:width .35s}.power-shop>small{display:block;color:#667b91;font:700 7px/1 var(--body);text-align:right}.power-choices{margin-top:10px}.power-upgrade{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(126,157,180,.13)}.power-upgrade b{display:block;color:#b7c8d6;font:700 10px/1 var(--display)}.power-upgrade small{display:block;margin-top:4px;color:#687b91;font-size:7px}.power-upgrade button{height:34px;border:1px solid color-mix(in srgb,var(--affinity) 50%,transparent);background:#102937;color:var(--affinity);cursor:pointer;font-weight:800}.power-upgrade button:disabled{opacity:.27;cursor:not-allowed}.settings-shop{border-bottom:0}.settings-shop label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(126,157,180,.12);color:#aabac8;font:600 9px/1.2 var(--body)}.settings-shop label small{display:block;margin-top:4px;color:#61758a;font-size:7px}.settings-shop input{width:32px;height:18px;accent-color:var(--affinity)}.save-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.save-actions button{height:32px;border:1px solid rgba(126,157,180,.25);background:#0b1727;color:#8fa4b7;cursor:pointer;font:700 7px/1 var(--body);letter-spacing:.07em}.save-actions button:hover{border-color:var(--affinity);color:#fff}.character-shop{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;align-content:start}.character-card{position:relative;min-height:172px;padding:18px;border:1px solid rgba(125,155,178,.24);background:#0e192a;overflow:hidden}.character-card.equipped{border-color:#36dbe9b8;box-shadow:inset 0 0 24px #24bfcd17}.character-card .char-mark{position:absolute;right:-9px;top:-13px;color:#5ad0dc1a;font:800 94px/1 var(--display)}.character-card>span{color:#76899d;font:700 8px/1 var(--body);letter-spacing:.14em}.character-card h3{margin:7px 0 5px;font:italic 800 21px/1 var(--display);letter-spacing:.04em}.character-card p{min-height:28px;margin:0 0 12px;color:#74879c;font:500 9px/1.4 var(--body)}.character-bonuses{display:flex;gap:8px;margin-bottom:14px;color:#9adfe6;font:700 8px/1 var(--body)}.character-card button{width:100%;height:35px;border:1px solid rgba(69,212,225,.5);background:#153443;cursor:pointer;font:800 9px/1 var(--body);letter-spacing:.08em}.character-card button:disabled{opacity:.45;cursor:default}.fighter-card{position:absolute;z-index:7;top:38px;width:min(300px,23vw);pointer-events:none}.fighter-left{left:44px}.fighter-right{right:116px;text-align:right}.fighter-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.fighter-heading>div>span{font:700 9px/1 var(--body);letter-spacing:.17em;color:var(--cyan)}.fighter-heading h2{margin:3px 0 0;font:italic 800 clamp(19px,2vw,27px)/1 var(--display);letter-spacing:.05em}.enemy-heading{align-items:end}.enemy-heading>div>span{color:#ff8266}.level{flex:none;margin-bottom:3px;padding:4px 7px;border:1px solid var(--line);color:#aab6c4;font:700 9px/1 var(--body)}.status-line{display:flex;justify-content:space-between;margin:0 1px 5px;color:#9aa9bc;font:600 8px/1 var(--body);letter-spacing:.08em}.status-line strong{color:#d7e0e9;font-size:9px}.chakra-label{margin-top:8px}.bar{height:8px;padding:2px;border:1px solid rgba(177,197,215,.3);background:#050a12b3;transform:skew(-13deg);overflow:hidden}.bar i{display:block;height:100%;width:100%;transform-origin:left;transition:width .6s cubic-bezier(.22,1,.36,1)}.fighter-right .bar i{transform-origin:right;margin-left:auto}.bar.health i{background:linear-gradient(90deg,#ff8633,#e6483f);box-shadow:0 0 10px #ec4d4273}.bar.chakra i{background:linear-gradient(90deg,#1887cb,#37dbf1);box-shadow:0 0 10px #2fcfeb73}.stats-row{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid rgba(139,163,184,.16)}.stats-row span{display:flex;gap:5px;align-items:baseline}.stats-row small{color:#6f7f94;font:700 8px/1 var(--body)}.stats-row b{color:#c7d2df;font:700 10px/1 var(--body)}.timeline{position:absolute;z-index:8;top:38px;right:26px;width:74px;text-align:center}.timeline>p{margin:0 0 13px;color:#6f8096;font:700 8px/1 var(--body);letter-spacing:.15em}.timeline-track{position:absolute;top:30px;left:19px;width:1px;height:122px;background:linear-gradient(var(--cyan),rgba(95,118,143,.18))}.timeline-unit{position:relative;display:flex;align-items:center;gap:8px;width:150px;margin:0 0 10px;text-align:left;transform:translate(0)}.timeline-unit .avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;flex:none;font:800 16px/1 var(--display);border:2px solid #46556a;background:#172237}.timeline-unit.active .avatar{border-color:var(--cyan);box-shadow:0 0 14px #20d5ea61}.avatar-k{color:#72ecf6}.avatar-r{color:#ff8e68}.timeline-unit b{display:none}.timeline-unit small{display:block;width:52px;color:#74859a;font:700 7px/1 var(--body);letter-spacing:.08em}.timeline-unit.active small{color:var(--cyan)}.timeline-unit.muted{opacity:.4}.camera-hint{position:absolute;z-index:8;left:50%;bottom:18px;transform:translate(-50%);padding:7px 12px;border:1px solid rgba(121,152,178,.18);background:#040a127a;color:#c8d7e48c;font:600 8px/1 var(--body);letter-spacing:.1em;transition:opacity .5s;pointer-events:none}.command-panel{position:relative;z-index:20;height:230px;padding:22px 44px 18px;background:linear-gradient(180deg,#0a121ffa,#050a12fc);box-shadow:0 -20px 55px #00000059}.moves-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1220px;margin:0 auto}.move-card{min-width:0;height:76px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:10px 14px;text-align:left;border:1px solid rgba(137,162,184,.23);background:linear-gradient(145deg,#132033eb,#0b1320eb);cursor:pointer;transition:.2s ease;position:relative;overflow:hidden}.move-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 20% 50%,rgba(32,213,234,.17),transparent 48%);transition:.2s}.move-card:hover:not(:disabled),.move-card.active{transform:translateY(-2px);border-color:#36e1f1b8;box-shadow:inset 0 0 0 1px #36e1f11c,0 8px 24px #0000003b}.move-card:hover:before,.move-card.active:before{opacity:1}.move-card:disabled{opacity:.34;cursor:not-allowed;filter:grayscale(.7)}.move-card.mastery-locked:after{content:"DOMÍNIO";position:absolute;right:8px;bottom:5px;color:#d4a875;font:700 6px/1 var(--body);letter-spacing:.08em}.move-icon{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(236,116,55,.42);background:radial-gradient(circle,rgba(228,89,36,.2),transparent 65%);color:#ff9c51;font-size:22px}.move-icon.cyan{color:#72f5ff;border-color:#49dff175;background:radial-gradient(circle,rgba(39,202,225,.23),transparent 65%)}.move-icon.violet{color:#bf93ff;border-color:#a56feb73;background:radial-gradient(circle,rgba(154,91,226,.18),transparent 65%)}.move-icon.sky{color:#67bbff;border-color:#57aff273;background:radial-gradient(circle,rgba(69,151,218,.2),transparent 65%)}.move-copy{min-width:0;position:relative;z-index:1}.move-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 clamp(11px,1vw,13px)/1 var(--display);letter-spacing:.04em}.move-copy small{display:block;margin-top:7px;color:#78899c;font:500 9px/1 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost{align-self:start;position:relative;z-index:1;color:#59d9e6;font:700 9px/1 var(--body)}.cost:before{content:"◈ "}.utility-row{max-width:1220px;margin:14px auto 0;display:grid;grid-template-columns:1fr 240px 1fr;gap:18px;align-items:center}.utility-actions{display:flex;gap:10px}.utility-btn{height:45px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(126,151,174,.23);background:#0e1827e6;cursor:pointer;color:#b7c4d1;transition:.2s}.utility-btn:hover,.utility-btn.active{border-color:#20d5eaa6;color:#fff}.utility-btn>span{color:var(--cyan)}.utility-btn b{font:700 10px/1 var(--body);letter-spacing:.06em}kbd{border:1px solid rgba(131,151,171,.3);padding:3px 5px;color:#6e8094;background:#0a121f;font:700 8px/1 var(--body)}.confirm-btn{height:50px;border:1px solid #55dce9;background:linear-gradient(110deg,#168ca4,#1cb6c6);box-shadow:0 0 22px #1ebccc2b,inset 0 0 15px #ffffff14;cursor:pointer;transform:skew(-8deg);transition:.2s}.confirm-btn>*{display:block;transform:skew(8deg)}.confirm-btn span{font:800 12px/1 var(--body);letter-spacing:.08em}.confirm-btn small{margin-top:4px;font:600 7px/1 var(--body);color:#a8f8ff}.confirm-btn:hover:not(:disabled){transform:skew(-8deg) translateY(-2px);filter:brightness(1.15)}.confirm-btn:disabled{opacity:.36;cursor:wait}.battle-log{justify-self:end;max-width:330px;color:#8494a7;font:500 10px/1.45 var(--body);text-align:right}.battle-log b{color:#b9f8ff}.shortcuts{position:relative;z-index:20;height:34px;display:flex;justify-content:center;align-items:center;gap:8px;background:#050911;border-top:1px solid rgba(119,148,173,.15);color:#58677a;font:600 8px/1 var(--body);letter-spacing:.08em}.shortcuts b{color:#8190a3}.shortcuts span{color:#2d3949}.result-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#03070dc7;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.35s}.result-overlay.show{opacity:1;visibility:visible}.result-card{width:min(440px,90vw);padding:48px;text-align:center;border:1px solid rgba(84,224,237,.5);background:linear-gradient(150deg,#142238,#080e19);box-shadow:0 25px 90px #0009,0 0 70px #20d5ea14}.result-card p{margin:0;color:#7e91a8;font:700 10px/1 var(--body);letter-spacing:.2em}.result-card h2{margin:12px 0 6px;color:#7af2fc;font:italic 800 58px/.95 var(--display);letter-spacing:.06em}.result-card span{color:#9aacbd;font-size:12px}.result-card button{display:block;width:100%;margin-top:28px;padding:14px;border:1px solid var(--cyan);background:#168ca4;cursor:pointer;font:800 12px/1 var(--body);letter-spacing:.1em}@media(max-width:920px){.topbar{padding:0 20px}.brand-block p,.match-block>span{display:none}.fighter-card{width:260px;top:24px}.fighter-left{left:20px}.fighter-right{right:82px}.timeline{right:8px;top:24px}.command-panel{padding-inline:18px}.move-card{grid-template-columns:38px 1fr auto;padding-inline:9px;gap:7px}.move-icon{width:36px;height:40px}.utility-row{grid-template-columns:1fr 220px}.battle-log{display:none}}@media(max-width:680px){#app{overflow-y:auto}#app:not(.world-mode){height:100vh;height:100dvh;min-height:0;overflow:hidden}#app:not(.world-mode) .topbar{height:62px;padding:0 12px;grid-template-columns:1fr auto}#app:not(.world-mode) .brand-block h1{font-size:19px}#app:not(.world-mode) .brand-block p{display:none}#app:not(.world-mode) .turn-block{min-width:126px}#app:not(.world-mode) .turn-counter{font-size:7px}#app:not(.world-mode) .turn-pill{min-width:124px;margin-top:5px;padding:6px 8px;font-size:8px}.match-block{display:none}#app:not(.world-mode) .battlefield{height:calc(100vh - 250px - env(safe-area-inset-bottom));height:calc(100dvh - 250px - env(safe-area-inset-bottom));min-height:0}#app:not(.world-mode) .fighter-card{width:calc(50% - 14px);top:8px}#app:not(.world-mode) .fighter-left{left:8px}#app:not(.world-mode) .fighter-right{right:8px}#app:not(.world-mode) .fighter-heading{margin-bottom:5px}#app:not(.world-mode) .fighter-heading h2{font-size:14px}#app:not(.world-mode) .fighter-heading>div>span{font-size:7px}#app:not(.world-mode) .fighter-heading .level{display:none}#app:not(.world-mode) .status-line{margin-bottom:3px;font-size:6px}#app:not(.world-mode) .status-line strong{font-size:7px}#app:not(.world-mode) .chakra-label{margin-top:5px}#app:not(.world-mode) .bar{height:6px}#app:not(.world-mode) .stats-row,#app:not(.world-mode) .timeline,#app:not(.world-mode) .camera-hint{display:none}#app:not(.world-mode) .command-panel{height:calc(188px + env(safe-area-inset-bottom));min-height:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}#app:not(.world-mode) .moves-grid{grid-template-columns:1fr 1fr;gap:6px}#app:not(.world-mode) .move-card{height:52px;grid-template-columns:31px 1fr auto;padding:5px 7px;gap:5px}#app:not(.world-mode) .move-icon{width:29px;height:32px;font-size:16px}#app:not(.world-mode) .move-copy b{font-size:9px}#app:not(.world-mode) .move-copy small{display:none}#app:not(.world-mode) .cost{font-size:7px}#app:not(.world-mode) .utility-row{margin-top:7px;grid-template-columns:minmax(0,1fr) 132px;gap:6px}#app:not(.world-mode) .utility-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}#app:not(.world-mode) .utility-btn{height:42px;justify-content:center;padding:0 5px;gap:4px}#app:not(.world-mode) .utility-btn b{font-size:7px;letter-spacing:.02em}#app:not(.world-mode) .utility-btn kbd{display:none}#app:not(.world-mode) .confirm-btn{width:132px;height:42px;justify-self:auto}#app:not(.world-mode) .confirm-btn span{font-size:9px}#app:not(.world-mode) .confirm-btn small{font-size:6px}.shortcuts{display:none}.world-mode .battlefield{height:100vh;min-height:620px}.world-mode .explorer-card{top:12px;left:12px;width:205px;padding:13px 14px}.world-mode .explorer-card h2{font-size:20px;margin-bottom:11px}.world-mode .mission-card{top:12px;right:12px;left:auto;transform:none;min-width:0;width:150px;padding:12px 9px}.world-mode .mission-card b{font-size:11px}.world-mode .map-controls{display:none}.world-mode .map-zoom{top:114px;right:12px;width:150px;padding:9px}.world-mode .map-zoom>span{margin-bottom:6px}.world-mode .map-zoom>div{grid-template-columns:34px 1fr 34px;gap:4px}.world-mode .map-zoom button{height:31px}.world-mode .map-zoom small{margin-top:5px}.world-mode .mobile-pad{display:block}.world-mode .encounter-tip{bottom:26px;left:auto;right:14px;width:190px;transform:none;text-align:center;line-height:1.45}.world-mode .world-actions{right:12px;bottom:105px;display:grid;grid-template-columns:1fr 1fr;width:190px}.world-mode .coin-display{grid-column:1 / -1;justify-content:center}.world-mode .world-actions button{padding:0 8px;font-size:7px}.world-mode .world-actions button{color:#d5f7fb;background:#05121df5;border-color:#47d3e29e}.combat-number.enemy-hit{left:72%}.combat-number.player-hit{left:28%}.progression-overlay{padding:10px}.progression-content{grid-template-columns:1fr}.progression-left{border-right:0;border-bottom:1px solid rgba(126,157,180,.17)}.build-setup,.status-shop,.power-shop,.settings-shop{padding:17px}.affinities{grid-template-columns:1fr 1fr}.character-shop{grid-template-columns:1fr}}@media(max-width:680px)and (max-height:600px){#app:not(.world-mode) .topbar{height:50px}#app:not(.world-mode) .brand-block h1{font-size:16px}#app:not(.world-mode) .turn-counter{display:none}#app:not(.world-mode) .turn-pill{margin-top:0;min-width:112px}#app:not(.world-mode) .battlefield{height:calc(100dvh - 218px - env(safe-area-inset-bottom))}#app:not(.world-mode) .command-panel{height:calc(168px + env(safe-area-inset-bottom));padding-top:6px}#app:not(.world-mode) .move-card{height:44px}#app:not(.world-mode) .move-icon{width:26px;height:27px;font-size:14px}#app:not(.world-mode) .utility-row{margin-top:5px}#app:not(.world-mode) .utility-btn,#app:not(.world-mode) .confirm-btn{height:38px}}@media(max-height:770px)and (min-width:681px){.topbar{height:78px}.battlefield{height:calc(100vh - 312px);min-height:330px}.command-panel{height:202px;padding-top:14px}.move-card{height:68px}.fighter-card{top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}