.battle-page{max-width:1440px}.battle-page .lab-heading h1{font-size:clamp(2.8rem,5vw,5rem)}.battle-builder{border-top:1px solid #bca16a44}.battle-builder-intro{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:32px 0}.battle-builder-intro h2,.battle-conditions h2{font-size:clamp(1.6rem,2.3vw,2.3rem);margin:8px 0 10px}.battle-builder p{color:#a8b7ae;line-height:1.65}.battle-presets{min-width:210px;display:grid;gap:8px}.battle-presets label,.battle-field>span{color:#c3cbbf;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.battle-page select{background:#0d1c18;color:#e5e7dc;border:1px solid #8fa59155;border-radius:4px;max-width:100%;min-height:44px;padding:10px 30px 10px 11px;font-family:inherit;font-size:.82rem}.battle-page button:focus-visible,.battle-page select:focus-visible,.battle-page summary:focus-visible{outline:2px solid #dec58f;outline-offset:4px}.battle-page button{cursor:pointer}.battle-page button:disabled{opacity:.35;cursor:default}.battle-teams{display:grid;grid-template-columns:1fr 1fr;gap:38px;position:relative}.battle-team{border:1px solid #63a99444;background:linear-gradient(135deg,#15372c80,#0b1714);border-radius:8px;overflow:hidden;min-width:0}.battle-team.team-1{border-color:#c39a5a55;background:linear-gradient(215deg,#58422445,#0b1714)}.battle-team-head{padding:20px 22px;border-bottom:1px solid #8cbba42b;display:flex;align-items:center;justify-content:space-between}.battle-team-head b{font-size:.74rem;color:#99ad9f;font-weight:500}.battle-team.team-1 .eyebrow{color:#d2b27c}.battle-builder-vs{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-family:Georgia,serif;color:#d8bd82;font-style:italic;font-size:1.4rem;background:#0c1b16;padding:12px 5px;z-index:2}.battle-slots{max-height:490px;overflow:auto;scrollbar-width:thin;scrollbar-color:#527d69 #12221b}.battle-slot{display:flex;gap:12px;align-items:start;padding:20px;border-bottom:1px solid #91ad9526}.battle-sigil{width:48px;height:56px;display:grid;place-items:center;flex:none;border:1px solid hsl(var(--fighter-hue) 35% 60%/.55);color:hsl(var(--fighter-hue) 50% 76%);background:linear-gradient(140deg,hsl(var(--fighter-hue) 60% 25%/.24),transparent);font-size:.9rem;font-family:Georgia,serif;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.battle-slot-main{flex:1;min-width:0}.battle-slot-main select{width:100%;font-size:.85rem}.battle-slot p{font-size:.78rem;margin:7px 0}.battle-slot details{font-size:.73rem;color:#98aaa0}.battle-slot details summary{cursor:pointer;color:#bcbb9e}.battle-slot details p{font-size:.73rem;padding:4px 0}.battle-slot details a{color:#d6bd8c}.battle-slot-actions{display:grid;gap:3px}.battle-slot-actions button{border:1px solid #94ae9233;background:#11211b;color:#d0d5c4;min-width:28px;min-height:28px;font-size:1rem;border-radius:3px}.battle-add{border:0;background:transparent;color:#d1c39e;width:100%;padding:17px;font-size:.83rem;transition:background .2s}.battle-add:hover{background:#accdaf12}.battle-bonds{font-size:.7rem;border-top:1px solid #a6bca62b;padding:12px 20px;margin:0!important}.battle-reserves{border-top:1px solid #a6bca62b;padding:16px 20px;font-size:.8rem}.battle-reserves summary{cursor:pointer;color:#ced2bf;display:flex;justify-content:space-between}.battle-reserves>p{font-size:.73rem}.battle-reserves .battle-slot{padding:14px 0}.battle-reserves .button{margin-top:12px}.battle-setup{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;margin:38px 0}.battle-map-panel,.battle-conditions{border:1px solid #7f9a7d40;border-radius:8px;overflow:hidden;background:#0d1b16}.battle-map-preview{min-height:250px;display:flex;flex-direction:column;justify-content:end;padding:25px;background-size:cover;background-position:center}.battle-map-preview h2{font-size:2.4rem;margin:12px 0}.battle-map-preview p{font-size:.8rem;max-width:380px;margin:0}.battle-map-panel>.battle-field,.battle-map-panel>.button,.battle-map-panel>.lab-fineprint{margin:20px 24px}.battle-map-facts{display:flex;gap:7px;flex-wrap:wrap;padding:0 24px}.battle-map-facts span{border:1px solid #b3c6a32c;background:#8cb9940b;padding:6px 8px;border-radius:3px;font-size:.65rem;color:#bbc1a7}.battle-map-panel>.lab-fineprint{font-size:.7rem}.battle-conditions{padding:26px}.battle-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px;margin-top:22px}.battle-field{display:grid;gap:8px;min-width:0}.battle-field select{width:100%;text-overflow:ellipsis}.battle-checks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.battle-check{display:flex;gap:9px;align-items:start;color:#ccd2bd;font-size:.75rem;line-height:1.45}.battle-check input{accent-color:#c8b178;width:16px;height:16px;flex:none;margin:0}.battle-conditions .lab-fineprint{font-size:.69rem}.battle-launch{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;background:linear-gradient(105deg,#213c2e,#111c17);border:1px solid #bfa16755;border-radius:6px}.battle-launch>div{display:flex;gap:20px;align-items:center}.battle-launch strong{font-family:Georgia,serif;font-size:2rem;color:#dbc28d}.battle-launch span{font-size:.8rem;color:#a9b4a3}.battle-launch .button{font-size:.9rem;padding:17px 32px}.battle-launch .button span{color:#17271b;font-size:1.3rem;margin-left:18px}.battle-method{margin:24px 0;color:#9aaca0;font-size:.78rem;line-height:1.8}.battle-method summary{cursor:pointer;color:#c2c8ad}.battle-method li{padding:5px 0}.battle-spectator-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.battle-spectator-top h2{font-size:clamp(1.4rem,2.8vw,2.6rem);margin:10px 0;overflow-wrap:anywhere}.battle-spectator-top h2>span{color:#8e9f89;font-size:.6em;font-style:italic;padding:0 12px}.battle-stage{position:relative;isolation:isolate;height:590px;overflow:hidden;border:1px solid #8ea48175;border-radius:8px;background:#11251b;box-shadow:0 15px 60px #0004}.battle-stage:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#0a1a174d,#081513c9),var(--battle-map);background-size:cover;background-position:center;transition:filter 1.4s,transform 1.4s;filter:saturate(.6) brightness(.7)}.battle-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 120px #020c09b3;background-image:linear-gradient(#85ac8922 1px,transparent 1px),linear-gradient(90deg,#85ac8922 1px,transparent 1px);background-size:8% 14%}.battle-stage-top,.battle-stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font:11px/1.4 ui-monospace,monospace;color:#c0cab2;letter-spacing:.08em;text-transform:uppercase;z-index:3}.battle-stage-top{top:20px}.battle-stage-top [data-clock]{color:#f1d5a2}.battle-stage-bottom{bottom:16px;font-size:9px;color:#8e9c8b}.battle-token-field{position:absolute;inset:65px 45px 175px;z-index:2}.battle-token{position:absolute;width:42px;text-align:center;transform:translate(-50%,-50%);transition:left .65s ease,top .65s ease,opacity .7s;filter:drop-shadow(0 5px 9px #0008)}.battle-token>span{height:43px;width:43px;display:grid;place-items:center;border:1px solid #9be0bf;border-radius:50%;background:#193d31ee;color:#d1f4dc;font-family:Georgia,serif;font-size:.7rem;box-shadow:0 0 14px #6ccfaf44;transition:box-shadow .3s,transform .3s}.battle-token.side-1>span{background:#4a371aee;border-color:#dfbd75;color:#f4dfb8;box-shadow:0 0 14px #e3ab5544}.battle-token>small{display:block;color:#eceddc;font-size:9px;white-space:nowrap;margin:4px -25px 0}.battle-token>i{display:block;position:relative;height:3px;background:#07130c;border:1px solid #577857;width:36px;margin:4px auto;border-radius:2px}.battle-token>i:after{content:'';display:block;width:var(--health);height:100%;background:#a8dab8}.battle-token.side-1>i:after{background:#dfba7c}.battle-token.acting>span{box-shadow:0 0 0 6px #ffffff15,0 0 25px #b3e7b380;transform:scale(1.15)}.battle-token.targeted>span{border-color:#ffd9b4}.battle-token.out{opacity:.2}.battle-token.out>span{filter:grayscale(1)}.battle-path{position:absolute;inset:65px 45px 175px;width:calc(100% - 90px);height:calc(100% - 240px);z-index:1;pointer-events:none;overflow:visible}.battle-path line{stroke:#f0d0a0;stroke-width:.4;stroke-dasharray:2 1;filter:drop-shadow(0 0 4px #f4d2a7);opacity:0}.battle-moment{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:min(750px,85%);text-align:center;z-index:4;padding:15px 20px;background:radial-gradient(ellipse,#061411f0 20%,#06141100 72%);pointer-events:none}.battle-moment h3{font-size:clamp(1.3rem,2.5vw,2rem);color:#e5dbc0;margin:6px 0 8px;text-wrap:balance}.battle-moment p{color:#afbcac;font-size:.74rem;line-height:1.6;margin:0;text-wrap:balance}.battle-moment>.eyebrow{font-size:.57rem}.battle-cinematic{position:absolute;inset:0;display:none;z-index:8;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:8%;background:linear-gradient(0deg,#05120ce8,transparent 35%,#06130c6b 65%,#04110eee);box-shadow:inset 0 55px #030e0df5,inset 0 -55px #030e0df5}.scene-active .battle-cinematic{display:flex}.scene-active .battle-moment,.scene-active .battle-token-field,.scene-active .battle-stage-bottom,.scene-active .battle-stage-top{opacity:0}.battle-cinematic h2{font-size:clamp(2.3rem,6vw,5rem);color:#dfc799;line-height:1.08;margin:18px 0;text-wrap:balance;text-shadow:0 5px 30px #000}.battle-cinematic>p:not(.eyebrow){color:#c2cbb8;max-width:650px;line-height:1.75;font-size:.9rem}.battle-cinematic small{position:absolute;bottom:22px;font-size:.65rem;color:#97a68e}.battle-cinematic button{background:transparent;border:0;color:#dec78d;padding:8px 14px}.battle-stage[data-damage="1"]:before{filter:saturate(.45) brightness(.62)}.battle-stage[data-damage="2"]:before{filter:saturate(.3) brightness(.5);transform:scale(1.08)}.battle-stage[data-damage="3"]:before{filter:saturate(.42) brightness(.5);transform:scale(1.2) translateX(-3%)}.battle-terrain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 70%,rgb(175 75 24 / calc(var(--fire,0)*.35)),transparent 55%),radial-gradient(ellipse at 75% 65%,rgb(105 193 227 / calc(var(--ice,0)*.3)),transparent 60%);z-index:1;transition:background 1s}.battle-weather{position:absolute;inset:0;pointer-events:none;opacity:.24;z-index:1}.weather-storm{background:repeating-linear-gradient(110deg,transparent 0 39px,#95afbe44 40px,transparent 42px 89px);animation:battle-rain 1.5s linear infinite}.weather-heat{background:radial-gradient(ellipse at 50% 0,#dbab4933,transparent 75%)}.battle-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:18px 0}.battle-controls .button{min-height:40px;font-size:.66rem;padding:9px 12px}.battle-controls label{display:flex;align-items:center;gap:7px;font-size:.7rem;color:#adb9a2}.battle-controls select{min-height:40px;padding:7px;font-size:.73rem}.battle-controls [aria-pressed="true"]{background:#30422a;border-color:#b3bd87}.battle-hud{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.battle-team-hud{border:1px solid #739b794d;border-radius:5px;overflow:hidden;min-width:0}.battle-team-hud.team-1{border-color:#be99534d}.battle-hud-heading{display:flex;justify-content:space-between;padding:12px 16px;background:#88af8212;color:#b5c0a8;font-size:.72rem}.battle-hud-heading span{color:#98a28d}.battle-health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:290px;overflow:auto;scrollbar-width:thin}.battle-health{padding:15px;border-top:1px solid #7e9d6f22;border-right:1px solid #7e9d6f22}.battle-health>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#d4dac2;font-size:.75rem}.battle-health>div:first-child>span{font-size:.59rem;color:#a6b094;white-space:nowrap}.battle-meter{display:block;height:5px;background:#06120d;border-radius:3px;margin:10px 0;overflow:hidden}.battle-meter i{height:100%;display:block;background:linear-gradient(90deg,#527e60,#9bcc9f);transition:width .5s}.team-1 .battle-meter i{background:linear-gradient(90deg,#896e40,#d5bc7e)}.battle-small-meters{display:flex;gap:18px;margin-top:12px}.battle-small-meters>span{display:block;position:relative;flex:1;font-size:.54rem;color:#93a38b;padding-bottom:6px}.battle-small-meters b{float:right;font-weight:400}.battle-small-meters i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#8295be var(--fill),#203125 var(--fill))}.battle-small-meters>span+span i{background:linear-gradient(90deg,#b8ad75 var(--fill),#203125 var(--fill))}.battle-health>small{display:block;color:#a3af96;font-size:.6rem;line-height:1.5;margin-top:10px}.battle-health.out{opacity:.48}.battle-live-feed{margin:22px 0;padding:12px 20px;border-left:2px solid #758e6744;min-height:100px}.battle-live-feed p{display:flex;gap:16px;font-size:.8rem;margin:9px 0;color:#bdc5ab}.battle-live-feed time{font-size:.67rem;color:#718a73;min-width:45px;font-variant-numeric:tabular-nums}.battle-log,.battle-analysis{border:1px solid #73946645;border-radius:6px;margin:22px 0;padding:20px;color:#afbea3}.battle-log summary,.battle-analysis>summary{cursor:pointer;color:#d4c7a1;font-size:.85rem}.battle-log summary span{float:right;color:#839c7c;font-size:.7rem}.battle-log [data-log-body]{max-height:400px;overflow:auto;margin-top:18px}.battle-log article{display:flex;gap:18px;padding:13px 0;border-top:1px solid #89a17622}.battle-log article time{min-width:56px;font:11px/1.6 ui-monospace,monospace;color:#84987b}.battle-log article strong{font-size:.78rem}.battle-log article p{font-size:.72rem;line-height:1.6;margin:6px 0}.battle-log article small{font-size:.63rem;color:#c5b883}.battle-result{padding:48px 32px;text-align:center;background:radial-gradient(ellipse at 50% 25%,#59734830,transparent 70%),#0a1912;border:1px solid #bca26870;border-radius:8px;margin-top:35px}.battle-result h2{font-size:clamp(2rem,5vw,4.4rem);color:#e0ce9f;margin:20px 0;text-wrap:balance}.battle-difficulty{display:inline-block;font-size:clamp(1rem,2vw,1.7rem);font-weight:600;letter-spacing:.18em;padding:14px 28px;border-block:1px solid #bdac7977;color:#d3cbac}.battle-victory-scene{max-width:660px;margin:28px auto 20px;color:#c4cbb4;font-family:Georgia,serif;font-size:1.06rem;line-height:1.8}.battle-result>.lab-pill{font-size:.61rem}.battle-result-metrics{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin:34px 0}.battle-result-metrics>div{display:grid;gap:8px}.battle-result-metrics strong{font-size:1.8rem;font-family:Georgia,serif;color:#c8cea9}.battle-result-metrics span{font-size:.65rem;color:#94a086}.battle-result>p:not(.battle-victory-scene){font-size:.8rem;color:#a7b298}.battle-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.battle-result-actions .button{font-size:.72rem}.battle-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:30px 0}.battle-analysis-grid article{border-bottom:1px solid #81956c38;padding-bottom:20px}.battle-analysis-grid article>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#c3b081}.battle-analysis h3{font-size:1.08rem;margin:12px 0;color:#c7d0b4}.battle-analysis p,.battle-analysis li{font-size:.75rem;line-height:1.7}.battle-analysis li{padding:4px 0}.battle-table-wrap{overflow-x:auto;margin:24px 0}.battle-table-wrap table{border-collapse:collapse;width:100%;font-size:.7rem;text-align:left;white-space:nowrap}.battle-table-wrap th,.battle-table-wrap td{padding:12px 14px;border-bottom:1px solid #71876033}.battle-table-wrap th{font-weight:500;color:#cdd3b6}.battle-table-wrap th small{display:block;color:#87997b;font-size:.56rem;margin-top:4px}.minimal-hud .battle-small-meters,.minimal-hud .battle-health>small,.minimal-hud .battle-live-feed{display:none}.minimal-hud .battle-health{padding:10px 14px}.cinematic-mode .battle-hud,.cinematic-mode .battle-live-feed,.cinematic-mode .battle-spectator-top{display:none}.cinematic-mode .battle-stage{height:min(77vh,820px);min-height:450px}.battle-stage.major-moment .battle-moment h3{color:#f0d4a3;text-shadow:0 0 25px #cdbc7555}.battle-page .button:hover{filter:brightness(1.13)}
@keyframes battle-rain{to{transform:translateY(25px)}}
@media(min-width:1100px){.battle-slot-main select{font-size:.93rem}.battle-stage{height:640px}}
@media(max-width:850px){.battle-teams{gap:20px}.battle-setup{grid-template-columns:1fr;gap:24px}.battle-map-panel{display:grid;grid-template-columns:1fr 1fr;align-content:start}.battle-map-preview{grid-row:span 5;min-height:290px}.battle-map-panel>.battle-field{margin-bottom:10px}.battle-map-panel>.button{justify-self:start}.battle-map-panel>.lab-fineprint{margin-top:0}.battle-slot{padding:15px;gap:8px}.battle-sigil{width:35px;height:43px;font-size:.68rem}.battle-slot-actions button{min-width:28px;min-height:32px}.battle-builder-vs{font-size:1rem;padding:8px 2px}.battle-stage{height:570px}.battle-health-list{grid-template-columns:1fr}.battle-result-metrics{gap:30px}}
@media(max-width:600px){.battle-builder-intro{display:block}.battle-presets{margin-top:20px}.battle-teams{grid-template-columns:1fr;gap:32px}.battle-builder-vs{top:50%;display:none}.battle-team-head{padding:16px}.battle-slots{max-height:330px}.battle-sigil{width:40px;height:48px}.battle-slot-actions{display:flex;flex-direction:column}.battle-slot-actions button{min-width:34px;min-height:34px}.battle-map-panel{display:block}.battle-map-preview{min-height:260px}.battle-conditions{padding:22px 17px}.battle-fields{gap:15px 10px}.battle-field>span{font-size:.62rem}.battle-field select{font-size:.72rem;padding:8px}.battle-checks{grid-template-columns:1fr}.battle-launch{padding:20px;align-items:stretch}.battle-launch>div{display:grid;gap:4px}.battle-launch span{font-size:.63rem}.battle-launch .button{padding:13px 17px;font-size:.75rem}.battle-launch .button span{margin-left:4px}.battle-spectator-top{align-items:start;gap:12px}.battle-spectator-top .button{padding:8px;font-size:.6rem;white-space:nowrap}.battle-stage{height:560px}.battle-token-field{inset:65px 30px 225px}.battle-path{inset:65px 30px 225px;width:calc(100% - 60px);height:calc(100% - 290px)}.battle-token{width:31px}.battle-token>span{width:31px;height:32px;font-size:.54rem}.battle-token>small{font-size:8px;margin-inline:-15px}.battle-token>i{width:27px}.battle-stage-top,.battle-stage-bottom{left:16px;right:16px;font-size:9px}.battle-stage-bottom>span:last-child{display:none}.battle-moment{bottom:52px;width:94%;padding:10px}.battle-moment h3{font-size:1.45rem}.battle-moment p{font-size:.7rem}.battle-cinematic{padding:20px;box-shadow:inset 0 40px #030e0df5,inset 0 -40px #030e0df5}.battle-cinematic>p:not(.eyebrow){font-size:.8rem}.battle-controls{gap:7px}.battle-controls .button{min-height:44px;padding:9px 10px}.battle-hud{gap:10px}.battle-health{padding:12px 10px}.battle-health>div:first-child{display:grid;gap:4px}.battle-health>div:first-child>span{font-size:.54rem}.battle-small-meters{gap:9px}.battle-small-meters>span{font-size:.51rem}.battle-result{padding:34px 18px}.battle-analysis{padding:18px 14px}.battle-analysis-grid{grid-template-columns:1fr;gap:15px}.battle-result-metrics{gap:20px}.battle-result-metrics strong{font-size:1.4rem}.battle-result-metrics span{font-size:.54rem}.battle-victory-scene{font-size:.92rem}.battle-page .lab-heading{align-items:start}.battle-page .lab-heading .button{font-size:.68rem}.battle-live-feed{padding-inline:12px}.battle-live-feed p{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){.battle-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.battle-stage:before{transform:none!important}}
html[data-motion="quiet"] .battle-page *{animation:none!important;transition:none!important}
/* Short, low-amplitude impact cues; the field remains readable. */
@keyframes battle-impact{0%,100%{transform:translate(0)}30%{transform:translate(-2px,1px)}65%{transform:translate(2px,-1px)}}
@keyframes battle-trace{from{stroke-dashoffset:12;stroke-width:.7}to{stroke-dashoffset:0;stroke-width:.4}}
.battle-stage[data-type='signature'],.battle-stage[data-type='ultimate'],.battle-stage[data-type='finish']{animation:battle-impact .32s ease-out}
.battle-stage[data-type='signature'] .battle-path line,.battle-stage[data-type='counter'] .battle-path line,.battle-stage[data-type='finish'] .battle-path line{animation:battle-trace .6s ease-out}
@media(prefers-reduced-motion:reduce){.battle-stage,.battle-path line{animation:none!important}}