@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";.floating-platform-model{pointer-events:none;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .18s ease-out;position:absolute;inset:0}.sky-arena.has-platform-model .floating-platform-model{opacity:1}.skin-mistRuins .sky-arena .war-grid-shell,.skin-mistRuins .sky-arena.has-collapsed-ring .war-grid-shell{box-shadow:none}.skin-mistRuins .sky-arena .war-grid-shell:before{display:none}.skin-mistRuins .sky-arena .war-grid{background:0 0;outline:none}.skin-mistRuins .sky-arena .war-grid-shell{z-index:1}.laser-field{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.laser-column{--laser-color:#75eaff}.laser-column.laser-red{--laser-color:#ff556d}.laser-danger-tile{fill:#f14b6113;stroke:#f177763d;stroke-width:.14px}.laser-halo{stroke:var(--laser-color);stroke-width:1.8px;opacity:.12}.laser-core{stroke:var(--laser-color);stroke-width:.18px;opacity:.55;stroke-dasharray:1 .7}.laser-tip{fill:var(--laser-color);opacity:.5}.laser-column.is-preview .laser-danger-tile{fill:#fa5a543d;stroke:#fb8}.laser-column.is-preview .laser-core{opacity:.8}.laser-column.is-charging{animation:.54s ease-in both laser-charge}.laser-column.is-firing .laser-halo{opacity:.9;filter:blur(.5px)}.laser-column.is-firing .laser-core{stroke:#fff7db;opacity:1;stroke-width:.55px;stroke-dasharray:none}.laser-column.is-firing{animation:1s ease-out both laser-burst}.laser-column.is-firing .laser-tip{opacity:1;r:1.5}.laser-column.is-firing .laser-danger-tile{fill:#ffba7538;stroke:#fff0b4}.laser-device{pointer-events:none;position:absolute;inset:0}.laser-device .facility-building{width:100%;height:100%;position:absolute;inset:0}.laser-device .facility-building canvas{object-fit:contain;width:100%;height:100%}.laser-device.is-building>.facility-building{animation:.45s ease-out both laser-install}.laser-durability{color:#d9faff;text-shadow:0 1px 3px #000;align-items:center;gap:3px;width:32%;font-size:10px;display:flex;position:absolute;top:40%;left:34%}.laser-durability>i{background:#080e15;border:1px solid #d0f9ff88;flex:1;height:4px}.laser-durability em{background:#6addff;height:100%;display:block}.laser-team-red .laser-durability em{background:#ff6d7b}.placement-ghost .laser-durability{display:none}.wire-permanent-mark{color:#ffecc5;text-shadow:0 1px 3px #000;background:#141d24c9;border:1px solid #e4c98888;border-radius:4px;padding:0 4px;font:700 16px sans-serif;position:absolute;bottom:10%;right:8%}@keyframes laser-charge{0%{filter:brightness(.7)}to{filter:brightness(2)}}@keyframes laser-install{0%{opacity:.15;filter:brightness(2);transform:translateY(-12px)}to{opacity:1;filter:none;transform:none}}@keyframes laser-burst{0%,15%{filter:brightness(2.2);opacity:1}35%{filter:brightness(1.3);opacity:1}to{filter:brightness();opacity:.25}}@media (prefers-reduced-motion:reduce){.laser-column.is-firing,.laser-column.is-charging{animation:none}}.reduce-motion .laser-column,.reduce-motion .laser-device.is-building>.facility-building{animation:none}@media (prefers-reduced-motion:reduce){.laser-device.is-building>.facility-building{animation:none}}.ice-emote-trigger{gap:6px;color:#a3e9ff!important}.battle-utilities .ice-emote-trigger{white-space:nowrap;justify-content:center;align-items:center;width:auto;min-width:28px;padding:4px 8px;display:inline-flex}.ice-emote-trigger:disabled{opacity:.4}.ice-board-aura{pointer-events:none;position:absolute;inset:0}.ice-board-halo{background:radial-gradient(#80daff66,#3c9bf122 55%,#0000 70%);border:1px solid #a9f6ffba;border-radius:50%;height:28%;animation:3.2s ease-in-out infinite ice-ground-breathe;position:absolute;bottom:-3%;left:8%;right:8%;box-shadow:0 0 12px #65caff8c,inset 0 0 10px #b9faff4d}.ice-board-mist{filter:blur(4px);background:radial-gradient(at 50% 85%,#98eaff55,#4bbcff18 45%,#0000 70%);position:absolute;inset:32% 4% 0}.ice-board-aura>i{left:var(--left);color:#deffff;text-shadow:0 0 6px #4bd6ff;animation:2.8s linear infinite ice-ground-snow;animation-delay:calc(var(--drift) * -.4s);font-size:11px;font-style:normal;position:absolute;bottom:8%}@keyframes ice-ground-breathe{50%{opacity:.65;transform:scale(.94)}}@keyframes ice-ground-snow{0%{opacity:0;transform:translate(0)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translate(-9px,-45px)scale(.8)}}.champion-gallery.is-ice-dragon{border-color:#8edaff77}.is-ice-dragon .champion-gallery-model{height:min(440px,50svh)}.is-ice-dragon .champion-gallery-controls{gap:9px;padding:12px 20px 16px}.is-ice-dragon .champion-gallery-actions{flex-wrap:wrap}.is-ice-dragon .champion-gallery-actions span{flex-basis:100%}.gallery-character-subject{position:absolute;inset:0}@media (width<=700px){.ice-emote-trigger span{display:none}}@media (prefers-reduced-motion:reduce){.ice-board-aura *{animation:none}}.champion-gallery-root .war-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040911bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.champion-gallery{background:radial-gradient(at 50% 30%,#31404a,#0d1927 65%);border:1px solid #b7a17788;width:min(700px,94vw);max-height:94svh;overflow-y:auto;box-shadow:0 30px 100px #000c}.champion-gallery>header{border-bottom:1px solid #b7a17730;justify-content:space-between;align-items:center;padding:17px 24px;display:flex}.champion-gallery header small{color:#b7a177;letter-spacing:.12em;font-size:10px}.champion-gallery h2{color:#f2e8d6;margin:4px 0 0;font-size:20px}.champion-gallery header button{color:#cfbea1;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.champion-gallery-model{touch-action:none;cursor:grab;background:radial-gradient(at 50% 87%,#77828a33,#0000 40%);height:min(490px,59svh);min-height:270px;position:relative}.champion-gallery-model:active{cursor:grabbing}.champion-gallery-model .real-champion{pointer-events:none}.champion-gallery-controls{background:#0d1725b8;border-top:1px solid #b7a17730;gap:13px;padding:16px 24px 22px;display:grid}.champion-gallery-roles{gap:7px;display:flex}.champion-gallery-controls button{color:#d5c8b0;background:#202d3b;border:1px solid #9d8a624f;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:11px;display:flex}.champion-gallery-controls button[aria-pressed=true]{color:#f3dda6;background:#a78d4e2f;border-color:#c4a96f}.champion-gallery-controls label{color:#a9b8c7;align-items:center;gap:20px;font-size:10px;display:flex}.champion-gallery-controls input{accent-color:#ceb177;flex:1}.champion-gallery-actions{align-items:center;gap:7px;display:flex}.champion-gallery-actions span{color:#8595a8;margin-left:auto;font-size:10px}.champion-inspect-trigger{color:#d5c399;background:#142334;border:1px solid #ac956440;justify-content:center;align-items:center;gap:6px;width:100%;min-height:32px;font-size:11px;display:flex}.is-jelly-collection{border-color:color-mix(in srgb, var(--collection-color), transparent 40%);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--collection-color), transparent 77%), transparent 65%), #121b2b}.is-jelly-collection .champion-gallery-actions{flex-wrap:wrap}.is-jelly-collection .champion-gallery-actions button[aria-pressed=true]{border-color:var(--collection-color);color:#f8f1ff;background:color-mix(in srgb, var(--collection-color), transparent 82%)}.is-jelly-collection .champion-gallery-actions span{text-align:right;flex-basis:100%}.server-account-button{color:#a7dddd;background:#10252c;border:1px solid #669cac66;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.server-account-dialog{color:#e6eeee;background:#101e28;border:1px solid #779ca755;border-radius:12px;width:min(580px,100vw - 36px);max-height:80vh;padding:25px;overflow:auto}.server-account-dialog header,.server-account-dialog form,.server-account-counts,.server-match-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.server-account-dialog h2{margin:0 0 15px;font-size:20px}.server-account-dialog h3{margin-top:25px;font-size:14px}.server-account-dialog p{color:#a8babc;font-size:12px;line-height:1.7}.server-account-dialog [role=alert]{color:#ffbb9f}.server-account-dialog button{color:#e7eeee;background:#243c47;border:1px solid #91b7bd44;border-radius:6px;padding:8px 12px}.server-account-dialog label{flex:1;gap:6px;font-size:12px;display:grid}.server-account-dialog input{color:#e7eeee;background:#08131c;border:1px solid #91b7bd44;border-radius:6px;min-width:0;padding:10px}.server-user-id{color:#829aa3;overflow-wrap:anywhere;margin-top:12px;font-size:10px;display:block}.server-account-counts{font-size:12px}.server-account-counts button{align-items:center;gap:6px;display:flex}.server-match-list{padding:0;list-style:none}.server-match-list li{border-bottom:1px solid #91b7bd22;padding:12px 0;font-size:12px}.server-match-list time{color:#96a7af;font-size:10px}.account-auth-section{border-top:1px solid #91b7bd22;margin:18px 0;padding:16px 0}.account-auth-section h3{margin:0 0 12px}.account-auth-form{justify-content:stretch!important;align-items:stretch!important;gap:12px!important;display:grid!important}.account-auth-form h4{margin:0;font-size:14px}.account-auth-form p{margin:0}.account-auth-actions{flex-wrap:wrap;gap:10px;display:flex}.account-email{overflow-wrap:anywhere;color:#d2ecef!important}.server-account-dialog button:disabled{opacity:.45;cursor:wait}.server-account-dialog input:disabled{opacity:.5}.backend-battle-status{z-index:100;color:#e4eeee;background:#0b2029ee;border:1px solid #91b7bd66;border-radius:8px;align-items:center;gap:12px;padding:12px 18px;font-size:12px;display:flex;position:fixed;top:105px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.backend-battle-status button{color:#fff;background:#36525d;border:0;border-radius:4px;padding:6px 12px}.lobby-shell.lobby-renewal{background:radial-gradient(at 45% 5%,#223d5440,#0000 62%),#080e17;grid-template-rows:64px 52px 1fr 34px;grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid;overflow:hidden}.lobby-renewal:before{display:none}.lobby-shell.lobby-renewal .lobby-topbar{height:64px;box-shadow:none;background:#0c1521eb;border-bottom:1px solid #8198b01f;grid-area:1/1;justify-content:space-between;gap:24px;padding:0 clamp(18px,3vw,48px);display:flex}.lobby-renewal .lobby-brand{text-align:left;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.lobby-renewal .lobby-brand small{letter-spacing:.2em;font-size:8px}.lobby-header-tag{color:#657c96;letter-spacing:.22em;font-size:10px}.lobby-renewal .lobby-account{gap:12px}.lobby-renewal .shard-display{background:0 0;border:0;padding:8px 12px}.lobby-renewal .shard-display small{color:#8090a5;font-size:8px}.lobby-local-profile{color:#9baec4;background:#1b2a3c;border:1px solid #8fabc331;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.lobby-global-nav{background:#0b141fb0;border-bottom:1px solid #7b91ae25;grid-area:2/1;align-items:stretch;gap:22px;padding:0 clamp(18px,3vw,48px);display:flex}.lobby-global-nav button{color:#8c9bb0;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:0 8px;font-size:12px;display:flex}.lobby-global-nav button:hover{color:#e1eafa;background:#ffffff05}.lobby-global-nav button[aria-current=page]{color:#f0ddb5;background:linear-gradient(#0000,#d5b87c0e);border-bottom-color:#dfc58e}.lobby-nav-status{color:#899cb0;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.lobby-nav-status i,.lobby-play-heading>span i,.match-ready i{background:#91d9b8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #8ad7b04d}.lobby-shell.lobby-renewal .lobby-content{grid-area:3/1;width:100%;max-width:1440px;margin:0 auto;padding:24px clamp(18px,3vw,48px) 28px;overflow:visible}.lobby-shell.lobby-renewal .lobby-footer{background:#080e17;border-top:1px solid #7b91ae1c;grid-area:4/1;height:34px;padding:0 clamp(18px,3vw,48px);font-size:8px}.lobby-skip-link{z-index:100;color:#fff;background:#20384d;padding:12px;position:absolute;top:-100px;left:16px}.lobby-skip-link:focus{top:12px}.renewed-home-lobby{gap:18px;display:grid}.lobby-play-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.lobby-play-heading small{color:#71889f;letter-spacing:.2em;font-size:8px}.lobby-play-heading h1{color:#f3f0e9;letter-spacing:.08em;margin:5px 0 0;font-size:30px;font-weight:600}.lobby-play-heading>span{color:#9aaabe;align-items:center;gap:8px;font-size:11px;display:flex}.lobby-play-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:18px;display:grid}.lobby-character-stage{isolation:isolate;background:#162635;border:1px solid #8ca7c332;border-radius:12px;min-height:420px;position:relative;overflow:hidden}.lobby-stage-scenery{z-index:-3;filter:saturate(.65)brightness(.48)blur(3px);background:url(/assets/mist-ruins-arena-BYXBe3Kd.png) 50% 34%/cover;position:absolute;inset:0;transform:scale(1.02)}.lobby-stage-haze{z-index:-2;background:radial-gradient(at 50% 35%,#84b8d444,#0000 60%),linear-gradient(#0c182773,#0000 48%,#09131eea);position:absolute;inset:0}.lobby-stage-map{color:#d4e0eb;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:20px;left:22px}.lobby-stage-map svg{color:#a7c5d4}.lobby-stage-model{pointer-events:none;position:absolute;inset:28px 12% 62px}.lobby-stage-model .real-champion{z-index:1}.lobby-stage-plinth{z-index:0;background:radial-gradient(#92b3c82e,#0a15283d 58%,#0000 72%);border:1px solid #b8d9e038;border-radius:50%;width:70%;height:11%;position:absolute;bottom:9%;left:15%;box-shadow:0 3px #15293999,0 20px 30px #05101ba8}.lobby-stage-caption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1427a3;border-top:1px solid #b1cada17;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.lobby-stage-caption small{color:#879db6;letter-spacing:.2em;font-size:7px}.lobby-stage-caption h2{color:#efe8d7;margin:5px 0 0;font-size:16px;font-weight:500}.lobby-stage-caption button{color:#e9d5ac;font:inherit;cursor:pointer;background:#dfbd7810;border:1px solid #c0bd9645;border-radius:6px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.lobby-stage-caption button:hover{background:#dfbd7827;border-color:#dec18c85}.lobby-quick-links{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lobby-quick-links button{color:#a3c4d4;font:inherit;text-align:left;cursor:pointer;background:#1020327d;border:1px solid #809bb026;border-radius:9px;align-items:center;gap:14px;padding:16px 20px;display:flex}.lobby-quick-links button:hover{background:#1c3344;border-color:#92b4ca55}.lobby-quick-links button>span{gap:5px;display:grid}.lobby-quick-links b{color:#dddfe5;font-size:12px;font-weight:500}.lobby-quick-links small{color:#8498ac;font-size:10px}.lobby-quick-links button>svg:last-child{margin-left:auto}@media (width<=880px){.lobby-header-tag,.lobby-local-profile{display:none}.lobby-play-layout{grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr);gap:12px}.lobby-stage-caption{flex-wrap:wrap;gap:10px;padding:16px}.lobby-stage-model{inset:24px 5% 90px}.lobby-global-nav{gap:12px}.lobby-nav-status{font-size:9px}}@media (width<=650px){.lobby-shell.lobby-renewal{grid-template-rows:60px 50px 1fr 34px}.lobby-shell.lobby-renewal .lobby-topbar{gap:8px;height:60px;padding:0 14px}.lobby-renewal .lobby-brand b{letter-spacing:.04em;font-size:12px}.lobby-renewal .lobby-account{gap:6px}.lobby-renewal .shard-display{gap:5px;padding:0 4px;font-size:11px}.lobby-renewal .shard-display small,.lobby-renewal .lobby-bgm-button span{display:none}.lobby-renewal .lobby-bgm-button{min-width:32px;padding:0 7px}.lobby-global-nav{justify-content:space-between;gap:4px;padding:0 12px}.lobby-global-nav button{gap:5px;padding:0 6px;font-size:10px}.lobby-nav-status,.lobby-play-heading>span{display:none}.lobby-shell.lobby-renewal .lobby-content{padding:18px 14px 22px}.lobby-play-layout{flex-direction:column;display:flex}.lobby-character-stage{order:1;min-height:285px}.lobby-stage-model{inset:18px 18% 55px}.lobby-stage-caption{flex-wrap:nowrap;padding:13px}.lobby-stage-caption h2{font-size:13px}.lobby-stage-caption button{padding:8px;font-size:10px}.lobby-quick-links{gap:10px}.lobby-quick-links button{gap:8px;padding:13px 10px}.lobby-quick-links button>svg:last-child{display:none}.lobby-quick-links small{font-size:8px}}.tone-cyan{--match-tone:#7fcde9;--match-fill:#67bfeb16}.tone-gold{--match-tone:#e4c588;--match-fill:#d6af6418}.tone-mint{--match-tone:#93d4b6;--match-fill:#83c9ae16}.match-mode-picker,.match-difficulty{border:0;min-width:0;margin:0;padding:0}.match-mode-picker legend,.match-difficulty legend{color:#a6b4c5;margin-bottom:10px;padding:0;font-size:11px;font-weight:500}.match-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.match-mode-card{cursor:pointer;min-width:0;position:relative}.match-mode-card input,.match-difficulty input{opacity:0;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.match-mode-surface{background:linear-gradient(120deg,#18283b99,#0c192acc);border:1px solid #8ca1be2a;border-radius:10px;flex-direction:column;gap:6px;min-height:132px;padding:15px 19px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.match-mode-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.match-mode-top>svg{color:var(--match-tone);stroke-width:1.5px}.mode-state{color:#8c9aab;background:#8493a614;border-radius:4px;padding:3px 7px;font-size:8px}.mode-state.ready{color:#a6d7bd;background:#92d2ac12}.match-mode-surface>small{color:#768ba4;letter-spacing:.15em;font-size:7px}.match-mode-surface>b{color:#dfe5ed;font-size:16px;font-weight:500}.match-mode-surface>em{color:#8c9fb5;font-size:10px;font-style:normal}.mode-selection{color:var(--match-tone);visibility:hidden;align-items:center;gap:4px;font-size:8px;display:flex;position:absolute;bottom:14px;right:15px}.match-mode-card:hover .match-mode-surface{background:#1b2d43c4;border-color:#97b5d35f}.match-mode-card input:checked+.match-mode-surface{border-color:var(--match-tone);background:linear-gradient(120deg, var(--match-fill), #111e30);box-shadow:inset 0 2px 0 var(--match-tone), 0 5px 20px #0003}.match-mode-card input:checked+.match-mode-surface>b{color:#fff3dc}.match-mode-card input:checked+.match-mode-surface .mode-selection{visibility:visible}.match-mode-card input:focus-visible+.match-mode-surface,.match-difficulty input:focus-visible+span{outline-offset:4px;outline:2px solid #dbecff}.match-setup-panel{background:radial-gradient(ellipse at 10% 0%, var(--match-fill), transparent 65%), #101c2b;border:1px solid #8da6c133;border-radius:12px;flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex;box-shadow:0 14px 30px #0002}.match-setup-panel>header{align-items:center;gap:12px;display:flex}.match-setup-emblem{border:1px solid color-mix(in srgb, var(--match-tone), transparent 70%);width:43px;height:43px;color:var(--match-tone);background:var(--match-fill);border-radius:9px;flex:none;place-items:center;display:grid}.match-setup-panel>header small{color:#879ab0;letter-spacing:.18em;font-size:8px}.match-setup-panel h2{color:#edf0f4;margin:5px 0 0;font-size:20px;font-weight:500}.match-rules{flex-wrap:wrap;gap:6px;display:flex}.match-rules span{color:#a2b1c3;border:1px solid #879bb027;border-radius:4px;padding:5px 8px;font-size:9px}.match-difficulty>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.match-difficulty label{cursor:pointer;position:relative}.match-difficulty label>span{color:#9dacc0;background:#0a142380;border:1px solid #90a8bf30;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:68px;font-size:12px;display:flex}.match-difficulty i{align-items:flex-end;gap:3px;height:15px;display:flex}.match-difficulty i b{background:#728aa632;border-radius:1px;width:4px;height:5px}.match-difficulty i b:nth-child(2){height:9px}.match-difficulty i b:nth-child(3){height:13px}.match-difficulty i b.filled{background:#8a9fb5}.match-difficulty label>span>svg{visibility:hidden;position:absolute;top:7px;right:7px}.match-difficulty label:hover>span{color:#e2eef4;border-color:#b1ccd363}.match-difficulty input:checked+span{color:#c4ead7;background:#92d4b611;border-color:#92d4b68a}.match-difficulty input:checked+span svg{visibility:visible}.match-difficulty input:checked+span i b.filled{background:#a4dbbe}.match-difficulty p{color:#8c9cb0;min-height:34px;margin:9px 0 0;font-size:10px;line-height:1.7}.match-ready{color:#b1d3c4;align-items:center;gap:8px;font-size:10px;display:flex}.match-ready small{color:#7d92a9;margin-left:auto;font-size:9px}.online-queue-status{color:#d7f4ff;background:linear-gradient(110deg,#1c68852b,#102235b8);border:1px solid #69c9e653;border-radius:7px;grid-template-columns:12px 1fr;align-items:center;gap:4px 9px;min-height:58px;padding:12px 15px;font-size:13px;display:grid}.online-queue-status small{color:#8faec4;grid-column:2;font-size:10px}.online-queue-pulse{background:#78d5f7;border-radius:50%;width:9px;height:9px;animation:1.15s ease-in-out infinite alternate online-queue-pulse;box-shadow:0 0 12px #69d3ff}@keyframes online-queue-pulse{to{opacity:.35;transform:scale(.7)}}.match-launch-area{gap:10px;margin-top:auto;display:grid}.match-launch-button{color:#2b281c;width:100%;min-height:56px;font:inherit;letter-spacing:.05em;cursor:pointer;background:linear-gradient(120deg,#c3ad7e,#e8d4a6 70%,#cbb587);border:1px solid #e0d09f;border-radius:7px;justify-content:center;align-items:center;gap:11px;font-size:17px;font-weight:700;display:flex;box-shadow:0 6px 18px #0003,inset 0 1px #fff4}.match-launch-button>svg:last-child{margin-left:auto}.match-launch-button>svg:first-child{margin-right:auto}.match-launch-button{padding:0 20px}.match-launch-button:hover:not(:disabled){background:#f1dbac;box-shadow:0 0 22px #dfbd782d}.lobby-renewal .match-launch-button:disabled{opacity:.65;color:#91a1b7;background:#283649;border-color:#5e73903a}.match-launch-area>small{color:#8094aa;text-align:center;font-size:9px}.match-resume-button{color:#afc8da;font:inherit;text-align:left;cursor:pointer;background:#102335;border:1px solid #789abb34;border-radius:6px;align-items:center;gap:10px;padding:9px 11px;font-size:10px;display:flex}.match-resume-button>span{gap:4px;display:grid}.match-resume-button small{color:#7793af;font-size:8px}.match-resume-button>svg:last-child{margin-left:auto}.match-resume-button:hover{background:#1b3247}.match-unavailable{text-align:center;place-items:center;gap:14px;padding:24px 0 8px;display:grid}.match-unavailable>span{width:62px;height:62px;color:var(--match-tone);background:var(--match-fill);border:1px solid #a4b5c426;border-radius:50%;place-items:center;display:grid}.match-unavailable h3{color:#c1cfdf;margin:0;font-size:15px;font-weight:500}.match-unavailable p{color:#8599af;max-width:230px;margin:0;font-size:11px;line-height:1.9}.match-unavailable small{color:#9bafc1;font-size:10px}.match-cpu-shortcut{color:#9acaba;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:7px;font-size:11px;display:flex}@media (height<=820px) and (width>=880px){.renewed-home-lobby{gap:14px}.lobby-play-heading small,.match-mode-surface>em{display:none}.lobby-play-heading h1{margin:0;font-size:26px}.match-mode-surface{min-height:106px;padding:12px 16px}.lobby-character-stage{min-height:340px}.match-setup-panel{gap:12px;padding:18px}.match-difficulty label>span{height:53px}.match-difficulty p{min-height:0;margin-top:6px}.match-ready{display:none}.match-launch-button{min-height:50px}.lobby-quick-links button{padding:12px 18px}}@media (width<=880px){.match-setup-panel{gap:16px;padding:18px}.match-mode-surface{padding:14px}.mode-selection{bottom:10px;right:10px}.match-mode-surface>em{max-width:160px;font-size:9px}}@media (width<=650px){.match-mode-options{gap:7px}.match-mode-surface{min-height:125px;padding:12px 9px}.match-mode-surface>b{font-size:clamp(10px,2.7vw,11px)}.match-mode-surface>small{letter-spacing:.06em;font-size:6px}.match-mode-surface>em{display:none}.match-mode-top{flex-direction:column;align-items:flex-start;gap:7px}.match-mode-top>svg{width:21px;height:21px}.mode-state{padding:3px 5px;font-size:7px}.mode-selection{font-size:7px;bottom:8px;right:8px}.mode-selection svg{width:10px;height:10px}.match-setup-panel{min-height:355px}.match-difficulty label>span{height:60px}.match-unavailable{padding-top:8px}}:root{color:#e7eee7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b1116;--panel:#111a21;--panel2:#17232a;--line:#293943;--muted:#809099;--mint:#9beaaf;--ice:#92d3ee;--blue:#69c5f2;--red:#ff856e;--mono:"DM Mono",monospace;background:#0b1116;font-family:DM Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background-color:#0000;background-image:radial-gradient(at 50% 15%,#162a32 0,#0000 50%),linear-gradient(135deg,#10191e,#0a1015 68%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}.game-shell{min-height:100vh}.topbar{z-index:3;background:#0b1218f2;border-bottom:1px solid #26363e;align-items:center;gap:11px;height:62px;padding:0 max(50vw - 720px,28px);display:flex;position:relative}.brand-mark{color:#bceafa;background:linear-gradient(145deg,#274757,#132631);border:1px solid #98d8ee;border-radius:8px;place-items:center;width:34px;height:34px;font-size:21px;font-weight:800;display:grid;box-shadow:0 0 18px #7bd4f222}.brand-name{letter-spacing:.02em;font-size:13px;font-weight:800}.brand-name small{font:8px var(--mono);color:#798d97;letter-spacing:.17em;margin-top:2px;display:block}.topbar-center{color:#84949a;font:9px var(--mono);letter-spacing:.11em;margin-left:auto;margin-right:19px}.topbar-center b{color:#526770;padding:0 5px}.online-dot,.board-toolbar>span:first-child i{background:#a4e87e;border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block;box-shadow:0 0 8px #a4e87e99}.round-badge{color:#9bc8d8;background:#14232a;border:1px solid #2d424c;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.round-badge>span{font:9px var(--mono);color:#7c9199}.round-badge b{color:#ecf5f5;margin-left:4px;font-size:12px}.reset-button{color:#a5b4b8;background:#17232a;border:1px solid #34454d;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:10px;display:flex}.reset-button:hover{color:#fff;border-color:#84cbe3}.game-layout{grid-template-columns:204px minmax(0,1fr) 270px;align-items:start;gap:15px;max-width:1440px;margin:0 auto;padding:22px 27px 10px;display:grid}.roster-panel,.command-panel{background:linear-gradient(155deg,#142129,#10191f 75%);border:1px solid #2b3c44;border-radius:9px;box-shadow:0 10px 35px #03080c66}.roster-panel{min-height:500px;padding:15px 11px;position:relative;overflow:hidden}.roster-panel:before{content:"";background:linear-gradient(90deg,#0000,#83c8e1,#0000);height:2px;position:absolute;top:0;left:10px;right:10px}.panel-heading{border-bottom:1px solid #293a42;justify-content:space-between;align-items:center;padding:0 2px 13px;display:flex}.section-kicker{color:#78a9b6;font:8px var(--mono);letter-spacing:.13em;display:block}.panel-heading h2{letter-spacing:.02em;margin:6px 0 0;font-size:14px}.panel-heading h2 small{font:9px var(--mono);color:#85949a;margin-left:6px}.faction-chip{font:8px var(--mono);color:#8bc8ed;background:#172a39;border:1px solid #386080;border-radius:4px;padding:4px 6px}.roster-list{gap:7px;margin-top:11px;display:grid}.roster-card{text-align:left;background:linear-gradient(110deg,#192832,#121c22);border:1px solid #2a3c44;border-radius:6px;align-items:center;gap:8px;width:100%;height:72px;padding:7px;transition:all .15s;display:flex}.roster-card.is-selected{box-shadow:inset 2px 0 #a8eaf5,0 0 14px #5bbce022}.roster-card.is-down{opacity:.42;filter:grayscale()}.roster-avatar{color:#d7f4f1;text-shadow:0 2px 6px #050d12;background:radial-gradient(at 50% 30%,#51758a,#233844 72%);border:1px solid #466575;border-radius:4px;flex:none;place-items:center;width:43px;height:49px;font-size:24px;font-weight:700;display:grid;box-shadow:inset 0 0 12px #7dc3e023}.roster-avatar.wounded{background:radial-gradient(at 50% 30%,#916459,#382723 72%);border-color:#915850}.roster-copy{flex:1;gap:3px;min-width:0;display:grid}.roster-copy>small{color:#84989f;white-space:nowrap;font-size:8px}.hp-track{gap:2px;display:flex}.hp-track i,.unit-hp i,.large-hp>i{background:#34434a;border-radius:2px;width:9px;height:3px}.hp-track i.hp-on,.unit-hp i.lit,.large-hp>i.hp-on{background:#8bdda8;box-shadow:0 0 4px #8bdda855}.roster-state{color:#78bacb;place-items:center;display:grid}.down-label{font:6px var(--mono);color:#a37c75}.roster-tip{color:#80c5d4;background:#12242a;border:1px solid #2d454b;border-radius:5px;align-items:center;gap:9px;margin-top:16px;padding:10px 8px;display:flex}.roster-tip span{color:#9caeb0;font-size:9px;line-height:1.7}.squad-stats{color:#819196;gap:5px;margin:13px 5px;font-size:9px;display:grid}.squad-stats span{align-items:center;gap:7px;display:flex}.squad-stats svg{color:#83b1a3}.battlefield-column{min-width:0}.match-banner{justify-content:space-between;align-items:center;height:58px;margin:-3px 1px 10px;display:flex}.team-score{align-items:center;gap:7px;display:flex}.team-score b{font:700 20px var(--mono);color:#75c4ed}.team-score i{font:13px var(--mono);color:#68808a;font-style:normal}.team-score small{font:7px var(--mono);letter-spacing:.12em;color:#71858b;margin-left:3px}.board-frame{background:linear-gradient(150deg,#17282e,#101c21);border:1px solid #35464c;border-radius:8px;padding:10px;box-shadow:0 12px 36px #03080b80}.board-toolbar{color:#c7d5cc;height:25px;font:8px var(--mono);letter-spacing:.11em;justify-content:space-between;align-items:flex-start;display:flex}.board-toolbar>span:first-child i{width:5px;height:5px}.board-toolbar small{color:#6c8389;margin-left:7px;font-size:7px}.board-weather{color:#7e9699;align-items:center;gap:5px;display:flex}.board-weather b{color:#51666b}.battle-board{aspect-ratio:1;background:#23362f;border:1px solid #68827b;border-radius:3px;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;display:grid;overflow:hidden;box-shadow:0 0 0 2px #0a1216,0 0 30px #7fd8e516}.tile{aspect-ratio:1;isolation:isolate;background:linear-gradient(135deg,#667a57,#536b4e 55%,#63734e);border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}.tile:hover{filter:brightness(1.16);z-index:4}.tile-shine{z-index:-1;background:linear-gradient(135deg,#c2d58b17,#0000 45%,#111d1a22);position:absolute;inset:0}.tile:nth-child(3n):not(.terrain-wall):after{content:"";background:#b3c17899;border-radius:100%;width:4px;height:4px;position:absolute;bottom:15%;left:16%;box-shadow:8px -5px #3f604b,12px 1px #9daa6588}.grass{background:linear-gradient(45deg,#264c35,#5f9650);border-radius:80% 0 80% 10%;width:22%;height:28%;position:absolute;top:8%;right:9%;transform:rotate(-26deg);box-shadow:-5px 6px #395d3b,3px 7px #739054}.stone{background:linear-gradient(125deg,#89836a,#565746 60%,#454b3e);border:1px solid #99947a;border-radius:2px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid;position:absolute;inset:8%;box-shadow:inset 0 2px 3px #d5c99a77,0 3px 4px #161c1977}.stone i{background:linear-gradient(140deg,#9d9270,#696b54);border-radius:2px;box-shadow:inset 0 1px #c9bd9577}.stone i:nth-child(2),.stone i:nth-child(3){background:linear-gradient(140deg,#5c604c,#777158)}.battle-unit{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.unit-shadow{filter:blur(3px);background:#121918bb;border-radius:50%;height:23%;position:absolute;bottom:12%;left:21%;right:17%}.unit-figure{z-index:1;color:#dbf4fd;text-shadow:0 2px 5px #132530;background:radial-gradient(at 45% 25%,#8cc8e9,#37799c 48%,#214253 76%);border:1px solid #a4d6ea99;border-radius:48% 48% 28% 28%;place-items:center;width:53%;height:60%;font-size:clamp(11px,2vw,23px);font-weight:800;display:grid;position:relative;box-shadow:0 3px 7px #101617aa,inset 0 0 7px #e1f7ff55}.red .unit-figure{color:#fff0df;background:radial-gradient(at 45% 25%,#e7a07b,#a95040 48%,#472b2b 77%);border-color:#ffbd9d99}.unit-label{z-index:2;color:#e4f1ea;white-space:nowrap;text-shadow:0 1px #111;background:#10202ad9;border-radius:2px;margin-top:2px;padding:1px 4px;font-size:clamp(5px,.68vw,8px);position:relative}.unit-hp{z-index:2;gap:1px;margin-top:2px;display:flex;position:relative}.unit-hp i{background:#475352;width:5px;height:2px}.unit-order{z-index:3;color:#bdf4bb;background:#1c352a;border:1px solid #c8f4d2;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:2%;right:3%;box-shadow:0 0 8px #95ebae99}.has-unit.blue{background:linear-gradient(135deg,#697c58,#566f4d 55%,#718052)}.has-unit.red{background:linear-gradient(135deg,#756e50,#596949 55%,#736b4c)}.unit-selected:before{content:"";z-index:2;border:2px solid #b8f2b7;border-radius:3px;position:absolute;inset:2px;box-shadow:inset 0 0 12px #aaf6be99,0 0 10px #aaf6be}.moveable{cursor:pointer}.moveable:before{content:"";z-index:2;background:#a0f0bc66;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #caffdb}.moveable:hover:before{background:#bdffd888}.move-marker{z-index:2;background:#66bd7f99;border:2px solid #e2ffdb;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 0 11px #b6ffc6}.attackable{cursor:crosshair}.attackable:before{content:"";z-index:3;border:2px solid #ff967d;border-radius:4px;position:absolute;inset:2px;box-shadow:inset 0 0 13px #ff776c66,0 0 12px #ff826b}.attack-marker{z-index:4;width:15px;height:15px;font:bold 10px var(--mono);background:#b34439;border:1px solid #ffc1a8;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.bottom-coordinates{text-align:center;color:#698086;height:12px;font:7px var(--mono);grid-template-columns:repeat(8,1fr);padding-top:4px;display:grid}.board-status{color:#77908e;font:7px var(--mono);letter-spacing:.09em;border-top:1px solid #293a3c;justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;display:flex}.board-status span:first-child{align-items:center;gap:5px;display:flex}.battle-log{background:#101a20;border:1px solid #293941;border-radius:6px;grid-template-columns:126px minmax(0,1fr);gap:8px;margin-top:9px;padding:9px 12px;display:grid}.log-title{color:#a5c8c4;align-items:center;gap:6px;display:flex}.log-title small{color:#657e82;font:7px var(--mono);margin-left:auto}.log-lines{gap:3px;display:grid}.log-lines>div{color:#718188;align-items:center;gap:4px;font-size:8px;display:flex}.log-lines>div svg{color:#556a72;flex:none}.log-lines>div.new-entry{color:#c1d7cd}.log-lines>div.new-entry svg{color:#a0e5a8}.command-panel{min-height:510px;padding:14px 12px;position:relative;overflow:hidden}.command-panel:before{content:"";background:linear-gradient(90deg,#89d6ef,#86e0b7,#0000);height:2px;position:absolute;top:0;left:12px;right:12px}.command-panel .panel-heading h2{font-size:15px}.command-count{font:17px var(--mono);color:#b5e8dc}.command-count small{color:#718b8f;font-size:9px}.selected-unit{background:linear-gradient(115deg,#1c333b,#14242b);border:1px solid #30474d;border-radius:6px;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.large-avatar{color:#e6f8f2;text-shadow:0 2px 6px #18323a;background:radial-gradient(at 50% 30%,#6caac1,#253f4b);border:1px solid #76b9d0;border-radius:5px;flex:none;place-items:center;width:47px;height:48px;font-size:25px;font-weight:700;display:grid}.large-avatar.red{background:radial-gradient(at 50% 30%,#aa6454,#432d2a);border-color:#be795e}.selected-copy{gap:4px;min-width:0;display:grid}.selected-copy>small{color:#85a4a8;font-size:8px}.selected-copy>b{color:#eff4e8;font-size:12px}.large-hp{align-items:center;gap:2px;display:flex}.large-hp>i{width:10px}.large-hp em{color:#94aaa7;font:7px var(--mono);margin-left:auto;font-style:normal}.action-heading b{font-size:10px}.action-heading small{color:#637a80;font:7px var(--mono);letter-spacing:.1em}.action-card{text-align:left;background:linear-gradient(110deg,#17252c,#142026);border:1px solid #304048;border-radius:5px;align-items:center;gap:8px;width:100%;height:51px;margin-top:6px;padding:0 8px;transition:all .14s;display:flex}.action-symbol{border-radius:4px;place-items:center;width:31px;height:31px;display:grid}.move-symbol{color:#b7eab1;background:#274337}.attack-symbol{color:#ffb19a;background:#482f30}.action-card>span:nth-child(2){flex:1;gap:3px;display:grid}.action-card>span:nth-child(2) b{font-size:10px}.action-card>span:nth-child(2) small{color:#84979a;font-size:8px}.action-card kbd{color:#82999b;font:8px var(--mono);border:1px solid #3a4c50;border-radius:3px;padding:2px 5px}.action-card>svg{color:#647a7e}.range-card{color:#bed19a;background:#202b27;border:1px solid #36453c;border-radius:5px;align-items:center;gap:9px;margin-top:9px;padding:8px;display:flex}.range-card>span{gap:3px;display:grid}.range-card b{font-size:8px}.range-card small{color:#94a398;font-size:8px}.queue-title{color:#bdc9bf;justify-content:space-between;align-items:center;margin:16px 2px 7px;font-size:9px;display:flex}.queue-title b{color:#728787;font:7px var(--mono);letter-spacing:.08em}.queue-list{border-top:1px solid #29393e}.queue-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #222f34;align-items:center;gap:7px;width:100%;height:29px;padding:0 2px;display:flex}.queue-row:hover{background:#1a292c}.queue-dot{color:#183626;border:1px solid #425252;border-radius:50%;place-items:center;width:13px;height:13px;display:grid}.queue-dot.queued{background:#75cc8c;border-color:#92dfa1}.queue-row>b{color:#bbc9c3;font-size:9px;font-weight:500}.queue-row>small{color:#718487;margin-left:auto;font-size:8px}.lock-button{color:#0c1d18;background:linear-gradient(100deg,#95e7b2,#8adbc2);border:1px solid #92ddb2;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:41px;margin-top:12px;padding:0 10px;font-size:10px;font-weight:800;display:flex;box-shadow:0 3px 14px #80dcac24}.lock-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.lock-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.simultaneous-note{color:#778b89;justify-content:center;align-items:center;gap:7px;margin-top:8px;font-size:8px;display:flex}.simultaneous-note i{background:#de9b7e;border-radius:50%;width:5px;height:5px}.game-footer{color:#5c7077;max-width:1440px;font:7px var(--mono);letter-spacing:.1em;justify-content:space-between;margin:0 auto;padding:8px 27px 15px;display:flex}.game-footer i{color:#99b3a7;margin:0 5px;font-style:normal}@media (width>=1441px){.game-layout{grid-template-columns:220px minmax(0,1fr) 286px}}@media (width<=1050px){.game-layout{grid-template-columns:175px minmax(0,1fr) 240px;gap:10px;padding:18px 15px 8px}.roster-panel{padding:12px 8px}.roster-card{gap:6px;padding:5px}.roster-avatar{width:37px;height:44px}.command-panel{padding:12px 9px}.selected-unit{gap:7px;padding:7px}.game-footer{padding-left:15px;padding-right:15px}}@media (width<=780px){.game-layout{grid-template-columns:1fr 245px;max-width:680px;padding:15px 14px}.battlefield-column{grid-area:1/1/auto/-1}.roster-panel{grid-area:2/1;min-height:0}.command-panel{grid-area:2/2;min-height:0}.roster-list{grid-template-columns:1fr}.squad-stats,.roster-tip{display:none}.roster-panel{padding:12px}.roster-list{margin-top:8px}.roster-card{height:58px}.match-banner{height:49px}.game-footer{max-width:680px}.topbar{padding:0 14px}.topbar-center{display:none}.round-badge{margin-left:auto}}@media (width<=520px){.game-layout{grid-template-columns:1fr;gap:9px;padding:10px 9px}.battlefield-column{grid-area:1/1}.roster-panel{grid-area:2/1}.command-panel{grid-area:3/1}.roster-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.roster-card{gap:4px;height:60px;padding:4px}.roster-avatar{width:30px;height:43px;font-size:17px}.roster-copy>b{font-size:8px}.roster-copy>small{font-size:6px}.roster-state{display:none}.hp-track i{width:6px}.panel-heading h2{font-size:12px}.command-panel{padding:12px}.match-banner h1{font-size:15px}.section-kicker{font-size:7px}.board-frame{padding:7px}.board-toolbar{font-size:7px}.board-status{font-size:6px}.battle-log{grid-template-columns:1fr;gap:5px;padding:7px}.log-title small{margin-left:0}.log-lines>div{font-size:7px}.game-footer span:last-child{display:none}.game-footer{padding:8px 9px 13px}.large-avatar{width:39px;height:39px}}.lobby-shell{--gold:#dfbd78;--jade:#b8e3ae;--paper:#e8e7d7;--muted:#99a6a2;min-height:100vh;color:var(--paper);isolation:isolate;background:radial-gradient(at 70% 12%,#203e3a 0,#0000 32%),radial-gradient(at 12% 88%,#2d211b 0,#0000 23%),#0a1118;grid-template-rows:72px minmax(calc(100vh - 110px),1fr) 38px;grid-template-columns:82px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.lobby-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.12;background:linear-gradient(115deg,#0000 20%,#a98b5d12 20.1%,#0000 21%),radial-gradient(at 70% 40%,#78aa9c 0,#0000 54%);position:absolute;inset:72px 0 38px}.lobby-topbar{z-index:3;background:linear-gradient(90deg,#101a21f5,#0d151bf5 66%,#131b20f5);border-bottom:1px solid #56483266;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 30px;display:grid;box-shadow:0 8px 28px #02070955}.lobby-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-sigil{color:#f0d38a;background:radial-gradient(at 50% 30%,#334940,#17231f);border:1px solid #c3a96d;border-radius:50% 50% 44% 44%;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid;box-shadow:inset 0 0 15px #cdb36d24,0 0 18px #bf9c4b1b}.lobby-brand>span:last-child{gap:3px;display:grid}.lobby-brand b{letter-spacing:.1em;font-size:14px}.lobby-brand small,.lobby-top-context small{color:#8f9b94;letter-spacing:.19em;font:7px DM Mono,monospace}.lobby-top-context{justify-content:center;align-items:center;gap:9px;display:flex}.lobby-top-context>span:last-child{gap:4px;display:grid}.lobby-top-context b{color:#d5d5c8;font-size:10px;font-weight:600}.season-gem{color:#e2ca8b;background:linear-gradient(145deg,#3b4035,#242a28);border:1px solid #7b7351;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;transform:rotate(45deg)}.season-gem svg{transform:rotate(-45deg)}.lobby-account{justify-content:flex-end;align-items:center;gap:14px;display:flex}.shard-display{color:#e4c978;background:#201f1b;border:1px solid #695a35;border-radius:3px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.shard-display b{font:12px DM Mono,monospace}.shard-display small{color:#a89a70;letter-spacing:.1em;font:6px DM Mono,monospace}.account-avatar{color:#dfd4b0;background:linear-gradient(145deg,#455153,#243038);border:1px solid #78664a;border-radius:50%;place-items:center;width:34px;height:34px;font:700 12px DM Mono,monospace;display:grid}.lobby-rail{z-index:2;background:#0c1419c9;border-right:1px solid #39434499;flex-direction:column;grid-area:2/1;align-items:center;gap:8px;padding:16px 8px;display:flex}.lobby-rail button{color:#82918f;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:62px;height:66px;transition:all .18s;display:flex;position:relative}.lobby-rail button:hover{color:#e1d8b9;background:#1a2426}.lobby-rail button.active{color:#eed596;background:linear-gradient(145deg,#342f22,#202522);border-color:#806f45;box-shadow:inset 2px 0 #dfbd78,0 0 18px #c5a05312}.lobby-rail button.active:before{content:"";background:#e6cd8e;width:2px;position:absolute;top:17px;bottom:17px;left:-9px;box-shadow:0 0 8px #e6cd8e}.lobby-rail button span{font-size:9px;font-weight:700}.lobby-rail button small{letter-spacing:.08em;color:#73827e;font:6px DM Mono,monospace}.lobby-rail button.active small{color:#c5b583}.rail-bottom{margin-top:auto}.rail-status{color:#77877e;align-items:center;gap:4px;font:6px DM Mono,monospace;display:flex}.rail-status i{background:#9bd78d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #9bd78d}.lobby-content{scrollbar-width:thin;scrollbar-color:#53615b transparent;grid-area:2/2;width:100%;min-width:0;max-width:1640px;margin:0 auto;padding:18px clamp(18px,3vw,46px) 26px;overflow:auto}.lobby-crumb{color:#76847f;letter-spacing:.15em;align-items:center;gap:8px;margin:0 0 15px;font:7px DM Mono,monospace;display:flex}.lobby-crumb i{color:#59665e;font-style:normal}.lobby-crumb b{color:#c9b985;font-weight:500}.lobby-footer{color:#71817c;letter-spacing:.12em;background:#0b1218;border-top:1px solid #34403d;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding:0 25px;font:7px DM Mono,monospace;display:flex}.lobby-footer i{color:#c1a86a;margin:0 5px;font-style:normal}.lobby-footer>span:last-child{align-items:center;gap:6px;display:flex}.lobby-footer b{color:#a6cc92;font-size:6px}.hub-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 20px;display:flex}.hub-heading>div:first-child>span{color:#ad9c72;letter-spacing:.19em;font:8px DM Mono,monospace;display:block}.hub-heading>div:first-child>span i{background:#9ccc8e;border-radius:50%;width:4px;height:4px;margin:0 6px 2px;display:inline-block;box-shadow:0 0 6px #a3d792}.hub-heading h1{color:#eee9d9;letter-spacing:.06em;margin:10px 0 5px;font-size:clamp(23px,2.4vw,33px)}.hub-heading h1 em{color:#d3bd84;font-style:normal}.hub-heading p{color:#a3afaa;letter-spacing:.03em;margin:0;font-size:10px}.commander-rank{color:#dbca92;background:radial-gradient(circle,#3a3326,#171e20 67%);border:1px solid #7e6947;border-radius:50%;flex:none;align-content:center;place-items:center;gap:1px;width:62px;height:62px;display:grid;box-shadow:0 0 0 4px #161f20}.commander-rank span,.commander-rank small{letter-spacing:.1em;color:#a99a76;font:6px DM Mono,monospace}.commander-rank b{font:20px DM Mono,monospace}.home-showcase{grid-template-columns:minmax(0,1fr) 294px;gap:13px;min-height:414px;display:grid}.featured-arena{background:#1b2928;border:1px solid #86704b;border-radius:5px;height:414px;position:relative;overflow:hidden;box-shadow:0 18px 42px #03070777,inset 0 0 0 1px #d7bf7920}.featured-arena:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b1312f2 0%,#101918d9 30%,#1019185c 61%,#111c1a36 100%),linear-gradient(#0000 56%,#0a1212cc);position:absolute;inset:0}.featured-arena .hub-arena-preview{position:absolute;inset:0}.featured-copy{z-index:2;width:min(410px,46%);position:absolute;bottom:8%;left:5%}.featured-kicker{color:#c5b784;letter-spacing:.17em;align-items:center;gap:8px;font:7px DM Mono,monospace;display:flex}.featured-kicker i{background:#a8e19b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #a8e19b}.featured-copy h2{color:#f1edde;letter-spacing:.06em;text-shadow:0 3px 18px #000;margin:10px 0 7px;font-size:clamp(24px,2.5vw,36px)}.featured-copy p{color:#c4cbc0;margin:0;font-size:10px;line-height:1.8}.arena-tags{gap:6px;margin:12px 0 18px;display:flex}.arena-tags span{color:#d2c9a7;background:#121b19b8;border:1px solid #c8b7835c;border-radius:2px;padding:4px 7px;font-size:7px}.deploy-button{color:#191a15;letter-spacing:.08em;background:linear-gradient(100deg,#dcc483,#bd9b5c);border:1px solid #f1d995;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;min-width:190px;height:42px;padding:0 13px;font-size:10px;font-weight:800;transition:filter .18s,transform .18s;display:flex;box-shadow:0 5px 22px #0508078c}.deploy-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.featured-counter{z-index:2;text-align:right;color:#e7dfc4;gap:5px;display:grid;position:absolute;top:18px;right:19px}.featured-counter small{letter-spacing:.2em;color:#c2b98d;font:6px DM Mono,monospace}.featured-counter b{font:16px DM Mono,monospace}.featured-counter b i{color:#a8a895;font-size:9px;font-style:normal}.featured-counter>div{background:#e1d09555;width:74px;height:2px;margin-left:auto}.featured-counter>div i{background:#e3c881;width:34%;height:100%;display:block}.home-side-stack{grid-template-rows:1fr 1fr auto;gap:10px;min-height:414px;display:grid}.hub-panel{background:linear-gradient(145deg,#1b2628,#121b20);border:1px solid #455047;border-radius:4px;min-width:0;box-shadow:0 9px 25px #03060766}.squad-overview,.field-orders{padding:13px 14px}.hub-panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.hub-panel-title>span:first-child{gap:5px;display:grid}.hub-panel-title small{letter-spacing:.14em;color:#a1926a;font:7px DM Mono,monospace}.hub-panel-title b{color:#e6e2d3;font-size:12px}.hub-panel-title>button{color:#c4b37d;background:0 0;border:0;align-items:center;gap:4px;padding:5px;font-size:8px;display:flex}.formation-row{justify-content:space-between;gap:4px;margin-top:15px;display:flex}.formation-portrait{color:#e9f1dd;background:linear-gradient(145deg,#8bb3b0,#29454b 64%,#16272d);border:1px solid #71949a;border-radius:3px 3px 8px 8px;place-items:center;width:27px;height:33px;font-size:12px;font-weight:800;display:grid;box-shadow:0 3px 6px #080e0f}.formation-portrait.tone-1{background:linear-gradient(145deg,#c4ae77,#52452e 65%,#28251e);border-color:#b69b64}.formation-portrait.tone-2{background:linear-gradient(145deg,#97b182,#3c5440 65%,#1a2c25);border-color:#849f70}.formation-portrait.tone-3{background:linear-gradient(145deg,#bb857c,#59403f 65%,#261f25);border-color:#a87a72}.formation-meta{color:#9eaaa2;border-top:1px solid #36403c;justify-content:space-between;align-items:center;margin-top:12px;padding-top:9px;font-size:8px;display:flex}.formation-meta b{color:#e1d5a9;font:10px DM Mono,monospace}.formation-meta span:last-child{color:#aab69c}.formation-meta i{background:#a4d596;border-radius:50%;width:4px;height:4px;margin-left:4px;display:inline-block}.order-mark{color:#dec37d;background:#2e2b20;border:1px solid #8b7549;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.field-orders p{color:#aab5ac;max-width:230px;margin:13px 0;font-size:9px;line-height:1.8}.order-progress{grid-template-columns:1fr auto;align-items:center;gap:5px 8px;display:grid}.order-progress>span{background:#303d38;grid-column:1/-1;height:3px}.order-progress>span i{background:linear-gradient(90deg,#85bc89,#d2cd7b);width:100%;height:100%;display:block}.order-progress small{color:#819188;font-size:7px}.order-progress b{color:#cccf9c;font-size:7px}.cosmetic-callout{text-align:left;color:#e6e1ce;align-items:center;gap:10px;width:100%;min-height:76px;padding:10px 12px;transition:border-color .18s,transform .18s;display:flex}.cosmetic-callout:hover{border-color:#b7a16b;transform:translateY(-1px)}.cosmetic-icon{color:#dfc981;background:linear-gradient(145deg,#373225,#272821);border:1px solid #736a55;border-radius:4px;flex:none;place-items:center;width:33px;height:33px;display:grid}.cosmetic-callout>span:nth-child(2){flex:1;gap:4px;display:grid}.cosmetic-callout small{color:#b39f69;letter-spacing:.1em;font:6px DM Mono,monospace}.cosmetic-callout b{font-size:9px}.cosmetic-callout em{color:#9ba79c;font-size:7px;font-style:normal}.hub-lower-row{margin-top:17px}.hub-section-title{justify-content:space-between;align-items:center;margin:0 1px 8px;display:flex}.hub-section-title span{color:#d5c38b;letter-spacing:.18em;font:7px DM Mono,monospace}.hub-section-title small{color:#798781;font-size:7px}.hub-action-cards{grid-template-columns:repeat(3,minmax(0,1fr)) 150px;gap:9px;display:grid}.hub-action-card{color:#e8e6d7;text-align:left;background:linear-gradient(110deg,#1c2929,#131e21);border:1px solid #3d4b45;border-radius:4px;align-items:center;gap:9px;min-width:0;min-height:72px;padding:9px 10px;transition:all .16s;display:flex}.hub-action-card:hover{background:#242c27;border-color:#938152;transform:translateY(-2px)}.hub-action-icon{color:#ead599;background:#302e23;border:1px solid #736c4d;border-radius:4px;flex:none;place-items:center;width:34px;height:34px;display:grid}.hub-action-icon.play{color:#bce5b2;background:#26382b;border-color:#526d56}.hub-action-icon.skin{color:#c5bae4;background:#2d2938;border-color:#685f7b}.hub-action-card>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.hub-action-card small{color:#87948c;letter-spacing:.12em;font:6px DM Mono,monospace}.hub-action-card b{font-size:10px}.hub-action-card em{color:#9daaa1;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;overflow:hidden}.shard-wallet{background:linear-gradient(145deg,#29251b,#191c1c);border:1px solid #655638;border-radius:4px;align-content:center;gap:4px;padding:8px 12px;display:grid}.shard-wallet>span{color:#d1b66c;align-items:center;gap:6px;display:flex}.shard-wallet>span small{color:#b7b193;font-size:8px}.shard-wallet>b{color:#f0dfab;font:16px DM Mono,monospace}.shard-wallet>em{color:#81795d;letter-spacing:.14em;font:6px DM Mono,monospace}.hub-arena-preview{--ground-a:#65745a;--ground-b:#344e42;--cover-a:#aaa078;--cover-b:#504d3d;--water-a:#59848b;isolation:isolate;background:radial-gradient(at 55% 40%,#8b9b7650,#0000 50%),linear-gradient(145deg,#36483c,#182724 74%);position:relative;overflow:hidden}.hub-arena-preview:before{content:"";z-index:0;background:radial-gradient(at 50% 75%,#0000 20%,#030a0b85 100%),linear-gradient(110deg,#bdc67b12,#0000 45%);position:absolute;inset:0}.arena-distant-island{clip-path:polygon(10% 8%,78% 0,100% 39%,80% 72%,69% 100%,23% 87%,0 47%);filter:drop-shadow(0 22px 14px #020707aa);opacity:.8;background:linear-gradient(135deg,#78907a,#344b42 65%,#1b302b);position:absolute}.island-west{width:27%;height:24%;top:2%;left:1%;transform:rotate(16deg)}.island-east{opacity:.6;width:24%;height:20%;top:9%;right:2%;transform:rotate(-17deg)}.arena-spire{clip-path:polygon(35% 0,63% 4%,70% 18%,65% 23%,83% 24%,80% 58%,100% 65%,94% 100%,7% 100%,0 62%,24% 56%,22% 22%,34% 18%);opacity:.75;background:linear-gradient(90deg,#203631,#718070 50%,#283e38);width:45px;height:34%;position:absolute;top:6%;left:57%}.arena-board-grid{aspect-ratio:1;z-index:1;background:#222c26;border:1px solid #c3b079a6;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;width:min(57%,560px);padding:6px;display:grid;position:absolute;top:50%;right:8%;transform:translateY(-54%)perspective(900px)rotateX(13deg)rotate(-4deg);box-shadow:0 0 0 5px #101918c9,0 20px 45px #020506b8}.arena-cell{background:linear-gradient(145deg,var(--ground-a),var(--ground-b) 62%,#405443);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d5d1a116}.arena-cell:nth-child(3n+1){filter:brightness(1.1)}.arena-cell.moss:after{content:"";opacity:.6;background:#c2cd7b;border-radius:50%;width:15%;height:14%;position:absolute;bottom:16%;right:16%;box-shadow:-6px 1px #52694b,5px -4px #89945f}.arena-cell.water{background:linear-gradient(145deg,var(--water-a),#345a64 65%,#293c48)}.arena-cell.cover{background:linear-gradient(145deg,var(--cover-a),var(--cover-b) 68%,#373e37);box-shadow:inset 0 0 0 2px #d1c49363}.arena-cell.cover i{background:repeating-linear-gradient(0deg,#67614c 0 18%,#aa9d77 19% 31%);border:1px solid #ccb889;position:absolute;inset:14%}.arena-cell b{z-index:2;color:#edf0db;text-shadow:0 2px 5px #091314;background:radial-gradient(at 45% 22%,#d6e2cc,#578894 49%,#263d46 79%);border:1px solid #b8d8c8;border-radius:48% 48% 28% 28%;place-items:center;font-size:clamp(9px,1.6vw,20px);font-weight:800;display:grid;position:absolute;inset:16%;box-shadow:0 4px 7px #030909b8,inset 0 1px #fff7}.arena-cell.foe b{background:radial-gradient(at 45% 22%,#f2c098,#a45148 50%,#432d33 81%);border-color:#efb295}.preview-rune{z-index:2;color:#e4d39b;text-shadow:0 0 13px #e4cd7c99;position:absolute}.rune-a{font-size:28px;top:16%;left:32%}.rune-b{font-size:18px;bottom:18%;right:31%}.preview-stamp{z-index:2;background:#101816a8;border:1px solid #bda86a66;gap:4px;padding:8px 10px;display:grid;position:absolute;bottom:7%;right:7%}.preview-stamp small{letter-spacing:.14em;color:#c8bd91;font:6px DM Mono,monospace}.preview-stamp b{letter-spacing:.15em;color:#eee4c9;font:8px DM Mono,monospace}.preview-stamp i{background:#bd9d62;width:50px;height:2px}.hub-arena-preview.compact .arena-board-grid{border-width:1px;gap:2px;width:66%;padding:4px;right:7%;box-shadow:0 0 0 3px #101918c9,0 9px 18px #020506a8}.hub-arena-preview.compact .arena-spire{width:25px}.hub-arena-preview.compact .preview-rune{font-size:14px}.lobby-crumb+.collection-page{min-height:600px}.compact-heading{margin-bottom:23px}.compact-heading .shard-balance{color:#dec67e;background:#211f19;border:1px solid #6c5c39;border-radius:3px;align-items:center;gap:9px;padding:9px 14px;display:flex}.shard-balance>span{gap:3px;display:grid}.shard-balance small{color:#a5996c;letter-spacing:.13em;font:6px DM Mono,monospace}.shard-balance b{font:13px DM Mono,monospace}.collection-feature,.equipped-showcase{background:linear-gradient(110deg,#202c29,#151d20);border:1px solid #726342;border-radius:5px;grid-template-columns:1.05fr .95fr;min-height:210px;display:grid;overflow:hidden;box-shadow:0 12px 33px #03060677}.collection-feature>.hub-arena-preview{min-height:210px}.collection-feature>div:last-child,.equipped-showcase>div:last-child{align-self:center;padding:24px 34px}.rarity{color:#e5cc8e;letter-spacing:.14em;background:#332e20;border:1px solid #978250;border-radius:2px;align-items:center;padding:4px 7px;font:6px DM Mono,monospace;display:inline-flex}.rarity.rare{color:#9ed9df;background:#1c363a;border-color:#6fa1a5}.rarity.epic{color:#d0aceb;background:#30243f;border-color:#9d79bc}.collection-feature h2,.equipped-showcase h2{color:#f0e8d4;margin:12px 0 7px;font-size:23px}.collection-feature p,.equipped-showcase p{color:#a7b4a9;max-width:380px;font-size:10px;line-height:1.8}.collection-feature>div:last-child>small{color:#8c9d93;font-size:8px}.catalog-heading{border-bottom:1px solid #3a4540;justify-content:space-between;align-items:center;margin:25px 0 11px;padding-bottom:8px;display:flex}.catalog-heading h2{color:#e6e1d2;margin:0;font-size:14px}.catalog-heading span{color:#87948b;letter-spacing:.1em;font:7px DM Mono,monospace}.catalog-heading i{background:#ad9459;border-radius:50%;width:3px;height:3px;margin:0 6px 1px;display:inline-block}.cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cosmetic-card{background:linear-gradient(145deg,#1b2828,#131c20);border:1px solid #414a44;border-radius:4px;transition:border-color .18s,transform .18s;overflow:hidden}.cosmetic-card:hover{border-color:#a39160;transform:translateY(-2px)}.cosmetic-card.is-equipped{border-color:#bcac75;box-shadow:0 0 0 1px #beab6a33,0 8px 25px #0b0d0b88}.cosmetic-swatch{background:#23342e;height:166px;position:relative;overflow:hidden}.cosmetic-swatch .hub-arena-preview{position:absolute;inset:0}.cosmetic-swatch>.rarity{z-index:3;position:absolute;top:9px;left:9px}.equipped-badge{z-index:3;color:#d1e9aa;background:#1d3325e8;border:1px solid #bdd58d;align-items:center;gap:4px;padding:4px 6px;font-size:7px;display:flex;position:absolute;top:8px;right:8px}.cosmetic-info{justify-content:space-between;align-items:center;gap:8px;min-height:72px;padding:9px 10px;display:flex}.cosmetic-info>div{gap:5px;min-width:0;display:grid}.cosmetic-info h3{color:#e8e4d6;margin:0;font-size:10px}.cosmetic-info small{color:#98a49b;font-size:7px}.cosmetic-info button,.outline-action{color:#e4d29a;background:#343024;border:1px solid #9b8553;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.cosmetic-info button:hover:not(:disabled),.outline-action:hover{background:#48402d;border-color:#d6be7a}.cosmetic-info button:disabled{opacity:.55;cursor:default}.return-home-link{color:#a99a72;background:0 0;border:0;margin-top:18px;padding:8px 0;font-size:9px}.outline-action{min-height:36px;padding:0 12px}.equipped-showcase{grid-template-columns:1.2fr .8fr;min-height:318px}.equipped-showcase>.hub-arena-preview{min-height:318px}.owned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.squad-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.squad-collect-card{background:linear-gradient(145deg,#202b2a,#141d20);border:1px solid #455149;border-radius:4px;min-width:0;overflow:hidden;box-shadow:0 8px 20px #03060755}.unit-portrait-large{background:radial-gradient(at 50% 80%,#81917b,#344b48 42%,#1b2b31 78%);place-items:center;height:113px;display:grid;position:relative;overflow:hidden}.unit-portrait-large:before{content:"";clip-path:polygon(25% 0,75% 0,100% 35%,88% 100%,10% 100%,0 35%);background:linear-gradient(90deg,#24333a,#79928b 48%,#263a3d);border:1px solid #b9c6ad66;border-radius:48% 48% 6% 6%;width:35%;height:97%;position:absolute;bottom:-17%;left:34%}.unit-portrait-large span{z-index:1;color:#e4e7d4;text-shadow:0 3px 9px #071316;font-size:35px;font-weight:800;position:relative}.unit-portrait-large i{color:#c4b37d;font:7px DM Mono,monospace;position:absolute;top:7px;right:8px}.tone-1 .unit-portrait-large{background:radial-gradient(at 50% 80%,#8e7954,#514338 46%,#24242a 78%)}.tone-2 .unit-portrait-large{background:radial-gradient(at 50% 80%,#73896a,#3a5144 46%,#1d2c2a 78%)}.tone-3 .unit-portrait-large{background:radial-gradient(at 50% 80%,#8d6668,#513a43 46%,#211e2b 78%)}.squad-collect-copy{padding:10px}.squad-collect-copy>small{color:#a89a6a;font-size:7px}.squad-collect-copy h2{color:#ece8d8;margin:4px 0 6px;font-size:13px}.squad-collect-copy p{color:#9ea9a1;min-height:29px;margin:0;font-size:8px;line-height:1.55}.stat-strip{border-top:1px solid #3b4540;justify-content:space-between;gap:4px;margin-top:10px;padding-top:8px;display:flex}.stat-strip span{color:#85948c;align-items:center;gap:3px;font-size:6px;display:flex}.stat-strip b{color:#ddd6bd;font:8px DM Mono,monospace}.hub-crumb{padding:2px}.lobby-shell button:focus-visible{outline-offset:2px;z-index:4;outline:2px solid #edda9b}.game-shell{background:radial-gradient(at 50% 15%,#233d39 0,#0000 40%),linear-gradient(155deg,#10191c,#0b1014 75%);min-height:100vh;position:relative}.game-shell:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#d5bc7510 1px,#0000 1px),linear-gradient(#d5bc7510 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:68px 0 0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.game-shell>.topbar,.game-shell>.game-layout,.game-shell>.game-footer{z-index:1;position:relative}.game-shell>.topbar{background:linear-gradient(90deg,#111b20f5,#101817f7 60%,#1c201bf7);border-bottom:1px solid #756747;height:64px;padding:0 clamp(16px,2.4vw,36px);box-shadow:0 7px 25px #03070699}.game-shell .brand-name{letter-spacing:.08em;font-size:13px}.game-shell .brand-name small{color:#9b987e}.game-shell .turn-status{color:#cae4b0;background:linear-gradient(110deg,#283a2c,#1c2924);border-color:#66835a;border-radius:3px;min-height:38px}.game-shell .turn-status.enemy-turn{color:#ffd0a6;background:linear-gradient(110deg,#452c29,#272120);border-color:#936050}.game-shell .wallet{background:#29261e;border-color:#75623a;border-radius:3px}.game-shell .menu-return,.game-shell .reset-button{color:#c7c7b7;background:#192326;border-color:#4b5750;border-radius:3px}.game-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 326px;align-items:start;gap:13px;max-width:1740px;min-height:calc(100vh - 110px);padding:13px clamp(14px,2vw,28px) 8px}.battlefield-column{grid-area:1/1;grid-template-rows:49px auto auto;align-content:start;gap:0;min-width:0;display:grid}.match-banner{height:49px;margin:0 4px 8px}.match-banner h1{letter-spacing:.07em;font-size:16px}.team-score{background:#1a211f;border:1px solid #62563a;border-radius:3px;padding:5px 11px}.team-score b{color:#b6dbb1;font-size:17px}.team-score b.enemy-score{color:#e38f77}.board-frame{background:linear-gradient(145deg,#1b2b2a,#111a1b 80%);border:1px solid #8a764d;border-radius:4px;padding:12px 14px 9px;position:relative;box-shadow:0 14px 40px #020706a8,inset 0 0 0 2px #c4ad6d12}.board-frame:before{content:"";pointer-events:none;border:1px solid #89907535;position:absolute;inset:4px}.board-toolbar{color:#d9d2b7;align-items:center;height:31px}.board-toolbar>span:first-child{color:#d3c58c;font-weight:700}.phase-chip{letter-spacing:.13em;border-radius:3px;padding:5px 9px;font-size:8px}.phase-chip.player{color:#d1e6ac;background:#26372a;border-color:#94bd7d;box-shadow:0 0 12px #a8df8c1e}.grid-with-coordinates{grid-template-columns:22px minmax(0,1fr) 22px;justify-items:center;gap:4px}.battle-board{aspect-ratio:1;background:#222e28;border:1px solid #a99a6c;border-radius:3px;gap:2px;width:min(100%,100svh - 380px);height:auto;box-shadow:0 0 0 4px #111918,0 0 0 5px #a28c5366,0 10px 24px #03070899}.tile:nth-child(3n):not(.terrain-wall):after{opacity:.72}.board-status{color:#b1b39c;letter-spacing:.07em;border-color:#495347;font-size:7px}.bottom-coordinates{color:#b5aa80}.battle-log{background:linear-gradient(100deg,#172321,#111a1e);border-color:#45514a;border-radius:3px;grid-template-columns:150px minmax(0,1fr);margin:8px 0 0}.log-title small{color:#8d967e}.log-lines>div{color:#9ca9a2}.command-panel{background:linear-gradient(165deg,#1d2928,#11191d 75%);border:1px solid #806d48;border-radius:4px;grid-area:1/2/3;align-self:stretch;min-width:0;max-height:calc(100vh - 91px);padding:13px 12px;overflow-y:auto;box-shadow:0 12px 34px #0206078a}.command-panel:before{background:linear-gradient(90deg,#b99c5e,#adc987,#70a7a1);height:3px;top:0;left:0;right:0}.command-panel .panel-heading{padding:2px 1px 10px;position:static}.command-panel .panel-heading h2{color:#ebe4d1}.turn-economy>div{color:#bed1b4;background:#192522;border-color:#46534b}.turn-economy>div b{color:#e9dfbb}.selected-unit{background:linear-gradient(120deg,#263931,#1b2828);border-color:#64745f}.large-avatar{background:radial-gradient(at 50% 28%,#90b6a0,#283c3d);border-color:#9fb48a}.role-note{background:#1b2926;border-color:#697c62}.role-note b{color:#d4dcbd}.role-note small{color:#b2beb1}.action-card{background:linear-gradient(110deg,#1b2928,#151f22);border-color:#495650;border-radius:3px}.action-card:hover,.action-card.action-active{background:linear-gradient(110deg,#293831,#1e2b29);border-color:#c2a669;box-shadow:inset 0 0 0 1px #dfc98725}.special-button{color:#efda9a;background:linear-gradient(105deg,#342e21,#262820);border-color:#70623f;border-radius:3px}.roster-actions{margin-top:12px}.roster-actions>span{color:#bdad77;margin-bottom:5px;display:block}.roster-actions button{border-bottom-color:#33403d}.roster-actions button:hover,.roster-actions button.active-row{background:#28352e}.roster-actions button.active-row>b{color:#d8d7bb}.end-turn-button{background:linear-gradient(100deg,#bfd699,#96bd8e);border-color:#c3d69b;border-radius:3px;box-shadow:0 4px 18px #89ba8030}.shop-drawer{background:#151f20;border-color:#4e594b}.shop-drawer>summary{color:#e2ddcb}.shop-grid button{background:#1b2828;border-color:#49514a}.terrain-note{background:#192620;border-color:#46594b}.battlefield-column>.roster-panel{background:linear-gradient(110deg,#192624,#11191b);border:1px solid #716344;border-radius:4px;grid-area:auto;min-height:0;max-height:118px;padding:9px 10px;overflow:hidden;box-shadow:0 8px 20px #03060677}.battlefield-column>.roster-panel .panel-heading{padding:0 2px 6px}.battlefield-column>.roster-panel .panel-heading h2{margin:2px 0 0;font-size:10px}.battlefield-column>.roster-panel .section-kicker{font-size:6px}.battlefield-column>.roster-panel .faction-chip{padding:3px 5px;font-size:6px}.battlefield-column>.roster-panel .roster-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-top:6px}.battlefield-column>.roster-panel .roster-card{background:linear-gradient(110deg,#1e2c2a,#172122);border-color:#3c4c45;border-radius:3px;gap:5px;min-width:0;height:54px;padding:4px}.battlefield-column>.roster-panel .roster-card.is-selected{border-color:#c9b36d;box-shadow:inset 0 0 0 1px #c9b36d55}.battlefield-column>.roster-panel .roster-avatar{background:radial-gradient(at 50% 28%,#769e96,#293c40);border-color:#8ba59b;width:31px;height:39px;font-size:17px}.battlefield-column>.roster-panel .roster-copy{gap:2px}.battlefield-column>.roster-panel .roster-copy>b{font-size:7px}.battlefield-column>.roster-panel .roster-copy>small{font-size:6px}.battlefield-column>.roster-panel .hp-track{gap:1px}.battlefield-column>.roster-panel .hp-track i{width:3px;height:3px}.battlefield-column>.roster-panel .roster-action-label{font-size:5px}.battlefield-column>.roster-panel .roster-state,.battlefield-column>.roster-panel .roster-tip{display:none}.game-footer{color:#87948a;border-top:1px solid #3d4843;max-width:1740px;padding:5px 24px 8px}.game-footer span:last-child{color:#b4aa86}.arena-dusk .tile:not(.terrain-wall){background:linear-gradient(140deg,#796451,#55463d 57%,#443c39)}.arena-dusk .tile:nth-child(16n+2),.arena-dusk .tile:nth-child(16n+8),.arena-dusk .tile:nth-child(16n+13){background:linear-gradient(145deg,#97755b,#64483e 58%,#493d3b)}.arena-dusk .terrain-wall{background:linear-gradient(140deg,#92775a,#5d4a3e 56%,#403635)}.arena-aurora .tile:not(.terrain-wall){background:linear-gradient(140deg,#647f86,#3c5b66 57%,#304750)}.arena-aurora .tile:nth-child(16n+2),.arena-aurora .tile:nth-child(16n+8),.arena-aurora .tile:nth-child(16n+13){background:linear-gradient(145deg,#7f9b9b,#4c6b77 56%,#3a5867)}.arena-aurora .terrain-wall{background:linear-gradient(140deg,#8b9c9a,#566b71 56%,#3b515a)}@media (width<=1120px){.game-layout{grid-template-columns:minmax(0,1fr) 295px;gap:10px;padding:11px}.command-panel{padding:11px 9px}.lobby-content{padding:16px 18px 23px}.home-showcase{grid-template-columns:minmax(0,1fr) 260px}.hub-action-cards{grid-template-columns:repeat(3,minmax(0,1fr)) 125px}.battlefield-column>.roster-panel .roster-card{gap:3px}.battlefield-column>.roster-panel .roster-avatar{width:27px}}@media (width<=820px){.lobby-shell{grid-template-columns:65px minmax(0,1fr)}.lobby-topbar{padding:0 16px}.lobby-top-context{display:none}.lobby-account{grid-column:3}.lobby-rail{padding:13px 3px}.lobby-rail button{width:55px}.home-showcase{grid-template-columns:1fr}.featured-arena{height:390px}.home-side-stack{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;min-height:0}.squad-overview,.field-orders{min-height:135px}.cosmetic-callout{grid-column:1/-1}.hub-action-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shard-wallet{min-height:70px}.game-layout{grid-template-columns:minmax(0,1fr) 270px}.battle-board{width:min(100%,100svh - 300px)}.battlefield-column>.roster-panel .roster-list{grid-template-columns:repeat(4,minmax(0,1fr))}.battlefield-column>.roster-panel{max-height:180px}.battlefield-column>.roster-panel .roster-card{height:52px}}@media (width<=600px){.lobby-shell{grid-template-rows:58px 1fr 58px;grid-template-columns:1fr}.lobby-topbar{grid-area:1/1;grid-template-columns:1fr auto;height:58px;padding:0 12px}.brand-sigil{width:32px;height:32px;font-size:17px}.lobby-brand{gap:7px}.lobby-brand b{font-size:11px}.lobby-brand small{font-size:6px}.lobby-account{grid-column:2;gap:7px}.shard-display{gap:4px;height:29px;padding:0 7px}.shard-display small{display:none}.account-avatar{width:29px;height:29px}.lobby-rail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10191eee;border-top:1px solid #66563b;border-right:0;flex-direction:row;grid-area:3/1;justify-content:space-around;gap:2px;height:58px;padding:3px 8px;position:fixed;bottom:0;left:0;right:0}.lobby-rail button{flex:1;gap:2px;width:auto;height:48px}.lobby-rail button svg{width:16px;height:16px}.lobby-rail button span{font-size:7px}.lobby-rail button small{font-size:5px}.lobby-rail button.active:before{width:auto;height:2px;inset:-4px 20% auto}.rail-bottom{display:none}.lobby-content{grid-area:2/1;padding:12px 11px 80px}.lobby-crumb{margin-bottom:11px;font-size:6px}.lobby-footer{display:none}.hub-heading{align-items:flex-start;margin-bottom:13px}.hub-heading h1{font-size:21px}.hub-heading p{font-size:8px;line-height:1.6}.commander-rank{width:48px;height:48px}.commander-rank b{font-size:16px}.commander-rank span,.commander-rank small{font-size:5px}.home-showcase{gap:8px}.featured-arena{height:380px}.featured-arena:after{background:linear-gradient(90deg,#0b1312eb,#101918b6 50%,#10191836),linear-gradient(#0000 46%,#0a1212df)}.arena-board-grid{width:76%;right:5%;transform:translateY(-58%)perspective(900px)rotateX(13deg)rotate(-4deg)}.featured-copy{width:65%;bottom:15px;left:15px}.featured-copy h2{font-size:23px}.featured-copy p{font-size:8px}.arena-tags{margin:8px 0 10px}.deploy-button{min-width:160px;height:37px;font-size:8px}.featured-counter{top:11px;right:11px}.home-side-stack{gap:7px}.squad-overview,.field-orders{min-height:124px;padding:10px}.formation-portrait{width:22px;height:28px;font-size:10px}.formation-row{gap:2px;margin-top:12px}.formation-meta{margin-top:8px;font-size:6px}.hub-panel-title b{font-size:10px}.hub-panel-title small{font-size:6px}.hub-panel-title>button{padding:2px;font-size:7px}.field-orders p{margin:9px 0;font-size:7px}.order-mark{width:25px;height:25px}.cosmetic-callout{min-height:58px;padding:7px}.cosmetic-icon{width:28px;height:28px}.cosmetic-callout b{font-size:8px}.cosmetic-callout em{font-size:6px}.hub-lower-row{margin-top:12px}.hub-action-cards{gap:6px}.hub-action-card{gap:6px;min-height:60px;padding:6px}.hub-action-icon{width:27px;height:27px}.hub-action-icon svg{width:15px}.hub-action-card small{font-size:5px}.hub-action-card b{font-size:8px}.hub-action-card em{font-size:6px}.hub-action-card>svg{width:12px}.shard-wallet{min-height:60px;padding:6px 9px}.shard-wallet>b{font-size:13px}.shard-wallet>em{font-size:5px}.collection-feature,.equipped-showcase{grid-template-columns:1fr;min-height:0}.collection-feature>.hub-arena-preview{min-height:180px}.collection-feature>div:last-child,.equipped-showcase>div:last-child{padding:15px}.collection-feature h2,.equipped-showcase h2{margin:8px 0 4px;font-size:18px}.collection-feature p,.equipped-showcase p{margin:5px 0;font-size:8px}.cosmetic-grid,.owned-grid{grid-template-columns:1fr 1fr;gap:7px}.cosmetic-swatch{height:112px}.cosmetic-info{flex-direction:column;align-items:flex-start;min-height:69px;padding:8px 6px}.cosmetic-info h3{font-size:8px}.cosmetic-info small{font-size:6px}.cosmetic-info button{min-height:25px;font-size:7px}.catalog-heading{margin:17px 0 8px}.catalog-heading h2{font-size:11px}.catalog-heading span{font-size:5px}.compact-heading{align-items:center}.compact-heading .shard-balance{gap:5px;padding:6px 8px}.shard-balance small{font-size:5px}.shard-balance b{font-size:10px}.outline-action{min-height:30px;padding:0 7px;font-size:7px}.squad-collection{grid-template-columns:1fr 1fr;gap:7px}.unit-portrait-large{height:86px}.unit-portrait-large span{font-size:27px}.squad-collect-copy{padding:8px}.squad-collect-copy h2{font-size:11px}.squad-collect-copy p{min-height:32px;font-size:7px}.stat-strip{margin-top:7px}.stat-strip span{font-size:5px}.stat-strip b{font-size:7px}.game-shell>.topbar{gap:6px;height:56px;padding:0 8px}.game-shell .brand-mark{width:29px;height:29px;font-size:17px}.game-shell .brand-name{font-size:9px}.game-shell .brand-name small{font-size:5px}.game-shell .turn-status{gap:4px;padding:5px 6px}.game-shell .turn-status>span{font-size:7px}.game-shell .turn-status>small{padding-left:4px;font-size:5px}.game-shell .wallet{gap:4px;height:31px;padding:0 6px}.game-shell .wallet svg{width:12px}.game-shell .wallet>b{font-size:9px}.game-shell .wallet>small{display:none}.game-shell .menu-return{height:31px;padding:0 7px}.game-shell .menu-return span{display:none}.game-shell .reset-button{height:31px;padding:0 6px}.game-shell .reset-button span{display:none}.game-layout{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:8px;min-height:0;padding:8px}.battlefield-column{grid-area:1/1;grid-template-rows:auto auto auto}.match-banner{height:39px;margin:0 1px 5px}.match-banner h1{font-size:11px}.match-banner .section-kicker{font-size:5px}.team-score{gap:3px;padding:3px 6px}.team-score b{font-size:12px}.team-score small{font-size:5px}.board-frame{padding:7px 6px 6px}.board-toolbar{height:24px;font-size:6px}.board-toolbar small{margin-left:3px;font-size:5px}.phase-chip{padding:3px 5px;font-size:5px;margin:0 4px!important}.board-weather{max-width:105px}.board-weather span{font-size:6px}.grid-with-coordinates{grid-template-columns:12px minmax(0,1fr) 12px;gap:2px}.side-coordinates{font-size:5px}.battle-board{gap:1px;width:min(100%,100vw - 48px);box-shadow:0 0 0 2px #111918,0 0 0 3px #a28c5366}.unit-label{display:none}.unit-figure{font-size:clamp(10px,3vw,17px)}.unit-hp i{width:3px}.bottom-coordinates{font-size:5px}.board-status{letter-spacing:0;padding-top:5px;font-size:5px}.board-status svg{width:9px}.battle-log{grid-template-columns:1fr;gap:3px;margin-top:5px;padding:5px 7px}.log-title b{font-size:7px}.log-title small{display:none}.log-lines>div{font-size:6px}.game-layout>.command-panel{grid-area:2/1;align-self:auto;max-height:none;padding:10px}.command-panel .panel-heading{padding-bottom:6px}.command-panel .panel-heading h2{font-size:12px}.turn-economy{margin-top:5px}.turn-economy>div{padding:5px 4px;font-size:7px}.turn-economy>div svg{width:11px}.turn-economy>div b{font-size:8px}.initiative-note{margin-top:4px;padding:4px;font-size:7px}.selected-unit{margin-top:6px;padding:6px}.large-avatar{width:34px;height:34px;font-size:18px}.selected-copy>small{font-size:6px}.selected-copy>b{font-size:10px}.selected-stats{gap:5px}.selected-stats em{font-size:6px}.role-note{margin-top:5px;padding:5px}.role-note b{font-size:7px}.role-note small{font-size:6px}.action-heading{margin:8px 1px 4px}.action-heading b{font-size:8px}.action-heading small{font-size:6px}.action-card{height:37px;margin-top:3px}.action-card>span:nth-child(2) b{font-size:8px}.action-card>span:nth-child(2) small{font-size:6px}.action-symbol{width:25px;height:25px}.special-button{height:36px;margin-top:4px}.special-button b{font-size:8px}.special-button small{font-size:6px}.roster-actions{margin-top:7px}.roster-actions>span{font-size:7px}.roster-actions button{height:23px}.roster-actions button>b{font-size:7px}.roster-actions button>small{font-size:6px}.end-turn-button{height:34px;margin-top:7px;font-size:8px}.turn-reminder{font-size:6px}.shop-drawer{margin-top:8px}.shop-drawer>summary{height:31px;font-size:8px}.shop-subtitle{font-size:6px}.shop-grid{gap:4px}.shop-grid button{min-height:54px}.shop-grid button>b{font-size:7px}.shop-grid button>small,.shop-grid button>em{font-size:6px}.inventory-heading{font-size:7px}.inventory-heading small{font-size:5px}.terrain-note{margin-top:6px;padding:5px}.terrain-note b{font-size:7px}.terrain-note small{font-size:6px}.battlefield-column>.roster-panel{grid-area:auto;max-height:100px;padding:7px}.battlefield-column>.roster-panel .panel-heading{padding-bottom:4px}.battlefield-column>.roster-panel .roster-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.battlefield-column>.roster-panel .roster-card{gap:3px;height:36px;padding:3px}.battlefield-column>.roster-panel .roster-avatar{width:22px;height:28px;font-size:12px}.battlefield-column>.roster-panel .roster-copy>b{font-size:6px}.battlefield-column>.roster-panel .roster-copy>small,.battlefield-column>.roster-panel .roster-action-label{display:none}.game-footer{padding:5px 8px;font-size:5px}.game-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.lobby-shell *,.game-shell *{transition:none!important;animation:none!important}}.game-shell{background:radial-gradient(at 51% 38%,#1b5270 0%,#102942 42%,#0000 72%),linear-gradient(140deg,#071628,#0b1a2d 48%,#071522);height:100svh;min-height:620px;overflow:hidden}.game-shell>.topbar{background:linear-gradient(90deg,#07172a,#09233b 50%,#07172a);border-color:#1686bd;height:56px;padding:0 20px;box-shadow:0 6px 20px #020810a8}.game-shell .brand-mark{color:#e7f8ff;background:linear-gradient(145deg,#117dc1,#082643);border-color:#149de4;border-radius:5px;box-shadow:0 0 22px #14a9ff3b}.game-shell .brand-name{color:#e8f5ff;font-size:16px}.game-shell .brand-name small{color:#70a3c5;font-size:7px}.game-shell .turn-status{color:#f1f8ff;background:linear-gradient(#0c2d4c,#071c32);border-color:#0e9de1;justify-content:center;min-width:210px;margin:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 18px #068ed42b}.game-shell .turn-status>span{font-size:13px;font-weight:800}.game-shell .turn-status>small{font-size:8px}.game-shell .wallet{color:#e6c978;background:#0b1c30;border-color:#1686bd;border-radius:4px;height:36px;margin-left:auto}.game-shell .menu-return,.game-shell .reset-button{color:#b5d9ed;background:#0b1d32;border-color:#176d9b;border-radius:4px;height:36px}.game-layout{grid-template-rows:minmax(0,1fr) 162px;grid-template-columns:clamp(215px,18vw,275px) minmax(430px,1fr) minmax(380px,31vw);align-items:stretch;gap:10px;width:100%;max-width:none;height:calc(100svh - 56px);min-height:0;margin:0;padding:11px 13px 12px;overflow:hidden}.roster-panel{background:linear-gradient(#08213aee,#06162bed);border:1px solid #087cac;border-radius:6px;grid-area:1/1;min-height:0;max-height:none;padding:12px 10px;overflow:auto;box-shadow:0 0 0 1px #13a9e51a,inset 0 0 28px #009dec0b}.roster-panel:before{background:linear-gradient(90deg,#0474ad,#29c7ff,#0474ad);height:2px;left:10px;right:10px}.roster-panel .panel-heading{border-color:#164566;padding:1px 3px 10px}.roster-panel .section-kicker{color:#55afd6;font-size:7px}.roster-panel .panel-heading h2{color:#e3f5ff;margin-top:4px;font-size:12px}.roster-panel .panel-heading h2 small{color:#75a9c2;font-size:8px}.roster-panel .faction-chip{color:#8be0ff;background:#092946;border-color:#067db3}.roster-list{grid-template-columns:1fr;gap:6px;margin-top:9px}.roster-card{background:linear-gradient(100deg,#0b2945,#071b31);border:1px solid #105b83;border-radius:5px;gap:8px;height:66px;min-height:66px;padding:5px 7px;box-shadow:inset 3px 0 #127cad}.roster-card:hover,.roster-card.is-selected{background:linear-gradient(100deg,#0c3d62,#092541);border-color:#18b7ff;box-shadow:inset 3px 0 #21c6ff,0 0 16px #079ee64a}.roster-avatar{background:radial-gradient(at 50% 30%,#396c8c,#102d48 75%);border-color:#2588b3;border-radius:4px;width:48px;height:52px;font-size:24px}.roster-copy{gap:2px;min-width:0}.roster-copy>b{color:#e6f6ff;font-size:10px}.roster-copy>small{color:#75a9c2;font-size:7px}.roster-hp{background:#092d37;border:1px solid #0b7b79;border-radius:5px;width:100%;height:6px;margin-top:2px;display:block;overflow:hidden}.roster-hp i{background:linear-gradient(90deg,#00aa9a,#22e1bc);border-radius:5px;height:100%;display:block;box-shadow:0 0 8px #17d2ae77}.roster-action-label{color:#84d8ef;font-size:6px}.roster-state{color:#66c9f3}.roster-tip{color:#8cbcd1;background:#09213a;border-color:#12547b;margin-top:8px;padding:7px;font-size:8px}.battlefield-column{grid-area:1/2;grid-template-rows:42px minmax(0,1fr) auto;align-content:stretch;gap:5px;min-width:0;min-height:0;padding:0 1px;display:grid}.match-banner{background:linear-gradient(90deg,#07192cdd,#0a3150c9,#08182add);border:1px solid #0e77a7;border-radius:5px;height:42px;margin:0;padding:4px 10px}.match-banner h1{color:#effaff;font-size:13px}.match-banner .section-kicker{color:#63bde5;font-size:6px}.board-frame{background:linear-gradient(#0a3151cc,#08203aee);border:1px solid #248db5;border-radius:7px;flex-direction:column;justify-content:center;height:100%;min-height:0;padding:8px 8px 6px;display:flex;box-shadow:0 12px 34px #020b17a6,0 0 0 1px #2cc9ff22,inset 0 0 30px #159bd215}.board-frame:before{border:1px solid #5dc6ef32;border-radius:4px;inset:4px}.board-toolbar{color:#cfeeff;align-items:center;height:25px;min-height:25px;font-size:9px}.board-toolbar>span:first-child{color:#d9f4ff}.board-toolbar>span:first-child i{background:#39e6c6;box-shadow:0 0 9px #21ffe1}.board-toolbar small{color:#81bad3;font-size:6px}.phase-chip{border-radius:3px;padding:4px 8px;font-size:7px}.phase-chip.player{color:#aee9ff;background:#092a45;border-color:#17b7ff}.phase-chip.enemy{color:#ffd2b5;background:#3a1720;border-color:#f67a66}.grid-with-coordinates{flex:1;grid-template-columns:15px minmax(0,1fr) 15px;place-items:center;gap:3px;min-height:0}.side-coordinates{color:#9ec9dc;font-size:7px}.battle-board{aspect-ratio:1;background:#b4a77f;border:1px solid #a9a78e;border-radius:4px;gap:2px;width:min(100%,100svh - 205px);height:auto;max-height:100%;box-shadow:0 0 0 4px #08182a,0 0 0 5px #1e92bcaa,0 12px 32px #020b15}.tile{background:linear-gradient(135deg,#c1b28a 0%,#9d9275 52%,#b1a17a 100%);box-shadow:inset 0 0 0 1px #eadbb32e,inset -4px -5px 7px #5a513b22}.tile:nth-child(16n+2),.tile:nth-child(16n+8),.tile:nth-child(16n+13){background:linear-gradient(145deg,#b9aa82,#897f69 60%,#b5a47b)}.tile:nth-child(8n+3):not(.terrain-wall),.tile:nth-child(8n+7):not(.terrain-wall){background:linear-gradient(140deg,#ab9e7d,#c1b18c 60%,#8b846b)}.tile:nth-child(3n):not(.terrain-wall):after{opacity:.4;background-image:linear-gradient(24deg,#0000 43%,#e5d9b14a 44%,#0000 48%),linear-gradient(145deg,#0000 65%,#4f4c3c26 66%,#0000 72%)}.terrain-wall{background:linear-gradient(145deg,#76818a,#404c5a 54%,#293b4a);box-shadow:inset 0 0 0 2px #9cb6c07a,inset 0 -7px 8px #091724aa}.grass{filter:drop-shadow(0 0 4px #4cdda5);opacity:.8}.battle-unit .unit-figure{filter:drop-shadow(0 3px 5px #03101c);text-shadow:0 0 12px #1eaaf6}.tile.has-unit.blue{box-shadow:inset 0 0 0 2px #24aef08c}.tile.has-unit.red{box-shadow:inset 0 0 0 2px #ef725a99}.bottom-coordinates{color:#a7d2e6;font-size:7px}.board-status{color:#a2c4d4;border-color:#176286;padding-top:5px;font-size:6px}.board-status svg{color:#51d5ed}.battle-log{background:#06192cdb;border-color:#12628e;border-radius:4px;grid-template-columns:105px minmax(0,1fr);min-height:32px;margin:0;padding:5px 8px}.log-title{color:#b1e5fc}.log-title b{font-size:8px}.log-title small{font-size:5px}.log-lines>div{color:#aed0dd;font-size:7px}.command-panel{background:linear-gradient(#071e36f5,#061426f7);border:1px solid #0784ba;border-radius:7px;grid-area:1/3/3;align-self:stretch;min-width:0;min-height:0;max-height:none;padding:13px 12px;overflow-y:auto;box-shadow:0 10px 35px #020913a8,0 0 0 1px #16b5ee16}.command-panel:before{background:linear-gradient(90deg,#00a6ff,#1ee5d2,#168bff);height:3px;top:0}.command-panel .panel-heading{border-color:#12567c;padding:0 1px 9px;position:static}.command-panel .section-kicker{color:#54b6dd;font-size:7px}.command-panel .panel-heading h2{color:#e7f7ff;font-size:14px}.command-count{color:#8be1ff}.turn-economy{gap:6px;margin-top:0}.turn-economy>div{color:#9bcce2;background:#092441;border-color:#0e709f;border-radius:4px;min-height:37px;padding:6px;font-size:8px}.turn-economy>div svg{color:#43bfff}.turn-economy>div b{color:#edfaff;font-size:9px}.initiative-note{color:#ffd2a0;background:#392719;border-color:#8d5b36;border-radius:4px;margin:7px 0;padding:6px 8px;font-size:8px}.action-heading{justify-content:space-between;align-items:center;margin:8px 1px 5px;display:flex}.action-heading b{color:#e3f7ff;font-size:12px}.action-heading small{color:#7fa9bd;font-size:7px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.action-grid .action-card{text-align:center;background:linear-gradient(160deg,#0b2d4c,#081c31);border:1px solid #126896;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:91px;margin:0;padding:8px 4px;display:flex}.action-grid .action-card:hover:not(:disabled),.action-grid .action-card.action-active{background:linear-gradient(160deg,#0c4167,#092541);border-color:#29c3ff;box-shadow:0 0 18px #0ca8f644,inset 0 0 0 1px #61d8ff35}.action-symbol{color:#50bdff;background:0 0;border:0;width:auto;height:auto;margin:0}.action-grid .action-card>span:nth-child(2){gap:3px;display:grid}.action-grid .action-card>span:nth-child(2) b{color:#edfaff;font-size:11px}.action-grid .action-card>span:nth-child(2) small{color:#a2cce0;font-size:7px}.action-grid .action-card:disabled{opacity:.43}.action-locked{color:#65839a;background:#0a1c2e;border:1px solid #22435a;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:91px;display:flex}.action-locked b{font-size:10px}.action-locked small{font-size:7px}.special-button{color:#b6e8fa;background:linear-gradient(100deg,#0d3150,#0a223a);border-color:#117caf;border-radius:4px;height:37px;margin-top:6px;padding:5px 8px}.special-button b{font-size:9px}.special-button small{font-size:7px}.wall-direction{background:#09223c;border-color:#12648d;margin:5px 0;padding:5px}.wall-direction b{font-size:8px}.wall-direction button{color:#9bcce2;background:#0b2946;border-color:#176a95}.wall-direction button.chosen{color:#effaff;background:#0b4871;border-color:#2ac6ff}.end-turn-button{color:#fff;background:linear-gradient(100deg,#08a6de,#126bb3);border-color:#21c3f6;border-radius:4px;height:42px;margin-top:8px;font-size:10px;box-shadow:0 0 17px #087ab74a}.turn-reminder{color:#78a9c2;margin-top:4px;font-size:7px}.incoming-turn-panel{background:linear-gradient(110deg,#0a2946,#071c32);border:1px solid #125a81;border-radius:5px;margin-top:8px;padding:9px}.incoming-turn-panel>div{color:#d6f1ff;align-items:center;gap:6px;display:flex}.incoming-turn-panel>div svg{color:#56caff}.incoming-turn-panel>div b{font-size:9px}.incoming-turn-panel>div small{color:#7eaac1;margin-left:auto;font-size:6px}.incoming-turn-panel ul{grid-template-columns:1fr 1fr;gap:6px;margin:7px 0 0;padding:0;list-style:none;display:grid}.incoming-turn-panel li{color:#9ec7db;border:1px solid #154a68;border-radius:3px;align-items:center;gap:4px;padding:5px;font-size:7px;display:flex}.shop-drawer{background:#07192c;border-color:#126d98;border-radius:5px;margin-top:9px}.shop-drawer>summary{color:#e3f7ff;height:36px;padding:0 8px;font-size:10px}.shop-drawer>summary span svg{color:#f0cf64}.shop-drawer>summary>b{color:#e9c86c}.shop-subtitle{color:#89aec0;padding:0 8px 7px;font-size:7px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 6px 6px}.shop-grid button{background:linear-gradient(155deg,#0b2b48,#07182b);border-color:#145b80;border-radius:4px;gap:3px;min-width:0;min-height:84px;padding:5px 3px}.shop-grid button:hover:not(:disabled){background:#0b3656;border-color:#36c5ff}.shop-icon{color:#8cdbff;background:#0c3150;border-color:#168fca;border-radius:4px;width:27px;height:27px}.shop-grid button>b{color:#e5f7ff;font-size:8px}.shop-grid button>small{color:#9dbdd0;font-size:6px;line-height:1.3}.shop-grid button>em{color:#e4c86d;font-size:7px}.shop-grid button>em svg{width:9px}.inventory-heading{color:#a8cedf;margin:5px 8px;font-size:7px}.inventory-list{padding:0 6px}.inventory-list button{color:#b9e7f7;background:#0a2b46;border-color:#1a6e94;font-size:8px}.terrain-note{color:#8ac8dd;background:#081f34;border-color:#145778;border-radius:4px;margin:8px 0 0;padding:7px}.terrain-note b{font-size:8px}.terrain-note small{font-size:7px}.unit-detail-panel{background:linear-gradient(105deg,#07182b,#09243b 55%,#07192c);border:1px solid #147baa;border-radius:6px;grid-area:2/1/auto/3;grid-template-columns:92px minmax(150px,1fr) 170px minmax(180px,1.25fr) 145px;align-items:center;gap:11px;min-width:0;padding:10px 13px;display:grid;overflow:hidden;box-shadow:0 8px 25px #020a15a8,inset 0 0 24px #048bc016}.detail-portrait{color:#e5faff;background:radial-gradient(at 50% 35%,#2679a0,#0b2947 68%,#06172b);border:1px solid #168fbd;border-radius:5px;place-items:center;height:100%;display:grid;position:relative}.detail-portrait>span{text-shadow:0 0 18px #2bc5ff99;font-size:42px;font-weight:800}.detail-portrait>i{color:#83cce5;letter-spacing:.15em;font:7px DM Mono,monospace;position:absolute;bottom:5px}.detail-identity>span{color:#71b9d8;letter-spacing:.09em;font:7px DM Mono,monospace}.detail-identity h2{color:#effaff;margin:5px 0 8px;font-size:17px}.detail-identity h2 small{color:#70a8c0;margin-left:5px;font-size:10px}.detail-hp{background:#071d2a;border:1px solid #0a8881;border-radius:4px;height:15px;position:relative;overflow:hidden}.detail-hp i{background:linear-gradient(90deg,#02a997,#20dfb0);height:100%;display:block;box-shadow:0 0 12px #11d1a366}.detail-hp b{color:#fff;text-shadow:0 1px 2px #001;place-items:center;font:8px DM Mono,monospace;display:grid;position:absolute;inset:0}.detail-stats{background:#07192c;border:1px solid #145b80;border-radius:5px;grid-template-columns:repeat(3,1fr);height:78%;display:grid}.detail-stats>span{color:#54c4f2;border-right:1px solid #12415f;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.detail-stats>span:last-child{border:0}.detail-stats small{color:#8db4c7;font-size:7px}.detail-stats b{color:#e6f7ff;font:700 14px DM Mono,monospace}.detail-special{background:#081c31;border:1px solid #12577b;border-radius:5px;min-width:0;padding:8px}.detail-special>div{color:#9fe5ff;align-items:center;gap:5px;display:flex}.detail-special>div svg{color:#62ceff}.detail-special>div b{font-size:8px}.detail-special>div em{color:#efd07b;align-items:center;gap:3px;margin-left:auto;font-size:7px;font-style:normal;display:flex}.detail-special p{color:#c1d9e5;margin:6px 0 0;font-size:8px;line-height:1.4}.detail-special>small{color:#81bdd2;margin-top:3px;font-size:7px;display:block}.detail-turn-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.detail-turn-actions>span{color:#72b5d2;grid-column:1/-1;font-size:7px}.detail-turn-actions i{color:#b9e7f4;text-align:center;background:#092541;border:1px solid #11648c;border-radius:3px;padding:5px 3px;font-size:7px;font-style:normal}.detail-turn-actions i.spent{color:#c18f84;background:#2b2026;border-color:#60433e}.empty-detail{color:#8cb6ca;grid-template-columns:1fr}.empty-detail span{font:7px DM Mono,monospace}.empty-detail b{font-size:13px}@media (width<=1200px) and (width>=921px){.game-layout{grid-template-columns:190px minmax(380px,1fr) 320px;gap:8px;padding:8px}.roster-panel{padding:8px}.roster-card{gap:5px;height:58px;min-height:58px;padding:4px}.roster-avatar{width:39px;height:45px}.unit-detail-panel{grid-template-columns:72px minmax(110px,1fr) 140px minmax(140px,1fr);gap:7px;padding:7px}.detail-turn-actions{display:none}.command-panel{padding:9px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.game-shell{height:auto;min-height:100svh;overflow:visible}.game-shell:before{position:absolute}.game-shell>.topbar{z-index:10;position:sticky;top:0}.game-shell .turn-status{min-width:0;margin-left:auto;padding:4px 6px;position:static;transform:none}.game-shell .turn-status>span{font-size:8px}.game-layout{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:8px;height:auto;min-height:0;padding:8px;overflow:visible}.battlefield-column{grid-area:1/1;grid-template-rows:38px auto auto}.roster-panel{grid-area:2/1;max-height:none;overflow:visible}.roster-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.roster-card{height:52px;min-height:52px;padding:3px}.roster-avatar{width:33px;height:42px;font-size:18px}.roster-copy>small,.roster-action-label{display:none}.command-panel{grid-area:3/1;max-height:none;overflow:visible}.unit-detail-panel{grid-area:4/1;grid-template-rows:1fr auto;grid-template-columns:65px minmax(120px,1fr) 130px;min-height:140px}.detail-portrait{grid-row:1/3}.detail-stats{min-height:65px}.detail-special{grid-column:2/4}.detail-turn-actions{grid-column:2/4;grid-template-columns:repeat(3,1fr)}.detail-turn-actions>span{grid-column:1/-1}.battle-board{width:min(100%,100vw - 55px);max-height:none}.board-frame{height:auto;min-height:0}.grid-with-coordinates{flex:none}.game-footer{display:none}}.character-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.character-skin-preview{background:radial-gradient(at 50% 80%,#63b6a933,#0000 60%),linear-gradient(140deg,#1d383b,#0c1a25);justify-content:space-around;align-items:center;height:170px;padding:10px 13px;display:flex;position:relative;overflow:hidden}.character-skin-preview.character-skin-voxel2d{background:radial-gradient(at 50% 80%,#8492d433,#0000 60%),linear-gradient(140deg,#222746,#111827)}.character-skin-preview .voxel-art{aspect-ratio:.6;filter:drop-shadow(0 8px 5px #0009);width:19%;height:auto;image-rendering:pixelated;background-image:none;background-repeat:no-repeat;background-size:500% 100%;flex:none;display:block}.character-skin-preview.character-skin-voxel2d .voxel-art{background-image:none}.character-skin-preview.character-skin-voxel2d .voxel-player{clip-path:polygon(0 0,87% 0,87% 56%,100% 56%,100% 100%,0 100%)}.character-skin-preview .voxel-player{background-position:0%}.character-skin-preview .voxel-swordsman{background-position:25%}.character-skin-preview .voxel-archer{background-position:50%}.character-skin-preview .voxel-assassin{background-position:75%}.character-skin-preview .voxel-tank{background-position:100%}.character-skin-tag{color:#b6eff4;letter-spacing:.12em;background:#0a1a28c9;border:1px solid #8be6ed88;padding:4px 7px;font:700 9px DM Mono,monospace;position:absolute;top:9px;right:10px}@media (width<=700px){.character-skin-grid{grid-template-columns:1fr}}@media (width<=560px){.game-shell>.topbar{gap:4px;padding:0 6px}.game-shell .brand-name{font-size:7px}.game-shell .brand-name small{font-size:4px}.game-shell .brand-mark{width:25px;height:25px}.game-shell .turn-status>small{display:none}.game-shell .wallet{height:27px;padding:0 4px}.game-shell .wallet>b{font-size:8px}.game-shell .menu-return,.game-shell .reset-button{height:27px}.match-banner h1{font-size:9px}.match-banner .section-kicker{font-size:4px}.board-toolbar{font-size:6px}.board-toolbar small,.board-status{font-size:4px}.roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-card{height:48px;min-height:48px}.roster-avatar{width:30px;height:38px}.action-grid{gap:4px}.action-grid .action-card,.action-locked{height:70px}.action-grid .action-card>span:nth-child(2) b{font-size:8px}.action-grid .action-card>span:nth-child(2) small{font-size:6px}.incoming-turn-panel ul{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid button{min-height:75px}.unit-detail-panel{grid-template-columns:52px minmax(100px,1fr) 95px;gap:5px;padding:6px}.detail-portrait>span{font-size:28px}.detail-identity h2{font-size:12px}.detail-special p{font-size:6px}.detail-stats b{font-size:10px}}.battle-board .tile:not(.terrain-wall){background-image:linear-gradient(134deg,#0000 43%,#554d3828 44%,#0000 47%),linear-gradient(28deg,#0000 76%,#fff0c824 77%,#0000 80%),radial-gradient(at 20% 18%,#fff7dc18,#0000 55%)}.battle-board .tile:nth-child(5n+1):not(.terrain-wall){background-image:linear-gradient(28deg,#0000 61%,#4b46362c 62%,#0000 65%),linear-gradient(151deg,#0000 27%,#fff3d029 28%,#0000 31%),radial-gradient(at 72% 68%,#645a3a12,#0000 54%)}.battle-board .tile:nth-child(7n+3):not(.terrain-wall){background-image:linear-gradient(147deg,#0000 35%,#45423325 36%,#0000 39%),linear-gradient(16deg,#0000 83%,#fff4d02b 84%,#0000 87%),radial-gradient(at 30% 70%,#51482c12,#0000 58%)}.battlefield-column{isolation:isolate;position:relative}.battlefield-column:before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(0 8%,18% 0,29% 11%,39% 4%,51% 13%,67% 0,79% 9%,100% 2%,100% 100%,0 100%);filter:blur(1px);background:radial-gradient(at 20% 18%,#75a6a046 0,#0000 33%),radial-gradient(at 84% 23%,#50a58b35 0,#0000 29%),linear-gradient(#39718b3b 0%,#213b5133 39%,#112d3b55 100%);position:absolute;inset:42px -10px 32px}.grid-with-coordinates{perspective:1250px;perspective-origin:50% 35%}.battle-board{transform-origin:50% 62%;transform-style:preserve-3d;transition:transform .35s,box-shadow .35s;transform:rotateX(11deg);box-shadow:0 24px 28px -12px #020914d9,0 0 0 4px #08182a,0 0 0 5px #1e92bcaa,0 19px 36px #020b15}.battle-board .tile{transform-style:preserve-3d;border-bottom:2px solid #71664e;border-right:1px solid #8c8063;position:relative;box-shadow:inset 0 0 0 1px #f3e3b52a,inset -4px -6px 8px #4e463526,0 2px 2px #111b21a8}.battle-board .tile:nth-child(8n+1){border-left:1px solid #d5c49a77}.battle-board .tile.has-unit{transform:translateZ(6px)}.battle-board .tile.terrain-wall{transform:translateZ(12px);box-shadow:inset 0 0 0 2px #a8bbc477,inset 0 -8px 8px #081623cc,0 5px 5px #020b15a6}.battle-board .stone{background:linear-gradient(145deg,#7c8c8a,#40515d 55%,#263946);border:1px solid #a9c4c7aa;border-radius:3px;inset:5%;transform:translateZ(14px);box-shadow:inset 0 2px 3px #d6e6d05a,0 8px 5px #020c17a6}.battle-board .stone:after{content:"";clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);background:linear-gradient(90deg,#263441,#101f2e);border-radius:0 0 2px 2px;height:10px;position:absolute;bottom:-9px;left:4%;right:4%}.battle-board .battle-unit{transform-style:preserve-3d;transform:translateZ(11px)}.battle-board .battle-unit:before{content:"";background:radial-gradient(#203b4b,#102538 68%,#071728);border:1px solid #b8ebf070;border-radius:50%;width:70%;height:31%;position:absolute;bottom:4%;transform:rotateX(63deg)translateZ(1px);box-shadow:0 5px 8px #020911aa,inset 0 1px #d2f4ff55}.battle-board .unit-shadow{filter:blur(4px);background:#06111be6;height:20%;bottom:9%}.battle-board .unit-figure{border-radius:48% 48% 32% 32%;width:48%;height:62%;box-shadow:0 8px 7px #071522cc,inset 3px 2px 7px #e4fbff66,inset -4px -5px 8px #07192399,0 0 12px #48c7fa55}.battle-board .has-unit.red .unit-figure{box-shadow:0 8px 7px #071522cc,inset 3px 2px 7px #fff0dc66,inset -4px -5px 8px #29121199,0 0 12px #fa765a55}.battle-board .unit-hp{filter:drop-shadow(0 2px 2px #07101c);transform:translateZ(8px)}@media (width<=920px){.battle-board{transform-origin:50% 65%;transform:rotateX(7deg)}}@media (prefers-reduced-motion:reduce){.battle-board{transition:none}}.game-shell{background:radial-gradient(at 50% 48%,#214e5f 0%,#112b42 52%,#08192a 100%);height:100svh;min-height:640px;position:relative;overflow:hidden}.game-shell:before{opacity:.45;background:radial-gradient(at 50% 25%,#87b7c62b,#0000 43%),linear-gradient(90deg,#70a8b813 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#70a8b813 1px,#0000 1px) 0 0/72px 72px;inset:0;-webkit-mask-image:linear-gradient(#000 0% 75%,#0000 100%);mask-image:linear-gradient(#000 0% 75%,#0000 100%)}.game-shell:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 45%,#0000 36%,#05101b2e 79%,#030a14a8 100%),linear-gradient(#06142620 0%,#0000 25%,#07131e33 86%,#07131e88 100%);position:fixed;inset:0}.game-shell>.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#06172be8,#071b2ed0 75%,#071b2e77);height:56px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #1ca1d866,0 8px 28px #02081455}.game-layout{z-index:2;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:block;position:absolute;inset:56px 0 0;overflow:hidden}.battlefield-column{isolation:auto;min-width:0;min-height:0;padding:0;display:block;position:absolute;inset:0}.battlefield-column:before{z-index:0;opacity:.9;clip-path:none;background:radial-gradient(#55919d24 0%,#0000 60%),linear-gradient(#16394c38,#0a1c2d22 58%,#0a1a2b66);inset:0}.match-banner{display:none}.board-frame{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0;overflow:visible}.board-frame:before{display:none}.board-toolbar{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071b2bc7;border:1px solid #218bb0a3;border-radius:5px;justify-content:center;gap:14px;width:min(460px,100vw - 36px);height:28px;min-height:28px;padding:0 10px;font-size:8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.board-toolbar>span:first-child{display:none}.board-weather{color:#d4f4ff}.phase-chip{font-size:7px}.grid-with-coordinates{perspective:1400px;perspective-origin:50% 40%;grid-template-columns:minmax(0,1fr);place-content:center;align-items:center;gap:0;padding:0;display:grid;position:absolute;inset:0;overflow:visible}.grid-with-coordinates>.side-coordinates,.bottom-coordinates{display:none}.battle-board{aspect-ratio:1;transform-origin:50% 58%;border:1px solid #c0bb9c;border-radius:4px;width:min(86svh,88vw);height:auto;max-height:none;transform:perspective(1400px)rotateX(10deg);box-shadow:0 30px 35px -12px #020712e8,0 0 0 4px #071729e8,0 0 0 5px #47c3e266,0 0 80px #48a9c31c}.battle-board .tile{border-bottom:2px solid #6d644f;border-right:1px solid #a69b7b;box-shadow:inset 0 0 0 1px #f8e6bd38,inset -5px -7px 10px #443a2c22,0 2px 2px #101823a8}.board-status{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c4e5eb;background:#05192bbf;border:1px solid #196d8c88;border-radius:5px;justify-content:center;gap:14px;width:max-content;max-width:calc(100vw - 40px);padding:5px 10px;font-size:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.battle-log{display:none}.roster-panel{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#06182bd9,#071b30c9);border:1px solid #28a9d477;border-radius:7px;width:clamp(184px,17vw,258px);min-height:0;max-height:none;padding:11px 9px;position:absolute;top:12px;bottom:164px;left:12px;overflow-y:auto;box-shadow:0 10px 28px #020a16a0,inset 0 0 22px #0aa2d20d}.roster-panel .panel-heading{padding-bottom:8px}.roster-card{background:#09233bd1;height:57px;min-height:57px;padding:4px 6px}.roster-avatar{width:42px;height:46px}.roster-tip{margin-top:6px;padding:6px}.command-panel{z-index:9;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(#06182be0,#06172be0);border:1px solid #2ba2ce88;border-radius:8px;width:clamp(340px,29vw,448px);max-height:none;padding:12px;position:absolute;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 12px 36px #010913a8,0 0 0 1px #49caff12}.command-panel .panel-heading{padding-bottom:7px}.turn-economy>div{min-height:34px}.action-heading{margin-top:7px}.action-grid .action-card,.action-locked{height:78px}.end-turn-button{height:38px;margin-top:6px}.turn-reminder{display:none}.incoming-turn-panel{margin-top:6px;padding:7px}.incoming-turn-panel ul{margin-top:5px}.shop-drawer{margin-top:7px}.shop-grid button{min-height:75px}.terrain-note{margin-top:6px}.unit-detail-panel{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(100deg,#06182bea,#082440d9 57%,#06172de5);border-color:#36a7cd88;grid-area:auto;grid-template-columns:74px minmax(130px,1fr) 150px minmax(160px,1.2fr) 132px;gap:9px;width:min(980px,100vw - clamp(390px,31vw,470px) - 36px);height:140px;padding:9px 11px;position:absolute;bottom:12px;left:12px;box-shadow:0 12px 34px #020913a8}.detail-portrait>span{font-size:34px}.detail-identity h2{font-size:14px}.detail-stats{height:84%}.detail-special{padding:7px}.detail-special p{font-size:7px}.detail-turn-actions{grid-template-columns:1fr 1fr}.game-footer{display:none}@media (width<=1120px) and (width>=921px){.roster-panel{width:184px;top:8px;bottom:152px;left:8px}.command-panel{width:320px;padding:9px;top:8px;bottom:8px;right:8px}.unit-detail-panel{grid-template-columns:60px minmax(100px,1fr) 120px minmax(120px,1fr);gap:6px;width:calc(100vw - 350px);height:130px;padding:7px;bottom:8px;left:8px}.detail-turn-actions{display:none}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-board{width:min(82svh,88vw)}}@media (width<=920px){.game-shell{height:auto;min-height:100svh;overflow:visible}.game-shell>.topbar{z-index:20;position:sticky;top:0}.game-shell .turn-status{min-width:0;margin-left:auto;position:static;transform:none}.game-layout{flex-direction:column;gap:8px;height:auto;padding:0 8px 12px;display:flex;position:relative;inset:auto;overflow:visible}.battlefield-column{order:0;height:76svh;min-height:440px;display:block;position:relative;inset:auto}.board-frame,.grid-with-coordinates{inset:0}.battle-board{width:min(74svh,92vw);transform:perspective(1200px)rotateX(7deg)}.roster-panel{order:1;width:100%;max-height:none;position:relative;inset:auto;overflow:visible}.roster-list{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-card{height:48px;min-height:48px}.roster-avatar{width:31px;height:39px}.roster-copy>small,.roster-action-label{display:none}.command-panel{order:2;width:100%;max-height:none;position:relative;inset:auto;overflow:visible}.unit-detail-panel{order:3;grid-template-rows:1fr auto;grid-template-columns:58px minmax(100px,1fr) 105px;width:100%;height:auto;min-height:145px;position:relative;inset:auto}.detail-portrait{grid-row:1/3}.detail-stats{min-height:65px}.detail-special{grid-column:2/4}.detail-turn-actions{grid-column:2/4;grid-template-columns:repeat(3,1fr)}.detail-turn-actions>span{grid-column:1/-1}.board-status{bottom:7px}.game-footer{display:none}}@media (width<=560px){.battlefield-column{height:68svh;min-height:370px}.battle-board{width:min(67svh,95vw)}.board-toolbar{top:6px}.board-status{gap:6px;font-size:4px}.roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-card{height:45px;min-height:45px}.action-grid{gap:4px}.action-grid .action-card,.action-locked{height:68px}.incoming-turn-panel ul{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-detail-panel{grid-template-columns:48px minmax(90px,1fr) 88px;gap:5px;padding:6px}.detail-portrait>span{font-size:27px}.detail-identity h2{font-size:11px}.detail-special p{font-size:6px}.detail-stats b{font-size:10px}}.game-shell>.game-layout{z-index:2;height:auto;position:absolute;inset:56px 0 0}.roster-panel{width:var(--roster-width);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#06182bb8,#071b30ad)}.command-panel{width:var(--command-width);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#06182bc0,#06172bca)}.battle-board{width:min(78svh,calc(100vw - var(--roster-width) - var(--command-width) - 48px));transform:perspective(1400px) rotateX(10deg) translateX(calc((var(--roster-width) - var(--command-width))/2))}@media (width<=1120px) and (width>=921px){.game-layout{--roster-width:184px;--command-width:320px}.roster-panel{width:var(--roster-width)}.command-panel{width:var(--command-width)}.battle-board{width:min(78svh,calc(100vw - var(--roster-width) - var(--command-width) - 36px))}}.game-shell{background:linear-gradient(#24485c 0%,#3d6473 14%,#3c5e61 28%,#263f40 60%,#152c35 100%)}.roster-panel{background:linear-gradient(#06182ba8,#071b309c)}.command-panel{background:linear-gradient(#06182bb0,#06172bba)}.match-banner{z-index:6;left:calc(var(--roster-width) + 22px);right:calc(var(--command-width) + 22px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg,#0000,#071a2d70 18% 82%,#0000);border:0;border-radius:0;justify-content:space-between;align-items:center;height:34px;margin:0;padding:0 8px;display:flex;position:absolute;top:8px}.match-banner h1{letter-spacing:.04em;color:#d5eff8;margin:2px 0 0;font-size:9px}.team-score{background:#071b2cb0;border-color:#228db388;padding:2px 7px}.board-toolbar,.board-status{display:none}.battle-board{transform:perspective(1400px) rotateX(10deg) translateX(calc((var(--roster-width) - var(--command-width))/2)) translateY(-36px)}@media (width<=1120px) and (width>=921px){.match-banner{left:204px;right:340px}.battle-board{transform:perspective(1400px) rotateX(10deg) translateX(calc((var(--roster-width) - var(--command-width))/2)) translateY(-36px)}}@media (width<=920px){.match-banner{display:none}.board-toolbar,.board-status{display:flex}.battle-board{transform:perspective(1200px)rotateX(7deg)}}.battle-board{transform:perspective(2200px) rotateX(16deg) scaleY(1.035) translateX(calc((var(--roster-width) - var(--command-width))/2)) translateY(-64px);transform-origin:50% 58%;box-shadow:0 38px 48px -14px #020712ed,0 0 0 4px #071729e8,0 0 0 5px #47c3e266,0 0 80px #48a9c32a}@media (width<=1120px) and (width>=921px){.battle-board{transform:perspective(2200px) rotateX(16deg) scaleY(1.035) translateX(calc((var(--roster-width) - var(--command-width))/2)) translateY(-64px)}}@media (width<=920px){.battle-board{transform:perspective(1800px)rotateX(12deg)scaleY(1.035)}}.game-shell{background-color:#0000;background-image:linear-gradient(#24362724,#1c2a1f2c 65%,#1420186b),url(/assets/mist-ruins-arena-BYXBe3Kd.png);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.game-shell:before{opacity:1;background:radial-gradient(24% 15% at 20% 25%,#273b31 0 56%,#0000 58%),radial-gradient(19% 13% at 80% 22%,#324837 0 55%,#0000 58%),radial-gradient(27% 22% at 3% 36%,#6d8150b8 0 38%,#0000 69%),radial-gradient(24% 19% at 97% 37%,#677a4ba6 0 38%,#0000 72%),linear-gradient(174deg,#0000 16%,#506147 16.3% 23%,#0000 23.4%),linear-gradient(187deg,#0000 18%,#354b3b 18.4% 27%,#0000 27.4%),radial-gradient(68% 34% at 50% 0,#d8dfbd46,#0000 74%),linear-gradient(90deg,#18291c34 0%,#0000 18% 82%,#15251c42 100%),radial-gradient(at 50% 77%,#24352720,#0000 56%);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}.game-shell:after{background:radial-gradient(at 50% 46%,#0000 40%,#15221930 83%,#101a15a6 100%),linear-gradient(#17251a1c 0%,#0000 20% 74%,#111a1480 100%)}.battlefield-column:before{opacity:1;background:linear-gradient(#202b1e20,#1e2a1e23 66%,#101c1580),url(/assets/mist-ruins-arena-BYXBe3Kd.png) 50%/100% 100% no-repeat}.game-shell>.topbar{background:linear-gradient(#18231be8,#1a281ccf 78%,#1a281c70);box-shadow:0 1px #d5c38c58,0 8px 28px #10181044}.roster-panel,.command-panel{-webkit-backdrop-filter:blur(9px)saturate(.82);backdrop-filter:blur(9px)saturate(.82);background:linear-gradient(#19241bd9,#20291dd6 58%,#18221bdc);border-color:#b5a77a70;box-shadow:0 12px 34px #0c150f88,inset 0 1px #e4dfc22a}.roster-card{background:linear-gradient(115deg,#28372bcf,#17251edb);border-color:#958b626e}.roster-card.is-selected,.roster-card:hover{background:linear-gradient(115deg,#3b422eec,#1e2b21ef);border-color:#d1bb75;box-shadow:inset 3px 0 #d1bb75,0 0 16px #d1bb751a}.roster-avatar{background:linear-gradient(145deg,#8c9870,#364834 65%,#1d2d22);border-color:#b5a77a}.faction-chip{color:#ddd19d;background:#34412c;border-color:#9d936a}.game-shell .brand-mark{color:#e7d293;background:linear-gradient(145deg,#555b3e,#263529);border-color:#bdad77;box-shadow:0 0 18px #c1a56323}.game-shell .turn-status{color:#e1d7a4;background:linear-gradient(110deg,#34422f,#202d22);border-color:#a9a06b}.game-shell .wallet{color:#e1ca81;background:#28271e;border-color:#99855a}.roster-panel .panel-heading,.command-panel .panel-heading,.action-heading,.shop-heading{color:#e6e0c9}.roster-panel .panel-heading small,.command-panel small,.terrain-note{color:#b4b59a}.command-panel .action-card,.command-panel .action-locked,.shop-grid button{background:linear-gradient(145deg,#354331e8,#222f25ed);border-color:#9b966d77;box-shadow:inset 0 1px #e5dfbd20,0 4px 12px #0b130d66}.command-panel .action-card:hover,.shop-grid button:hover{background:linear-gradient(145deg,#465239,#2a392b);border-color:#d1bb75}.command-panel .action-card.action-active{background:linear-gradient(145deg,#51472a,#303828);border-color:#d4bd75;box-shadow:0 0 14px #d3ba6f30,inset 0 0 0 1px #e4d29335}.command-panel .move-symbol,.command-panel .skill-symbol{color:#d6c27d}.command-panel .attack-symbol{color:#d9936d}.end-turn-button{color:#f0e6c4;background:linear-gradient(105deg,#75653b,#42442c);border-color:#b4a06b;box-shadow:0 5px 16px #0c140c88}.end-turn-button:hover:not(:disabled){background:linear-gradient(105deg,#8a7541,#555638);border-color:#dfcb8c}.incoming-turn-panel,.turn-economy,.shop-drawer{background:#1a271edb;border-color:#a8986777}.unit-detail-panel{background:linear-gradient(100deg,#1b281fef,#263426eb 57%,#18241cef);border-color:#aa9a6f88;box-shadow:0 12px 34px #0c150f88,inset 0 1px #e5ddbf29}.battle-board{width:min(78svh,calc(100vw - var(--roster-width) - var(--command-width) - 84px),calc(100svh - 230px));transform:perspective(1900px) rotateX(19deg) scaleY(1.055) translateX(calc((var(--roster-width) - var(--command-width))/2 - 16px)) translateY(-58px);transform-origin:50% 58%;border-color:#b8a879;box-shadow:0 42px 58px -17px #0a130ee8,0 0 0 4px #302f23e8,0 0 0 5px #bdad765c,0 0 82px #c8c79520}.battle-board .tile{border-bottom-color:#665f48;border-right-color:#8b8164;box-shadow:inset 0 0 0 1px #fff0cc42,inset -5px -7px 10px #40362731,0 2px 2px #111a1380}.battle-board .tile:nth-child(8n+1){border-left-color:#ded0a269}.battle-board .tile.terrain-wall{box-shadow:inset 0 0 0 2px #d2c49b8a,inset 0 -8px 8px #292d22cc,0 7px 8px #0d160f9c}.battle-board .stone{background:linear-gradient(145deg,#b4a47d,#71684e 55%,#403e30);border-color:#bcae83;box-shadow:inset 0 2px 3px #fff5d36b,0 8px 5px #11190f9c}.battle-board .stone:after{background:linear-gradient(90deg,#5e563e,#34382b)}.battle-board .stone i{background:linear-gradient(145deg,#b5a87e,#77704e 62%,#514d39);box-shadow:inset 0 1px #f6e9c18a}.battle-board .battle-unit:before{background:radial-gradient(#46583b,#263628 68%,#18271d);border-color:#d3c99070;box-shadow:0 5px 8px #10170faa,inset 0 1px #f3ebc855}.battle-board .unit-figure{box-shadow:0 8px 7px #11170ecc,inset 3px 2px 7px #f8f0cf66,inset -4px -5px 8px #18211999,0 0 10px #b8c88b35}.battle-board .unit-hp{filter:drop-shadow(0 2px 2px #11180f)}.battle-board .tile:nth-child(13n+4):not(.terrain-wall),.battle-board .tile:nth-child(17n+8):not(.terrain-wall){background-image:radial-gradient(at 84% 87%,#566c4052 0 12%,#0000 27%),linear-gradient(145deg,#c4bb9866,#817e6533 62%,#666c5044)}.battle-board .tile:nth-child(19n+6):not(.terrain-wall){background-image:radial-gradient(at 18% 92%,#4f70433d 0 17%,#0000 32%),linear-gradient(32deg,#0000 38%,#e7dcbd2e 39% 41%,#0000 42%)}.battle-board .tile:nth-child(23n+3):not(.terrain-wall){background-image:linear-gradient(142deg,#0000 43%,#56564030 44% 46%,#0000 47%),radial-gradient(at 75% 16%,#e8ddb336,#0000 36%)}.match-banner{color:#f0ecd9;background:linear-gradient(90deg,#0000,#17241ca8 18% 82%,#0000)}.team-score{background:#1a281dc9;border-color:#c0aa6e88}@media (width<=1120px) and (width>=921px){.battle-board{width:min(78svh,calc(100vw - var(--roster-width) - var(--command-width) - 72px),calc(100svh - 220px));transform:perspective(1900px) rotateX(19deg) scaleY(1.055) translateX(calc((var(--roster-width) - var(--command-width))/2 - 16px)) translateY(-54px)}}@media (width<=920px){.battle-board{width:min(74svh,92vw,100svh - 150px);transform:perspective(1700px)rotateX(13deg)scaleY(1.035)}.roster-panel,.command-panel{background:linear-gradient(#19241bf2,#20291df2)}}.game-layout{--roster-width:clamp(156px,15vw,285px);--command-width:clamp(220px,20vw,360px)}.roster-panel{width:var(--roster-width);padding:12px 9px;top:12px;bottom:12px;left:12px}.roster-list{gap:7px;margin-top:10px}.roster-card{height:clamp(60px,8.6svh,82px);min-height:58px;padding:6px}.roster-avatar{width:clamp(34px,3.3vw,48px);height:clamp(40px,5.6svh,55px);font-size:clamp(18px,2vw,25px)}.roster-copy>b{font-size:clamp(9px,.82vw,12px)}.roster-copy>small{font-size:clamp(7px,.62vw,9px)}.roster-action-label{font-size:clamp(6px,.55vw,8px)}.roster-tip{margin-top:auto}.command-panel{width:var(--command-width);flex-direction:column;padding:12px 11px;display:flex;top:12px;bottom:12px;right:12px;overflow:hidden}.context-heading{border-bottom:1px solid #827c5960;justify-content:space-between;align-items:center;min-height:46px;padding:0 3px 9px;display:flex}.context-heading .section-kicker{color:#c2b578;letter-spacing:.15em;font-size:7px}.context-heading h2{color:#f0e8d3;margin:4px 0 0;font-size:15px}.context-turn{color:#d9cd9d;font:7px var(--mono);letter-spacing:.06em;background:#24291ecf;border:1px solid #97875b68;padding:5px 6px}.command-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:9px 0 8px;display:grid}.command-tabs button{color:#b5b59b;white-space:nowrap;background:linear-gradient(145deg,#29362a,#1b281f);border:1px solid #7271527d;border-radius:3px;justify-content:center;align-items:center;gap:3px;height:36px;padding:0 5px;font-size:8px;font-weight:700;display:flex}.command-tabs button.active{color:#f0dfaa;background:linear-gradient(140deg,#4b482e,#303a2a);border-color:#d2bd78;box-shadow:inset 0 -2px #d2bd78,0 0 12px #c9b36b18}.command-tabs button i{color:#f2d3ba;min-width:15px;height:15px;font:7px var(--mono);background:#884c3d;border-radius:50%;place-items:center;font-style:normal;display:grid}.context-body{scrollbar-width:thin;scrollbar-color:#79704a transparent;flex:1;min-height:0;padding:1px 2px 4px;overflow:auto}.context-body .turn-economy{margin-top:8px}.context-body .action-heading{margin-top:9px}.context-body .action-grid{gap:5px}.context-body .action-grid .action-card,.context-body .action-locked{height:72px}.context-body .end-turn-button{width:100%;height:42px;margin-top:9px}.compact-detail.unit-detail-panel{background:linear-gradient(145deg,#343c2c,#202c22);border:1px solid #9287557d;border-radius:4px;grid-template-rows:auto auto auto;grid-template-columns:44px minmax(0,1fr);gap:5px 8px;width:100%;height:auto;min-height:0;margin:2px 0 7px;padding:8px;position:relative;inset:auto;box-shadow:inset 0 1px #f0e4bb26}.compact-detail .detail-portrait{grid-area:1/1/3;align-self:center;width:44px;height:51px}.compact-detail .detail-portrait>span{font-size:25px}.compact-detail .detail-portrait>i{font-size:5px}.compact-detail .detail-identity{grid-area:1/2;min-width:0}.compact-detail .detail-identity>span{white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.compact-detail .detail-identity h2{margin:2px 0;font-size:12px}.compact-detail .detail-hp{height:12px}.compact-detail .detail-hp b{font-size:7px}.compact-detail .detail-stats{border:0;grid-area:2/2;justify-content:flex-start;gap:10px;height:auto;min-height:0;padding:0;display:flex}.compact-detail .detail-stats>span{align-items:center;gap:3px;display:flex}.compact-detail .detail-stats svg{color:#d3c17d;width:10px}.compact-detail .detail-stats small{font-size:6px}.compact-detail .detail-stats b{font-size:9px}.compact-detail .detail-special{background:#202a20;border-color:#7c79576b;grid-area:3/1/auto/-1;padding:6px 7px}.compact-detail .detail-special>div{gap:4px}.compact-detail .detail-special svg{color:#d0bd79;width:11px}.compact-detail .detail-special b{font-size:7px}.compact-detail .detail-special p{margin-top:4px;font-size:7px;line-height:1.45}.compact-detail .detail-turn-actions{display:none}.board-reading{color:#c8c49f;background:#292c20;border:1px solid #827a4c55;align-items:center;gap:6px;margin-top:8px;padding:7px;font-size:7px;line-height:1.45;display:flex}.board-reading svg{color:#d3c17d;flex:none}.board-analysis{border-top:1px solid #837b4b55;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;padding-top:9px;display:grid}.analysis-title{color:#d5c486;font:7px var(--mono);letter-spacing:.12em;grid-column:1/-1}.board-analysis>div{background:linear-gradient(145deg,#30392a,#202b21);border:1px solid #82785162;align-content:center;gap:3px;min-height:48px;padding:5px;display:grid}.board-analysis>div>b{color:#e6d18c;font:700 14px var(--mono)}.board-analysis>div>small{color:#bbb99e;font-size:6px;line-height:1.35}.board-analysis>div.danger-value>b{color:#e99572}.defense-context{flex-direction:column;gap:10px;display:flex}.threat-summary{background:linear-gradient(110deg,#442f27,#28271f);border:1px solid #91584977;border-radius:4px;align-items:center;gap:10px;padding:12px 10px;display:flex}.threat-icon{color:#e3a477;background:#50362d;border:1px solid #b87d5d80;place-items:center;width:38px;height:38px;display:grid}.threat-summary>div{gap:3px;display:grid}.threat-summary small{color:#d69b70;font:6px var(--mono);letter-spacing:.12em}.threat-summary b{color:#f2d2a5;font:700 18px var(--mono)}.threat-summary b i{color:#a99c7e;font-size:10px;font-style:normal}.threat-summary span:last-child{color:#c7b9a0;font-size:7px}.incoming-turn-panel{background:#272d24;border-color:#97845169;margin:0;padding:10px}.incoming-turn-panel>div{grid-template-columns:18px 1fr;align-items:center;gap:5px;display:grid}.incoming-turn-panel>div>svg{color:#ddc67e;grid-row:1/3}.incoming-turn-panel>div>b{color:#ede3c6;font-size:10px}.incoming-turn-panel>div>small{color:#b4b39b;font-size:7px;line-height:1.5}.incoming-turn-panel ul{border-top:1px solid #8c815550;gap:8px;margin:12px 0 0;padding-top:10px;list-style:none;display:grid}.incoming-turn-panel li{color:#d0c9aa;align-items:flex-start;gap:7px;font-size:8px;line-height:1.5;display:flex}.incoming-turn-panel li svg{color:#d5c17b;flex:none}.shop-context .shop-balance{color:#ddcf9b;background:#312f23;border:1px solid #98855477;justify-content:space-between;align-items:center;margin:1px 0 8px;padding:8px 9px;display:flex}.shop-context .shop-balance span{align-items:center;gap:6px;font-size:8px;display:flex}.shop-context .shop-balance b{color:#f3dc8e;font:12px var(--mono)}.shop-context .shop-drawer{margin-top:0}.shop-context .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shop-context .shop-grid button{min-height:85px;padding:7px}.shop-context .shop-grid button>b{font-size:8px}.shop-context .shop-grid button>small{font-size:6px}.shop-context .shop-grid button>em{font-size:7px}.shop-context .shop-grid{grid-template-columns:1fr}.shop-context .shop-grid button{text-align:left;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:54px;display:grid}.shop-context .shop-grid button .shop-icon{grid-area:1/1/3}.shop-context .shop-grid button>b{grid-area:1/2}.shop-context .shop-grid button>small{grid-area:2/2}.shop-context .shop-grid button>em{grid-area:1/3/3;align-self:center}.battlefield-column{background:0 0}.match-banner{left:calc(var(--roster-width) + 18px);right:calc(var(--command-width) + 18px);height:34px;top:8px}.match-banner h1{font-size:11px}.match-banner .section-kicker{font-size:6px}.team-score{padding:2px 7px}.team-score b{font-size:11px}.team-score small{font-size:5px}.battle-board{width:min(80svh,calc(100vw - var(--roster-width) - var(--command-width) - 44px));transform:perspective(1900px) rotateX(19deg) scaleY(1.055) translateX(calc((var(--roster-width) - var(--command-width))/2 + 24px)) translateY(10px);transform-origin:50% 58%}.board-reading-legend{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#20291edb;border:1px solid #a092676e;border-radius:3px;align-items:center;gap:5px;padding:5px 7px;display:flex;position:absolute;top:49px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #0d150c61}.board-reading-legend>span{color:#e4dfc8;align-items:center;gap:4px;padding:0 5px;font-size:7px;display:flex}.legend-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.move-dot{background:#99c66b;box-shadow:0 0 6px #a0d278}.attack-dot{background:#e9a261;box-shadow:0 0 6px #dc955b}.danger-dot{background:#d36b52;box-shadow:0 0 6px #d36b52}.combo-dot{background:#dcc768;box-shadow:0 0 6px #dcc768}.battle-board .tile .tile-shine{z-index:2;pointer-events:none;position:absolute;inset:0}.battle-board .tile.move-range:not(.has-unit) .tile-shine{background:radial-gradient(#82ad5360,#75964b38 60%,#0000 86%)}.battle-board .tile.attack-range:not(.has-unit) .tile-shine{background:radial-gradient(#da84503b,#c16d4330 60%,#0000 88%)}.battle-board .tile.danger-range:not(.has-unit) .tile-shine{background:linear-gradient(145deg,#a94e3e1f,#d75e493d)}.battle-board .tile.move-range:not(.has-unit){box-shadow:inset 0 0 0 2px #b1cc758f,inset 0 0 17px #65894655}.battle-board .tile.attack-range:not(.has-unit){box-shadow:inset 0 0 0 2px #d88b587c,inset 0 0 14px #b45b3940}.battle-board .tile.danger-range:not(.has-unit){box-shadow:inset 0 0 0 1px #ca60455c}.battle-board .tile.combo-target{z-index:3;box-shadow:inset 0 0 0 3px #ead275,inset 0 0 22px #e6c6504f}.battle-board .tile.combo-target:after{content:"連携";z-index:6;color:#fff1aa;background:#473d20;border:1px solid #e9d276;padding:2px 3px;font-size:6px;line-height:1;position:absolute;top:3px;right:3px}@media (width<=1120px) and (width>=921px){.game-layout{--roster-width:15vw;--command-width:clamp(220px,20vw,300px)}.roster-panel{width:var(--roster-width);bottom:12px}.command-panel{width:var(--command-width)}.battle-board{width:min(80svh,calc(100vw - var(--roster-width) - var(--command-width) - 44px));transform:perspective(1900px) rotateX(19deg) scaleY(1.055) translateX(calc((var(--roster-width) - var(--command-width))/2 + 24px)) translateY(10px)}}@media (width<=920px){.game-layout{--roster-width:100%;--command-width:100%}.roster-panel{width:100%;top:auto;bottom:auto;left:auto}.command-panel{width:100%;max-height:none;top:auto;bottom:auto;right:auto;overflow:visible}.context-body{max-height:none;overflow:visible}.board-reading-legend{gap:2px;padding:4px;top:42px}.board-reading-legend>span{padding:0 2px;font-size:6px}.compact-detail.unit-detail-panel{width:100%}}:root{--war-ink:#eaf2e8;--war-muted:#abc2ae;--war-line:#8bab8444;--war-panel:#10211ce8;--war-blue:#6be3cf;--war-red:#ff9676;--war-gold:#f3ce79}.war-shell{min-height:100vh;color:var(--war-ink);background:radial-gradient(circle at 48% 25%,#38664a70,#0000 39%),linear-gradient(145deg,#10281e,#091813 62%,#0c211a);font-family:Noto Sans JP,system-ui,sans-serif}.war-shell *{box-sizing:border-box}.war-shell button{font:inherit;cursor:pointer}.war-shell button:disabled{cursor:not-allowed}.war-topbar{z-index:8;background:linear-gradient(90deg,#0c1c18f5,#173126e8,#0b1815f5);border-bottom:1px solid #b1d9a955;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex;position:relative;box-shadow:0 9px 24px #0005}.war-brand,.war-top-right,.war-top-center{align-items:center;gap:12px;display:flex}.war-brand>span{color:#163021;background:linear-gradient(145deg,#c6dc90,#4c926d);border:1px solid #c9eea4;border-radius:7px;place-items:center;width:36px;height:36px;font-size:24px;font-weight:900;display:grid;box-shadow:0 0 24px #a2d18a55}.war-brand b{letter-spacing:.1em;font-size:17px}.war-brand small,.war-top-center small,.war-top-center span{color:#a8bbaa;letter-spacing:.15em;font-size:10px}.war-top-center{flex-direction:column;gap:0;line-height:1.25}.war-top-center strong{letter-spacing:.12em;font-size:17px}.war-top-right button{color:#d6e8d6;background:#223c31;border:1px solid #a4c89655;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.war-top-right button:has(small){color:#f0e8c4;gap:5px;width:auto;min-width:55px;padding:0 8px;display:flex}.war-top-right button small{color:#c4cfb2;letter-spacing:.08em;font-size:8px;font-weight:800}.war-money{color:var(--war-gold);align-items:center;gap:7px;font-size:18px;font-weight:800;display:flex}.war-money small{color:#bca76f;letter-spacing:.08em;font-size:9px}.war-health-ribbon{z-index:9;background:linear-gradient(90deg,#0c2520f2,#19372bf0,#2b211df2);border:1px solid #a6c99867;border-top:0;border-radius:0 0 14px 14px;align-items:center;gap:14px;width:min(620px,55vw);padding:9px 17px;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%);box-shadow:0 12px 27px #0008}.war-health{flex:1;gap:5px;display:grid}.war-health>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.war-health b{font-size:12px}.war-health small{color:#bdd2c0;font-size:10px}.war-health>i{background:#12332e;border:1px solid #c9edc044;border-radius:6px;height:7px;display:block;overflow:hidden}.war-health>i>em{background:linear-gradient(90deg,#4bba99,#9ee8b5);height:100%;transition:width .4s;display:block}.war-health.enemy>i>em{background:linear-gradient(90deg,#c96657,#ffb37b)}.versus{color:#e4cb83;font:800 11px Georgia,serif}.war-layout{grid-template-columns:minmax(190px,15%) minmax(0,1fr) minmax(285px,21%);gap:12px;width:100%;max-width:1800px;min-height:calc(100vh - 90px);margin:auto;padding:18px 14px 8px;display:grid}.war-roster,.war-command{border:1px solid var(--war-line);background:linear-gradient(160deg,#173027e9,#0c1b18f1 62%),#11271e;border-radius:12px;align-self:stretch;min-width:0;padding:16px 13px;box-shadow:0 18px 45px #0006,inset 0 1px #daebbf21}.war-panel-title{border-bottom:1px solid #b6d6a333;padding-bottom:13px}.war-panel-title small,.war-kicker{color:#c9bd78;letter-spacing:.17em;font-size:10px;font-weight:800;display:block}.war-panel-title h2{letter-spacing:.04em;margin:4px 0 0;font-size:18px}.war-commander-card{background:linear-gradient(135deg,#21594777,#102723);border:1px solid #92d8c066;border-radius:9px;align-items:center;gap:11px;margin-top:15px;padding:11px 8px;display:flex}.war-commander-portrait{color:#c8efc0;background:radial-gradient(circle at 50% 15%,#7bac80,#214a3c 55%,#0a1b17);border:1px solid #c7eabe77;border-radius:8px;flex:none;place-items:center;width:54px;height:59px;display:grid}.war-commander-card>div:last-child{gap:3px;display:grid}.war-commander-card small{color:#9dc7b8;font-size:9px}.war-commander-card strong{font-size:16px}.war-commander-card span{color:#9de1c5;font-size:10px}.war-stat-block{gap:5px;margin-top:18px;display:grid}.war-stat-block>span{color:#b6ccb9;border-bottom:1px solid #95b39321;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex}.war-stat-block b{color:#e9f2da;margin-left:auto}.war-level-progress{margin-top:20px}.war-level-progress>div{justify-content:space-between;font-size:11px;display:flex}.war-level-progress b{color:#d9c582}.war-level-progress>i{background:#071810;border-radius:7px;height:7px;margin:8px 0;display:block;overflow:hidden}.war-level-progress em{background:linear-gradient(90deg,#88b768,#d9d48b);height:100%;display:block}.war-level-progress small,.war-troop-list p{color:#a9bba9;font-size:10px;line-height:1.65}.war-home-advantage{color:#e3e8c9;background:#6e783a45;border:1px solid #e0da8b66;border-radius:7px;gap:8px;margin-top:15px;padding:10px;display:flex}.war-home-advantage span{gap:4px;font-size:10px;display:grid}.war-troop-list{margin-top:25px}.war-troop-list>small{color:#d4ca8d;letter-spacing:.15em;font-size:10px}.war-troop-list>div{background:#162d24;border:1px solid #a3be9a33;border-radius:6px;align-items:center;gap:7px;margin-top:8px;padding:8px;font-size:11px;display:flex}.war-troop-list>div small{color:#a9c3ac;margin-left:auto}.war-roster-note{color:#bacdb8;border-left:2px solid #bbce91;margin-top:30px;padding:10px;font-size:10px;line-height:1.7}.war-center{min-width:0;position:relative}.war-field-heading{z-index:3;justify-content:space-between;align-items:end;padding:7px 12px 11px;display:flex;position:relative}.war-field-heading h1{text-shadow:0 3px 13px #000;margin:5px 0 0;font-size:clamp(18px,2vw,29px);font-weight:800}.war-size{color:#e5d692;letter-spacing:.12em;font:800 11px monospace}.war-arena{background:radial-gradient(circle at 50% 52%,#97bb7b80,#0000 43%),linear-gradient(#4d7e75 0%,#284739 22%,#1c372a 58%,#17291e 100%);border:1px solid #adca9a55;border-radius:14px;place-items:center;min-height:calc(100vh - 223px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #0007,inset 0 1px #e6eeb05b}.war-landscape{pointer-events:none;background:radial-gradient(at 15% 26%,#bbdfa96b,#0000 21%),radial-gradient(at 84% 18%,#acd6b667,#0000 24%),linear-gradient(#9bb9af41,#0000 50%);position:absolute;inset:0;overflow:hidden}.war-mountain{opacity:.7;clip-path:polygon(0 0,60% 0,100% 60%,69% 94%,29% 70%,0 94%);background:linear-gradient(140deg,#748f78,#243c38 55%,#0000 70%);width:38%;height:55%;position:absolute;top:0}.mountain-left{left:-9%}.mountain-right{right:-8%;transform:scaleX(-1)}.war-canopy{opacity:.72;background:radial-gradient(circle at 4% 83%,#0c2c1a 0 12%,#0000 13%),radial-gradient(circle at 18% 70%,#28512c 0 16%,#0000 17%),radial-gradient(circle at 84% 78%,#24472b 0 19%,#0000 20%),radial-gradient(circle at 98% 89%,#0a291c 0 13%,#0000 14%);height:38%;position:absolute;inset:auto -6% -13%}.war-board-stage{z-index:2;filter:drop-shadow(0 30px 24px #0009);place-items:center;width:min(100%,100vh - 240px);min-width:min(95%,420px);margin:28px 0 14px;padding:12px;display:grid;position:relative}.war-grid-shell{aspect-ratio:1;background:linear-gradient(140deg,#506251,#263f36 55%,#1a3128);border:5px ridge #879476;border-radius:14px;width:100%;padding:10px;box-shadow:0 0 0 3px #15271d,0 0 0 7px #78906488,inset 0 0 25px #000a}.war-grid{grid-template-columns:repeat(var(--board-size),1fr);grid-template-rows:repeat(var(--board-size),1fr);touch-action:none;border:2px solid #142d22;border-radius:5px;width:100%;height:100%;display:grid;position:relative;overflow:hidden;transform:perspective(1100px)rotateX(7deg)}.war-cell{color:#eff8e7;background:radial-gradient(circle at 78% 23%,#cccf9c35 0 3%,#0000 4%),radial-gradient(circle at 22% 78%,#2b6f3850 0 9%,#0000 10%),linear-gradient(145deg,#8b9b78,#697c60 65%,#536f58);border:1px solid #18312585;place-items:center;min-width:0;padding:0;display:grid;position:relative}.war-cell.tone-b{background:radial-gradient(circle at 76% 23%,#a3c18c56 0 7%,#0000 8%),linear-gradient(145deg,#788f6d,#5f795b 65%,#4b6754)}.war-cell:after{content:"";pointer-events:none;border:1px solid #d5e2ae12;position:absolute;inset:8%}.war-cell.owned-blue{box-shadow:inset 0 0 22px #49d6b449}.war-cell.owned-red{box-shadow:inset 0 0 22px #f9876144}.war-cell.in-range{box-shadow:inset 0 0 0 2px #a9eacb41}.war-cell.in-range:hover{box-shadow:inset 0 0 0 3px #aefbe3}.war-cell.is-target{box-shadow:inset 0 0 0 3px #d3fbe9,inset 0 0 32px #7df1d873}.war-cell.impact{animation:.58s ease-out war-cell-pulse}.war-grid.is-placement-mode .war-hero,.war-grid.is-placement-mode .war-troop{pointer-events:none}.war-grid.is-wall-placement .war-cell{cursor:crosshair}.field-wall-edge{z-index:6;pointer-events:none;background:linear-gradient(#d2b879,#7c6747 46%,#493f31 78%,#b29c68);border:1px solid #f1df9ab8;border-radius:3px;display:block;position:absolute;box-shadow:0 1px #171f18cc,0 0 7px #e4c36f5c,inset 0 1px #fff0c880}.field-wall-edge.edge-e,.field-wall-edge.edge-w{background:linear-gradient(90deg,#bda36e,#6e5c42 52%,#443a2e);width:9%;height:90%;top:5%}.field-wall-edge.is-preview{z-index:7;opacity:.9;background:linear-gradient(#fff1a9,#e6c959 48%,#9e7b32);border-color:#fff1a3;box-shadow:0 0 13px #ffe96a,0 0 25px #f7d6449c,inset 0 1px #fff}.field-wall-edge.is-preview.is-invalid{background:linear-gradient(#ffb29b,#c44935 55%,#752e2a);border-color:#ffad93;box-shadow:0 0 13px #ff6b55}.field-wall-edge.is-cracked{filter:brightness(.7)saturate(.8);border-color:#ef9d71;box-shadow:0 0 5px #f0774a77}@keyframes war-cell-pulse{0%{filter:brightness(2)}to{filter:brightness()}}.war-hero{z-index:4;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(155deg,#75c6a9,#1e685d 55%,#113e39);border:2px solid #e2fff5;border-radius:48% 48% 30% 30%;place-items:center;width:68%;height:80%;padding:3px;display:grid;position:relative;transform:translateY(-5%);box-shadow:0 8px #153930,0 15px 16px #0008,0 0 22px #7be9cb}.war-hero.team-red{background:linear-gradient(155deg,#e4a068,#af5148 58%,#61262d);border-color:#ffe2c5;box-shadow:0 8px #61362b,0 15px 16px #0008,0 0 22px #ff986b}.war-hero.being-dragged{opacity:.58;filter:brightness(1.5)}.war-hero b{text-shadow:0 2px 5px #000;font-size:clamp(9px,1vw,16px)}.war-hero small{color:#e3faea;font-size:clamp(7px,.7vw,11px)}.hero-crown{color:#fff0a3;font-size:clamp(13px,2vw,27px);font-style:normal}.war-troop{z-index:3;background:#237e69;border:1px solid #e4f2cc;border-radius:50%;place-items:center;width:35%;height:38%;font-size:clamp(9px,1vw,17px);display:grid;position:absolute;bottom:3px;right:1px;box-shadow:0 4px 9px #0008}.war-troop small{font-size:8px;position:absolute;bottom:-10px}.war-guideline{z-index:6;pointer-events:none;color:#c9ffdf;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.war-guideline line{stroke:currentColor;stroke-width:.6px;stroke-dasharray:2 1.3;filter:drop-shadow(0 0 3px #073d2c)}.war-guideline .attack-line{color:#ffb18c;stroke-width:1.1px;stroke-dasharray:2.4 1.2;filter:drop-shadow(0 0 5px #ff734b);animation:.72s ease-out both attack-path}.war-guideline .attack-preview-line{opacity:.95;stroke-dasharray:1 1.1;animation:none}@keyframes attack-path{0%{opacity:0;stroke-dashoffset:8px}24%{opacity:.95}to{opacity:.35;stroke-dashoffset:0}}.impact-fx{z-index:6;pointer-events:none;border:2px solid #fff1a0;border-radius:50%;animation:.72s cubic-bezier(.1,.65,.25,1) both impact-ring;display:block;position:absolute;inset:4%;overflow:visible;box-shadow:inset 0 0 22px #ffe88b88,0 0 20px #fff4ad}.impact-fx.kind-HIT,.impact-fx.kind-ULT{background:radial-gradient(circle,#ff9a594f 0 18%,#0000 68%);border-color:#ff7658;box-shadow:inset 0 0 30px #ff552d99,0 0 24px #ff784c}.impact-fx.kind-BLOCK{background:radial-gradient(circle,#9ceaff55 0 16%,#0000 70%);border-color:#9ceaff;box-shadow:inset 0 0 24px #48bcff88,0 0 24px #6cd7ff}.impact-fx.kind-COUNTER{background:radial-gradient(circle,#d181ff55 0 18%,#0000 70%);border-color:#e5a0ff;box-shadow:inset 0 0 24px #a83dff99,0 0 26px #df86ff}.impact-fx.kind-ATTACK{border-color:#fff0b2}.impact-fx i{background:#fff7d5;border-radius:5px;width:38%;height:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 9px #fff}.impact-fx i:first-child{transform:rotate(32deg)translate(40%)}.impact-fx i:nth-child(2){transform:rotate(145deg)translate(46%)}.impact-fx i:nth-child(3){transform:rotate(260deg)translate(42%)}.impact-fx.kind-HIT i,.impact-fx.kind-ULT i{background:#fff1dc}@keyframes impact-ring{0%{opacity:0;transform:scale(.18)rotate(-25deg)}20%{opacity:1}to{opacity:0;transform:scale(1.08)rotate(70deg)}}.war-board-caption{z-index:3;color:#e9eccc;text-shadow:0 2px 5px #000;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;bottom:10px;left:15px;right:15px}.war-board-caption span:last-child{margin-left:auto}.blue-dot,.red-dot{background:#65e7c7;border-radius:50%;width:7px;height:7px;display:inline-block}.red-dot{background:#ff9974}.war-impact-banner,.war-over-banner{z-index:7;text-align:center;pointer-events:none;background:#091d18e8;border:1px solid #cbe9bd8c;border-radius:9px;justify-items:center;min-width:min(80%,330px);padding:12px 20px;display:grid;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 18px 35px #0009,0 0 45px #a5d88855}.war-impact-banner small,.war-over-banner small{color:#d5c77a;letter-spacing:.2em;font:800 10px monospace}.war-impact-banner strong,.war-over-banner strong{color:#f0f7dc;letter-spacing:.1em;font:900 clamp(24px,3vw,43px) Georgia,serif}.war-impact-banner span,.war-over-banner span{font-size:12px}.war-impact-banner.kind-HIT strong,.war-impact-banner.kind-FINISH strong{color:#ffad84}.war-center .battle-log{background:#0e241de8;border:1px solid #a9c69b44;border-radius:8px;margin-top:10px}.war-command{max-height:calc(100vh - 95px);overflow:auto}.war-phase-explain{background:#24413466;border:1px solid #b4ca8b3d;border-radius:7px;align-items:start;gap:9px;margin:12px 0;padding:9px;display:flex}.war-phase-number{color:#e3d68c;font:800 23px Georgia,serif}.war-phase-explain p{color:#d1dfc8;margin:0;font-size:11px;line-height:1.6}.war-section-heading{color:#e9f1d8;align-items:center;gap:6px;margin:14px 0 9px;font-size:12px;display:flex}.war-section-heading svg{color:#e6cf89}.war-section-heading small{color:#a2baa9;margin-left:auto;font-size:10px}.war-actions,.war-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.war-actions button,.war-shop button{color:#f0f4df;text-align:center;background:linear-gradient(#234236,#152b25);border:1px solid #a1c19a44;border-radius:6px;justify-items:center;gap:2px;min-height:59px;padding:5px 2px;display:grid}.war-actions button:hover:not(:disabled),.war-shop button:hover:not(:disabled){filter:brightness(1.15);border-color:#bcebc9}.war-actions button.selected,.war-shop button.selected{background:linear-gradient(#34735b,#1f4b41);border-color:#a9ffe0;box-shadow:0 0 15px #73e5bf55,inset 0 0 0 1px #b2ffe08a}.war-actions button:disabled,.war-shop button:disabled{opacity:.38}.war-actions button.kind-field{border-color:#e6bf5c88}.war-actions button.kind-troop{border-color:#72d5aa88}.war-actions button.kind-field span{color:#f4d36f}.war-actions button.kind-troop span{color:#8ce6bd}.war-actions button span,.war-shop button span{color:#d8e99e;font-size:21px;line-height:1}.war-actions button b,.war-shop button b{font-size:10px}.war-actions button small,.war-shop button small{color:#b2c6b6;font-size:9px}.war-selection{background:#78997421;border-left:2px solid #b2e4b6;align-items:center;gap:10px;margin:11px 0;padding:9px;display:flex}.war-selection>span{color:#e7e4ab;font-size:24px}.war-selection>div{gap:3px;display:grid}.war-selection b{font-size:11px}.war-selection small{color:#b5c9b6;font-size:10px;line-height:1.5}.war-charge-row{flex-wrap:wrap;gap:4px;display:flex}.war-charge-row span{color:#d4e1cb;background:#29483b;border-radius:4px;padding:4px 5px;font-size:9px}.war-plan-box{background:#0c241b;border:1px dashed #b8e2ab77;border-radius:7px;margin-top:12px;padding:10px}.war-plan-box small{color:#d1ca82;letter-spacing:.1em;font-size:9px;display:block}.war-plan-box strong{margin-top:4px;font-size:13px;display:block}.war-plan-box p{color:#aec7ad;margin:5px 0 0;font-size:10px;line-height:1.5}.war-commit{color:#112519;background:linear-gradient(120deg,#d6e9a1,#8fcc8e);border:1px solid #e9e6aa;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:10px;display:flex;box-shadow:0 5px #3c7548,0 10px 20px #0006;font-size:14px!important;font-weight:900!important}.war-commit:hover{filter:brightness(1.12)}.war-placement-hint{color:#e7dfa9;gap:6px;margin-top:9px;font-size:10px;line-height:1.5;display:flex}.war-result-side{background:#1c3629;border:1px solid #b8d69b66;gap:11px;margin-top:20px;padding:14px;display:grid}.war-result-side>strong{color:#e9d58b;font:900 27px Georgia,serif}.war-result-side p{margin:0;font-size:12px}.war-result-side>div{justify-content:space-between;gap:10px;font-size:11px;display:flex}.war-result-side small{color:#b4cab4}.war-footer{color:#aec4a9;justify-content:space-between;padding:5px 17px 10px;font-size:10px;display:flex}@media (width<=1100px){.war-layout{grid-template-columns:minmax(0,1fr) 280px}.war-roster{display:none}.war-health-ribbon{width:min(560px,63vw)}}@media (width<=760px){.war-topbar{padding:0 10px}.war-brand small,.war-top-center span,.war-money small{display:none}.war-brand b,.war-top-center strong{font-size:12px}.war-health-ribbon{width:95vw;top:66px}.war-layout{grid-template-columns:1fr;padding:37px 6px 10px}.war-command{max-height:none}.war-arena{min-height:390px}.war-board-stage{width:min(92vw,540px);min-width:0}.war-actions,.war-shop{grid-template-columns:repeat(4,minmax(0,1fr))}.war-field-heading h1{font-size:17px}}.war-cell.home-bonus{background-image:linear-gradient(140deg,#b8e4c01c,#42776820),radial-gradient(circle at 70% 80%,#bce6aa35,#0000 65%)}.war-cell.home-bonus:before{content:"✦";color:#e5e5ad9c;font-size:9px;position:absolute;top:3px;right:4px}.war-arena{background-image:linear-gradient(#14342566,#10271db0),url(/assets/mist-ruins-arena-BYXBe3Kd.png);background-position:50%;background-size:cover}.war-hero.just-moved{transform-origin:50% 90%;animation:1.56s cubic-bezier(.18,.72,.18,1) both war-hero-arrive}.war-hero.is-hit{animation:.5s ease-in-out both war-hero-hit}.war-hero.fallen{filter:grayscale(.8);opacity:.35;transform:translateY(12%)rotate(75deg)scale(.75);box-shadow:0 3px 10px #000b}@keyframes war-hero-arrive{0%{opacity:.72;transform:translate(calc(var(--step-x) * 110%), calc(var(--step-y) * 110%)) scale(.88,1.04);filter:blur(1.5px)brightness(1.15)}12%{filter:blur()brightness(1.2);transform:translateY(2%)scale(1.08,.86)}36%{transform:translateY(-12%)scale(.96,1.08)skew(-4deg)}68%{transform:translateY(-3%)scale(1.03,.96)}84%{transform:translateY(1%)scale(.98,1.02)}to{opacity:1;filter:brightness();transform:translateY(-5%)scale(1)}}@keyframes war-hero-hit{0%,to{filter:brightness()}20%,60%{filter:brightness(2.8);transform:translate(-4px)}40%,80%{filter:brightness(1.6);transform:translate(4px)}}.war-phase-explain p b{color:#f7d185;margin-top:5px;display:block}.war-cell.blast-preview{box-shadow:inset 0 0 0 2px #f5bd79,inset 0 0 34px #f4845266}.war-top-time{color:#e6d98d;grid-template-columns:auto minmax(40px,1fr);align-items:center;gap:7px;display:grid}.war-top-time b{white-space:nowrap;font-size:10px}.war-top-time i,.war-time-track{background:#172924;border-radius:10px;height:5px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #adcb9a55}.war-top-time em,.war-time-track i{background:linear-gradient(90deg,#bbdc7d,#e9cc75);height:100%;transition:width .25s;display:block;box-shadow:0 0 12px #e5d87899}.war-time-card{background:linear-gradient(145deg,#2d4431,#12291f);border:1px solid #d9cf824d;border-radius:7px;padding:11px}.war-time-heading{color:#eadf9b;justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.war-time-heading b{letter-spacing:.17em;font-size:11px}.war-time-heading strong{font:800 25px Georgia,serif}.war-time-heading strong small{color:#b9c7a9;font:11px sans-serif}.war-time-track{height:9px}.war-time-card>small{color:#b5c7af;margin-top:7px;font-size:9px;display:block}.war-order-list{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:grid}.war-order-list li{background:#254135;border:1px solid #95c8a94f;border-radius:4px;align-items:center;gap:6px;min-height:29px;padding:4px 6px;display:flex}.war-order-list li b{font-size:10px}.war-order-list li small{color:#c6dac8;margin-left:auto}.war-order-list li em{color:#e9d889;font-size:10px;font-style:normal}.war-order-list li button{color:#d9e8d0;background:0 0;border:0}.war-order-move-buttons{gap:2px;display:flex}.war-order-list li .war-order-move-buttons button{padding:2px}.war-order-list li button:disabled{opacity:.3;cursor:default}.war-order-index{color:#e7d888;font-size:10px;font-weight:800}.war-shop-entry{min-width:0}.war-shop-entry>button:first-child{width:100%}.war-shop .war-deploy-button{color:#ebdea6;background:#354735;border-color:#d1d37e;width:100%;min-height:21px;margin-top:3px;padding:2px;font-size:9px}.war-placement-hint{align-items:center}.war-placement-hint button{color:#e9daa0;background:0 0;border:0;margin-left:auto;text-decoration:underline}.war-enemy-orders{gap:4px!important;display:grid!important}.war-guideline .preview-line{opacity:.55}.war-layout{grid-template-columns:minmax(0,1fr) minmax(290px,22%);gap:10px;min-height:calc(100vh - 85px);padding:8px 10px 6px}.war-center{min-height:0}.war-board-stage{width:min(100%,100vh - 175px);min-width:min(96%,390px);margin:10px 0}.war-command{max-height:calc(100vh - 82px);padding:12px 11px}.war-command-section{margin-top:12px}.war-command-section h2{color:#e9f1d8;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;display:flex}.war-command-section h2 small{color:#b7c4aa;align-items:center;gap:4px;margin-left:auto;font-size:10px;font-weight:500;display:flex}.war-time-card{padding:9px}.war-time-card>small{margin-top:5px}.war-actions{gap:4px}.war-actions button{min-height:55px}.war-actions button small{font-size:9px}.war-selected-action{color:#c9d9c5;align-items:baseline;gap:8px;margin:7px 1px;font-size:10px;display:flex}.war-selected-action b{color:#f0e7ad;font-size:11px}.war-selected-action small{color:#a8b9a8;white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;overflow:hidden}.war-order-list{margin-top:7px}.war-plan-box{padding:7px}.war-plan-box p{display:none}.war-commit{min-height:38px;margin-top:8px}.war-inventory{border-top:1px solid #b6d6a333;padding-top:9px}.war-inventory-list{gap:5px;display:grid}.war-inventory-list>div{background:#162d24;border:1px solid #a3be9a33;border-radius:5px;align-items:center;gap:7px;min-height:30px;padding:4px 7px;font-size:10px;display:flex}.war-inventory-list>div>span{color:#e0dc9b}.war-inventory-list>div>small{color:#d7cf8b;margin-left:auto}.war-inventory-list>div>button{color:#e9f2da;background:#27463a;border:1px solid #a4c89666;border-radius:4px;padding:3px 8px;font-size:10px}.war-empty-inventory{color:#899d8d;margin:0;font-size:10px}.war-player-hud{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(110deg,#10221eef,#18392de8);border:1px solid #bbd7b488;border-radius:8px;align-items:center;gap:9px;width:min(250px,36%);padding:8px;display:flex;position:absolute;bottom:34px;left:24px;box-shadow:0 8px 23px #0009}.war-hud-portrait{color:#e7f2be;background:linear-gradient(145deg,#6c9574,#1b3d33);border:1px solid #cde4a8;border-radius:7px;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.war-hud-portrait b{color:#f5e8a6;background:#17281f;border:1px solid #d8d59a;border-radius:4px;padding:2px 4px;font-size:9px;position:absolute;bottom:-5px;right:-5px}.war-hud-details{flex:1;gap:4px;min-width:0;display:grid}.war-hud-name{justify-content:space-between;align-items:center;display:flex}.war-hud-name strong{font-size:12px}.war-hud-name span{color:#d7e6cc;font-size:10px}.war-hud-health i,.war-hud-xp i{background:#071510;border-radius:6px;height:6px;display:block;overflow:hidden}.war-hud-health em{background:linear-gradient(90deg,#40b984,#a8e27e);height:100%;display:block}.war-hud-xp{align-items:center;gap:5px;display:flex}.war-hud-xp i{flex:1;height:3px}.war-hud-xp em{background:#e8ce72;height:100%;display:block}.war-hud-xp small{color:#adbca6;font-size:8px}.war-token-health{background:#18372d;border:1px solid #d4edd275;border-radius:4px;width:82%;height:4px;display:block;overflow:hidden}.war-token-health em{background:#91e1a0;height:100%;transition:width .25s;display:block}.war-field-heading,.war-board-caption,.war-health>span small{display:none}.war-top-time{grid-template-columns:auto minmax(24px,1fr);gap:5px}.war-top-time b{font-size:9px}@media (width<=1100px){.war-layout{grid-template-columns:minmax(0,1fr) 285px}.war-health-ribbon{width:min(560px,63vw)}}@media (width<=760px){.war-layout{grid-template-columns:1fr;padding:37px 6px 10px}.war-arena{min-height:390px}.war-board-stage{width:min(92vw,540px);min-width:0}.war-command{max-height:none}.war-player-hud{width:min(220px,58%);bottom:18px;left:14px}}.war-selected-action{grid-template-columns:auto auto 1fr;align-items:baseline;display:grid}.war-selected-action small{grid-column:1/-1}.war-selected-action{display:none}.war-shop{grid-template-columns:repeat(3,minmax(0,1fr))}.war-shop button{min-height:51px}.war-shop-locked{color:#adbaa5;text-align:center;border:1px dashed #9daf8c44;border-radius:5px;margin:0;padding:10px;font-size:10px}.war-health small{color:#d4e5d4}.war-arena{min-height:calc(100vh - 200px)}.war-board-stage{width:min(100%,100vh - 220px)}@media (width<=760px){.war-layout{padding-top:70px}.war-arena{min-height:390px}.war-board-stage{width:min(92vw,540px)}}.war-health-ribbon{gap:12px;width:min(850px,72vw);padding:9px 15px}.war-health{flex:1;gap:4px;min-width:0;display:grid}.war-health-meta{align-items:center;gap:8px;min-width:0;display:flex}.war-health-meta>b{font-size:12px}.war-health-meta>span{color:#e6d58e;background:#344333;border:1px solid #c7d79655;border-radius:4px;padding:2px 5px;font-size:9px}.war-health-meta>small{color:#f3d47d;white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:10px;display:flex!important}.war-health.enemy .war-health-meta>small{color:#ffd0ad}.war-merc-times{color:#d4e7be;flex-wrap:wrap;gap:4px;font-size:8px;display:flex}.war-merc-times span{background:#14241cbd;border:1px solid #d4e7be38;border-radius:4px;padding:2px 4px}.war-health-bar{height:6px}.war-resource-row,.war-experience-row{color:#b7cfba;align-items:center;gap:6px;font-size:8px;line-height:1;display:flex}.war-resource-row>i,.war-experience-row>i{background:#071610;border-radius:5px;flex:1;height:4px;display:block;overflow:hidden}.war-resource-row>i>em,.war-experience-row>i>em{background:linear-gradient(90deg,#e2c75f,#f3e7a0);border-radius:5px;height:100%;display:block}.war-experience-row>i{height:2px}.war-experience-row>i>em{background:#a9c86f}.war-cell.in-range{filter:brightness(1.1);box-shadow:inset 0 0 0 2px #ffe16a99,inset 0 0 28px #ffd84e4d}.war-cell.in-range:hover{filter:brightness(1.22);box-shadow:inset 0 0 0 3px #fff1a3,inset 0 0 36px #ffdc58a6}.war-guideline .move-line{color:#ffe36d;stroke-width:.9px;stroke-dasharray:1.8 1.1;filter:drop-shadow(0 0 5px #f6d343)}.war-hero-ghost{z-index:5;color:#fff6bc;pointer-events:none;background:linear-gradient(155deg,#e9d8758a,#796a3288);border:2px dashed #fff0a0;border-radius:48% 48% 30% 30%;place-items:center;width:66%;height:76%;animation:.8s ease-in-out infinite alternate ghost-pulse;display:grid;position:absolute;box-shadow:0 0 24px #ffe65c99,inset 0 0 16px #fff2a355}.war-hero-ghost b{color:#2c2915;white-space:nowrap;background:#fff2b9;border-radius:4px;padding:3px 5px;font-size:clamp(8px,.8vw,11px)}.war-hero.move-origin-target,.war-troop.move-origin-target{pointer-events:none}.war-loadout{background:linear-gradient(155deg,#1e372bcc,#0d1e19ed 58%,#172b20ed);border:1px solid #9dbb884f;border-radius:9px;flex-direction:column;min-height:300px;padding:10px 9px;display:flex;overflow:hidden;box-shadow:inset 0 1px #e0e8c51a,0 12px 24px #0004}.war-loadout-heading{border-bottom:1px solid #bad29a2c;justify-content:space-between;align-items:center;gap:8px;padding:0 2px 9px;display:flex}.war-loadout-heading>div{gap:3px;display:grid}.war-loadout-heading>div>small{color:#c9bd78;letter-spacing:.18em;font-size:8px;font-weight:800}.war-loadout-heading h2{color:#eff2dd;align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.war-loadout-heading h2 svg{color:#e3d187}.war-loadout-coins{color:#ffdc78;background:#423b1d66;border:1px solid #d0bd6944;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:800;display:flex}.war-loadout-tabs{background:#08181199;border:1px solid #91ac8733;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:8px 0 7px;padding:3px;display:grid}.war-loadout-tabs button{color:#a9bcaa;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:11px;display:flex}.war-loadout-tabs button.active{color:#f0edcf;background:linear-gradient(130deg,#375640,#223e30);border-color:#bed2935a;box-shadow:0 2px 9px #0005}.war-loadout-tabs button b{color:#10241b;background:#c9d99b;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid}.war-shop-categories{scrollbar-width:thin;gap:4px;padding:0 0 7px;display:flex;overflow-x:auto}.war-shop-categories button{color:#bdcbb4;background:#182b21;border:1px solid #abc39033;border-radius:12px;flex:none;min-height:25px;padding:3px 8px;font-size:9px}.war-shop-categories button.active{color:#f5e7ac;background:#51462a;border-color:#e2cf82a6}.war-shop-categories button:nth-child(2){color:#8bd7ff;background:#10334a;border-color:#54b9ff66}.war-shop-categories button:nth-child(3){color:#f5d77e;background:#403417;border-color:#e5bd5a66}.war-shop-categories button:nth-child(4){color:#92e6b7;background:#173b2c;border-color:#73d2a166}.war-shop-categories button.active:nth-child(2){box-shadow:0 0 12px #31b9ff66}.war-shop-categories button.active:nth-child(3){box-shadow:0 0 12px #e5bd5a55}.war-shop-categories button.active:nth-child(4){box-shadow:0 0 12px #73d2a155}.war-shop-catalog,.war-inventory-catalog{scrollbar-color:#9caa755d #08171180;scrollbar-width:thin;align-content:start;gap:6px;min-height:0;padding:1px 3px 3px 0;display:grid;overflow-y:auto}.war-shop-catalog{max-height:min(42vh,430px)}.war-shop-card,.war-inventory-card{background:linear-gradient(110deg,#21392bdb,#13261fd9);border:1px solid #9db78836;border-radius:7px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;transition:border-color .16s,background .16s,transform .16s;display:grid}.war-shop-card:hover{background:linear-gradient(110deg,#2b4934,#192d22);border-color:#dbd18a88;transform:translateY(-1px)}.war-shop-card.kind-action{border-left:2px solid #54b9ff}.war-shop-card.kind-field,.war-shop-card.kind-instant{border-left:2px solid #e5bd5a}.war-shop-card.kind-troop{border-left:2px solid #73d2a1}.war-item-icon{color:#f1dfa0;text-shadow:0 0 10px #f5d98c88;background:radial-gradient(circle at 50% 25%,#86935466,#15251d);border:1px solid #9fc49c4d;border-radius:7px;place-items:center;width:34px;height:36px;font-size:19px;display:grid}.war-item-icon.kind-troop{color:#a5e7d0}.war-item-icon.kind-action{color:#8bd7ff}.war-item-icon.kind-field,.war-item-icon.kind-instant{color:#f5d77e}.war-grid.is-placement-mode .war-cell.placement-range{box-shadow:inset 0 0 0 2px #f1c95a99,inset 0 0 22px #f1c95a2b}.war-grid.is-placement-mode .war-cell.placement-hover{box-shadow:inset 0 0 0 3px #ffe17b,inset 0 0 28px #ffe17b66}.war-grid.is-placement-mode .war-cell.placement-invalid{box-shadow:inset 0 0 0 3px #ff6868,inset 0 0 24px #ff363655}.war-item-icon.kind-gear{color:#a9d4ff}.war-item-icon.kind-instant{color:#ffc7a3}.war-shop-card-copy,.war-inventory-copy{gap:3px;min-width:0;display:grid}.war-shop-card-copy>b,.war-inventory-copy>b{color:#f0f0d9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.war-shop-card-copy>small,.war-inventory-copy>small{color:#a9bcaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.war-shop-card-buy{justify-items:end;gap:4px;display:grid}.war-shop-card-buy>span{color:#f2d373;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.war-shop-card-buy>button,.war-inventory-card>button{color:#f5edc3;background:linear-gradient(#536445,#304932);border:1px solid #d1d39277;border-radius:5px;min-width:52px;min-height:25px;padding:3px 7px;font-size:9px;font-weight:800}.war-shop-card-buy>button:not(:disabled):hover,.war-inventory-card>button:not(:disabled):hover{filter:brightness(1.2);border-color:#fff0a5}.war-shop-card-buy>button:disabled,.war-inventory-card>button:disabled{color:#9aa493;opacity:.72;background:#28332b;border-color:#a5b09b33}.war-loadout-tip{color:#9daf9c;margin:7px 1px 0;font-size:9px;line-height:1.4}.war-inventory-catalog{max-height:min(48vh,480px)}.war-inventory-card{grid-template-columns:35px minmax(0,1fr) auto auto}.war-inventory-card.kind-field,.war-inventory-card.kind-instant{border-left:2px solid #e5bd5a}.war-inventory-card.kind-troop{border-left:2px solid #73d2a1}.war-inventory-card.kind-action{border-left:2px solid #54b9ff}.war-item-count{color:#ead88d;text-align:right;min-width:22px;font-size:10px;font-weight:800}.war-inventory-empty{color:#aabcaa;text-align:center;border:1px dashed #a9bd8d55;border-radius:8px;justify-items:center;gap:7px;padding:28px 10px;display:grid}.war-inventory-empty svg{color:#d9d18d}.war-inventory-empty b{color:#e5ebd8;font-size:11px}.war-inventory-empty span{font-size:9px;line-height:1.5}.war-inventory-empty button{color:#f5edc3;background:#304932;border:1px solid #d1d39277;border-radius:5px;margin-top:3px;padding:6px 10px;font-size:10px}.war-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px)saturate(.72);backdrop-filter:blur(7px)saturate(.72);background:#06110dcc;place-items:center;padding:20px;animation:.18s ease-out both war-modal-fade;display:grid;position:fixed;inset:0}.war-modal-backdrop:has(.is-shop-view){z-index:7;top:66px}.war-shell:has(.is-shop-view) .war-health-ribbon{display:none}.war-loadout-modal{background:linear-gradient(145deg,#20392cf2,#0c1e19f5 64%,#182b20f5);border:1px solid #c8d99b99;border-radius:14px;width:min(590px,100vw - 32px);height:min(760px,100vh - 42px);min-height:320px;max-height:calc(100vh - 42px);margin:0;padding:17px;animation:.24s cubic-bezier(.18,.7,.25,1) both war-modal-enter;box-shadow:0 30px 100px #000b,0 0 60px #bad88a24,inset 0 1px #eff2d433}.war-loadout-modal.is-shop-view{width:min(1420px,100vw - 40px);height:min(900px,100vh - 92px);max-height:calc(100vh - 92px)}.war-loadout-modal .war-loadout-heading{padding-bottom:12px}.war-loadout-modal .war-loadout-heading h2{font-size:18px}.war-loadout-close{color:#e9ebd8;background:#09181299;border:1px solid #b4c69c55;border-radius:7px;place-items:center;width:32px;height:32px;margin-left:2px;display:grid}.war-loadout-close:hover{background:#37452d;border-color:#f1df91}.war-loadout-modal .war-loadout-tabs{margin:11px 0 9px}.war-loadout-modal .war-shop-categories{padding-bottom:10px}.war-loadout-modal .war-shop-catalog,.war-loadout-modal .war-inventory-catalog{flex:1;gap:8px;max-height:none;padding-right:5px}.war-loadout-modal .war-shop-card,.war-loadout-modal .war-inventory-card{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:9px}.war-loadout-modal.is-shop-view .war-shop-catalog{flex-direction:column;gap:15px;display:flex;overflow:auto}.war-shop-level{gap:8px;display:grid}.war-shop-level>h3{color:#e4d58e;letter-spacing:.12em;border-bottom:1px solid #a8c58a55;align-items:center;gap:8px;margin:0;padding:0 2px 6px;font-size:12px;display:flex}.war-shop-level>h3 small{color:#aab9a1;letter-spacing:0;font-size:9px;font-weight:500}.war-shop-level-items{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:stretch;gap:9px;display:grid}.war-loadout-modal.is-shop-view .war-shop-card{border-radius:9px;grid-template-rows:auto 1fr auto;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px;min-height:145px;padding:11px}.war-loadout-modal.is-shop-view .war-shop-card-copy{grid-column:1/-1}.war-loadout-modal.is-shop-view .war-shop-card-copy>b{white-space:normal;font-size:13px;overflow:visible}.war-loadout-modal.is-shop-view .war-shop-card-copy>small{-webkit-line-clamp:3;font-size:10px;display:-webkit-box}.war-loadout-modal.is-shop-view .war-shop-card-buy{border-top:1px solid #a8c58a2e;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:5px;display:flex}.war-loadout-modal.is-shop-view .war-shop-card-buy>span{font-size:13px}.war-loadout-modal.is-shop-view .war-shop-card-buy>button{min-width:75px;min-height:34px;font-size:11px}.war-loadout-modal .war-item-icon{width:42px;height:43px;font-size:22px}.war-loadout-modal .war-shop-card-copy>b,.war-loadout-modal .war-inventory-copy>b{font-size:12px}.war-loadout-modal .war-shop-card-copy>small,.war-loadout-modal .war-inventory-copy>small{font-size:10px}.war-loadout-modal .war-shop-card-buy>button,.war-loadout-modal .war-inventory-card>button{min-width:66px;min-height:30px;font-size:10px}.war-loadout-modal .war-inventory-card{grid-template-columns:44px minmax(0,1fr) auto auto}.war-loadout-modal .war-loadout-tip{border-top:1px solid #a9bd8d2b;padding-top:8px}@keyframes war-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes war-modal-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=620px){.war-modal-backdrop{padding:10px}.war-loadout-modal{width:calc(100vw - 20px);height:min(82vh,720px);max-height:calc(100vh - 20px);padding:12px}.war-loadout-modal.is-shop-view{width:calc(100vw - 20px)}.war-loadout-modal .war-shop-card,.war-loadout-modal .war-inventory-card{gap:7px;padding:7px}.war-top-right{gap:5px}.war-top-right button:has(small){min-width:42px;padding:0 5px}}@media (height<=720px){.war-loadout-modal{height:calc(100vh - 24px);min-height:0}}@keyframes ghost-pulse{0%{opacity:.55;transform:translateY(1px)scale(.94)}to{opacity:.95;transform:translateY(-3px)scale(1)}}@media (width<=1100px){.war-health-ribbon{width:min(800px,76vw)}}@media (width<=760px){.war-health-ribbon{gap:6px;width:96vw;padding:7px 8px}.war-health-meta{gap:4px}.war-health-meta>b{font-size:10px}.war-health-meta>small{font-size:9px}.war-layout{padding-top:112px}}.war-topbar{height:74px}.war-health-ribbon{top:74px}.war-layout{padding-top:104px}.war-troop{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:flex-end;display:flex;inset:0 auto auto 0}.war-troop.team-red{background:0 0}.voxel-art{aspect-ratio:.6;filter:drop-shadow(0 5px 4px #0009);pointer-events:none;background-image:none;background-repeat:no-repeat;background-size:500% 100%;flex:none;height:89%;display:block}.voxel-player{background-position:0%}.voxel-swordsman{background-position:25%}.voxel-archer{background-position:50%}.voxel-assassin{background-position:75%}.voxel-tank{background-position:100%}.voxel-zombie{filter:hue-rotate(70deg)saturate(1.15)brightness(.78)drop-shadow(0 5px 4px #0009);background-position:25%}.voxel-player.enemy-art{filter:hue-rotate(130deg)saturate(1.25)drop-shadow(0 5px 4px #0009)}.war-hero{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-end;padding:0 0 4%;display:flex}.war-hero.team-red{box-shadow:none;background:0 0}.war-hero .voxel-art{height:91%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.war-hero b{z-index:5;background:#10241ddd;border-radius:4px;padding:1px 5px;position:relative}.war-hero .war-token-health{z-index:5;width:64%;position:relative}.war-hero.team-red .war-token-health em{background:#ff9a72}.war-troop>small{z-index:6;color:#fff;background:#17221ee8;border-radius:4px;padding:1px 4px;font-size:8px;position:absolute;bottom:5%;right:15%}.war-troop.is-selected:after{content:"";pointer-events:none;border:2px solid #fff0a0;border-radius:50%;width:50%;height:13%;position:absolute;bottom:3%;box-shadow:0 0 13px #ffe56a}.war-hero-ghost .voxel-art{aspect-ratio:.6;background-size:500% 100%;height:94%;position:absolute}.war-hero-ghost b{z-index:4;position:absolute;bottom:0}.war-merc-command-note{color:#e7dda5;background:#66704235;border-left:2px solid #e7d879;margin-top:8px;padding:8px;font-size:10px}.war-guideline .merc-line{color:#9fc9ff;stroke-width:.75px;stroke-dasharray:1.4 1.3;filter:drop-shadow(0 0 4px #497dc7)}.war-hero.just-moved,.war-troop.just-moved{animation-duration:1.56s}.war-hero.is-hit,.war-troop.is-hit{animation-duration:1.5s}.war-hero.is-attacking,.war-troop.is-attacking{animation:1.2s ease-in-out both unit-strike}.war-troop.fallen{filter:grayscale();animation:1.65s ease-in forwards unit-fall}.war-troop.just-moved{animation-name:war-hero-arrive}.war-troop.is-hit{animation-name:war-hero-hit}@keyframes unit-strike{0%,to{filter:brightness();transform:scale(1)}38%{filter:brightness(1.7);transform:translateY(-12%)scale(1.13)}70%{transform:translateY(2%)scale(.94)}}@keyframes unit-fall{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(75deg)translateY(30%)scale(.72)}}.war-shell.character-skin-voxel2d .voxel-art{image-rendering:pixelated;background-image:none}.war-shell.character-skin-voxel2d .voxel-player{clip-path:polygon(0 0,87% 0,87% 56%,100% 56%,100% 100%,0 100%)}.kill-fx{z-index:9;pointer-events:none;position:absolute;inset:-25%}.kill-fx:before{content:"";border:3px solid #ffe6a1;border-radius:50%;animation:1.2s ease-out both kill-ring;position:absolute;inset:28%;box-shadow:0 0 20px #ffbf65,0 0 38px #ff593c}.kill-fx i{background:#ffdd91;width:8%;height:8%;animation:1.25s ease-out both kill-shard;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ff7a36}.kill-fx i:first-child{--angle:0deg}.kill-fx i:nth-child(2){--angle:45deg}.kill-fx i:nth-child(3){--angle:90deg}.kill-fx i:nth-child(4){--angle:135deg}.kill-fx i:nth-child(5){--angle:180deg}.kill-fx i:nth-child(6){--angle:225deg}.kill-fx i:nth-child(7){--angle:270deg}.kill-fx i:nth-child(8){--angle:315deg}.kill-fx b{color:#fff5d8;letter-spacing:.08em;white-space:nowrap;background:#301b25e8;border:1px solid #ffbe78;padding:3px 8px;font:900 clamp(7px,.9vw,13px) monospace;animation:1.4s ease-out both kill-label;position:absolute;top:58%;left:50%;box-shadow:0 0 14px #ff6a54aa}.impact-fx.kind-KILL{background:radial-gradient(circle,#ffbb6a66,#0000 70%);border-color:#ffbc72;box-shadow:inset 0 0 26px #ff683b99,0 0 26px #ff9b61}.war-impact-banner.kind-KILL strong{color:#ffd49b}@keyframes kill-ring{0%{opacity:0;transform:scale(.1)}20%{opacity:1}to{opacity:0;transform:scale(2.1)}}@keyframes kill-shard{0%{transform:rotate(var(--angle)) translateX(0) scale(.3);opacity:0}18%{opacity:1}to{transform:rotate(var(--angle)) translateX(55px) scale(0);opacity:0}}@keyframes kill-label{0%{opacity:0;transform:translate(-50%,9px)scale(.7)}24%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)scale(1)}}.war-grid .war-cell.terrain-wireTrap{background:repeating-linear-gradient(45deg,#0000 0 18%,#946aff75 18% 20%,#0000 20% 38%),repeating-linear-gradient(-45deg,#0000 0 18%,#7159c080 18% 20%,#0000 20% 38%),radial-gradient(circle,#634b9a,#211c38 70%);border-color:#a88cff}.war-grid .war-cell.terrain-magma{background:radial-gradient(circle at 28% 68%,#ffd06f 0 7%,#fa672b 16%,#0000 40%),radial-gradient(circle at 76% 22%,#f69b4a 0 9%,#0000 39%),repeating-linear-gradient(132deg,#201b20 0 13%,#a93f24 15% 20%,#301d20 24% 38%);border-color:#ff9c5b}.war-grid .war-cell.terrain-poison{background:radial-gradient(circle at 27% 31%,#b5ff7899 0 10%,#0000 33%),radial-gradient(circle at 70% 70%,#5de66c99 0 13%,#0000 38%),linear-gradient(135deg,#294b35,#172c30 55%,#39532d);border-color:#a8e66d}.war-grid .war-cell.terrain-pit{background:radial-gradient(at 50% 53%,#030b16 0 33%,#15242b 42%,#62716a 62%,#263d36 82%),linear-gradient(145deg,#71816f,#334c43);border-color:#758789}.war-grid .war-cell.terrain-bouncer{background:repeating-linear-gradient(90deg,#0000 0 16%,#7decff44 17% 19%,#0000 20% 33%),radial-gradient(circle at 50% 60%,#55badd,#173a53 68%,#0d2536);border-color:#8cddff}.war-grid .war-cell.terrain-wall{background:repeating-linear-gradient(0deg,#0000 0 21%,#382f2580 22% 24%),repeating-linear-gradient(90deg,#8d927d 0 23%,#545e53 24% 26%);border-color:#c4b889}.war-grid .war-cell.terrain-laserTurret{background:repeating-linear-gradient(90deg,#0000 0 20%,#55dcff35 21% 24%,#0000 25% 40%),radial-gradient(circle,#256c84,#101e32 72%);border-color:#73e8ff}.war-grid .war-cell.terrain-farm{background:repeating-linear-gradient(0deg,#0000 0 18%,#8abf4c59 19% 22%,#0000 23% 38%),radial-gradient(circle at 50% 62%,#728f40,#263c2c 72%);border-color:#b2e377}.war-grid .war-cell.terrain-bank{background:linear-gradient(90deg,#0000 44%,#d6b86166 45% 55%,#0000 56%),radial-gradient(circle at 50% 52%,#7b6437,#282b27 74%);border-color:#f0d080}.terrain-art{z-index:1;box-shadow:inset 0 0 22px #0009,0 0 14px var(--terrain-glow,#fff5);pointer-events:none;border:1px solid #ffffff4d;border-radius:5px;display:block;position:absolute;inset:4%;overflow:hidden}.terrain-art.terrain-team-blue{outline:1px solid #62dfff99}.terrain-art.terrain-team-red{outline:1px solid #ff907899}.terrain-art:before,.terrain-art:after{content:"";pointer-events:none;position:absolute}.terrain-art:before{box-shadow:0 0 12px var(--terrain-glow,#fff7);border:1px solid #ffffff52;border-radius:4px;inset:8%}.terrain-art:after{background:linear-gradient(145deg,#ffffff25,#0000 34%,#0008);inset:0}.terrain-art-core{z-index:2;color:var(--terrain-ink,#fff);text-shadow:0 0 9px var(--terrain-glow,#fff),0 3px 2px #000b;font-size:clamp(20px,33cqw,48px);font-weight:900;line-height:1;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.terrain-art-label{z-index:3;color:#fffdf2;letter-spacing:.08em;text-shadow:0 1px 2px #000;background:#07121ac9;border:1px solid #ffffff5a;border-radius:3px;padding:2px 5px;font-size:clamp(7px,8cqw,12px);font-weight:900;position:absolute;top:5%;left:6%}.terrain-art-spark{z-index:2;background:var(--terrain-ink,#fff);width:9%;height:9%;box-shadow:0 0 11px 4px var(--terrain-glow,#fff8);border-radius:50%;animation:1.8s ease-in-out infinite alternate terrain-flicker;position:absolute}.terrain-art-spark.spark-a{top:70%;left:22%}.terrain-art-spark.spark-b{animation-delay:-.9s;top:27%;right:18%}.terrain-art-wireTrap{--terrain-glow:#ab81ff;--terrain-ink:#e6cbff}.terrain-art-wireTrap .terrain-art-core{transform:translate(-50%,-50%)rotate(-18deg)}.terrain-art-magma{--terrain-glow:#ff6739;--terrain-ink:#ffe4a4}.terrain-art-magma:before{border-color:#ffb368;animation:1.9s ease-in-out infinite alternate lava-breathe;box-shadow:0 0 15px #ff6d35,inset 0 0 22px #ff492e}.terrain-art-poison{--terrain-glow:#88e863;--terrain-ink:#d9ff9d}.terrain-art-pit{--terrain-glow:#738f9e;--terrain-ink:#c4e2e3}.terrain-art-pit:before{background:radial-gradient(circle,#00060b 0 45%,#0d1d2a 72%);border:3px solid #718486;border-radius:50%;inset:18%;box-shadow:0 0 0 6px #263d3c,inset 0 0 19px #000}.terrain-art-pit .terrain-art-core{font-size:clamp(14px,23cqw,34px)}.terrain-art-bouncer{--terrain-glow:#67dfff;--terrain-ink:#dbfcff}.terrain-art-bouncer:before{border:3px double #bbf4ff;inset:16%;transform:rotate(45deg)}.terrain-art-wall{--terrain-glow:#d0c99a;--terrain-ink:#f2e1b4}.terrain-art-wall .terrain-art-spark{display:none}.terrain-art-laserTurret{--terrain-glow:#50e4ff;--terrain-ink:#e0fcff}.terrain-art-farm{--terrain-glow:#a5e366;--terrain-ink:#e5ffaf}.terrain-art-bank{--terrain-glow:#edc75e;--terrain-ink:#fff0a1}.terrain-art-laserTurret:before{border:2px solid #9ef7ff;animation:.8s ease-in-out infinite alternate laser-pulse;inset:13% 38%;box-shadow:0 0 12px #50e4ff,inset 0 0 12px #50e4ff}.terrain-art-laserTurret .terrain-art-label{font-size:clamp(6px,6cqw,9px)}.terrain-art-health{z-index:3;color:#e7fcff;background:#04141dcc;border:1px solid #93edff99;border-radius:3px;padding:1px 3px;font-size:clamp(6px,6cqw,9px);font-weight:800;position:absolute;bottom:4%;right:4%}@keyframes terrain-flicker{0%{opacity:.28;transform:scale(.6)}to{opacity:.95;transform:scale(1.2)}}@keyframes lava-breathe{0%{opacity:.55}to{opacity:1}}@keyframes laser-pulse{0%{opacity:.55;filter:brightness(.8)}to{opacity:1;filter:brightness(1.7)}}@media (prefers-reduced-motion:reduce){.terrain-art-spark,.terrain-art-magma:before,.terrain-art-laserTurret:before{animation:none}}.fighter-skin-thunderAzure{--hood:#203c72;--coat:#1c568b;--boots:#152942;--trim:#e9d180;--skin:#e7d2b1;--glow:#79edff;--storm-hot:#efffff}.fighter-skin-thunderViolet{--hood:#51316f;--coat:#68458c;--boots:#291c40;--trim:#edc4a8;--skin:#ebd0c9;--glow:#d395ff;--storm-hot:#ffe9ff}.fighter-skin-thunderAzure .part-blade,.fighter-skin-thunderViolet .part-blade{--material:var(--storm-hot);filter:drop-shadow(0 0 .28em var(--glow))}.fighter-hammer{width:1.45em;height:2.1em;filter:drop-shadow(0 0 .22em var(--glow));top:.48em;left:.25em;transform:rotate(22deg)translateZ(.42em)}.fighter-hammer .part-hammer-shaft{--w:.26em;--h:1.8em;--d:.26em;--material:var(--trim);top:.16em;left:.56em}.fighter-hammer .part-hammer-head{--w:1.36em;--h:.62em;--d:.78em;--material:var(--storm-hot);top:-.14em;left:0}.fighter-hammer .part-hammer-head .face-front{box-shadow:inset 0 0 .24em var(--glow),0 0 .35em var(--glow)}.fighter-hammer .part-hammer-head .face-front:after{content:"ϟ";color:var(--hood);text-align:center;font-size:.56em;font-weight:900;line-height:.62em;position:absolute;inset:0}.is-attacking .fighter-skin-thunderAzure .fighter-arm.arm-right,.is-attacking .fighter-skin-thunderViolet .fighter-arm.arm-right{animation:.72s cubic-bezier(.22,.7,.16,1) both thunder-hammer-swing}.is-attacking.attack-fist .fighter-skin-thunderAzure .fighter-hammer,.is-attacking.attack-cast .fighter-skin-thunderAzure .fighter-hammer,.is-attacking.attack-fist .fighter-skin-thunderViolet .fighter-hammer,.is-attacking.attack-cast .fighter-skin-thunderViolet .fighter-hammer{opacity:1}.is-attacking .fighter-skin-thunderAzure .fighter-strike-trail,.is-attacking .fighter-skin-thunderViolet .fighter-strike-trail{animation:.72s ease-out both fighter-trail}.fighter-skin-thunderAzure .fighter-model:after,.fighter-skin-thunderViolet .fighter-model:after{background:linear-gradient(155deg,var(--hood),#0c162c 75%);box-shadow:0 0 .6em var(--glow)}.fighter-divine-crown{z-index:6;border-bottom:.17em solid var(--trim);width:1.48em;height:.75em;filter:drop-shadow(0 0 .3em var(--glow));position:absolute;top:-.55em;left:1.27em;transform:translateZ(.72em)}.fighter-divine-crown i{background:linear-gradient(180deg,var(--storm-hot),var(--trim));clip-path:polygon(50% 0,100% 65%,76% 100%,24% 100%,0 65%);width:.22em;height:.62em;position:absolute;bottom:.08em}.fighter-divine-crown i:first-child{left:.1em;transform:rotate(-24deg)}.fighter-divine-crown i:nth-child(2){height:.8em;left:.63em}.fighter-divine-crown i:nth-child(3){right:.1em;transform:rotate(24deg)}.fighter-divine-sigil{z-index:7;background:var(--storm-hot);width:.72em;height:1.02em;box-shadow:0 0 .42em var(--glow);clip-path:polygon(54% 0,12% 54%,46% 50%,28% 100%,93% 35%,60% 39%,76% 0);animation:1.6s ease-in-out infinite alternate divine-sigil;position:absolute;top:1.48em;left:1.64em;transform:translateZ(.61em)}.fighter-divine-shoulder{z-index:5;border:1px solid var(--trim);background:linear-gradient(145deg,var(--storm-hot),var(--hood) 56%);width:.95em;height:.76em;box-shadow:0 0 .25em var(--glow);clip-path:polygon(50% 0,100% 34%,83% 100%,12% 86%,0 30%);position:absolute;top:1.21em;transform:translateZ(.36em)}.fighter-divine-shoulder.shoulder-left{left:.45em;transform:translateZ(.36em)rotate(-14deg)}.fighter-divine-shoulder.shoulder-right{right:.45em;transform:translateZ(.36em)rotate(14deg)}.fighter-storm-arcs{z-index:6;pointer-events:none;filter:drop-shadow(0 0 .3em var(--glow));position:absolute;inset:-.3em}.fighter-storm-arcs i{background:var(--storm-hot);clip-path:polygon(70% 0,12% 57%,55% 51%,28% 100%,100% 39%,59% 44%);opacity:.65;width:.5em;height:1.4em;animation:1.5s steps(2,end) infinite alternate divine-sigil;display:block;position:absolute}.fighter-storm-arcs i:first-child{top:18%;left:4%;transform:rotate(-16deg)}.fighter-storm-arcs i:nth-child(2){animation-delay:-.5s;top:30%;right:0;transform:rotate(20deg)}.fighter-storm-arcs i:nth-child(3){animation-delay:-1s;bottom:5%;left:63%;transform:rotate(45deg)}.fighter-skin-thunderAzure .fighter-aura,.fighter-skin-thunderViolet .fighter-aura{box-shadow:0 0 1em var(--glow),inset 0 0 .55em var(--glow);border-width:.2em}.just-moved .fighter-skin-thunderAzure .fighter-model,.just-moved .fighter-skin-thunderViolet .fighter-model{animation:.74s ease-out both thunder-fighter-step}.just-moved .fighter-skin-thunderAzure .fighter-storm-arcs i,.just-moved .fighter-skin-thunderViolet .fighter-storm-arcs i{animation:.7s steps(2,end) both thunder-body-flash}.character-skin-preview.character-skin-thunderAzure{background:radial-gradient(at 50% 75%,#5ceaff70,#0000 60%),#12223f}.character-skin-preview.character-skin-thunderViolet{background:radial-gradient(at 50% 75%,#cb73ff70,#0000 60%),#211831}.character-skin-preview .character-preview-slot.is-solo{width:34%;min-width:130px}.character-skin-preview .character-preview-slot.is-solo .voxel-fighter-3d{font-size:clamp(22px,2.2vw,29px);bottom:8%}.character-color-options{gap:8px;padding:10px 12px 0;display:flex}.character-color-options button{color:#dbe8ed;cursor:pointer;background:#0b1725;border:1px solid #92acc077;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:86px;padding:6px 10px;display:inline-flex}.character-color-options button.is-selected{border-color:var(--option-glow);box-shadow:0 0 12px var(--option-glow)}.character-color-options .color-azure{--option-glow:#76e9ff}.character-color-options .color-violet{--option-glow:#ce8cff}.character-color-options i{background:var(--option-glow);width:12px;height:12px;box-shadow:0 0 8px var(--option-glow);border-radius:50%}.thunder-step-fx{--step-glow:#75edff;--step-hot:#f1ffff;z-index:8;pointer-events:none;filter:drop-shadow(0 0 9px var(--step-glow));position:absolute;inset:-16%}.thunder-step-violet{--step-glow:#cd86ff;--step-hot:#fff0ff}.war-guideline .thunder-path{fill:none;stroke:#d9fdff;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #68eaff);animation:.72s steps(3,end) both thunder-path-flash}.war-guideline .thunder-path-thunderViolet{stroke:#f6d9ff;filter:drop-shadow(0 0 5px #ca76ff)}.thunder-step-bolt{background:linear-gradient(var(--step-hot),var(--step-glow));clip-path:polygon(64% 0,12% 51%,51% 49%,23% 100%,98% 37%,57% 42%);width:16%;height:76%;animation:.72s steps(2,end) both thunder-tile-bolt;position:absolute}.thunder-step-bolt.bolt-a{top:-5%;left:10%;transform:rotate(-20deg)}.thunder-step-bolt.bolt-b{animation-delay:60ms;top:7%;right:8%;transform:rotate(24deg)}.thunder-step-bolt.bolt-c{animation-delay:.12s;bottom:-19%;left:43%;transform:rotate(160deg)}.thunder-step-ring{border:3px solid var(--step-hot);box-shadow:0 0 18px var(--step-glow),inset 0 0 14px var(--step-glow);border-radius:50%;animation:.72s ease-out both thunder-step-ring;position:absolute;inset:22%}@keyframes divine-sigil{0%{opacity:.38;filter:brightness(.75)}to{opacity:1;filter:brightness(1.6)}}@keyframes thunder-fighter-step{0%{filter:brightness(2.8);transform:translate(-50%)scale(.88)}45%{filter:brightness(2);transform:translate(-50%)translateY(-.34em)scale(1.12)}to{filter:brightness();transform:translate(-50%)scale(1)}}@keyframes thunder-hammer-swing{0%,to{transform:rotate(6deg)}27%{transform:rotate(-95deg)translateY(-.3em)}59%{transform:rotate(76deg)translateZ(.6em)}}@keyframes thunder-body-flash{0%,to{opacity:.3}20%,55%{opacity:1;filter:brightness(2.7)}}@keyframes thunder-tile-bolt{0%{opacity:0;scale:.6}14%,54%{opacity:1;scale:1.1}30%,to{opacity:0;scale:1}}@keyframes thunder-step-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2)}}@keyframes thunder-path-flash{0%,to{opacity:0;stroke-dasharray:1 3}18%,56%{opacity:1;stroke-dasharray:100 0}32%{opacity:.28}}@media (prefers-reduced-motion:reduce){.fighter-divine-sigil,.fighter-storm-arcs i,.thunder-step-fx *{animation:none}}.thunder-finisher{--finisher-glow:#78eaff;--finisher-hot:#eaffff;z-index:18;pointer-events:none;isolation:isolate;animation:2.9s both thunder-finisher-exit;position:absolute;inset:0;overflow:hidden}.thunder-finisher.finisher-violet{--finisher-glow:#d897ff;--finisher-hot:#ffeaff}.finisher-shutter{background:linear-gradient(118deg, #020715f5 0 23%, #152f54f2 48%, #020615f5 78%), radial-gradient(circle at 60% 50%, var(--finisher-glow), transparent 45%);clip-path:polygon(0 0,85% 0,100% 100%,0 100%);border-right:8px solid var(--finisher-glow);animation:.46s cubic-bezier(.16,.8,.15,1) both thunder-shutter;position:absolute;inset:-10%;transform:translate(-112%)}.finisher-energy{aspect-ratio:1;border:2px solid var(--finisher-glow);width:min(85vw,930px);box-shadow:0 0 80px var(--finisher-glow), inset 0 0 95px var(--finisher-glow);opacity:0;background:radial-gradient(circle,#ffffff43,#267be04d 22%,#0000 65%);border-radius:50%;animation:1.45s ease-out .18s both thunder-charge;position:absolute;top:-25%;left:15%}.finisher-portrait-wrap{z-index:3;width:min(75%,950px);height:119%;filter:drop-shadow(0 0 22px var(--finisher-glow));animation:1.35s cubic-bezier(.12,.72,.18,1) 80ms both thunder-portrait-enter;position:absolute;bottom:-12%;left:-3%;transform:translate(-112%)skew(-8deg)scale(.9)}.finisher-portrait{object-fit:contain;object-position:left bottom;width:100%;height:100%;display:block}.finisher-lightning{z-index:5;fill:none;width:100%;height:100%;stroke:var(--finisher-hot);stroke-width:4px;stroke-linejoin:bevel;filter:drop-shadow(0 0 9px var(--finisher-glow));pointer-events:none;position:absolute;inset:0;overflow:visible}.finisher-lightning path{stroke-dasharray:1600;stroke-dashoffset:1600px;animation:1.38s ease-out .33s both thunder-arc-flash}.finisher-lightning path:nth-child(2){animation-delay:.45s}.finisher-lightning path:nth-child(3){animation-delay:.56s}.finisher-lightning path:nth-child(4){animation-delay:.65s}.finisher-words{z-index:6;color:#f5fbff;width:48%;text-shadow:0 4px 12px #02040d, 0 0 22px var(--finisher-glow);opacity:0;justify-items:start;animation:.66s cubic-bezier(.2,.85,.2,1) .69s both thunder-words-enter;display:grid;position:absolute;top:39%;right:4%;transform:translate(65%)skew(-8deg)}.finisher-words small{color:var(--finisher-glow);letter-spacing:.32em;font:900 clamp(10px,1.2vw,16px) monospace}.finisher-words strong{white-space:nowrap;letter-spacing:.08em;-webkit-text-stroke:1px var(--finisher-hot);font:900 clamp(43px,6.8vw,110px)/1.1 Georgia,serif}.finisher-words b{border-top:2px solid var(--finisher-glow);width:100%;color:var(--finisher-hot);letter-spacing:.34em;padding-top:8px;font:900 clamp(11px,1.7vw,24px) monospace}.finisher-impact{z-index:7;background:radial-gradient(circle at 68% 50%, #fffd, var(--finisher-glow) 23%, transparent 66%);opacity:0;animation:2.2s .35s both thunder-impact-flash;position:absolute;inset:0}.victory-overlay.thunder-victory{--victory-storm:#83e9ff}.victory-overlay.victory-violet{--victory-storm:#d9a2ff}.victory-overlay.thunder-victory .victory-vignette{background:radial-gradient(#1a3550b9 0 14%,#07101cf2 72%)}.victory-overlay.thunder-victory .victory-content strong,.victory-overlay.thunder-victory .victory-content small{color:#f5fbff;text-shadow:0 0 24px var(--victory-storm), 0 4px 8px #020612}.victory-overlay.thunder-victory .victory-emblem b{border-color:var(--victory-storm);box-shadow:0 0 25px var(--victory-storm), inset 0 0 17px var(--victory-storm)}.thunder-finisher-preview-trigger{color:#e5f9ff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(110deg,#16284a,#2e2453);border:1px solid #76d7efb8;border-radius:5px;width:calc(100% - 24px);margin:9px 12px 0;padding:10px 12px;font-weight:900;box-shadow:inset 0 1px #bbebff63,0 0 12px #618ce533}.thunder-finisher-preview-trigger:hover{border-color:#e5faff;box-shadow:0 0 16px #86d9ff8c}.finisher-preview-stage{z-index:2000;background:radial-gradient(circle,#20395d,#050b1c 70%);position:fixed;inset:0;overflow:hidden}.finisher-preview-close{z-index:21;color:#f5f8ff;cursor:pointer;background:#08162bbd;border:1px solid #d8eaffad;border-radius:5px;padding:8px 16px;position:absolute;top:18px;right:18px}@keyframes thunder-finisher-exit{0%,83%{opacity:1}to{opacity:0}}@keyframes thunder-shutter{to{transform:translate(0)}}@keyframes thunder-portrait-enter{0%{transform:translate(-112%)skew(-8deg)scale(.9)}55%{transform:translate(1%)skew(-8deg)scale(1.04)}80%{transform:translate(0)skew(-2deg)scale(1)}90%{transform:translate(4%)skew(4deg)scale(1.09)}to{transform:translate(0)skew(0)scale(1)}}@keyframes thunder-charge{0%{opacity:0;transform:scale(.25)}60%{opacity:.65}to{opacity:.15;transform:scale(1.65)}}@keyframes thunder-arc-flash{0%{opacity:0;stroke-dashoffset:1600px}45%{opacity:1;stroke-dashoffset:0}68%,to{opacity:0;stroke-dashoffset:0}}@keyframes thunder-words-enter{to{opacity:1;transform:translate(0)skew(-8deg)}}@keyframes thunder-impact-flash{0%,33%,55%,to{opacity:0}39%{opacity:.78}44%{opacity:.12}48%{opacity:.4}}@media (width<=700px){.finisher-portrait-wrap{opacity:.75;width:104%;left:-22%}.finisher-words{width:91%;top:55%;right:3%}.finisher-words strong{font-size:clamp(39px,9vw,68px)}.finisher-words b{font-size:11px}}@media (prefers-reduced-motion:reduce){.thunder-finisher,.thunder-finisher *{animation:none!important}.finisher-shutter,.finisher-portrait-wrap{transform:none}.finisher-words{opacity:1;transform:none}.finisher-energy{display:none}}.fighter-skin-starKitty{--hood:#f6c5df;--coat:#ef98c8;--boots:#fff0ec;--trim:#ffe49a;--skin:#fff2e8;--glow:#ffc3e7;filter:drop-shadow(0 .2em .1em #6d416ca8)}.fighter-skin-starKitty .fighter-model{animation:2.4s ease-in-out infinite kitty-idle}.fighter-skin-starKitty .fighter-model:after{opacity:.9;clip-path:polygon(18% 0,82% 0,100% 100%,50% 77%,0 100%);background:linear-gradient(150deg,#fff5fb,#bb8eca);width:3.1em;height:1.75em;top:1.85em;left:.45em;box-shadow:0 0 .45em #ffd3ed}.fighter-skin-starKitty .part-head{--w:1.82em;--h:1.65em;--d:1.32em;z-index:5;top:.16em;left:1.09em}.fighter-skin-starKitty .part-head .face-front:before{background:#fff4ef;border-radius:38% 38% 48% 48%;width:84%;height:68%;top:24%;left:8%;box-shadow:inset 0 -.13em #ffd9da}.fighter-skin-starKitty .part-head .face-front:after{display:none}.fighter-skin-starKitty .part-torso{--w:1.42em;--h:1.1em;--d:.9em;top:1.77em;left:1.29em}.fighter-skin-starKitty .part-torso .face-front:after{background:#fff1dc;width:8%;left:46%}.fighter-skin-starKitty .fighter-arm{top:1.86em}.fighter-skin-starKitty .fighter-arm.arm-left{left:.73em}.fighter-skin-starKitty .fighter-arm.arm-right{left:2.74em}.fighter-skin-starKitty .part-arm{--w:.5em;--h:1.04em;--d:.52em}.fighter-skin-starKitty .fighter-leg{top:3.03em}.fighter-skin-starKitty .fighter-leg.leg-left{left:1.3em}.fighter-skin-starKitty .fighter-leg.leg-right{left:2.18em}.fighter-skin-starKitty .part-leg{--w:.58em;--h:1.03em;--d:.62em}.kitty-ear{z-index:8;clip-path:polygon(48% 0,100% 100%,0 100%);filter:drop-shadow(0 0 .2em #ffd5ed);background:linear-gradient(135deg,#fff6f2,#f5afd4 72%);width:.82em;height:.92em;animation:3.1s ease-in-out infinite kitty-ear-twitch;position:absolute;top:-.45em;transform:translateZ(.45em)}.kitty-ear.ear-left{left:1.03em;transform:translateZ(.45em)rotate(-13deg)}.kitty-ear.ear-right{animation-delay:-1.2s;right:1.03em;transform:translateZ(.45em)rotate(13deg)}.kitty-ear i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#e979ad;position:absolute;inset:32% 22% 5%}.kitty-face{z-index:9;width:1.36em;height:.69em;position:absolute;top:.76em;left:1.32em;transform:translateZ(1.1em)}.kitty-eye{background:#453450;border-radius:48%;width:.25em;height:.36em;animation:4.1s linear infinite kitty-blink;position:absolute;top:.08em;box-shadow:0 .03em #6b4b72}.kitty-eye.eye-left{left:.2em}.kitty-eye.eye-right{right:.2em}.kitty-eye:after{content:"";background:#fff;border-radius:50%;width:36%;height:35%;position:absolute;top:10%;left:22%}.kitty-nose{background:#e86e9e;border-radius:45% 45% 65% 65%;width:.13em;height:.1em;position:absolute;top:.36em;left:50%;transform:translate(-50%)}.kitty-nose:after{content:"ω";color:#9d6680;font-size:.22em;position:absolute;top:0;left:50%;transform:translate(-50%)}.kitty-blush{opacity:.85;filter:blur(.03em);background:#fb9fb7;border-radius:50%;width:.27em;height:.14em;position:absolute;top:.43em}.kitty-blush.blush-left{left:.04em}.kitty-blush.blush-right{right:.04em}.kitty-skirt{z-index:5;clip-path:polygon(22% 0,78% 0,100% 88%,80% 100%,50% 87%,18% 100%,0 88%);background:linear-gradient(145deg,#fff7f6 2%,#f29bc8 43%,#b778be);width:2.08em;height:1.06em;position:absolute;top:2.54em;left:.96em;transform:translateZ(.28em);box-shadow:0 0 .38em #ffd5eb}.kitty-skirt:after{content:"";border-bottom:.1em dashed #fff4d7;width:88%;position:absolute;bottom:13%;left:6%}.kitty-bow{z-index:10;width:1.14em;height:.5em;position:absolute;top:1.88em;left:1.43em;transform:translateZ(.9em)}.kitty-bow i{background:linear-gradient(140deg,#ffe9a4,#f4aaaf);border:.04em solid #fff9db;width:.52em;height:.36em;position:absolute;top:.02em;box-shadow:0 0 .2em #fff4c0}.kitty-bow i:first-child{clip-path:polygon(0 0,100% 25%,100% 75%,0 100%);left:0}.kitty-bow i:nth-child(2){clip-path:polygon(100% 0,0 25%,0 75%,100% 100%);right:0}.kitty-bow b{z-index:2;color:#fff;text-shadow:0 0 .3em #fff;font-size:.38em;position:absolute;top:-.02em;left:50%;transform:translate(-50%)}.kitty-tail{z-index:1;filter:drop-shadow(0 0 .25em #ffc1de);transform-origin:100% 100%;border:0;border-top:.25em solid #fff4ed;border-left:.25em solid #fff4ed;border-radius:80% 0 0;width:1.07em;height:1.31em;animation:2s ease-in-out infinite alternate kitty-tail-sway;position:absolute;top:2.28em;left:.2em;transform:translateZ(-.4em)rotate(-17deg)}.kitty-tail:after{content:"♡";color:#f387b5;font-size:.66em;position:absolute;top:-.38em;left:-.35em}.kitty-wand{width:1.4em;height:2em;top:.25em;left:.12em;transform:rotate(22deg)translateZ(.4em)}.kitty-wand .part-wand-shaft{--w:.17em;--h:1.7em;--d:.17em;--material:#f6d489;top:.3em;left:.62em}.kitty-wand-star{z-index:8;color:#ffef9a;text-align:center;text-shadow:0 0 .2em #fff,0 0 .55em #ffd477;width:1.5em;font-size:1.06em;animation:1.3s ease-in-out infinite alternate kitty-star-twinkle;position:absolute;top:-.45em;left:-.12em}.kitty-wand-ribbon{border-bottom:.1em solid #ee80b4;border-left:.12em solid #ee80b4;border-radius:0 0 0 80%;width:.58em;height:.52em;position:absolute;top:.33em;left:.42em;transform:rotate(-28deg)}.kitty-charm{z-index:8;color:#fff0aa;text-shadow:0 0 .4em #ffe7a8;font-size:.45em;animation:2.1s ease-in-out infinite alternate kitty-charm-float;position:absolute}.kitty-charm.charm-a{top:.52em;left:.35em}.kitty-charm.charm-b{animation-delay:-.8s;top:1em;right:.28em}.kitty-charm.charm-c{color:#ffc7e4;animation-delay:-1.5s;bottom:.43em;right:.66em}.fighter-skin-starKitty .fighter-aura{border-color:#ffe8a8;box-shadow:0 0 .9em #ffc7e5,inset 0 0 .5em #fff3b8}.is-attacking .fighter-skin-starKitty .fighter-arm.arm-right{animation:.72s cubic-bezier(.2,.72,.2,1) both kitty-wand-swing}.is-attacking.attack-fist .fighter-skin-starKitty .kitty-wand,.is-attacking.attack-cast .fighter-skin-starKitty .kitty-wand{opacity:1}.just-moved .fighter-skin-starKitty .fighter-model{animation:.82s ease-out both kitty-hop}.character-skin-preview.character-skin-starKitty{background:radial-gradient(circle at 50% 78%,#fff2b677,#0000 35%),radial-gradient(circle at 18% 17%,#ffc4ed55,#0000 31%),linear-gradient(145deg,#423759,#24344f 60%,#273b48)}.character-skin-preview.character-skin-starKitty:before{content:"";opacity:.9;background:radial-gradient(circle at 13% 23%,#fff9cf 0 2px,#0000 3px),radial-gradient(circle at 77% 20%,#fff9cf 0 3px,#0000 4px),radial-gradient(circle at 84% 72%,#ffd0ee 0 2px,#0000 3px),radial-gradient(circle at 33% 73%,#fff7dc 0 2px,#0000 3px);position:absolute;inset:0}.cute-battle-fx{z-index:8;pointer-events:none;position:absolute;inset:-10%}.cute-fx-star{color:#fff4a8;text-shadow:0 0 6px #fff,0 0 14px #ffbcd8;font-size:clamp(16px,28cqw,35px);font-style:normal;animation:.88s ease-out both cute-star-burst;position:absolute}.cute-fx-star.star-a{--fly-x:-16px;--fly-y:-16px;top:5%;left:12%}.cute-fx-star.star-b{--fly-x:16px;--fly-y:-13px;animation-delay:80ms;top:15%;right:8%}.cute-fx-star.star-c{--fly-x:-14px;--fly-y:15px;animation-delay:.13s;bottom:7%;left:20%}.cute-fx-star.star-d{--fly-x:15px;--fly-y:14px;animation-delay:.18s;bottom:6%;right:12%}.cute-fx-attack .cute-fx-star{color:#ffe2ef;font-size:clamp(20px,35cqw,43px)}.cute-fx-ring{border:3px solid #fff1b7;border-radius:50%;animation:.88s ease-out both cute-ring-pop;position:absolute;inset:22%;box-shadow:0 0 16px #ffb8dc}.war-guideline .cute-trail{fill:none;stroke:#ffe0ef;stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:1.4 1.2;filter:drop-shadow(0 0 5px #ffb2dd);animation:.8s ease-out both cute-trail-draw}@keyframes kitty-idle{0%,to{transform:translate(-50%)rotateY(-12deg)}50%{transform:translate(-50%)translateY(-.16em)rotateY(12deg)}}@keyframes kitty-blink{0%,87%,92%,to{transform:scaleY(1)}90%{transform:scaleY(.12)}}@keyframes kitty-ear-twitch{0%,84%,to{filter:brightness()}90%{filter:brightness(1.3)}}@keyframes kitty-tail-sway{0%{transform:translateZ(-.4em)rotate(-29deg)}to{transform:translateZ(-.4em)rotate(5deg)}}@keyframes kitty-star-twinkle{0%{opacity:.7;transform:rotate(-13deg)scale(.87)}to{opacity:1;transform:rotate(12deg)scale(1.16)}}@keyframes kitty-charm-float{0%{opacity:.4;transform:translateY(.15em)scale(.75)}to{opacity:1;transform:translateY(-.25em)scale(1.15)}}@keyframes kitty-wand-swing{0%,to{transform:rotate(5deg)}25%{transform:rotate(-72deg)translateY(-.3em)}58%{transform:rotate(59deg)translateZ(.7em)}}@keyframes kitty-hop{0%,to{transform:translate(-50%)translateY(0)scale(1)}35%{transform:translate(-50%)translateY(-.55em)scale(1.08)}70%{transform:translate(-50%)translateY(.06em)scale(.94)}}@keyframes cute-star-burst{0%{opacity:0;transform:translate(0)scale(.2)rotate(-25deg)}30%{opacity:1}to{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) scale(1.15) rotate(35deg)}}@keyframes cute-ring-pop{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2)}}@keyframes cute-trail-draw{0%{opacity:0;stroke-dashoffset:11px}25%{opacity:1}to{opacity:0;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.fighter-skin-starKitty .fighter-model,.kitty-ear,.kitty-eye,.kitty-tail,.kitty-wand-star,.kitty-charm,.cute-battle-fx *,.war-guideline .cute-trail{animation:none}}.victory-overlay{--result-accent:#f6d592;--result-glow:#f1ad58;z-index:12;isolation:isolate;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.victory-overlay.result-defeat{--result-accent:#a7bed0;--result-glow:#4f7798}.victory-overlay.result-draw{--result-accent:#c8d8d7;--result-glow:#7caaa9}.result-shade{background:radial-gradient(#06121aaa 0,#061019de 70%);animation:.42s ease-out both result-shade-in;position:absolute;inset:0}.result-flash{mix-blend-mode:screen;background:linear-gradient(100deg,#0000 36%,#fff8dfb8 50%,#0000 64%);animation:.65s ease-out .12s both result-flash-pass;position:absolute;inset:0}.result-defeat .result-flash,.result-draw .result-flash{display:none}.result-panel{z-index:1;border-block:1px solid var(--result-accent);width:min(75%,620px);color:var(--result-accent);text-align:center;box-shadow:0 18px 50px #0007,0 0 50px color-mix(in srgb,var(--result-glow) 15%,transparent);background:linear-gradient(90deg,#0000,#081620de 14%,#091720ee 50%,#081620de 86%,#0000);justify-items:center;padding:30px 25px 33px;animation:.5s cubic-bezier(.16,.75,.28,1) both result-panel-in;display:grid;position:relative}.result-topline{color:#f2f4e8c7;letter-spacing:.28em;align-items:center;gap:12px;font:700 clamp(9px,1vw,12px) system-ui,sans-serif;display:flex}.result-topline i{background:var(--result-accent);opacity:.65;width:23px;height:1px}.result-mark{text-shadow:0 0 18px var(--result-glow);margin-top:12px;font-size:clamp(20px,2.5vw,30px);line-height:1}.result-panel strong{letter-spacing:.15em;text-indent:.15em;text-shadow:0 2px 0 #0008,0 0 28px color-mix(in srgb,var(--result-glow) 48%,transparent);margin:4px 0 10px;font:900 clamp(46px,7vw,98px)/1 system-ui,sans-serif;animation:.52s cubic-bezier(.15,.86,.19,1) .12s both result-title-in}.result-rule{background:linear-gradient(90deg,transparent,var(--result-accent),transparent);width:min(64%,360px);height:1px}.result-rule i{width:50%;height:1px;box-shadow:0 0 12px 3px var(--result-glow);background:#fff;animation:.8s ease-out .35s both result-rule-sweep;display:block}.result-panel p{color:#dce8e7;letter-spacing:.06em;margin:13px 0 0;font-size:clamp(12px,1.25vw,16px);font-weight:600}@keyframes result-shade-in{0%{opacity:0}to{opacity:1}}@keyframes result-flash-pass{0%{opacity:0;transform:translate(-100%)}40%{opacity:.38}to{opacity:0;transform:translate(100%)}}@keyframes result-panel-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes result-title-in{0%{opacity:0;filter:blur(7px);transform:scale(1.12)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes result-rule-sweep{0%{opacity:0;transform:translate(-90%)}50%{opacity:.8}to{opacity:0;transform:translate(200%)}}@media (width<=600px){.result-panel{width:90%;padding:23px 12px 25px}.result-panel strong{font-size:clamp(38px,10vw,58px)}}@media (prefers-reduced-motion:reduce){.victory-overlay *{animation:none!important}}.reduce-motion .victory-overlay *{animation:none!important}.field-structure,.ground-device{--structure-accent:#92b4a2;z-index:2;pointer-events:none;filter:drop-shadow(4px 9px 4px #18231b85);display:block;position:absolute;inset:-12% 0 0}.structure-team-blue{--structure-accent:#519bbb}.structure-team-red{--structure-accent:#b45548}.ground-device>svg{width:100%;height:100%;overflow:visible}.structure-ground-shadow{filter:blur(5px);background:#161b1580;border-radius:50%;position:absolute;inset:68% 8% 6%}.structure-durability{background:#101810e0;border:1px solid #0d1715;border-radius:2px;height:4px;position:absolute;bottom:5%;left:28%;right:28%;overflow:hidden;box-shadow:0 1px 3px #0009}.structure-durability i{background:var(--structure-accent);height:100%;transition:width .45s;display:block}.structure-bank{inset:-20% -2% 0}.structure-prop{background:url(/assets/rural-structures-Zu-bBJmB.png) 0 0/300% 100% no-repeat;position:absolute;inset:0}.prop-bank{background-position:0}.prop-turret{background-position:50%}.prop-farm{background-position:100%}.item-artwork{background:#26322bb3;position:relative}.item-artwork>.structure-prop{inset:-4%}.item-artwork .ground-device{filter:drop-shadow(1px 2px 1px #0008);inset:-8%}.item-artwork .ground-device *{animation:none}.war-actions .item-artwork{background:0 0;border:0;width:38px;height:32px}.farm-model{position:absolute;inset:0}.farm-model .wheat-patch{opacity:.8;inset:5% 12% 12%}.structure-banner{background:linear-gradient(90deg, #243631, var(--structure-accent));clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);width:7%;height:18%;position:absolute;top:33%;right:15%}.bank-lantern{aspect-ratio:1;background:#ffe2a4;border-radius:50%;width:3%;position:absolute;top:63%;left:27%;box-shadow:0 0 7px #ffbc49}.turret-muzzle{filter:drop-shadow(0 0 8px #b6ffff);background:radial-gradient(#fff 5%,#c8ffff 18%,#56d9ea87 35%,#0000 67%);width:21%;height:36%;position:absolute;top:-6%;left:53%}.turret-smoke{position:absolute;inset:0}.turret-smoke i{filter:blur(5px);background:#e4e0ce9c;border-radius:50%;width:22%;height:23%;position:absolute;top:2%;left:54%}.turret-smoke i+i{top:-10%;left:65%}.structure-farm{inset:5%}.wheat-patch{pointer-events:none;display:block;position:absolute;inset:0}.ploughed-earth{background:repeating-linear-gradient(165deg,#291d16 0 3%,#6c4c2e 4% 6%,#4a3420 7% 12%);border-radius:12% 8% 17% 7%;position:absolute;inset:10% 2% 5%;box-shadow:inset 3px 3px 8px #0f100f99,0 4px 4px #1e231c66}.wheat-stalk{z-index:1;width:8%;height:var(--height);transform-origin:50% 100%;filter:drop-shadow(2px 3px 1px #2e271668);animation:wheat-wind 3.4s ease-in-out var(--sway-delay) infinite;position:absolute}.wheat-stem{background:linear-gradient(#d9b957,#998035 55%,#5c6b2e);border-radius:60%;width:2px;height:100%;position:absolute;bottom:0;left:47%}.wheat-leaf{background:linear-gradient(135deg,#9e9a4b,#5e7837);border-radius:100% 0;width:76%;height:34%;position:absolute;bottom:17%;left:48%;transform:rotate(-23deg)}.wheat-ear{width:85%;height:60%;position:absolute;top:-12%;left:8%;transform:rotate(-8deg)}.wheat-ear b{background:linear-gradient(130deg,#f6d47a,#c6993d 70%,#846a32);border-top:1px solid #ffe2a084;border-radius:90% 5% 90% 10%;width:52%;height:27%;position:absolute}.wheat-ear b:nth-child(2n){right:0;transform:scaleX(-1)}.wheat-ear b:first-child,.wheat-ear b:nth-child(2){top:4%}.wheat-ear b:nth-child(3),.wheat-ear b:nth-child(4){top:28%}.wheat-ear b:nth-child(5),.wheat-ear b:nth-child(6){top:52%}.wheat-ear:before{content:"";background:#ffe4a2;width:1px;position:absolute;inset:-22% 45% 70%}.is-decorative{opacity:.92}.is-decorative .wheat-stalk{width:6%}.turret-platform{clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}.turret-head{clip-path:polygon(0 0,100% 0,100% 79%,0 79%);transform-origin:50% 70%;animation:7s ease-in-out infinite turret-survey}.turret-muzzle,.turret-smoke{opacity:0}.is-firing .turret-head{animation:1.1s ease-out both turret-recoil}.is-firing .turret-muzzle{animation:1.1s ease-out both muzzle-burst}.is-firing .turret-smoke{animation:1.1s ease-out both barrel-smoke}.is-building>.structure-prop,.is-building>.farm-model,.is-building>.wheat-patch,.ground-device.is-building>svg{animation:.9s cubic-bezier(.2,.7,.2,1) both building-rise}.cannon-rig{z-index:5;inset:-8% -25% 0 20%}.construction-dust,.ground-vapor{pointer-events:none;position:absolute;inset:0}.construction-dust i,.ground-vapor i{aspect-ratio:1;filter:blur(7px);background:#c5b79566;border-radius:50%;width:30%;animation:1s ease-out both construction-cloud;position:absolute;bottom:15%;left:23%}.construction-dust i:nth-child(2),.ground-vapor i:nth-child(2){animation-delay:.12s;left:50%}.construction-dust i:nth-child(3),.ground-vapor i:nth-child(3){animation-delay:.3s;left:37%}.ground-vapor i{background:#ddd3b442;animation:3s ease-out infinite ground-steam}.device-magma .ground-vapor i{background:#a2a09666}.pool-ripples{transform-origin:50%;animation:2.7s ease-in-out infinite liquid-surface}.device-magma .pool-ripples{filter:drop-shadow(0 0 5px #ff952f)}.war-grid .war-cell:is(.terrain-farm,.terrain-bank,.terrain-laserTurret,.terrain-wireTrap,.terrain-bouncer){background:linear-gradient(145deg,#81846b99,#3e513c99);border-color:#b2b59a77}.field-wall-edge{background:repeating-linear-gradient(90deg,#0000 0 17%,#242d2580 18% 21%),linear-gradient(#d1c8ab,#8a8f76 35%,#4d5e4a 85%,#222e27);border-color:#aab69b;box-shadow:0 5px 5px #152318b3,inset 0 2px #eee4c08c}.war-guideline .turret-beam{stroke-dasharray:none;stroke:#cfffff;stroke-width:.7px;stroke-linecap:round;filter:drop-shadow(0 0 2px #64efff)drop-shadow(0 0 5px #4eb8d9);animation:1.1s ease-out both beam-fire}@keyframes wheat-wind{0%,to{transform:rotate(-7deg)skew(-2deg)}42%{transform:rotate(13deg)skew(4deg)}72%{transform:rotate(3deg)}}@keyframes turret-survey{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes turret-recoil{0%,to{transform:translateY(0)}22%{transform:translateY(7px)}44%{transform:translateY(-2px)}}@keyframes muzzle-burst{0%,55%,to{opacity:0}18%{opacity:1;transform:scale(1)}37%{opacity:.7;transform:scale(.7)}}@keyframes barrel-smoke{0%,16%{opacity:0}36%{opacity:.5}to{opacity:0;transform:translateY(-22px)scale(1.6)}}@keyframes building-rise{0%{opacity:0;filter:brightness(2);transform:translateY(24%)scale(.55)}65%{opacity:1;transform:translateY(-3%)scale(1.04)}to{transform:none}}@keyframes construction-cloud{0%{opacity:0;transform:scale(.4)}25%{opacity:.8}to{opacity:0;transform:translateY(-30%)scale(2)}}@keyframes ground-steam{0%{opacity:0;transform:translateY(0)scale(.4)}35%{opacity:.7}to{opacity:0;transform:translateY(-150%)scale(1.4)}}@keyframes liquid-surface{50%{opacity:.55;transform:scale(.97)}}@keyframes beam-fire{0%,to{opacity:0}15%,45%{opacity:1}65%{opacity:.6}}@media (prefers-reduced-motion:reduce){.wheat-stalk,.turret-head,.pool-ripples,.ground-vapor i,.is-building>.structure-prop,.is-building>.farm-model,.is-building>.wheat-patch,.ground-device.is-building>svg,.is-firing .turret-muzzle,.is-firing .turret-smoke{animation:none}}.war-hero.just-moved,.war-troop.just-moved{animation:.65s cubic-bezier(.16,.92,.23,1) both tactical-dash}.war-hero.is-displaced,.war-troop.is-displaced{animation:.45s ease-out both tactical-slide}.war-hero.just-moved .fighter-model,.war-troop.just-moved .fighter-model{animation:.65s ease-out both dash-lean}.war-hero.just-moved .fighter-leg:is(.leg-left,.leg-right),.war-troop.just-moved .fighter-leg:is(.leg-left,.leg-right),.war-hero.just-moved .fighter-arm,.war-troop.just-moved .fighter-arm{animation:none}.is-dodging .fighter-model{animation:.6s ease-in-out both fighter-evade}.unit-dash-trail{z-index:0;opacity:0;pointer-events:none;transform:rotate(var(--dash-angle,0deg));position:absolute;inset:25% -10% 15%}.unit-dash-trail i{background:linear-gradient(90deg,#0000,#c1ffe994);border-radius:50%;width:110%;height:4%;position:absolute;top:50%;left:-35%;box-shadow:0 0 6px #83e9cf77}.unit-dash-trail i:nth-child(2){width:70%;height:2%;top:25%;left:-10%}.unit-dash-trail i:nth-child(3){width:85%;height:2%;top:76%;left:-20%}.team-red .unit-dash-trail i{background:linear-gradient(90deg,#0000,#ffc5a694)}.just-moved>.unit-dash-trail{animation:.65s ease-out both dash-streak}@keyframes tactical-dash{0%{transform:translate(calc(var(--step-x) * 100%), calc(var(--step-y) * 100% - 5%)) scale(.94, 1.04);filter:brightness(1.4)blur(1px)}65%{filter:brightness(1.2);transform:translateY(-8%)scale(1.07,.94)}82%{filter:brightness();transform:translateY(-3%)scale(.99,1.02)}to{transform:translateY(-5%)}}@keyframes tactical-slide{0%{transform:translate(calc(var(--step-x) * 100%), calc(var(--step-y) * 100% - 5%))}to{transform:translateY(-5%)}}@keyframes dash-lean{0%{transform:translate(-50%)rotateX(-12deg)rotateY(-20deg)rotate(-8deg)}65%{transform:translate(-50%)rotateX(-2deg)rotateY(-10deg)rotate(4deg)}to{transform:translate(-50%)rotateX(-7deg)rotateY(-20deg)}}@keyframes dash-streak{0%,to{opacity:0}14%,48%{opacity:.85}75%{opacity:.2}}@keyframes fighter-evade{0%,to{transform:translate(-50%)rotateY(-20deg)}45%{transform:translate(-65%)rotate(-22deg)rotateY(-40deg)scaleY(.8)}}@media (prefers-reduced-motion:reduce){.war-hero.just-moved,.war-troop.just-moved,.war-hero.is-displaced,.war-troop.is-displaced{animation-duration:10ms}.war-hero.just-moved .fighter-model,.war-troop.just-moved .fighter-model,.is-dodging .fighter-model,.just-moved>.unit-dash-trail{animation:none}}.placement-ghost{z-index:3;opacity:.5;pointer-events:none;filter:saturate(.65)drop-shadow(0 0 5px #ffe4a766);display:block;position:absolute;inset:0}.placement-ghost:not(.is-edge-ghost):after{content:"";border:1px dashed #ffe5a0;border-radius:6px;position:absolute;inset:8%}.placement-ghost.is-hovering{opacity:.38}.placement-ghost.is-invalid{filter:sepia()saturate(3)hue-rotate(315deg);opacity:.3}.placement-ghost .structure-durability{display:none}.placement-ghost .turret-head,.placement-ghost .wheat-stalk,.placement-ghost .pool-ripples,.placement-ghost .ground-vapor i{animation:none}.placement-ghost .voxel-art{height:90%;position:absolute;left:50%;transform:translate(-50%)}.war-health{--hp-color:#50bfff;--hp-dark:#1765b3;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px}.war-health.health-warning{--hp-color:#ffe366;--hp-dark:#b78017}.war-health.health-critical{--hp-color:#ff686b;--hp-dark:#b51c36}.war-health-content{gap:5px;min-width:0;display:grid}.war-health.enemy{grid-template-columns:minmax(0,1fr) 54px}.war-health.enemy .skin-portrait{grid-area:1/2}.war-health.enemy .war-health-content{grid-area:1/1}.war-health.enemy .war-health-meta,.war-health.enemy .war-resource-row,.war-health.enemy .war-experience-row{flex-direction:row-reverse}.war-health.enemy .war-health-meta>small{margin-left:0;margin-right:auto}.war-health.enemy .war-merc-times{justify-content:flex-end}.war-health.enemy .war-resource-row>i>em,.war-health.enemy .war-experience-row>i>em{margin-left:auto}.war-health .war-health-bar{border:1px solid color-mix(in srgb, var(--hp-color), transparent 45%);background:#071522;border-radius:4px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #000a}.war-health .war-health-bar>em{background:linear-gradient(90deg, var(--hp-dark), var(--hp-color));height:100%;box-shadow:0 0 10px var(--hp-color);transition:width .4s ease-out,background .25s;display:block}.war-health.enemy .war-health-bar>em{background:linear-gradient(270deg, var(--hp-dark), var(--hp-color));margin-left:auto}.war-health-bar>strong{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000,0 0 4px #000;place-items:center;font:800 11px/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}.has-taken-damage .war-health-bar{animation:.5s ease-out health-hit}.has-taken-damage .skin-portrait{animation:.5s ease-out portrait-hit}.skin-portrait{pointer-events:none;background:radial-gradient(circle at 50% 35%,#316a83,#08161e 80%);border:1px solid #69b9e38c;border-radius:8px 8px 15px 15px;width:54px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #020b12}.portrait-red{background:radial-gradient(circle at 50% 35%,#77394c,#180e18 80%);border-color:#db727a99}.portrait-thunderAzure.portrait-blue{background:radial-gradient(circle at 50% 35%,#177dab,#061627 80%)}.portrait-thunderViolet.portrait-blue{background:radial-gradient(circle at 50% 35%,#6444a3,#14092d 80%)}.portrait-starKitty.portrait-blue{background:radial-gradient(circle at 50% 35%,#b077a7,#24182d 80%)}.skin-portrait .voxel-fighter-3d{font-size:16px;bottom:-18px}.skin-portrait .fighter-model{animation:none;transform:translate(-50%)rotateX(-4deg)rotateY(-10deg)}.skin-portrait .fighter-shadow,.skin-portrait .fighter-aura,.skin-portrait .fighter-particles,.skin-portrait .fighter-storm-arcs{display:none}.skin-portrait .voxel-art{width:54px;height:90px;position:absolute;top:-3px;left:0}.bounce-direction-picker{align-items:center;gap:6px;margin:8px 0;display:flex}.bounce-direction-picker>span{color:#b8e0d8;margin-right:auto;font-size:11px}.bounce-direction-picker button{color:#c0ded5;cursor:pointer;background:#142b28;border:1px solid #69958b88;border-radius:6px;width:35px;height:35px;font-size:24px}.bounce-direction-picker button[aria-pressed=true]{color:#fff;background:#286d68;border-color:#a7fff0;box-shadow:0 0 12px #6ffff242}.bouncer-arrow-tile{z-index:3;pointer-events:none;filter:drop-shadow(0 2px 2px #07131ccc);display:block;position:absolute;inset:10%}.bouncer-arrow-tile svg{width:100%;height:100%;display:block}.turret-danger-tile{z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,#e3344a80 0 7px,#b913296b 7px 14px);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ff637bcc,inset 0 0 24px #ff233b55}@keyframes health-hit{0%,28%{filter:brightness(2.3);box-shadow:0 0 12px #f77}to{filter:brightness()}}@keyframes portrait-hit{0%,28%{filter:brightness(1.8)sepia(.4)}to{filter:brightness()}}@media (width<=700px){.war-health{grid-template-columns:38px minmax(0,1fr);gap:5px}.war-health.enemy{grid-template-columns:minmax(0,1fr) 38px}.skin-portrait{width:38px;height:51px}.skin-portrait .voxel-fighter-3d{font-size:13px;bottom:-14px}.skin-portrait .voxel-art{width:42px;height:70px;left:-2px}}@media (prefers-reduced-motion:reduce){.has-taken-damage .war-health-bar,.has-taken-damage .skin-portrait{animation:none}}.enemy-intel{color:#e7d9d8}.enemy-intel summary{cursor:pointer;-webkit-user-select:none;user-select:none}.enemy-intel summary b{color:#e4c68b;margin-left:6px;font:600 10px DM Mono,monospace}.enemy-build header{border-bottom:1px solid #afc5d12c;padding-bottom:18px}.enemy-build header>span{color:#c7ad7f;letter-spacing:.2em;font:600 10px DM Mono,monospace}.enemy-build h3{color:#f0e6d4;margin:7px 0;font-size:20px;font-weight:650}.enemy-build p{color:#a8b7c6;margin:0;font-size:11px;line-height:1.65}.enemy-build section{margin:0;padding-top:22px}.enemy-build .shared-skill-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.enemy-build .skill-slot{gap:8px;min-height:100px;padding:15px 10px}.enemy-build .skill-slot>svg{width:28px;height:28px}.enemy-build .skill-slot b{font-size:12px}.enemy-build .skill-slot small{font-size:10px}@media (width<=560px){.enemy-build .shared-skill-slots{gap:7px}.enemy-build .skill-slot{min-height:78px;padding:9px 4px}.enemy-build .skill-slot b{font-size:10px}}.war-shell.skin-mistRuins .war-arena{isolation:isolate;background:#172b33;border:1px solid #78919a44;border-radius:6px;min-height:calc(100vh - 205px)}.skin-mistRuins .war-landscape{background:linear-gradient(90deg,#07131b66,#0000 25% 75%,#07131b66)}.skin-mistRuins .war-mountain,.skin-mistRuins .war-canopy{display:none}.skin-mistRuins .war-board-stage{aspect-ratio:auto;filter:drop-shadow(0 22px 26px #020b13aa);background:url(/assets/mist-ruins-arena-BYXBe3Kd.png) top/100% 125% no-repeat;width:100%;min-width:0;height:100%;margin:0;padding:0;position:absolute;inset:0}.skin-mistRuins .war-grid{border:0;border-radius:0;overflow:visible;transform:none}.skin-mistRuins .war-cell{background:0 0;border:1px solid #e1d4a755}.skin-mistRuins .war-cell:after{border-color:#f3e6c00b}.skin-mistRuins .war-cell.owned-blue,.skin-mistRuins .war-cell.owned-red{box-shadow:none}.skin-mistRuins .war-cell.in-range{box-shadow:inset 0 0 0 1px #f2cf6677,inset 0 0 25px #ffd15b25}.skin-mistRuins .war-cell.in-range:hover,.skin-mistRuins .war-cell.is-target{box-shadow:inset 0 0 0 2px #ffe17e,inset 0 0 26px #ffdb6766}.skin-mistRuins .war-cell.turret-danger{background:repeating-linear-gradient(135deg,#e934323d 0 6px,#e934321a 6px 12px);box-shadow:inset 0 0 0 2px #ff665b}.ruin-champion{--champion-light:#62dfff;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ruin-champion.champion-red{--champion-light:#ff7166}.ruin-champion:before{content:"";border:1px solid var(--champion-light);width:50%;height:19%;box-shadow:0 0 11px color-mix(in srgb, var(--champion-light) 45%, transparent);background:radial-gradient(#071119cc,#07111977 40%,#0000 72%);border-radius:50%;position:absolute;bottom:3%;left:25%}.champion-sprite{z-index:1;height:108%;aspect-ratio:var(--sprite-ratio);background:url(/assets/ruin-champions-CGvsbvxc.png) var(--sprite-position) 50% / var(--sprite-width) 146.3% no-repeat;filter:drop-shadow(3px 5px 3px #080d12aa);transform-origin:50% 94%;animation:3.8s ease-in-out infinite champion-breathe;display:block;position:relative}.champion-embers{z-index:2;width:2px;height:2px;color:var(--champion-light);opacity:.6;background:currentColor;border-radius:50%;animation:2.8s ease-in-out infinite champion-motes;position:absolute;bottom:10%;left:40%;box-shadow:12px -9px 3px,-7px -16px 2px}.champion-red .champion-embers{animation-delay:-1.4s}.champion-ghost{opacity:.55;filter:drop-shadow(0 0 5px #9be8ff)}.character-skin-ruinChampions .war-hero b,.character-skin-ruinChampions .war-hero .war-token-health{z-index:6;pointer-events:none;width:52%;position:absolute;top:-5%;left:24%}.character-skin-ruinChampions .war-hero b{background:0 0;width:100%;font-size:clamp(8px,.75vw,12px);top:-24%;left:0}.character-skin-ruinChampions .war-troop>small{z-index:6;bottom:1%}.war-hero.is-attacking .champion-sprite,.war-troop.is-attacking .champion-sprite{animation:.7s cubic-bezier(.2,.8,.3,1) both champion-strike}.war-hero.is-hit .champion-sprite,.war-troop.is-hit .champion-sprite{animation:.45s ease-out both champion-flinch}.war-hero.is-dodging .champion-sprite{animation:.6s ease-in-out both champion-dodge}.skin-portrait.portrait-ruinChampions{background:radial-gradient(#466579,#0c1924 85%);overflow:hidden}.portrait-ruinChampions .ruin-champion{width:230%;height:260%;top:-5%;left:-65%}.portrait-ruinChampions .ruin-champion:before,.portrait-ruinChampions .champion-embers{display:none}.character-skin-preview.character-skin-ruinChampions{background:linear-gradient(120deg,#152933,#2b3436,#171d28)}.character-skin-ruinChampions .character-preview-slot{height:150px;position:relative}.hub-arena-preview.skin-mistRuins,.cosmetic-swatch.skin-mistRuins{background:url(/assets/mist-ruins-arena-BYXBe3Kd.png) 50%/cover}@keyframes champion-breathe{0%,to{transform:translateY(0)rotate(-.35deg)}50%{transform:translateY(-1.5%)rotate(.35deg)}}@keyframes champion-motes{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.85;transform:translateY(-8px)}}@keyframes champion-strike{0%{transform:rotate(0)}22%{transform:rotate(-15deg)translate(-7%)}47%{transform:rotate(17deg)translate(18%)scale(1.06)}to{transform:rotate(0)}}@keyframes champion-flinch{0%,55%{filter:brightness(2)sepia()saturate(4)drop-shadow(0 0 6px #ff5949)}30%{transform:translate(-12%)rotate(-9deg)}to{transform:translate(0)}}@keyframes champion-dodge{35%{opacity:.3;transform:skew(-15deg)scale(.86)}to{opacity:1;transform:none}}@media (width<=700px){.skin-mistRuins .war-board-stage{aspect-ratio:auto;width:100%}}@media (prefers-reduced-motion:reduce){.champion-sprite,.champion-embers{animation:none!important}}.ruin-atmosphere{pointer-events:none;position:absolute;inset:0}.ruin-fire{mix-blend-mode:screen;background:radial-gradient(#ffd39266,#ff811320 45%,#0000 72%);width:5%;height:10%;animation:1.9s ease-in-out infinite alternate ruin-firelight;position:absolute;transform:translate(-50%,-50%)}.fire-far-left{top:7.5%;left:22%}.fire-far-right{animation-delay:-.8s;top:7.5%;left:78%}.fire-near-left{animation-delay:-.4s;top:81%;left:7.5%}.fire-near-right{animation-delay:-1.3s;top:81%;left:92.5%}.ruin-fire>i{background:#ffe4a3;border-radius:50%;width:2px;height:3px;animation:2.1s ease-out infinite ruin-spark;position:absolute;top:45%;left:50%;box-shadow:0 0 4px #ffa337}.ruin-fire>i:nth-child(2){animation-delay:-.7s;left:37%}.ruin-fire>i:nth-child(3){animation-delay:-1.4s;left:63%}.ruin-mist{background:radial-gradient(at 0 30%,#bdd5de12,#0000 26%);animation:14s ease-in-out infinite alternate ruin-mist;position:absolute;inset:0}@keyframes ruin-firelight{0%,55%{opacity:.5}24%,to{opacity:.95}}@keyframes ruin-spark{0%{opacity:0;transform:translateY(2px)}25%{opacity:.9}to{opacity:0;transform:translate(4px,-24px)}}@keyframes ruin-mist{0%{opacity:.5;transform:translate(-2%)}to{opacity:1;transform:translate(2%)}}@media (prefers-reduced-motion:reduce){.ruin-fire,.ruin-fire>i,.ruin-mist{animation:none}}.skin-mistRuins .war-grid-shell{box-shadow:none;transform-origin:0 0;background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:0;left:0}.skin-mistRuins .war-grid{box-shadow:none;background:0 0;border:0}.skin-mistRuins .war-cell{z-index:var(--row-depth);border:1px solid #e8d7a063}.skin-mistRuins .war-cell:after{display:none}.arena-object-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.board-object{pointer-events:none;display:block;position:absolute;container-type:inline-size}.board-object>:is(.war-hero,.war-troop,.war-hero-ghost){width:100%;height:100%;position:absolute;inset:0;transform:none}.board-object>:is(.war-hero,.war-troop):not(.move-origin-target),.arena-object-layer.is-placement-mode .board-object>:is(.war-hero,.war-troop){pointer-events:none}.board-object>.war-hero-ghost{box-shadow:none;background:0 0;border:0;border-radius:0;animation:none}.board-object .war-hero-ghost b{z-index:6;position:absolute;bottom:-9%}.board-object.object-ghost{opacity:.6}.board-object>.just-moved{animation-name:projected-dash}.board-object>.is-displaced{animation-name:projected-slide}@keyframes projected-dash{0%{transform:translate(var(--travel-x), var(--travel-y)) scale(.96, 1.02);filter:brightness(1.15)}65%{filter:brightness(1.12);transform:translateY(-4%)scale(1.03,.98)}to{filter:none;transform:none}}@keyframes projected-slide{0%{transform:translate(var(--travel-x), var(--travel-y))}to{transform:none}}.board-object{color:#f6f3e6;text-align:center}.board-object.object-placement,.board-object.object-ghost,.board-object.object-building{pointer-events:none}.board-object.object-building .field-structure{width:100%;height:100%}.ruin-champion.is-directional .champion-heading{z-index:1;aspect-ratio:.5;height:108%;transform:scaleX(var(--sprite-facing,1));transform-origin:50% 94%;animation:.15s ease-out both champion-turn;display:block;position:relative}.ruin-champion.is-directional .champion-sprite{aspect-ratio:.5;background-image:var(--direction-atlas);background-size:400% 200%;background-position:var(--direction-x) var(--direction-y);width:100%;height:100%;animation:3.2s ease-in-out infinite facing-ready}.champion-slash{z-index:4;opacity:0;border:3px solid var(--champion-light);width:53%;height:60%;box-shadow:2px -2px 7px color-mix(in srgb, var(--champion-light), transparent 30%);transform-origin:25% 65%;pointer-events:none;border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;position:absolute;top:25%;left:37%}.motion-attack .champion-slash{animation:.72s ease-out both champion-directed-slash}.fighter-heading{transform-style:preserve-3d;transform:rotateY(calc(var(--fighter-yaw,-20deg) + 20deg));transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.war-hero .voxel-art,.war-hero-ghost .voxel-art{transform:translateX(-50%) scaleX(var(--sprite-facing,1))}.war-troop .voxel-art{transform:scaleX(var(--sprite-facing,1))}@keyframes facing-ready{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-1%)rotate(.25deg)}}@keyframes champion-turn{0%{opacity:.8}to{opacity:1}}@keyframes facing-glide{0%{transform:translateY(-1%)scale(.97,1.02)}55%{transform:translateY(-2%)scale(1.02,.99)}to{transform:none}}@keyframes facing-strike{0%,to{transform:none}25%{transform:translate(calc(var(--aim-x) * -6%), calc(var(--aim-y) * -4%)) scale(.98)}55%{transform:translate(calc(var(--aim-x) * 14%), calc(var(--aim-y) * 9%)) scale(1.04)}80%{transform:translate(calc(var(--aim-x) * 3%), calc(var(--aim-y) * 2%))}}@keyframes champion-directed-slash{0%,28%,to{opacity:0;transform:rotate(var(--attack-angle)) scale(.45)}43%{opacity:.9;transform:rotate(calc(var(--attack-angle) - 30deg)) scale(.85)}65%{opacity:.4;transform:rotate(calc(var(--attack-angle) + 30deg)) scale(1.1)}}@media (prefers-reduced-motion:reduce){.fighter-heading{transition:none}.ruin-champion.is-directional .champion-heading,.ruin-champion.is-directional .champion-sprite,.motion-attack .champion-slash{animation-duration:.01ms;animation-iteration-count:1}}.war-hero.is-hit .ruin-champion.is-directional .champion-sprite,.war-troop.is-hit .ruin-champion.is-directional .champion-sprite{animation:.45s ease-out both champion-flinch}.ruin-champion.is-directional .champion-heading{aspect-ratio:1;height:108%;animation:none}.ruin-champion.is-directional .champion-sprite{aspect-ratio:1;transform-origin:50% 96%;animation:3.6s ease-in-out infinite living-breathe}.ruin-champion.is-directional .champion-rig{filter:none;background-image:none}.champion-rig-part{background:var(--direction-atlas) var(--direction-x) var(--direction-y) / 400% 200% no-repeat;transform-origin:50% 96%;position:absolute;inset:0}.rig-body{clip-path:polygon(0 23.8%,100% 23.8%,100% 27%,73% 27%,73% 61%,100% 61%,100% 77%,0 77%,0 61%,28% 61%,28% 27%,0 27%);transform-origin:50% 74%;animation:3.6s ease-in-out infinite living-chest}.rig-arm-left{clip-path:polygon(0 26.8%,28.2% 26.8%,28.2% 61.2%,0 61.2%);transform-origin:28% 29%;animation:3.6s ease-in-out infinite living-hand}.rig-arm-right{clip-path:polygon(72.8% 26.8%,100% 26.8%,100% 61.2%,72.8% 61.2%);transform-origin:73% 29%;animation:3.6s ease-in-out infinite reverse living-hand}.rig-leg-left{clip-path:polygon(0 76.8%,50.1% 76.8%,50.1% 100%,0 100%);transform-origin:43% 77%}.rig-leg-right{clip-path:polygon(49.9% 76.8%,100% 76.8%,100% 100%,49.9% 100%);transform-origin:58% 77%}.motion-move .rig-arm-left{animation:.26s ease-in-out 2.5 sprite-arm-stride}.motion-move .rig-arm-right{animation:.26s ease-in-out 2.5 reverse sprite-arm-stride}.motion-move .rig-leg-left{animation:.26s ease-in-out 2.5 sprite-foot-stride}.motion-move .rig-leg-right{animation:.26s ease-in-out 2.5 reverse sprite-foot-stride}.ruin-champion.is-directional.motion-move .champion-sprite{animation:.65s ease-out both living-travel}.ruin-champion.is-directional.motion-settle .champion-sprite{animation:.16s ease-out both living-plant}.ruin-champion.is-directional.motion-dodge .champion-sprite{animation:.6s ease-in-out both living-dodge}.ruin-champion.is-directional.motion-attack .champion-sprite{animation:.72s cubic-bezier(.23,.7,.2,1) both living-lunge}.motion-attack .rig-arm-left{animation:.72s ease-out both sprite-sword-strike}.motion-attack .rig-arm-right{animation:.72s ease-out reverse both sprite-sword-strike}.war-shell .ruin-champion:before{z-index:0;filter:blur(1px);background:radial-gradient(#02060aea 0 23%,#03090bbb 48%,#0000 75%);border:0;width:46%;height:12%;bottom:0;left:27%;box-shadow:0 2px 3px #0007}.war-shell .fighter-shadow{filter:blur(.06em);background:radial-gradient(#02060aee,#02060ab8 55%,#0000 78%);width:52%;height:10%;bottom:0;left:24%}.war-shell .fighter-aura{opacity:.28;animation:none}@keyframes fighter-idle{0%,to{transform:translate(-50%)rotateX(-5deg)rotateY(-20deg)}50%{transform:translate(-50%)translateY(-.035em)rotateX(-5deg)rotateY(-20deg)rotate(.4deg)}}@keyframes fighter-arm{0%,to{transform:rotateX(-15deg)rotate(-9deg)}50%{transform:rotateX(-17deg)rotate(-8deg)}}.war-shell .voxel-fighter-3d.motion-idle .fighter-model{animation:3.6s ease-in-out infinite fighter-idle}.war-shell .voxel-fighter-3d.motion-idle .fighter-arm{animation:3.6s ease-in-out infinite fighter-arm}.war-shell .voxel-fighter-3d.motion-idle .arm-right{animation:3.6s ease-in-out infinite sword-ready}.war-shell .voxel-fighter-3d.motion-idle .fighter-leg{animation:none;transform:none}.war-shell .voxel-fighter-3d.motion-move .fighter-model{animation:.65s ease-out both skeletal-run}.war-shell .voxel-fighter-3d.motion-move .fighter-arm{animation:.26s ease-in-out 2.5 skeletal-arm-stride}.war-shell .voxel-fighter-3d.motion-move .arm-right{animation-direction:reverse}.war-shell .voxel-fighter-3d.motion-move .fighter-leg{transform-origin:.3em .08em;animation:.26s ease-in-out 2.5 skeletal-leg-stride}.war-shell .voxel-fighter-3d.motion-move .leg-left{animation-direction:reverse}.war-shell .voxel-fighter-3d.motion-settle .fighter-model{animation:.16s ease-out both skeletal-stop}.war-shell .voxel-fighter-3d.motion-dodge .fighter-model{animation:.6s ease-in-out both skeletal-dodge}.war-shell .voxel-fighter-3d.motion-dodge .leg-left{animation:.6s ease-in-out both dodge-foot}.war-shell .voxel-fighter-3d.motion-attack .fighter-model{animation:.72s ease-out both skeletal-lunge}.war-shell .voxel-fighter-3d.motion-attack .leg-left{transform-origin:.3em .08em;animation:.72s ease-out both attack-foot}.war-shell .fighter-model:after{animation:3.6s ease-in-out infinite cape-follow}.war-shell .motion-move .fighter-model:after{animation:.65s ease-out both cape-travel}.board-object>.just-moved{animation:projected-dash var(--move-duration,.36s) cubic-bezier(.16,.75,.25,1) both}@keyframes living-breathe{0%,to{transform:rotate(-.15deg)}50%{transform:rotate(.15deg)}}@keyframes living-chest{0%,to{transform:none}50%{transform:translateY(-.25%)scaleY(1.003)}}@keyframes living-hand{0%,to{transform:none}50%{transform:rotate(.5deg)}}@keyframes sprite-arm-stride{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(-.4%)}}@keyframes sprite-foot-stride{0%,to{transform:rotate(-3deg)translateY(-.6%)}50%{transform:rotate(3deg)translateY(.4%)}}@keyframes sprite-sword-strike{0%,to{transform:none}27%{transform:rotate(-5deg)}51%{transform:rotate(9deg)}}@keyframes living-travel{0%{transform:rotate(calc(var(--aim-x) * 3deg))}20%,60%{transform:translateY(-0.7%) rotate(calc(var(--aim-x) * 3deg))}40%,80%{transform:translateY(0.3%) rotate(calc(var(--aim-x) * 2deg))}to{transform:none}}@keyframes living-plant{0%{transform:scaleY(.989)}to{transform:none}}@keyframes living-dodge{0%,to{transform:none}24%{transform:translate(-6%)rotate(-7deg)}48%{transform:translate(-11%)rotate(-11deg)scaleY(.95)}74%{transform:translate(-4%)rotate(-3deg)}}@keyframes living-lunge{0%,to{transform:none}25%{transform:translate(calc(var(--aim-x) * -3%), 1%) rotate(-2deg)}49%{transform:translate(calc(var(--aim-x) * 9%), calc(var(--aim-y) * 6%)) rotate(3deg)}70%{transform:translate(calc(var(--aim-x) * 3%), calc(var(--aim-y) * 2%))}}@keyframes sword-ready{0%,to{transform:rotateX(-28deg)rotate(-18deg)}50%{transform:rotateX(-30deg)rotate(-17deg)}}@keyframes skeletal-run{0%{transform:translate(-50%)rotateX(-12deg)rotateY(-20deg)}20%,60%{transform:translate(-50%)translateY(-.045em)rotateX(-10deg)rotateY(-20deg)}40%,80%{transform:translate(-50%)rotateX(-8deg)rotateY(-20deg)}to{transform:translate(-50%)rotateX(-5deg)rotateY(-20deg)}}@keyframes skeletal-arm-stride{0%,to{transform:rotateX(28deg)rotate(-5deg)}50%{transform:rotateX(-32deg)rotate(5deg)}}@keyframes skeletal-leg-stride{0%,to{transform:rotateX(-28deg)translateZ(.1em)}50%{transform:rotateX(28deg)translateZ(-.1em)}}@keyframes skeletal-stop{0%{transform:translate(-50%)translateY(.035em)rotateX(-8deg)rotateY(-20deg)}to{transform:translate(-50%)rotateX(-5deg)rotateY(-20deg)}}@keyframes skeletal-dodge{0%,to{transform:translate(-50%)rotateY(-20deg)rotateX(-5deg)}38%{transform:translate(-63%)rotateY(-20deg)rotate(-14deg)translateY(.08em)}68%{transform:translate(-55%)rotateY(-20deg)rotate(-5deg)}}@keyframes dodge-foot{0%,to{transform:none}38%{transform:translate(-.25em)rotate(12deg)}}@keyframes skeletal-lunge{0%,to{transform:translate(-50%)rotateX(-5deg)rotateY(-20deg)}25%{transform:translate(-50%)translateZ(-.15em)rotateY(-30deg)}50%{transform:translate(-50%)translateZ(.3em)rotateX(-12deg)rotateY(-10deg)}72%{transform:translate(-50%)translateZ(.1em)rotateY(-18deg)}}@keyframes attack-foot{0%,to{transform:none}48%{transform:rotateX(-24deg)translateZ(.25em)}}@keyframes cape-follow{0%,to{transform:translateZ(-.65em)rotateX(10deg)}62%{transform:translateZ(-.65em)rotateX(11deg)rotate(.7deg)}}@keyframes cape-travel{0%{transform:translateZ(-.65em)rotateX(10deg)}38%{transform:translateZ(-.65em)rotateX(24deg)rotate(-3deg)}76%{transform:translateZ(-.65em)rotateX(16deg)rotate(2deg)}to{transform:translateZ(-.65em)rotateX(10deg)}}.war-shell .war-grid .war-cell{border-color:#7ceeffc9}.war-shell .war-grid .war-cell:after{content:"";z-index:2;pointer-events:none;background:0 0;border:0;border-radius:0;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #70ebffb3,inset 0 0 5px #44deff55}.war-shell .war-grid{border-color:#91f2ff}.war-shell .war-grid .war-cell:hover:after{box-shadow:inset 0 0 0 2px #cbfaff,inset 0 0 9px #63e8ff9e}.war-shell :is(.war-hero,.war-troop).is-hit .champion-rig{animation:.45s ease-out both champion-flinch}.war-shell :is(.war-hero,.war-troop).is-hit .fighter-model{animation:.65s ease-out both fighter-stagger}.war-shell :is(.war-hero,.war-troop).fallen .fighter-model{animation:1.1s ease-in forwards fighter-collapse}@media (prefers-reduced-motion:reduce){.war-shell .champion-rig,.war-shell .champion-rig-part,.war-shell .fighter-model,.war-shell .fighter-model:after,.war-shell .fighter-arm,.war-shell .fighter-leg,.board-object>.just-moved{animation-duration:.01ms;animation-iteration-count:1}}.rig-head{clip-path:polygon(0 0,100% 0,100% 24.2%,0 24.2%);transform-origin:50% 24%;animation:3.6s ease-in-out infinite head-breathe}.motion-move .rig-head{animation:.65s ease-out both head-follow}.motion-attack .rig-head{animation:.72s ease-out both head-follow}.war-shell .motion-idle .part-torso{transform-origin:50% 95%;animation:3.6s ease-in-out infinite torso-breathe}@keyframes head-breathe{0%,to{transform:none}58%{transform:translateY(-.22%)rotate(.2deg)}}@keyframes head-follow{0%,to{transform:none}30%{transform:rotate(-.7deg)translateY(-.3%)}62%{transform:rotate(.6deg)}}@keyframes torso-breathe{0%,to{transform:none}50%{transform:scale(1.008,1.006)}}@media (prefers-reduced-motion:reduce){.war-shell .rig-head,.war-shell .part-torso{animation-duration:.01ms;animation-iteration-count:1}}.war-shell .war-grid .war-cell.is-selectable:after{background:#ff891f30;border:2px solid #ffab46;transition:background .12s ease-out,box-shadow .12s ease-out;inset:5%;box-shadow:0 0 7px #ff861b88,inset 0 0 12px #ff8c254d}.war-shell .war-grid .war-cell.is-selectable:is(:hover,:focus-visible):after,.war-shell .war-grid .war-cell.is-selectable.placement-hover:after{background:#ff9a3259;border-color:#ffe0a4;box-shadow:0 0 11px #ffa13bcc,inset 0 0 18px #ffa13b88}.war-shell .war-grid .war-cell.is-selectable.is-target:after{background:#ff962b66;border:3px solid #ffdb91;box-shadow:0 0 13px #ffa33b,inset 0 0 20px #ff962b99}.war-shell .war-grid .war-cell.placement-invalid:after{background:#ed39392e;border:2px solid #ff6969;inset:5%;box-shadow:0 0 7px #ff494988,inset 0 0 12px #ff49494d}.initiative-badge{color:#a4bec9;white-space:nowrap;font-size:9px}.initiative-badge.has-initiative{color:#ffdf9c;background:#a761172e;border-color:#f5a74788}.draw-overlay .victory-content{color:#e2f7ff}.draw-overlay .victory-content strong{color:#e5f8ff;-webkit-text-stroke:1px #e9fbff;text-shadow:0 3px #47748c,0 7px #1a3446,0 0 24px #6dcee7,0 0 56px #6dbfe95c}.draw-overlay .victory-emblem,.draw-overlay .victory-divider{color:#b5efff}.draw-overlay .victory-emblem b{background:linear-gradient(145deg,#375b75,#172a36);border-color:#b5efff;box-shadow:0 0 0 6px #87c4e122,0 0 27px #81d4ed,inset 0 0 18px #b3efff55}.draw-overlay .victory-shockwave{border-color:#b5efff;box-shadow:0 0 30px #7ed3ea,inset 0 0 30px #7ed3ea}.draw-overlay .victory-sparks i{background:#b5efff;box-shadow:0 0 14px #7ed3ea}.draw-overlay .victory-rays{background:repeating-conic-gradient(from 8deg, #93d9ff14 0 7deg, transparent 8deg 20deg)}.lobby-shell{font-size:calc(16px * var(--ui-scale,1));zoom:var(--ui-scale,1)}.lobby-settings-button{color:#c8d5d1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1b;border-radius:12px;place-items:center;width:38px;height:38px;transition:color .18s,border-color .18s,background .18s;display:grid}.lobby-settings-button:hover{color:#f5d58d;background:#dfbd7811;border-color:#dfbd786b}.shop-catalog-tabs{background:#08110f9c;border:1px solid #b2d5c21f;border-radius:14px;gap:8px;margin:24px 0 20px;padding:5px;display:flex}.shop-catalog-tabs button{color:#9fada7;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:0 16px;display:flex}.shop-catalog-tabs button.active{color:#f3e8cd;background:linear-gradient(120deg,#c29d482b,#c29d480c);border-color:#cbb4773d;box-shadow:inset 0 0 16px #d2b5680a}.shop-catalog-tabs small{color:#d5bd7f;text-align:center;background:#d5bd7f16;border-radius:20px;min-width:22px;padding:2px 6px}.shop-slot{min-width:0;padding-top:13px;position:relative}.shop-slot-number{z-index:2;color:#d9c68f;letter-spacing:.14em;background:#17211e;border:1px solid #d3b56a3d;border-radius:6px 6px 0 0;padding:4px 8px;font-size:9px;font-weight:800;position:absolute;top:0;left:13px}.shop-slot .cosmetic-card{height:100%}.shop-character-grid{align-items:stretch}.shop-character-grid .character-skin-card{height:100%}.lobby-settings-page{max-width:1120px;margin:0 auto}.settings-heading{padding-bottom:20px}.settings-emblem{color:#e7ce8a;background:linear-gradient(145deg,#d6b76a1d,#3c554820);border:1px solid #d6b76a55;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 30px #d6b76a12,inset 0 0 20px #d6b76a0b}.settings-section{background:linear-gradient(140deg,#15211fd9,#0d1716ed);border:1px solid #b4ccb326;border-radius:16px;margin:14px 0;padding:20px 24px;box-shadow:0 16px 35px #00000024,inset 0 1px #ffffff08}.settings-section-title{color:#d8bd79;align-items:center;gap:12px;margin-bottom:17px;display:flex}.settings-section-title span{gap:2px;display:grid}.settings-section-title small{color:#80928a;letter-spacing:.17em;font-size:9px}.settings-section-title b{color:#efe7d4;font-size:15px}.volume-setting{color:#d0d7ca;grid-template-columns:150px minmax(120px,1fr) 48px;align-items:center;gap:18px;min-height:42px;display:grid}.volume-setting-name{align-items:center;gap:9px;font-size:13px;display:flex}.volume-setting-name svg{color:#a9c5a9}.volume-setting input[type=range]{accent-color:#d2b469;width:100%}.volume-setting output{color:#e6d49d;text-align:right;font-size:12px}.settings-note{color:#86938c;margin:10px 0 0;font-size:11px}.keybind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.keybind-row{color:#d2d8cc;background:#070f0d80;border:1px solid #a9c8b51f;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:8px 10px 8px 14px;font-size:12px;display:flex}.keybind-row button{color:#e8d79f;cursor:pointer;background:#c9ae6510;border:1px solid #c9ae6550;border-radius:8px;min-width:70px;min-height:36px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700}.keybind-row button.is-listening{color:#f4e5b9;background:#ead1872a;border-color:#ead187;box-shadow:0 0 17px #d9bf6833}.scale-setting,.settings-toggle{color:#d2d8cc;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:18px;min-height:58px;font-size:13px;display:flex}.scale-setting select{color:#efe5ca;background:#101916;border:1px solid #bca6674a;border-radius:9px;min-width:170px;padding:9px 12px}.settings-toggle span{gap:5px;display:grid}.settings-toggle small{color:#87948c;font-size:11px}.settings-toggle input{appearance:none;cursor:pointer;background:#111a18;border:1px solid #a6b3a54a;border-radius:20px;flex:none;width:42px;height:24px;transition:background .18s,border-color .18s;position:relative}.settings-toggle input:before{content:"";background:#a9b4a7;border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.settings-toggle input:checked{background:#d2b46945;border-color:#d2b469a8}.settings-toggle input:checked:before{background:#f3d783;transform:translate(18px)}.settings-toggle input:focus-visible{outline-offset:3px;outline:2px solid #eed68f}.settings-reset{color:#b8c2b8;cursor:pointer;background:#111a18;border:1px solid #a7baaa30;border-radius:9px;align-items:center;gap:8px;margin:18px 0;padding:10px 13px;display:flex}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=800px){.keybind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.settings-section{padding:16px}.volume-setting{grid-template-columns:115px minmax(60px,1fr) 40px;gap:10px}.keybind-grid{grid-template-columns:1fr}.shop-catalog-tabs button{flex:1;justify-content:center;padding:0 8px;font-size:12px}}.lobby-bgm-button{color:#bcddcc;min-height:38px;font:inherit;cursor:pointer;background:#a9cfbc0d;border:1px solid #a9cfbc35;border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.lobby-bgm-button.is-muted{color:#e0bf8c;background:#e0bf8c13;border-color:#e0bf8c50}.lobby-bgm-button.is-muted svg{opacity:.5}.lobby-bgm-button:hover{background:#c7e2d51b}.machine-impact{z-index:5;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(at 50% 36%,#fff8d8a0,#0000 68%);position:absolute;inset:0}.phase-charging .machine-lever{animation:.24s ease-out slot-lever-punch}.phase-charging .machine-impact{animation:.24s ease-out slot-power-up}.phase-charging .machine-light-rail i{opacity:1;box-shadow:0 0 14px #ffe7a8}.phase-charging .reel-strip{filter:blur(1px);animation-duration:.9s}.phase-spinning .machine-stop-buttons button:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #ffb26b5c,inset 0 1px 3px #fff2c4}.machine-stop-buttons button:active:not(:disabled){transform:translateY(2px)scale(.98)}.machine-stop-buttons button{transition:transform .12s,box-shadow .12s}.slot-reel.is-stopped .reel-final{animation:.32s cubic-bezier(.16,.85,.25,1.2) both slot-reel-lock}.is-resonating .slot-reel:last-child .reel-strip{filter:blur(.5px);animation-duration:1.05s}.is-resonating .machine-reels{box-shadow:0 0 25px #e6bc6a65,inset 0 0 20px #000}.is-resonating .machine-status{color:#ffe9a9;text-shadow:0 0 14px #ffd87a}.phase-settling .machine-reels{animation:.2s ease-out slot-seal}.phase-reveal .machine-impact{animation:.65s ease-out both slot-result-light}.phase-reveal .slot-result{animation:.44s cubic-bezier(.16,.9,.23,1.1) both slot-result-punch}.phase-reveal .reel-payline{border-color:#ead090;box-shadow:0 0 14px #e7bf6980}.win-epic .machine-light-rail i,.win-legendary .machine-light-rail i{animation-duration:1.4s}.slot-celebration{color:#fff6d7;border:1px solid color-mix(in srgb,var(--rarity) 60%,transparent);width:min(640px,100vw - 30px);max-height:calc(100dvh - 32px);box-shadow:0 0 90px color-mix(in srgb,var(--rarity) 25%,transparent),0 30px 100px #000c;background:#09120ff5;border-radius:24px;margin:auto;padding:0;overflow:auto}.slot-celebration::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020807d6}.slot-celebration[open]{animation:.36s cubic-bezier(.16,.9,.2,1) both slot-theatre-entry}.prize-theatre{isolation:isolate;text-align:center;padding:32px 32px 28px;position:relative;overflow:hidden}.prize-close{z-index:5;color:#d3d9cf;cursor:pointer;background:#ffffff0a;border:1px solid #fff2;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.prize-sunburst{z-index:-1;opacity:.2;background:repeating-conic-gradient(from 0deg,transparent 0deg 12deg,var(--rarity) 12deg 18deg,transparent 18deg 30deg);width:900px;height:900px;animation:28s linear infinite slot-rays;position:absolute;top:calc(45% - 450px);left:calc(50% - 450px);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 62%);mask-image:radial-gradient(circle,#000 0,#0000 62%)}.prize-shockwave{border:2px solid var(--rarity);pointer-events:none;border-radius:50%;width:200px;height:200px;animation:.8s ease-out both slot-shockwave;position:absolute;top:calc(45% - 100px);left:calc(50% - 100px)}.prize-confetti{pointer-events:none;position:absolute;inset:0}.prize-confetti i{background:var(--rarity);width:5px;height:12px;box-shadow:0 0 8px var(--rarity);animation:1.35s ease-out both slot-prize-particle;animation-delay:var(--delay);border-radius:2px;position:absolute;top:45%;left:50%}.prize-confetti i:nth-child(3n){background:#fff6d6}.prize-kicker{color:var(--rarity);letter-spacing:.24em;text-shadow:0 0 18px var(--rarity);justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.prize-announcement{color:#a2b7a7;letter-spacing:.3em;margin-top:10px;font-size:9px;display:block}.prize-hero{width:min(300px,100%);height:270px;margin:0 auto;position:relative}.prize-hero .slot-reward-art{height:100%;animation:.6s cubic-bezier(.16,.9,.22,1.05) both slot-hero-rise}.prize-hero .voxel-fighter-3d{font-size:40px;bottom:16%}.prize-hero .burst-glyph{font-size:70px}.prize-hero .reward-art-orbit{bottom:17%}.prize-theatre h2{letter-spacing:.05em;text-shadow:0 0 26px color-mix(in srgb,var(--rarity) 50%,transparent);margin:0;font-size:clamp(25px,4vw,36px);position:relative}.prize-theatre p{color:#a9baac;margin:12px 0 24px;font-size:12px}.prize-token-award{color:var(--rarity);justify-content:center;align-items:center;gap:8px;margin:13px 0 24px;font-size:30px;font-weight:800;animation:.4s ease-out both slot-token-pop;display:flex}.prize-token-award small{color:#a9baac;font-size:11px;font-weight:400}.prize-actions{justify-content:center;gap:10px;display:flex;position:relative}.prize-actions button{min-height:45px;font:inherit;cursor:pointer;border-radius:9px;padding:0 22px;font-size:12px}.prize-equip{color:#28311f;background:linear-gradient(135deg,#f5dfa1,#ad8945);border:1px solid #f5e0a2;font-weight:800;box-shadow:0 5px 25px #d2ad5c35}.prize-equip span{margin-left:15px}.prize-collect{color:#bacfbe;background:#b6cfbb0b;border:1px solid #b6cfbb40}.prize-actions button:hover{filter:brightness(1.12)}.prize-actions button:active{transform:translateY(1px)}@keyframes slot-lever-punch{0%{transform:rotate(0)}60%{transform:rotate(40deg)}to{transform:rotate(32deg)}}@keyframes slot-power-up{0%{opacity:0}40%{opacity:.55}to{opacity:0}}@keyframes slot-reel-lock{0%{filter:blur(2px);transform:translateY(-30px)scaleY(1.1)}55%{filter:none;transform:translateY(9px)scaleY(.9)}80%{transform:translateY(-3px)}to{transform:none}}@keyframes slot-seal{0%,to{transform:none}45%{transform:translateY(3px)}}@keyframes slot-result-light{0%{opacity:.65}to{opacity:0}}@keyframes slot-result-punch{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@keyframes slot-theatre-entry{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes slot-hero-rise{0%{opacity:0;transform:translateY(35px)scale(.8)}to{opacity:1;transform:none}}@keyframes slot-rays{to{transform:rotate(360deg)}}@keyframes slot-shockwave{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(3)}}@keyframes slot-prize-particle{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.2)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) rotate(160deg) scale(.6)}}@keyframes slot-token-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.reduce-motion .prize-confetti,.reduce-motion .prize-shockwave,.reduce-motion .machine-impact{display:none}.reduce-motion .prize-sunburst{animation:none}@media (prefers-reduced-motion:reduce){.slot-celebration *,.slot-machine *{transition:none!important;animation:none!important}.prize-confetti,.prize-shockwave,.machine-impact{display:none}}@media (width<=600px){.lobby-bgm-button{gap:5px;padding:0 7px}.lobby-bgm-button span{font-size:9px}.prize-theatre{padding:30px 18px 24px}.prize-hero{height:220px}.prize-hero .voxel-fighter-3d{font-size:33px}}@media (width<=440px){.lobby-account .account-avatar{display:none}}.map-facility{z-index:4;pointer-events:none;color:var(--facility-color);position:absolute;inset:5%}.facility-ground{border:1px solid var(--facility-color);background:radial-gradient(ellipse,color-mix(in srgb,var(--facility-color) 23%,transparent),transparent 75%);box-shadow:inset 0 0 10px color-mix(in srgb,var(--facility-color) 18%,transparent);border-radius:16%;position:absolute;inset:5%}.facility-symbol{filter:drop-shadow(0 2px 2px #0009);width:27%;height:27%;position:absolute;top:26%;left:36.5%}.facility-caption{text-shadow:0 1px 3px #000;font-size:clamp(6px,.65vw,10px);position:absolute;bottom:8%;left:0;right:0}.facility-discount,.facility-control{font-size:clamp(6px,.6vw,10px);font-weight:800;position:absolute;top:9%;right:8%}.facility-model{border-radius:8%;position:absolute;inset:22% 24% 24%}.facility-lumber .facility-model{background:linear-gradient(90deg,#493323,#8e6342,#493323);border:2px solid #b5915b;top:46%;box-shadow:5px -6px 0 -2px #815b3e,-5px -11px 0 -2px #533e2c}.facility-iron .facility-model,.facility-obsidian .facility-model,.facility-gold .facility-model{clip-path:polygon(25% 0,75% 0,100% 70%,75% 100%,0 80%);background:linear-gradient(135deg,#d0d6d4,#60767d 35%,#2d3f47 70%)}.facility-obsidian .facility-model{background:linear-gradient(140deg,#b98cdc,#372953 40%,#191725 60%,#7956a3)}.facility-gold .facility-model{background:linear-gradient(135deg,#ffee9b,#a8772c 48%,#5a4828 60%,#ebbc48)}.facility-shop .facility-model{background:repeating-linear-gradient(90deg,#ca5c40 0 20%,#f5db99 20% 40%);border-radius:4px 4px 1px 1px;top:16%;bottom:60%;box-shadow:0 7px #553d2c,0 15px 0 -4px #bca06c}.facility-workbench .facility-model{background:linear-gradient(#cea374,#5b3b25);border:1px solid #e4bd88;top:42%;bottom:32%}.facility-workbench .facility-model:after{content:"";border-left:4px solid #5b3b25;border-right:4px solid #5b3b25;position:absolute;inset:90% 10% -65%}.facility-spring .facility-model{background:#65d3d85c;border:3px solid #789582;border-radius:50%;inset:28% 20% 27%}.facility-spring .facility-glimmer,.facility-portal .facility-glimmer{border:2px solid var(--facility-color);border-radius:50%;animation:2.8s ease-out infinite facility-ripple;position:absolute;inset:12%}.facility-portal .facility-ground{border-radius:50%;box-shadow:0 0 12px #8b9cf755,inset 0 0 18px #8b9cf73d}.facility-chest .facility-model{background:linear-gradient(#bb8d51 45%,#76532e 46%);border:2px solid #e6c07a;inset:32% 26% 30%;box-shadow:inset 0 0 0 2px #61462a}.facility-outpost .facility-symbol{width:40%;height:40%;top:18%;left:30%}.facility-owner-blue{--facility-color:#75d7ff!important}.facility-owner-red{--facility-color:#ff857b!important}.is-exhausted{opacity:.35;filter:saturate(.2)}.facility-compact .facility-caption{display:none}.facility-panel{background:#0b191ac9;border:1px solid #b2ccb927;border-radius:10px;margin:12px 0;padding:10px}.material-wallet{gap:5px;display:flex}.material-wallet span{background:#ffffff07;border-radius:5px;flex:1;justify-content:space-between;gap:5px;padding:7px;font-size:10px;display:flex}.material-wood{color:#bed89e}.material-iron{color:#b9d6e0}.material-obsidian{color:#c6a6ee}.facility-context{background:#e7c3830b;border-left:2px solid #e7c383;margin-top:10px;padding:8px}.facility-context>b{color:#e4d4ad;font-size:12px;display:block}.facility-context>small{color:#aebbae;margin-top:5px;font-size:10px;line-height:1.6;display:block}.facility-context button{color:#d5deff;cursor:pointer;background:#788fff22;border:1px solid #899aff66;border-radius:6px;margin-top:8px;padding:7px}.craft-menu,.facility-guide{color:#d1d9c9;margin-top:10px;font-size:11px}.craft-menu summary,.facility-guide summary{cursor:pointer;padding:5px 0}.craft-menu summary small{float:right;color:#8caaa5;font-size:9px}.craft-menu>p{color:#8caaa5;font-size:9px;line-height:1.6}.craft-recipe{border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.craft-recipe b,.craft-recipe small{display:block}.craft-recipe b{font-size:11px}.craft-recipe small{color:#91a8a1;margin-top:4px;font-size:9px}.craft-recipe button{color:#dfcf9f;cursor:pointer;background:#c4ac721c;border:1px solid #c4ac7260;border-radius:5px;padding:7px;font-size:10px}.craft-recipe button:disabled,.facility-context button:disabled{opacity:.4;cursor:default}.facility-guide p{margin:9px 0}.facility-guide b{font-size:10px}.facility-guide small{color:#91a8a1;margin-top:3px;font-size:9px;display:block}.war-shop-card-buy del{opacity:.5;margin-right:5px;font-size:10px}.war-shop-discount{color:#eed7a7;background:#e7c38313;border:1px solid #e7c38355;border-radius:8px;margin:10px 0;padding:10px 14px;font-size:12px}@keyframes facility-ripple{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.2)}}.portal-line{stroke:#ac9cff;stroke-dasharray:2 1;opacity:.9}.is-teleporting{animation:.8s ease-out both facility-hop}@keyframes facility-hop{0%{opacity:0;filter:brightness(2);transform:scale(.7)}to{opacity:1;filter:none;transform:none}}.facility-building{pointer-events:none;filter:drop-shadow(0 3px 2px #06100b50);width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.has-facility-building .facility-caption{color:#f0e8ce;text-shadow:0 2px 2px #07120e,0 0 5px #07120e;bottom:-4%}.has-facility-building .facility-discount,.has-facility-building .facility-control{z-index:2;background:#0c161ad9;border-radius:4px;padding:2px 4px;top:2%;right:0;box-shadow:0 1px 4px #0009}.board-object.object-facility{pointer-events:none}.board-object.object-facility .facility-building{width:100%;height:100%;inset:0}.facility-ground-only .facility-caption{bottom:3%}.facility-ground-only .facility-ground{background:0 0}.merchant-idle{transform-origin:78px 103px;animation:3s ease-in-out infinite merchant-breathe}.spring-water{animation:2.3s ease-in-out infinite facility-water}.portal-current{animation:1.8s ease-in-out infinite facility-water}.mine-lantern{animation:3s ease-in-out infinite facility-lantern}.outpost-banner{transform-origin:82px 29px;animation:3s ease-in-out infinite facility-flag}.facility-bag-hint{color:#89a49b;margin:0 0 8px;font-size:9px}.bag-section-title{color:#e8dec7;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;font-size:13px;display:flex}.bag-section-title small{color:#90a49c;font-size:10px;font-weight:400}.bag-material-section{background:#0b191be0;border:1px solid #b8cca32e;border-radius:12px;grid-column:1/-1;padding:14px}.bag-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bag-material-card{background:linear-gradient(140deg,#23332b8c,#101b1d);border:1px solid #c4d8c027;border-radius:9px;grid-template-columns:60px 1fr auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.bag-material-card.material-iron{background:linear-gradient(140deg,#2337438c,#101b1d)}.bag-material-card.material-obsidian{background:linear-gradient(140deg,#3929458c,#101b1d)}.bag-material-art{background:#0002;border-radius:8px;width:60px;height:62px;position:relative}.bag-material-art .facility-building{height:82px;top:-17px}.bag-material-card b{font-size:13px;display:block}.bag-material-card small{color:#9dad9e;margin-top:6px;font-size:9px;line-height:1.6;display:block}.bag-material-card strong{font-variant-numeric:tabular-nums;font-size:22px}.war-inventory-catalog>.bag-section-title{grid-column:1/-1;margin:8px 0 0}@keyframes merchant-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4px)}}@keyframes facility-water{0%,to{opacity:.55}50%{opacity:1}}@keyframes facility-lantern{0%,to{opacity:.85}50%{opacity:.55}}@keyframes facility-flag{0%,to{transform:skewY(-2deg)}50%{transform:skewY(3deg)}}@media (width<=850px){.bag-material-grid{grid-template-columns:1fr}.bag-material-card{grid-template-columns:50px 1fr auto}.bag-material-art{width:50px}}@media (prefers-reduced-motion:reduce){.merchant-idle,.spring-water,.portal-current,.mine-lantern,.outpost-banner{animation:none}}.facility-webgl{filter:none}.facility-webgl canvas{pointer-events:none;width:100%;height:100%;display:block}.field-structure>.facility-webgl{width:116%;height:109%;inset:-7% -8% -2%}.field-structure:has(>.facility-webgl){filter:none}.field-structure.structure-farm{inset:-12% 0 0}.bag-material-art .facility-webgl{height:74px;top:-8px}.structure-durability{z-index:4}.placement-ghost .facility-webgl{opacity:.85}.is-grounded-model>.field-structure,.is-grounded-model .placement-ghost>.field-structure,.is-grounded-model .field-structure>.facility-webgl,.is-grounded-model>.facility-webgl,.is-grounded-model .map-facility{width:100%;height:100%;inset:0;transform:none}.is-grounded-model .structure-durability{bottom:22%;left:38%;right:38%}.is-grounded-model .placement-ghost:not(.is-edge-ghost):after{display:none}.real-champion{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.real-champion canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.real-champion.is-ghost{opacity:.53;filter:drop-shadow(0 0 4px #7ae8ff)}.is-grounded-model>:is(.war-hero,.war-troop,.war-hero-ghost){width:100%;height:100%;box-shadow:none;pointer-events:none;background:0 0;border:0;inset:0}.is-grounded-model>:is(.war-hero,.war-troop):before,.is-grounded-model>:is(.war-hero,.war-troop):after{display:none}.is-grounded-model .champion-hitbox{left:calc(var(--model-foot-x,50%) - 13%);top:var(--model-head-y,30%);width:26%;height:calc(var(--model-foot-y,80%) - var(--model-head-y,30%));pointer-events:auto;cursor:grab;touch-action:none;position:absolute}.team-red .champion-hitbox{cursor:crosshair}.is-placement-mode .champion-hitbox,.move-origin-target .champion-hitbox,.is-attack-mode .team-blue .champion-hitbox{pointer-events:none}.is-grounded-model .war-hero b{z-index:6;left:calc(var(--model-foot-x,50%) - 22%);top:calc(var(--model-head-y,30%) - 20px);pointer-events:none;background:0 0;width:44%;font-size:clamp(8px,.72vw,11px);position:absolute}.is-grounded-model .war-hero .war-token-health{z-index:6;left:calc(var(--model-foot-x,50%) - 13%);top:calc(var(--model-head-y,30%) - 5px);pointer-events:none;width:26%;height:4px;position:absolute}.is-grounded-model .war-troop>small,.is-grounded-model .war-hero-ghost b{left:calc(var(--model-foot-x,50%) - 16%);top:calc(var(--model-head-y,30%) - 12px);text-shadow:0 1px 3px #000;pointer-events:none;width:32%;font-size:10px;position:absolute;bottom:auto}.is-grounded-model .war-troop.is-selected .real-champion{filter:drop-shadow(0 0 3px #ffe6a2)}.war-shell :is(.war-hero,.war-troop).is-hit .real-champion{animation:.45s ease-out both champion-impact}.war-shell :is(.war-hero,.war-troop).fallen .real-champion{transform-origin:var(--model-foot-x,50%) var(--model-foot-y,80%);animation:.9s ease-in forwards champion-defeat}.skin-portrait .real-champion{width:100%;height:100%;inset:0}.character-preview-slot{min-height:170px;position:relative}@keyframes champion-impact{0%,28%{filter:brightness(1.9)sepia(.55)saturate(1.7)}45%{transform:translate(-2%)}to{filter:none;transform:none}}@keyframes champion-defeat{25%{filter:grayscale(.5);opacity:.85}to{filter:grayscale(.9);opacity:0}}@media (prefers-reduced-motion:reduce){.real-champion{animation-duration:.01ms!important}}.character-skin-preview .character-preview-slot{flex:1 1 0;min-width:0;height:170px;display:block}.character-skin-preview .character-preview-slot.is-solo{flex:0 210px;width:210px}:root{--ui-bg:#070e18;--ui-panel:#0e1a29;--ui-raised:#152336;--ui-text:#eeeae2;--ui-muted:#a1acbb;--ui-line:#8097b12b;--ui-gold:#d9bd80;--ui-gold-bright:#f3dda7;--ui-cyan:#7bcff3;--ui-danger:#ed8e90}body{background:var(--ui-bg)}:is(.battle-screen,.lobby-shell){color:var(--ui-text);--war-ink:var(--ui-text);--war-muted:var(--ui-muted);--war-line:var(--ui-line);--war-panel:#0e1a29ed;--war-gold:var(--ui-gold);font-family:DM Sans,Noto Sans JP,system-ui,sans-serif}:is(.battle-screen,.lobby-shell) button{transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}:is(.battle-screen,.lobby-shell) button:active:not(:disabled){transform:translateY(1px)}:is(.battle-screen,.lobby-shell) :focus-visible{outline-offset:4px;outline:2px solid #a7d9ff}:is(.battle-screen,.lobby-shell) button:disabled{opacity:.42;cursor:not-allowed}:is(.battle-screen,.lobby-shell) kbd{color:#a4b1c5;background:#ffffff07;border:1px solid #9eabc13b;border-radius:3px;place-items:center;min-width:19px;height:19px;padding:0 4px;font:10px DM Mono,monospace;display:inline-grid}:is(.battle-screen,.lobby-shell) .brand-sigil{color:#e8cc8d;background:linear-gradient(145deg,#273447,#111a26);border:1px solid #bba36b;border-radius:3px;place-items:center;width:32px;height:32px;font:700 23px Georgia,serif;display:grid;box-shadow:inset 0 0 0 3px #0a1321,0 2px 8px #0005}@media (prefers-reduced-motion:reduce){:is(.battle-screen,.lobby-shell) *,:is(.battle-screen,.lobby-shell) :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.battle-screen{background:radial-gradient(at 50% 30%,#1b3040,#070e18 72%);flex-direction:column;height:100svh;min-height:650px;display:flex;position:relative;overflow-x:clip}.battle-screen .war-topbar{z-index:15;background:linear-gradient(#111e2bf5,#080f19f7);border-bottom:1px solid #aa946639;width:100%;height:auto;padding:0 24px;display:block;position:relative;box-shadow:0 8px 24px #0004}.battle-navigation{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;height:42px;display:flex}.battle-wordmark{background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.battle-wordmark b{letter-spacing:.1em;font-size:12px}.battle-wordmark small{color:#9c967f;letter-spacing:.16em;font-size:8px}.battle-wordmark .brand-sigil{width:25px;height:25px;font-size:19px}.battle-navigation-actions{align-items:center;gap:7px;display:flex}.battle-navigation-actions button{color:#c7d1df;background:#1722319c;border:1px solid #6c829a3b;border-radius:3px;align-items:center;gap:8px;height:29px;padding:0 10px;font-size:11px;display:flex}.battle-navigation-actions button:hover,.battle-navigation-actions button[aria-pressed=true]{color:#edd49c;background:#4d41202e;border-color:#d6b6758c}.battle-screen .war-health-ribbon{width:min(1220px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:24px;margin:auto;padding:12px 0 10px;display:grid;position:relative;inset:auto;transform:none}.battle-screen:has(.is-shop-view) .war-health-ribbon{display:grid}.duel-blue{grid-area:1/1}.duel-red{grid-area:1/3}.duel-round{background:linear-gradient(90deg,#0000,#b5a1780e,#0000);flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;gap:3px;display:flex}.duel-round>span{color:#b9a579;letter-spacing:.15em;font-size:9px}.duel-round>span b{color:#f4dfa8;margin-left:4px;font-size:15px}.duel-round strong{letter-spacing:.1em;font-size:14px;font-weight:600}.duel-round small{color:#8c9bad;font-size:9px}.battle-screen .war-health{background:0 0;border:0;gap:10px;padding:0}.battle-screen .skin-portrait{border-radius:4px;width:54px;height:59px;box-shadow:0 3px 12px #0009}.battle-screen .war-health-content{gap:4px}.battle-screen .war-health-meta{gap:7px;min-height:15px}.battle-screen .war-health-meta>b{font-size:12px}.battle-screen .war-health-meta>span{background:#d2b77c1a;border-radius:2px;padding:1px 4px;font-size:9px}.battle-screen .war-health-meta>small{color:#e6c98c;font:600 12px DM Mono,monospace}.battle-screen .war-health .war-health-bar{border-radius:2px;height:14px}.battle-screen .war-health-bar>strong{letter-spacing:.03em;font-size:10px}.battle-screen .war-resource-row{gap:8px}.battle-screen .war-resource-row>span{color:#c3c9d0;min-width:55px;font:9px DM Mono,monospace}.battle-screen .war-resource-row>i{background:#293041;height:4px}.battle-screen .war-resource-row>i>em{box-shadow:none;background:linear-gradient(90deg,#aa8b4f,#efd99c)}.battle-screen .war-experience-row{height:2px;margin-top:0}.battle-screen .war-experience-row>span{display:none}.battle-screen .war-experience-row>i{height:2px}.battle-screen .war-merc-times{display:none}.battle-context-bar{z-index:12;background:#0d1622ce;border-bottom:1px solid #9d987525;align-items:center;gap:15px;min-height:34px;padding:0 26px;display:flex;position:relative}.arena-caption{color:#b1bac5;align-items:center;gap:8px;font-size:10px;display:flex}.arena-caption>i{background:#ceb47c;width:5px;height:5px;transform:rotate(45deg)}.arena-caption>span{color:#788798;padding-left:8px;font:9px DM Mono,monospace}.enemy-readout{align-items:center;gap:10px;margin-left:auto;display:flex}.battle-screen .enemy-intel{background:0 0;border:0;margin:0;position:static}.battle-screen .enemy-intel summary{color:#b8c3d1;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:600;list-style:none;display:flex}.battle-screen .enemy-intel summary::-webkit-details-marker{display:none}.battle-screen .enemy-intel[open] summary{color:#f1d7a4;background:#d3b67417}.battle-screen .enemy-intel-body{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(155deg,#172638f5,#0a1421f9);border:1px solid #b9956480;border-radius:8px;width:min(620px,100vw - 32px);max-height:calc(100svh - 170px);padding:26px;position:absolute;top:calc(100% + 9px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 70px #000c,inset 0 1px #eddaa81d}.battle-utilities{border-left:1px solid var(--ui-line);gap:4px;padding-left:10px;display:flex}.battle-utilities button{color:#98a6ba;background:0 0;border:0;place-items:center;width:26px;height:26px;display:grid}.battle-utilities button:hover{color:#ebd099;background:#b49b6212}.battle-field{background:radial-gradient(#20354455,#0000 68%);flex:1;place-items:center;width:100%;min-height:290px;padding:0 18px;display:grid;position:relative}.battle-screen.skin-mistRuins .war-arena{border:1px solid #beaf7b30;border-radius:0;width:100%;height:100%;min-height:0;margin:0 auto;overflow:visible;box-shadow:0 0 0 1px #0008,0 18px 70px #0007}.battle-screen.skin-mistRuins .war-board-stage{filter:none;background-size:100% 125%;border:0}.battle-screen .war-impact-banner{pointer-events:none;width:min(400px,65%);top:auto;bottom:16px}.battle-utility-dialog{background:#0c1726f5;border:1px solid #b9a57680;width:min(820px,94vw);max-height:86svh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000c}.utility-close{color:#aab8cc;z-index:4;background:0 0;border:0;width:32px;height:32px;position:absolute;top:10px;right:12px}.battle-utility-dialog .facility-bag-hint{display:none}.battle-utility-dialog .battle-log{background:0 0;border:0;padding:15px}.battle-utility-dialog .log-lines{max-height:50vh;overflow:auto}.battle-utility-dialog .facility-panel{background:0 0;border:0;margin:0}.battle-utility-dialog :is(.craft-menu,.facility-guide){border:1px solid var(--ui-line);margin:15px 0;padding:10px}.battle-utility-dialog .lobby-settings-page{padding:0}@media (width<=850px){.battle-screen .war-topbar{padding:0 12px}.battle-screen .war-health-ribbon{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:8px}.battle-screen .war-health{grid-template-columns:38px minmax(0,1fr);gap:5px}.battle-screen .war-health.enemy{grid-template-columns:minmax(0,1fr) 38px}.battle-screen .skin-portrait{width:38px;height:48px}.battle-screen .initiative-badge,.battle-wordmark small{display:none}.battle-navigation-actions button{padding:0 7px}.battle-context-bar{gap:5px;padding:0 12px}.arena-caption>span{display:none}.battle-field{padding:0}}@media (width<=560px){.battle-wordmark b{font-size:10px}.battle-navigation-actions button span,.battle-navigation-actions kbd{display:none}.battle-screen .war-health-ribbon{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:5px}.battle-screen .war-health,.battle-screen .war-health.enemy{grid-template-columns:minmax(0,1fr)}.battle-screen .war-health .skin-portrait{display:none}.battle-screen .war-health.enemy .war-health-content{grid-column:1}.battle-screen .war-health-meta>small{font-size:10px}.duel-round strong{font-size:11px}.arena-caption{display:none}.enemy-readout{flex:1;gap:6px;margin-left:0}.battle-screen .enemy-intel-body{padding:18px}.battle-screen .war-arena{height:350px}.battle-screen.skin-mistRuins .war-arena{width:100%;height:350px}.battle-screen{height:auto;min-height:100svh}.battle-field{flex:none;height:350px;min-height:350px}}.battle-screen :is(.war-topbar,.battle-context-bar,.command-dock){zoom:var(--ui-scale,1)}.command-dock{z-index:10;background:linear-gradient(#152233f2,#0b1522fc);border:1px solid #b69f6954;border-top-color:#c3ac7f8f;grid-template-rows:96px 41px;grid-template-columns:172px minmax(0,1fr) 180px;gap:9px 20px;width:min(1440px,100% - 36px);margin:8px auto 10px;padding:13px 18px 10px;display:grid;position:relative;box-shadow:0 10px 50px #0007,inset 0 1px #e8d5a512}.command-dock:before,.command-dock:after{content:"";background:#d6bc80;width:18px;height:3px;position:absolute;top:-2px}.command-dock:before{left:0}.command-dock:after{right:0}.dock-actor{border-right:1px solid var(--ui-line);align-items:center;gap:9px;display:flex}.battle-screen .dock-actor .skin-portrait{border-color:#ad996d80;flex-shrink:0;width:50px;height:63px}.dock-actor-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.dock-actor-copy>small{color:#9aa7b9;font-size:9px}.dock-actor-copy select{color:#e6dfcd;background:#142235;border:1px solid #8395ac40;width:94px;min-height:26px;padding:3px;font-family:inherit;font-size:11px;font-weight:600}.dock-actor-copy>span{color:#c6b47f;align-items:center;gap:5px;font-size:9px;display:flex}.dock-actor-copy>span b{color:#f3dea6;font:600 17px DM Mono,monospace}.dock-planning{min-width:0;min-height:96px;position:relative}.dock-section-label{align-items:center;gap:10px;height:17px;margin-bottom:7px;display:flex}.dock-section-label b{color:#b8c1cc;font-size:10px;font-weight:500}.dock-section-label>span{color:#8290a4;font-size:9px}.command-palette{scrollbar-width:thin;scrollbar-color:#8a7651 #111c2c;gap:6px;max-width:100%;padding-bottom:2px;display:flex;overflow:auto hidden}.command-action{color:#b8c8db;background:linear-gradient(145deg,#253347b3,#101c2b);border:1px solid #7788a448;border-radius:3px;flex-direction:column;flex:0 0 74px;justify-content:center;align-items:center;gap:4px;height:70px;display:flex;position:relative}.command-action>svg{color:#aac9e1;filter:drop-shadow(0 0 4px #7ec5f326)}.command-action>b{font-size:10px;font-weight:500}.action-cost{color:#8593a5;font:8px DM Mono,monospace}.command-action>kbd{min-width:14px;height:14px;font-size:8px;position:absolute;top:4px;left:4px}.command-action:hover:not(:disabled){color:#f0e4c4;background:#344154;border-color:#c7ae75a8}.command-action.is-active{color:#ffe3a2;background:linear-gradient(155deg,#5f4b272e,#3b352899);border-color:#e4bb72;box-shadow:inset 0 0 15px #e7bd6a10,0 0 9px #e7bd6a1c}.command-action.is-active>svg{color:#f4d691;filter:drop-shadow(0 0 6px #e1ae6270)}.command-action.is-active:after{content:"";background:#f4da9b;height:2px;position:absolute;inset:auto 23% -1px}.command-action.supply-field{border-bottom-color:#cab27c}.command-action.supply-troop{border-bottom-color:#a298d9}.supply-count{color:#cbb992;font-size:9px;position:absolute;top:4px;right:4px}.dock-finish{border-left:1px solid var(--ui-line);flex-direction:column;justify-content:center;gap:7px;padding-left:18px;display:flex}.dock-finish>span{color:#a2a5a5;text-align:center;min-height:12px;font-size:9px}.execute-button{color:#251d0f;background:linear-gradient(125deg,#c7a464,#ecd69e 53%,#c5a46c);border:1px solid #ecd39a;border-radius:2px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:53px;padding:9px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #71562b30,0 4px 15px #0006}.execute-button>b{letter-spacing:.03em;font-size:12px}.execute-button>kbd{color:#59462b;border-color:#705b3940;min-width:14px;height:14px;position:absolute;top:4px;right:4px}.execute-button:hover:not(:disabled){background:linear-gradient(125deg,#e0bb7a,#ffebba,#d5b275);box-shadow:0 0 18px #debc4f33}.order-timeline{border-top:1px solid #8791a125;grid-column:1/-1;min-width:0;padding-top:7px}.order-timeline .dock-section-label{float:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:150px;height:34px;margin:0}.timeline-track{scrollbar-width:thin;gap:7px;min-height:34px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.timeline-order{background:#21304475;border:1px solid #9fa8b435;border-radius:2px;flex-shrink:0;align-items:center;gap:6px;min-height:34px;padding:4px 6px;display:flex}.order-number{color:#d5bd80;text-align:center;width:13px;font:11px DM Mono,monospace}.timeline-order>svg{color:#a5c8e0}.timeline-order>div:not(.timeline-tools){flex-direction:column;gap:1px;display:flex}.timeline-order b{font-size:10px;font-weight:500}.timeline-order small{color:#92a0b2;font-size:8px}.timeline-tools{gap:1px;margin-left:5px;display:flex}.timeline-tools button{color:#a4b3c7;background:0 0;border:0;place-items:center;width:21px;height:23px;display:grid}.timeline-tools button:hover:not(:disabled){color:#e4c888;background:#d5c59f16}.timeline-empty{opacity:.55;border:1px dashed #8396b42b;align-items:center;gap:10px;width:90px;padding:0 9px;display:flex}.timeline-empty>span{color:#8da0b7;font:10px DM Mono,monospace}.timeline-empty>i{background:#798ba92b;width:35px;height:1px;display:block}.dock-result{color:#d9c087;align-items:center;gap:12px;height:96px;display:flex}.dock-timeline-placeholder{visibility:hidden}.dock-result>div{flex-direction:column;gap:6px;display:flex}.dock-result b{font-size:15px}.dock-result span{color:#b5bfd0;font-size:11px}.dock-placement{color:#e5c997;background:#0e1b2ced;border:1px solid #c7a87570;align-items:center;gap:10px;width:max-content;max-width:85vw;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:calc(100% + 16px);left:0;box-shadow:0 5px 24px #0009}.dock-placement>button{color:#c9d0da;background:#192639;border:1px solid #c3ac7766;padding:3px 8px}.dock-placement .direction-picker{margin:0}@media (width<=850px){.command-dock{grid-template-columns:135px minmax(0,1fr) 140px;gap:8px 12px;width:calc(100% - 20px);padding:10px}.battle-screen .dock-actor .skin-portrait{width:36px;height:50px}.dock-actor-copy select{width:82px}.dock-finish{padding-left:10px}.execute-button>b{font-size:11px}.command-action{flex-basis:66px}.dock-section-label>span{display:none}.order-timeline .dock-section-label{width:70px}}@media (width<=560px){.command-dock{grid-template-rows:52px 96px 41px;grid-template-columns:minmax(0,1fr) 125px;gap:9px;width:calc(100% - 12px)}.dock-actor{border:0;grid-column:1/-1;gap:10px}.battle-screen .dock-actor .skin-portrait{width:30px;height:33px}.dock-actor-copy{flex-direction:row;flex:1;align-items:center}.dock-actor-copy>small{display:none}.dock-actor-copy>span{margin-left:auto}.command-action{flex-basis:61px;height:64px}.dock-finish>span{font-size:8px}.dock-section-label{margin-bottom:3px}}.battle-screen .war-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px)saturate(.6);backdrop-filter:blur(9px)saturate(.6);background:#03070dad;place-items:center;padding:22px;animation:.18s ease-out supply-reveal;display:grid;position:fixed;inset:0}.battle-screen .war-loadout-modal{background:linear-gradient(140deg,#172538f2,#0a1424f8 75%);border:1px solid #baa16a8f;border-radius:4px;flex-direction:column;width:min(1440px,96vw);height:auto;min-height:0;max-height:calc(100svh - 44px);padding:22px 24px 15px;display:flex;box-shadow:0 25px 100px #000c,inset 0 1px #efd7a52b}.battle-screen .war-loadout-heading{border-bottom:1px solid var(--ui-line);padding-bottom:14px}.battle-screen .war-loadout-heading small{color:#bca778;letter-spacing:.18em;font-size:9px}.battle-screen .war-loadout-heading h2{color:#ece6db;gap:10px;margin-top:3px;font-size:22px}.battle-screen .war-loadout-coins{color:#eed19a;background:#78623419;border:1px solid #b6a17354;border-radius:3px;margin-left:auto;padding:9px 15px;font:500 18px DM Mono,monospace}.battle-screen .war-loadout-close{background:#ffffff05;border-color:#8fa1b338;border-radius:3px;margin-left:12px}.battle-screen .war-loadout-tabs{background:0 0;border:0;gap:4px;margin:14px 0 10px;display:flex}.battle-screen .war-loadout-tabs button{color:#b2c0d2;background:#112033;border:1px solid #7d94ac40;border-radius:2px;min-height:35px;padding:7px 20px}.battle-screen .war-loadout-tabs button.active{color:#f0d69d;background:#51452c35;border-color:#b59d686b}.battle-screen .war-loadout-modal.is-shop-view .war-shop-categories{flex-shrink:0;gap:6px;margin:0 0 14px;padding:0;display:flex;overflow:auto hidden}.battle-screen .war-loadout-modal.is-shop-view .war-shop-categories button{color:#a9b7c8;min-height:28px;box-shadow:none;background:0 0;border:1px solid #859db234;border-radius:2px;padding:4px 12px;font-size:10px}.battle-screen .war-loadout-modal.is-shop-view .war-shop-categories button.active{color:#efd7a4;background:#b6a57716;border-color:#c4aa7380}.battle-screen .war-loadout-modal.is-shop-view .war-shop-catalog{scrollbar-width:thin;scrollbar-color:#bda87558 transparent;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;max-height:none;padding:0 3px 3px 0;display:grid;overflow:auto}.battle-screen .war-loadout-modal.is-shop-view .war-shop-catalog:has(.war-shop-level:nth-child(2)){grid-template-columns:minmax(0,1fr) 145px}.battle-screen .war-loadout-modal.is-shop-view .war-shop-catalog:has(.war-shop-level:nth-child(3)){grid-template-columns:minmax(0,1fr) 145px 145px}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level{background:0 0;border:0;min-width:0;padding:0}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level>h3{color:#d1b887;letter-spacing:.08em;border-bottom:1px solid #bfa37233;align-items:center;gap:7px;height:24px;margin:0 0 8px;padding:0;font:500 11px DM Mono,monospace;display:flex}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level>h3>small{color:#8194ac;letter-spacing:0;margin-left:auto;font-size:8px}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level-items{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:7px;display:grid}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level:not(:first-child) .war-shop-level-items{grid-template-columns:minmax(0,1fr)}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card{min-height:115px;box-shadow:none;background:linear-gradient(140deg,#23344a75,#0d1a2cbd);border:1px solid #9cabc02b;border-top-color:#8fadc74f;border-radius:3px;grid-template-rows:auto auto auto;grid-template-columns:30px minmax(0,1fr);gap:5px 8px;padding:9px;display:grid;position:relative}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card:hover{background:#223149;border-color:#d7bf8480;transform:translateY(-1px)}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card.kind-action{--item-tone:#90c6ee}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card.kind-field .battle-screen .war-loadout-modal.is-shop-view .war-shop-card.kind-instant{--item-tone:#e2c790}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card.kind-troop{--item-tone:#b5a5ee}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card.kind-gear{--item-tone:#bac4d1}.battle-screen .war-loadout-modal .war-item-icon{width:30px;height:32px;color:var(--item-tone,#c5d5e2);background:0 0;border:0;border-radius:0}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-copy{grid-column:2;display:contents}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-copy>b{align-self:center;font-size:11px;font-weight:500;line-height:1.4}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-copy>small{color:#9bacbe;grid-column:1/-1;min-height:29px;font-size:9px;line-height:1.5}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-buy{grid-column:1/-1;justify-content:space-between;align-items:center;gap:5px;display:flex}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-buy>span{color:#e0c58c;font:500 12px DM Mono,monospace}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-buy>button{color:#e8d3a7;background:#b7a1721c;border:1px solid #b7a17265;border-radius:2px;min-width:46px;min-height:25px;padding:4px 6px;font-size:9px}.battle-screen .war-loadout-modal.is-shop-view .war-shop-card-buy>button:hover:not(:disabled){background:#d0b77933}.battle-screen .war-inventory-catalog{grid-template-columns:repeat(2,minmax(0,1fr));max-height:62vh;padding-top:10px}.battle-screen .bag-materials,.battle-screen .bag-section-title{grid-column:1/-1}.battle-screen .war-inventory-card{background:#14233799;border-color:#92a9bd33;grid-template-columns:35px 1fr auto auto;padding:14px}.battle-screen .war-inventory-copy>small{color:#96a6b9}.battle-screen .war-inventory-card>button{color:#eed59b;background:#aa8d4c25;border-color:#ae98656e;border-radius:2px}.battle-screen .war-loadout-tip{color:#91a2b7;border-top:1px solid var(--ui-line);margin:12px 0 0;padding:9px 0 0;font-size:9px}.battle-screen .war-inventory-empty{color:#b9c8d9;border:1px dashed var(--ui-line);background:#15233a55;grid-column:1/-1;padding:45px}@keyframes supply-reveal{0%{opacity:0}to{opacity:1}}@media (width<=850px){.battle-screen .war-loadout-modal{padding:18px 14px}.battle-screen .war-loadout-modal.is-shop-view .war-shop-catalog:has(.war-shop-level:nth-child(2)) .battle-screen .war-loadout-modal.is-shop-view .war-shop-catalog:has(.war-shop-level:nth-child(3)){grid-template-columns:minmax(0,1fr)}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level:not(:first-child) .war-shop-level-items{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}@media (width<=560px){.battle-screen .war-modal-backdrop{padding:8px}.battle-screen .war-loadout-modal{width:100%;max-height:calc(100svh - 16px);padding:14px 10px}.battle-screen .war-inventory-catalog{grid-template-columns:minmax(0,1fr)}}.battle-screen .war-loadout-modal.is-shop-view .war-shop-level{align-self:start;display:block}.lobby-shell{color:#ede8dd;background:radial-gradient(at 65% 20%,#1b30425e,#0000 70%),#080f19}.lobby-shell .lobby-topbar{background:linear-gradient(#162132,#0b1320ef);border-color:#9d8b623c;height:70px;box-shadow:0 5px 30px #0006}.lobby-shell .lobby-brand b{color:#eee1be;letter-spacing:.12em;font-size:16px}.lobby-shell .lobby-brand small{color:#9b947c}.lobby-shell .lobby-top-context small{color:#8695aa}.lobby-shell .lobby-top-context b{color:#cec4ae}.lobby-shell .lobby-rail{background:#0b15228c;border-color:#8b9ab42b;width:80px}.lobby-shell .lobby-rail>button{color:#8fa0b5;border-radius:3px;margin-bottom:8px}.lobby-shell .lobby-rail>button.active{color:#ebd198;background:linear-gradient(90deg,#b198531c,#b1985306);border-color:#b49d6470;box-shadow:inset 2px 0 #cbb179}.lobby-shell .lobby-rail>button:hover{color:#e5d3ad;background:#b2bbc811}.lobby-shell .lobby-rail small{color:#718197}.lobby-shell .rail-status{color:#8c9db2;font-size:8px}.lobby-shell .lobby-account button{color:#c2cddd;background:#152337;border-color:#9cabc42b;border-radius:4px}.lobby-shell .shard-display{color:#dec38b;background:#85713b0f;border-color:#b0996640;border-radius:3px}.lobby-shell .account-avatar{color:#d8c494;background:#233145;border-color:#bea47255}.lobby-shell .lobby-content{max-width:1780px;padding:26px 30px 24px}.lobby-shell .lobby-crumb{color:#8b9bb0;letter-spacing:.14em;margin-bottom:16px;font-size:9px}.lobby-shell .lobby-crumb b{color:#d2bb8b}.home-lobby{flex-direction:column;gap:16px;display:flex}.lobby-hero{isolation:isolate;background:#142333;border:1px solid #c0aa7257;min-height:clamp(470px,65svh,760px);position:relative;overflow:hidden}.lobby-hero-art{z-index:-2;background:url(/assets/mist-ruins-arena-BYXBe3Kd.png) 70% 37%/cover no-repeat;position:absolute;inset:0;transform:scale(1.045)}.lobby-hero-shade{z-index:-1;background:linear-gradient(90deg,#07101df5 0%,#07101deb 25%,#07101d92 48%,#07101d14 76%),linear-gradient(#10213120,#0000 67%,#081121ee);position:absolute;inset:0}.lobby-hero-copy{max-width:650px;padding:clamp(45px,7vw,110px) 5.5%;position:relative}.hero-eyebrow{color:#cdb684;letter-spacing:.22em;align-items:center;gap:9px;font-size:11px;display:flex}.hero-eyebrow>i{background:#d5b67b;width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 10px #cdb47566}.lobby-hero h1{letter-spacing:-.025em;color:#ece4d3;text-shadow:0 5px 20px #000c;margin:22px 0 16px;font:600 clamp(44px,5.1vw,80px)/1.23 Yu Mincho,Noto Serif JP,Georgia,serif}.lobby-hero h1>span{color:#e1c48b}.lobby-hero-copy>p{color:#b3bbc5;letter-spacing:.15em;margin:0 0 25px;font-size:clamp(12px,1.3vw,17px)}.hero-rule-tags{flex-wrap:wrap;gap:9px;margin-bottom:35px;display:flex}.hero-rule-tags>span{color:#b7b8b5;background:#15223555;border:1px solid #bba67435;padding:4px 9px;font-size:9px}.cpu-difficulty-picker{width:min(315px,100%);margin:-20px 0 16px}.cpu-difficulty-picker>small{color:#a78f66;letter-spacing:.2em;margin-bottom:7px;font:8px DM Mono,monospace;display:block}.cpu-difficulty-picker>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#091522b8;border:1px solid #a9946940;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.cpu-difficulty-picker button{color:#8f9cad;letter-spacing:.08em;background:0 0;border:1px solid #0000;min-height:31px;font-size:11px}.cpu-difficulty-picker button:hover{color:#e7d4aa;background:#c3a66b12}.cpu-difficulty-picker button.active{color:#ffe6ae;background:linear-gradient(135deg,#735b2e70,#c19f5830);border-color:#dfc07a8c;box-shadow:inset 0 0 16px #edc66d0d}.cpu-difficulty-picker>p{color:#8995a4;letter-spacing:.03em;min-height:17px;margin:6px 2px 0;font-size:9px}.hero-play-button{color:#2e2517;background:linear-gradient(125deg,#c2a36c,#e9d19a 60%,#c3a16a);border:1px solid #f0d596;border-radius:2px;justify-content:space-between;align-items:center;width:min(315px,100%);height:70px;padding:0 22px;display:flex;box-shadow:0 10px 35px #0008,inset 0 0 0 3px #70572c29}.hero-play-button>span{letter-spacing:.06em;flex-direction:column;align-items:flex-start;gap:4px;font-size:18px;font-weight:700;display:flex}.hero-play-button small{letter-spacing:.16em;color:#695635;font-size:8px;font-weight:600}.hero-play-button:hover{background:linear-gradient(125deg,#e0bb78,#ffe5ad,#d5b376);box-shadow:0 0 30px #cbb37640}.hero-new-battle{color:#acb2bd;background:0 0;border:0;margin-top:16px;padding:0;font-size:10px;display:block}.hero-new-battle:hover{color:#e3c88e}.hero-map-badge{color:#e2c891;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09142299;border:1px solid #c1a36e45;align-items:center;gap:10px;padding:10px 13px;display:flex;position:absolute;top:22px;right:24px}.hero-map-badge>span{flex-direction:column;gap:3px;font-size:11px;display:flex}.hero-map-badge small{letter-spacing:.16em;color:#8fa2b7;font-size:7px}.hero-equipped{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(115deg,#1b2c40b0,#081320e8);border:1px solid #bba67c40;align-items:center;min-width:205px;padding:12px 18px 12px 9px;display:flex;position:absolute;bottom:20px;right:24px}.hero-equipped-art{width:65px;height:95px;position:relative}.hero-equipped>div:last-child{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.hero-equipped>div>svg{color:#c7ae75}.hero-equipped b{color:#d3d9e0;font-size:12px;font-weight:500}.hero-equipped button{color:#c5ae7b;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:10px;display:flex}.home-collection-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.collection-link{text-align:left;color:#b5c8dc;background:linear-gradient(125deg,#1d2c408c,#0c1829);border:1px solid #8ba0b536;border-radius:3px;align-items:center;gap:16px;padding:22px 20px;display:flex;position:relative}.collection-link:after{content:"";background:#89b1d072;width:40px;height:1px;position:absolute;top:0;left:20px}.collection-link.tone-gold{color:#d5ba83}.collection-link.tone-gold:after{background:#d5ba8380}.collection-link.tone-silver{color:#b8bdd2}.collection-link-emblem{background:#bdd6ff09;border:1px solid;border-radius:3px;place-items:center;width:48px;height:55px;display:grid}.collection-link>span:not(.collection-link-emblem){flex-direction:column;gap:6px;display:flex}.collection-link small{letter-spacing:.16em;color:#8796a9;font-size:8px}.collection-link b{color:#e0e1df;font-size:14px;font-weight:500}.collection-link em{color:#919fb2;font-size:10px;font-style:normal}.collection-link>svg{color:#8c9caf;margin-left:auto}.collection-link:hover{background:#22334b99;border-color:#c5ac786e}.lobby-shell .lobby-footer{color:#8492a5;background:#080f18;border-color:#9caabb27}.lobby-shell .lobby-footer b{color:#b4a67f}.lobby-shell :is(.cosmetic-card,.squad-collect-card,.hub-panel,.settings-section){background:linear-gradient(140deg,#1a293dd9,#0d1827f5);border-color:#9caac035;border-radius:4px}.lobby-shell .cosmetic-info>div>small,.lobby-shell .hub-heading p{color:#9caabc}.lobby-shell .cosmetic-info>button{color:#e1c58d;background:#aa8d4d18;border-color:#bd9f6759;border-radius:2px}.lobby-shell .hub-heading h1{color:#ede9df}.lobby-shell .hub-heading h1 em{color:#e0c58d}.lobby-shell .outline-action{color:#e1c58e;background:#bca36e14;border-color:#bca36e66}@media (width<=950px){.lobby-shell .lobby-content{padding:20px}.lobby-hero{min-height:480px}.lobby-hero-copy{max-width:510px;padding:70px 6%}.collection-link{gap:10px;padding:16px 12px}.collection-link-emblem{width:35px;height:43px}.collection-link em{display:none}}@media (width<=650px){.lobby-shell .lobby-rail{background:#0d1827;width:100%}.lobby-shell .lobby-content{padding:14px}.lobby-hero{min-height:500px}.lobby-hero-shade{background:linear-gradient(90deg,#06101ff5,#06101f65),linear-gradient(#0000,#06101fee)}.lobby-hero-copy{padding:65px 23px}.hero-equipped{display:none}.hero-map-badge{padding:6px 9px;top:14px;right:14px}.hero-map-badge small{display:none}.hero-rule-tags{gap:5px}.home-collection-links{grid-template-columns:minmax(0,1fr);gap:8px}.collection-link{padding:14px}.collection-link em{display:block}}.skill-build-panel{--skill-accent:#89d7df;color:#e3eaf1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);scrollbar-width:thin;scrollbar-color:#728fac #0f1b2b;background:linear-gradient(145deg,#1c2f40f5,#0b1727f5 55%,#142337f5);border:1px solid #a9bfcd66;border-top:2px solid #dfc796;border-radius:10px;width:min(1440px,100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 28px 100px #000c,inset 0 1px #ffffff16}.build-header{border-bottom:1px solid #b3b9be23;align-items:center;gap:20px;padding:22px 28px 17px;display:flex}.build-header small{color:#9ba9bb;letter-spacing:.22em;font-size:9px}.build-header h2{letter-spacing:.08em;color:#f1e1bd;margin:4px 0 0;font-size:clamp(22px,2vw,30px)}.build-wallet{color:#e5c77d;background:#0003;border:1px solid #dfc78435;border-radius:5px;align-items:center;gap:9px;margin-left:auto;padding:9px 16px;display:flex}.build-wallet b{font:600 25px DM Mono,monospace}.build-wallet span{letter-spacing:.1em;font-size:10px}.build-close{color:#c5d3e2;background:#233244;border:1px solid #acbacb40;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.build-rule{color:#aebed1;align-items:center;gap:8px;margin:0;padding:13px 28px;font-size:11px;display:flex}.build-groups{grid-template-columns:1.1fr 1.3fr 1fr .8fr;gap:16px;padding:4px 24px 22px;display:grid}.build-loadout{background:#07122080;border:1px solid #c1cfa23b;border-radius:6px;margin:0 24px 18px;padding:14px 16px}.build-loadout>header{color:#e7d4ad;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.build-loadout>header>span{font:600 15px DM Mono,monospace}.build-loadout>small{color:#9eb1c6;margin-top:10px;font-size:10px;display:block}.shared-skill-slots{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.skill-slot>small{color:var(--skill-accent);font:9px DM Mono,monospace}.skill-slot.cost-1{--skill-accent:#80d2d1}.build-group{--skill-accent:#80d2d1;background:#07122065;border:1px solid #97b9cc25;border-radius:6px;min-width:0;padding:16px}.cost-2{--skill-accent:#efbc72}.cost-3{--skill-accent:#e29ded}.cost-5{--skill-accent:#c0a0fb}.build-group>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.build-group h3{color:var(--skill-accent);letter-spacing:.06em;align-items:center;gap:10px;margin:0;font:600 15px DM Mono,monospace;display:flex}.build-group h3 span{background:#ffffff09;border:1px solid #a4b6c728;border-radius:3px;padding:3px 6px;font-size:9px}.build-group>header>small{color:#98a8bb;font-size:10px}.skill-slots{gap:6px;display:flex}.skill-slot{background:#12213560;border:1px dashed #839db546;border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:69px;display:flex}.skill-slot b{font-size:10px;font-weight:500}.skill-slot.is-empty{color:#7d91a5}.skill-slot.is-empty>span{font-size:19px}.skill-slot.is-filled{color:var(--skill-accent);border-style:solid;border-color:var(--skill-accent);background:linear-gradient(150deg,#38556960,#18263599);box-shadow:inset 0 0 15px #95dbda09}.skill-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.cost-5 .skill-candidates,.cost-3 .skill-candidates{grid-template-columns:1fr}.skill-card{background:linear-gradient(150deg,#263b5080,#14243780);border:1px solid #8da9c638;border-radius:5px;flex-direction:column;min-height:138px;padding:10px;display:flex}.skill-card-heading{align-items:center;gap:8px;display:flex}.skill-emblem{width:34px;height:34px;color:var(--skill-accent);background:#04101c60;border:1px solid #a5c4d332;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.skill-emblem>svg{filter:drop-shadow(0 0 7px #88c8d14a)}.skill-card h4{margin:0;font-size:12px;font-weight:600}.skill-card h4 small{color:var(--skill-accent);margin-top:5px;font:9px DM Mono,monospace;display:block}.skill-card p{color:#a8bbcf;margin:8px 0 9px;font-size:10px;line-height:1.5}.skill-card button{color:#ebd29e;background:linear-gradient(135deg,#4b412b80,#283448);border:1px solid #d7b57c80;border-radius:3px;align-items:center;gap:5px;min-height:31px;margin-top:auto;padding:8px;font-size:10px;display:flex}.skill-card button span{margin-left:auto}.skill-card button b{font:500 12px DM Mono,monospace}.skill-card button:hover:not(:disabled){background:#6a573c;border-color:#f0d294;box-shadow:0 0 13px #edc07320}.skill-card button:disabled{color:#7e90a2;opacity:.7;cursor:not-allowed;background:#101d2b;border-color:#70859d38}.skill-card.is-owned{border-color:var(--skill-accent);background:#26404c65}.skill-card.is-owned button:disabled{opacity:1;color:var(--skill-accent)}.build-footer{color:#c7d7e6;background:#050e1980;border-top:1px solid #9eabb927;justify-content:space-between;gap:16px;padding:14px 28px;font-size:11px;display:flex}.build-footer>span{color:#8299b1}.ap-meter{color:#c5e4f1;align-items:center;gap:8px;min-height:20px;margin-top:4px;display:flex}.ap-meter>b{color:#8ca5be;font:10px DM Mono,monospace}.ap-pips{flex:1;gap:4px;display:flex}.ap-pips i{background:#0c1728;border:1px solid #526c8855;border-radius:2px;flex:1;max-width:40px;height:7px;transition:background .18s,box-shadow .18s;display:block}.ap-pips i.is-ready{background:linear-gradient(#aff8ff,#4ca9cc);border-color:#95e1f1;box-shadow:0 0 6px #69d9ef60}.ap-meter strong{white-space:nowrap;font:600 11px DM Mono,monospace}.ap-meter strong span{color:#7f9ab4}.war-health.enemy .ap-meter,.war-health.enemy .ap-pips{flex-direction:row-reverse}.command-action.cost-2{border-bottom-color:#d9b476}.command-action.cost-3{border-bottom-color:#e29ded}.command-action.cost-5{border-bottom-color:#bba0f1}.command-action:disabled{opacity:.35;filter:saturate(.35);cursor:not-allowed}.command-action.is-active:disabled:after{display:none}.order-ap{color:#8fd9e2;margin-left:7px;font:8px DM Mono,monospace;display:inline-block}.enemy-build .skill-slots{--skill-accent:#92c4da}.war-guideline .grapple-line{stroke:#c5efff;stroke-width:.9px;stroke-dasharray:1.2 .45;filter:drop-shadow(0 0 1px #41d9fa);animation:.48s ease-out both grapple-tension}@keyframes grapple-tension{0%{stroke-dashoffset:15px;opacity:0}40%{opacity:1;stroke-width:1.15px}to{stroke-dashoffset:0;opacity:.65}}@media (width>=1200px){.command-palette .command-action{flex:1 0 65px;max-width:86px}}@media (width<=1000px){.build-groups{grid-template-columns:1fr 1fr}.build-group.cost-5{grid-column:1/-1}.build-group.cost-5 .skill-candidates{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.build-loadout{margin:0 12px 16px;padding:12px}.shared-skill-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-build-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.build-header{gap:10px;padding:16px}.build-wallet{padding:7px}.build-wallet b{font-size:20px}.build-wallet span{display:none}.build-rule{padding:12px 16px;font-size:10px;line-height:1.7}.build-groups{grid-template-columns:1fr;padding:0 12px 16px}.build-group.cost-5 .skill-candidates{grid-template-columns:1fr}.build-footer{padding:12px 16px;font-size:10px}.build-footer>span{display:none}.ap-meter{gap:4px}.ap-pips{gap:2px}}.field-wall-edge{z-index:6;pointer-events:none;background:0 0;border:0;border-radius:2px;display:block;position:absolute;overflow:hidden;box-shadow:0 4px 8px #101a18a8,0 0 8px #d0c99a38}.field-wall-edge.edge-n,.field-wall-edge.edge-s{width:92%;height:32%;left:4%}.field-wall-edge.edge-n{top:-2%}.field-wall-edge.edge-s{bottom:-2%}.field-wall-edge.edge-e,.field-wall-edge.edge-w{width:32%;height:92%;top:4%}.field-wall-edge.edge-e{right:-2%}.field-wall-edge.edge-w{left:-2%}.wall-segment-art{filter:drop-shadow(0 2px 2px #101a18a8);width:100%;height:100%;display:block}.field-wall-edge.is-preview{z-index:7;opacity:.82;filter:drop-shadow(0 0 7px #f4d66c9c)}.field-wall-edge.is-preview.is-invalid{opacity:.42;filter:sepia()saturate(2.2)hue-rotate(320deg)}.placement-ghost.is-edge-ghost{overflow:visible}.battle-history-trigger{color:#decba4;cursor:pointer;background:#cbb4780b;border:1px solid #b6a17350;border-radius:4px;align-items:center;gap:8px;min-height:30px;padding:4px 10px;font-size:11px;display:inline-flex}.battle-history-trigger:is(:hover,:focus-visible,[aria-expanded=true]){color:#fff0ce;background:#e5c07c22;border-color:#edcc80}.battle-board-size{color:#9bafc4;font:10px monospace}.action-history-header{color:#e3c48a;align-items:center;gap:14px;margin-bottom:20px;display:flex}.action-history-header h2{color:#ecf1f8;margin:4px 0 0;font-size:23px}.action-history-header small{letter-spacing:.22em;font:9px monospace}.action-history-header>span{color:#91a2b8;margin-left:auto;padding-right:22px;font-size:10px}.action-history-legend{gap:16px;margin-bottom:12px;font-size:11px;display:flex}.action-history-legend span:first-child{color:#87daff}.action-history-legend span:last-child{color:#ff9e91}.action-history-list{scrollbar-width:thin;scrollbar-color:#647e97 #0e1826;gap:6px;max-height:57vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.action-history-list li{--history-color:#a2afbf;border:1px solid #abc2dc15;border-left:2px solid var(--history-color);background:#a0b8d108;grid-template-columns:42px 48px 54px 1fr auto;align-items:center;gap:10px;min-height:53px;padding:8px 12px;display:grid}.action-history-list .history-blue{--history-color:#78cfff}.action-history-list .history-red{--history-color:#f39a8e}.history-round{color:#b9c5d3;gap:4px;font:11px monospace;display:grid}.history-round small{color:#71869e;font-size:9px}.history-side{color:var(--history-color);font-size:11px}.history-kind{color:#b3c4d8;text-align:center;background:#bdcddd0d;border-radius:3px;padding:4px;font-size:10px}.history-kind:is(.result-HIT,.result-KILL,.result-FALL){color:#ffc4a0;background:#fa873b15}.action-history-list p{color:#d0dae6;margin:0;font-size:12px;line-height:1.6}.history-damage{color:#ffbf88;font:700 15px monospace}.combat-readout{z-index:9;pointer-events:none;background:linear-gradient(130deg,#132739ed,#071420ee);border:1px solid #d4c3a84d;border-radius:6px;justify-items:center;gap:5px;width:min(540px,78%);padding:12px 18px;animation:.18s ease-out both readout-enter;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #020c1699}.combat-readout>small{color:#b9a780;letter-spacing:.22em;font:9px monospace}.combat-action-label{color:#d1e4ec;font-size:18px}.combat-readout-caption{color:#a9bdd0;text-align:center;font-size:11px;line-height:1.5}.combat-results{flex-wrap:wrap;justify-content:center;gap:10px 22px;display:flex}.combat-result{color:#ffc995;align-items:baseline;gap:10px;display:flex}.combat-result strong{letter-spacing:.07em;font-size:24px}.combat-result b{color:#fff0d6;text-shadow:0 0 16px #ffb86b77;font:800 30px monospace}.combat-result>span{color:#d3dae5;font-size:11px}.combat-result:is(.result-BLOCK,.result-COUNTER){color:#87dbff}.combat-result:is(.result-MISS,.result-DODGE){color:#b8ccd9}.combat-result.result-FALL{color:#ff987a}.war-shell .is-grounded-model .war-hero b.character-damage,.war-shell .character-damage{color:#fff0ce;text-shadow:0 2px 4px #000,0 0 12px #d5583577;width:72px;font-size:22px;animation-duration:1.1s;left:-36px}.war-shell .character-contact-core{width:20px;height:20px;animation-duration:.3s}.war-shell .character-contact>i{animation-duration:.4s}@keyframes readout-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (width<=600px){.battle-board-size{display:none}.battle-context-bar{flex-wrap:wrap;gap:6px;padding:4px 8px}.battle-history-trigger{padding:4px 6px;font-size:10px}.action-history-list li{grid-template-columns:32px 38px 42px 1fr;gap:6px;padding:8px}.history-damage{display:none}.action-history-list p{font-size:11px}.combat-readout{padding:9px 12px;bottom:6px}.combat-result strong{font-size:19px}.combat-result b{font-size:25px}}@media (prefers-reduced-motion:reduce){.combat-readout{animation:none}}.reduce-motion .combat-readout{animation:none}.online-exit-confirm{padding:20px}.online-exit-confirm h2{color:#e9eff5;margin:0 0 16px;font-size:22px}.online-exit-confirm p{color:#bdcbd9;line-height:1.6}.online-exit-confirm button{color:#eaf0f7;cursor:pointer;background:#243749;border:1px solid #859db577;border-radius:5px;margin:20px 12px 0 0;padding:10px 20px}.online-exit-confirm button:first-of-type{background:#663d3d;border-color:#cb837d}.online-exit-confirm button:disabled{opacity:.5;cursor:wait}.battle-screen.skin-mistRuins .sky-arena{background:linear-gradient(#28465e 0%,#7fabbf 48%,#c1d4d8 77%,#567e98 100%);border-color:#9db9c94d;overflow:hidden}.skin-mistRuins .sky-arena .war-board-stage{z-index:2;background:0 0}.skin-mistRuins .sky-arena .war-landscape{background:radial-gradient(at 62% 8%,#fff1c362,#0000 38%);position:absolute;inset:0;overflow:hidden}.sky-cloud{pointer-events:none;filter:blur(15px);background:radial-gradient(at 15%,#eaf7f7c9 0,#daedf195 18%,#0000 40%),radial-gradient(at 62% 55%,#e9f4f3ce 0,#dceff280 25%,#0000 53%),radial-gradient(at 90% 65%,#d9e8eee0 0,#0000 34%);width:125%;height:40%;animation:32s ease-in-out infinite alternate sky-cloud-drift;position:absolute;left:-12%}.cloud-back{opacity:.56;top:18%}.cloud-front{height:54%;animation-duration:43s;animation-delay:-18s;bottom:-12%}.sky-distant-island{opacity:.47;clip-path:polygon(18% 5%,84% 0,100% 13%,87% 29%,67% 42%,59% 100%,37% 57%,25% 28%,0 18%);filter:drop-shadow(0 18px 22px #19394e55);background:linear-gradient(#718a90 8%,#2e5365 15%,#305062 54%,#668a9b);width:10%;height:15%;position:absolute}.island-left{top:24%;left:2%;rotate:-7deg}.island-right{opacity:.3;width:7%;height:11%;top:10%;right:1%;rotate:10deg}.skin-mistRuins .sky-arena .war-grid-shell{isolation:isolate;box-shadow:0 4px #c5ae80,0 30px #354957,0 35px #1e3546,0 55px 85px #10304499}.skin-mistRuins .sky-arena .war-grid-shell:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#293d4b 0 96px,#162c3c 97px 100px);position:absolute;inset:0;transform:translateY(30px)}.skin-mistRuins .sky-arena .war-grid{isolation:isolate;outline-offset:1px;background:#596976;outline:3px solid #ffce8fa6;position:relative}.sky-arena-floor{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skin-mistRuins .sky-arena .war-cell{background:0 0;border:1px solid #8ce4ffb3;box-shadow:inset 0 0 8px #60dfff1c}.skin-mistRuins .sky-arena .war-cell:after{display:block}.skin-mistRuins .sky-arena .war-cell.is-selectable{background:#ff9a3219;box-shadow:inset 0 0 0 2px #ffbd7177,inset 0 0 20px #ff9a321c}.skin-mistRuins .sky-arena .war-cell.blast-preview{background:#ed583b38;box-shadow:inset 0 0 0 2px #ffa07b}.skin-mistRuins .sky-arena .ruin-fire{display:none}.arena-edge-warning{z-index:8;color:#ffe2b2;letter-spacing:.05em;pointer-events:none;background:#122739b3;border:1px solid #deb47455;border-radius:3px;padding:5px 11px;font-size:10px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.falling-character{pointer-events:none;transform-origin:50% 70%;animation:1.6s linear both arena-fall;position:absolute;inset:0}.skin-mistRuins .sky-arena .falling-character .real-champion{animation:none}@keyframes sky-cloud-drift{0%{transform:translate(-3%)}to{transform:translate(5%)}}@keyframes arena-fall{0%{transform:translate(var(--fall-start-x), var(--fall-start-y));opacity:1}12%{opacity:1;transform:translateY(-6px)scale(1.03)}30%{opacity:1;transform:translateY(14px)scale(.99)}55%{opacity:1;transform:translateY(80px)scale(.85)}78%{opacity:.75;transform:translateY(200px)scale(.65)}to{opacity:0;transform:translateY(420px)scale(.38)}}@media (width<=600px){.arena-edge-warning{font-size:9px;top:5px}}@media (prefers-reduced-motion:reduce){.sky-cloud{animation:none}.falling-character{opacity:0;animation:none}}.reduce-motion .sky-cloud{animation:none}.reduce-motion .falling-character{opacity:0;animation:none}.virus-status{align-items:center;gap:3px;display:inline-flex;color:#f0a7ef!important}.result-VIRUS strong{color:#e9a2f1;text-shadow:0 0 15px #b34be9}.skill-field-effect{z-index:9;pointer-events:none;color:#d68aff;position:absolute;inset:10%}.skill-field-effect i{border:3px solid;border-radius:50%;animation:.8s ease-out both skill-ring-burst;position:absolute;inset:5%;box-shadow:0 0 20px,inset 0 0 14px}.skill-field-effect i:nth-child(2){border-style:dashed;animation-delay:.1s;inset:20%}.skill-field-effect i:nth-child(3){background:#e1a7ff80;animation-delay:.2s;inset:35%}.effect-virus{color:#e589fa}.effect-teleport{color:#9ef6ff}.effect-heal{color:#a7ffc4}.effect-heal b{text-shadow:0 2px 4px #000,0 0 16px #4de681;font:700 20px DM Mono,monospace;animation:1s ease-out both heal-rise;position:absolute;inset:-60% -50% auto}.result-HEAL strong,.history-healing{color:#a7ffc4}@keyframes heal-rise{0%{opacity:0;transform:translateY(12px)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.war-hero.is-teleporting{animation:.55s ease-out both teleport-arrive}@keyframes skill-ring-burst{0%{opacity:0;transform:scale(.3)rotate(-50deg)}25%{opacity:1}to{opacity:0;transform:scale(1.1)rotate(70deg)}}@keyframes teleport-arrive{0%{opacity:0;filter:brightness(3)blur(5px);transform:scale(.4,1.3)}45%{opacity:1;filter:brightness(2);transform:scale(1.05,.95)}to{opacity:1;filter:none;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.effect-heal b{animation:none}.skill-field-effect i{opacity:.6;animation-duration:10ms}.war-hero.is-teleporting{animation:none}}.character-skin-card.is-slime{border-color:color-mix(in srgb, var(--slime-color), transparent 62%)}.character-skin-card.is-slime.is-equipped{border-color:var(--slime-color);box-shadow:0 0 22px color-mix(in srgb, var(--slime-color), transparent 85%)}.is-slime .character-skin-preview{isolation:isolate;background:radial-gradient(ellipse at 50% 80%, #ffffff13, transparent 40%), radial-gradient(ellipse at 50% 25%, var(--slime-background), #101b2a 85%)}.is-slime .character-skin-preview:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--slime-color), transparent 80%);border-radius:50%;position:absolute;inset:18% 17%}.is-slime .character-skin-tag{color:var(--slime-color)}.is-slime .cosmetic-info h3{color:#f8edf3}.portrait-slimeAqua{background:radial-gradient(circle at 50% 30%,#286979,#101d2c)}.portrait-slimeTripo{background:radial-gradient(circle at 50% 30%,#686599,#211f34)}.portrait-slimeNightGlobe{background:radial-gradient(circle at 50% 30%,#304b7f,#101829)}.portrait-slimeChristmasGlobe{background:radial-gradient(circle at 50% 30%,#4c7f72,#192a2a)}.character-skin-slimeNightGlobe{background:radial-gradient(at 50% 65%,#354b7659,#0000 55%),#101a30}.character-skin-slimeChristmasGlobe{background:radial-gradient(at 50% 65%,#365e5059,#0000 55%),#142b29}.portrait-slimePeach{background:radial-gradient(circle at 50% 30%,#885466,#25192d)}.portrait-slimeMint{background:radial-gradient(circle at 50% 30%,#3c765e,#102c29)}.portrait-slimeLuna{background:radial-gradient(circle at 50% 30%,#635089,#20172e)}.portrait-slimeCollectionNormal{background:radial-gradient(circle at 50% 30%,#286a90,#142738)}.portrait-slimeCollectionSakura{background:radial-gradient(circle at 50% 30%,#965d7c,#302034)}.portrait-slimeCollectionNight{background:radial-gradient(circle at 50% 30%,#5a5494,#201d38)}.portrait-slimeCollectionLeaf{background:radial-gradient(circle at 50% 30%,#668834,#23321c)}.portrait-slimeCollectionFlame{background:radial-gradient(circle at 50% 30%,#b44a32,#372026)}.portrait-slimeCollectionSnow{background:radial-gradient(circle at 50% 30%,#628fb3,#243547)}.portrait-slimeCollectionKing{background:radial-gradient(circle at 50% 30%,#9c733f,#302420)}.slime-fallback{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.slime-fallback-body{background:radial-gradient(ellipse at 35% 20%, #fff9, transparent 30%), radial-gradient(ellipse at 45% 35%, var(--slime-accent), var(--slime-color) 70%);border-radius:48% 48% 43% 43%;width:64%;height:57%;position:relative;box-shadow:inset -8px -10px 18px #17233924,0 8px 12px #0005}.slime-fallback-eye{background:radial-gradient(circle at 30% 25%,#fff 0 18%,#263048 24%);border-radius:50%;width:8%;height:15%;position:absolute;top:42%}.slime-fallback-eye.eye-left{left:30%}.slime-fallback-eye.eye-right{right:30%}.slime-fallback-smile{border:2px solid #263048;border-top:0;border-radius:0 0 50% 50%;width:12%;height:9%;position:absolute;top:56%;left:44%}.slime-fallback-ornament{color:var(--slime-accent);text-shadow:0 2px 9px #ffffff60;font-size:35px;position:absolute;top:-22%;left:36%}.skin-store-page{max-width:1180px;margin-inline:auto}.skin-store-page .shop-character-grid{gap:20px}.skin-sale-card{background:linear-gradient(155deg,#1b2a2b,#101b23 68%,#101820);border-color:#b5b7ad4a;border-radius:16px;flex-direction:column;display:flex;box-shadow:0 18px 42px #0710127d,inset 0 1px #fff2}.skin-sale-card .character-skin-preview{border-bottom:1px solid #d6e2dc21;height:clamp(230px,29vw,330px)}.skin-sale-card.skin-iceDragon .character-skin-preview{background:radial-gradient(at 52% 70%,#7bccf058,#0000 57%),linear-gradient(150deg,#1b3a52,#0b1c2b 58%,#101923)}.skin-sale-card.skin-slimeTripo .character-skin-preview{background:radial-gradient(at 50% 72%,#c0a4f262,#0000 58%),linear-gradient(150deg,#35305b,#1d233f 58%,#161c2d)}.skin-sale-card .character-preview-slot{width:min(72%,370px);height:100%}.skin-sale-card .character-skin-tag,.skin-price-badge{z-index:2;border-radius:7px;padding:7px 10px;font-size:11px}.skin-price-badge{color:#fff1bd;letter-spacing:.05em;background:#1b2337df;border:1px solid #f0c6708c;font-weight:900;position:absolute;top:11px;left:11px}.skin-sale-card .cosmetic-info{align-items:flex-start;min-height:116px;padding:18px 20px 12px}.skin-sale-card .cosmetic-info h3{font-size:clamp(16px,1.55vw,22px);line-height:1.35}.skin-sale-card .cosmetic-info small{margin-top:3px;font-size:12px;line-height:1.5;display:block}.skin-sale-card .cosmetic-info .skin-preview-button{color:#d5f2fb;background:#193747;border-color:#a6d9e06b;font-size:11px}.skin-sale-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:0 20px 20px;display:flex}.skin-sale-actions button{color:#f3fbff;cursor:pointer;background:linear-gradient(135deg,#265368,#1a374f);border:1px solid #9bcbcc;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 18px;font-size:13px;font-weight:800;display:inline-flex}.skin-sale-actions .skin-purchase-button{color:#fff3d0;background:linear-gradient(135deg,#9e7135,#644723);border-color:#efcc7a}.skin-sale-actions button:disabled{opacity:.7;cursor:default}.skin-sale-actions small,.skin-sale-actions output{color:#a9b9bb;font-size:11px}.skin-sale-actions output{color:#a5e6cd}@media (width<=720px){.skin-store-page .shop-character-grid{grid-template-columns:1fr}.skin-sale-card .cosmetic-info{flex-wrap:wrap}}.music-store-section{background:linear-gradient(140deg,#0e222bdf,#101922eb 65%,#172538e0);border:1px solid #8eb7bd48;border-radius:18px;margin-top:32px;padding:23px;box-shadow:0 20px 48px #05101478,inset 0 1px #ffffff1b}.music-store-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:19px;display:flex}.music-store-kicker,.music-coin-balance{color:#d7c18b;letter-spacing:.15em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.music-store-heading h2{color:#f6f7f0;margin:5px 0 2px;font-size:28px}.music-store-heading p{color:#aebdc1;margin:0;font-size:12px}.music-coin-balance{white-space:nowrap;border:1px solid #d3b66e73;border-radius:9px;padding:10px 13px}.music-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.music-track-card{background:linear-gradient(130deg,#233949b8,#15252ecb);border:1px solid #a9bbc33a;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:76px minmax(0,1fr);gap:0 12px;min-width:0;padding:12px;display:grid}.music-track-card.is-selected{border-color:#a2dbe0;box-shadow:inset 0 0 22px #4ebcdb21,0 0 16px #4ebcdb22}.music-track-art{color:#d3ebfa;background:radial-gradient(circle at 40% 35%,#547ca9,#1b3050 55%,#0d1729);border-radius:8px;grid-row:1/3;place-items:center;min-height:115px;display:grid;position:relative;overflow:hidden}.music-track-card:nth-child(2n) .music-track-art{background:radial-gradient(circle at 40% 35%,#8381b2,#342d61 55%,#181628)}.music-track-card:nth-child(3n) .music-track-art{background:radial-gradient(circle at 40% 35%,#769d96,#214a4d 55%,#10202a)}.music-track-art>svg{z-index:1;filter:drop-shadow(0 0 10px #abd9ed);position:relative}.music-waveform{justify-content:center;align-items:center;gap:2px;height:22px;display:flex;position:absolute;inset:auto 6px 13px}.music-waveform i{width:3px;height:calc(6px + (var(--bar,1) * 3px));background:#c1e9f8b8;border-radius:3px}.music-waveform i:nth-child(3n){--bar:4}.music-waveform i:nth-child(4n){--bar:2}.music-track-info{min-width:0}.music-track-info small{color:#b3c7d5;letter-spacing:.12em;font-size:10px}.music-track-info h3{color:#f2f7fc;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 6px;font-size:16px;overflow:hidden}.music-track-info span{color:#e8ca81;align-items:center;gap:5px;font-size:11px;display:flex}.music-track-actions{align-items:end;gap:6px;min-width:0;display:flex}.music-track-actions button{white-space:nowrap;flex:1 1 0;min-width:0}.music-track-card button{color:#effcff;cursor:pointer;background:#1f5263;border:1px solid #8bbec5;border-radius:7px;justify-content:center;align-self:end;align-items:center;gap:5px;min-height:32px;padding:5px 8px;font-size:11px;font-weight:800;display:flex}.music-track-card .music-preview-button{color:#cce8f8;background:#1b384f;border-color:#82b9d878}.music-track-card.is-previewing{border-color:#b2d8f2;box-shadow:0 0 22px #88bfff3e}.music-track-card.is-previewing .music-track-art>svg{animation:1.2s ease-in-out infinite music-disc-pulse}.music-track-card.is-previewing .music-waveform i{animation:.7s ease-in-out infinite alternate music-preview-wave}.music-track-card.is-previewing .music-waveform i:nth-child(3n){animation-delay:-.35s}.music-track-card.is-previewing .music-waveform i:nth-child(4n){animation-delay:-.16s}@keyframes music-disc-pulse{50%{filter:drop-shadow(0 0 14px #d1ecff);transform:scale(1.13)}}@keyframes music-preview-wave{to{transform:scaleY(1.75)}}.music-track-card button:disabled{opacity:.7;cursor:default}.music-track-card:not(.is-selected) button:hover:not(:disabled){background:#327187}.music-store-message{color:#a7e8cc;margin-top:12px;font-size:12px;display:block}@media (width<=900px){.music-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=570px){.music-track-grid{grid-template-columns:1fr}}.skin-mistRuins .sky-arena.has-collapsed-ring .war-grid{background:0 0;outline:none}.skin-mistRuins .sky-arena.has-collapsed-ring .war-grid-shell{box-shadow:none}.skin-mistRuins .sky-arena.has-collapsed-ring .war-grid-shell:before{display:none}.skin-mistRuins .sky-arena .war-cell.is-collapsed{box-shadow:none;pointer-events:none;background:0 0;border-color:#0000}.skin-mistRuins .sky-arena .war-cell.is-collapsed:before,.skin-mistRuins .sky-arena .war-cell.is-collapsed:after{display:none}.skin-mistRuins .sky-arena .war-cell.collapse-warning{background:#f1554840;box-shadow:inset 0 0 0 2px #ff9179,inset 0 0 24px #ff634466}.collapse-debris{z-index:15;pointer-events:none;position:absolute;inset:0}.collapse-debris>i{width:44%;height:44%;animation:1.35s cubic-bezier(.35,.02,.76,.5) both collapse-piece;animation-delay:calc(var(--piece) * 35ms);background:linear-gradient(145deg,#8e9699,#445965 65%,#223f50);border:1px solid #b0b7b7;position:absolute;box-shadow:0 5px #263d4a,0 12px 16px #172d4560}.collapse-debris>span{background:radial-gradient(#ffdf9e94,#dab8873b 45%,#0000 68%);animation:1.2s ease-out both collapse-dust;position:absolute;inset:-6%}.result-COLLAPSE strong{color:#ffc788;text-shadow:0 0 20px #e16832}@keyframes collapse-piece{0%{opacity:1;transform:translateY(0)rotate(0)}18%{transform:translateY(-5%) rotate(calc(var(--piece) * 7deg - 8deg));opacity:1}to{transform:translateY(150%) rotate(calc(var(--piece) * 36deg - 24deg)) scale(.55);opacity:0}}@keyframes collapse-dust{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.collapse-debris{display:none}}.reduce-motion .collapse-debris{display:none}.war-shell.character-skin-ruinChampions .board-object>.war-hero.just-moved{animation:swordsman-travel var(--move-duration,.23s) linear both}.war-shell.character-skin-ruinChampions .war-hero.just-moved .unit-dash-trail{display:none}.war-shell.character-skin-ruinChampions .war-hero.is-attacking,.war-shell.character-skin-ruinChampions .war-hero.is-hit,.war-shell.character-skin-ruinChampions .war-hero.is-dodging{animation:none;transform:none}.war-shell.character-skin-ruinChampions .war-hero.is-hit .real-champion{animation:.18s ease-out both swordsman-contact}.war-shell.character-skin-ruinChampions .war-hero.fallen .real-champion{animation:1.1s linear forwards swordsman-fade}@keyframes swordsman-travel{0%{transform:translate(var(--travel-x), var(--travel-y));animation-timing-function:cubic-bezier(.33,0,.66,.33)}12%{transform:translate(calc(var(--travel-x) * .931818), calc(var(--travel-y) * .931818));animation-timing-function:linear}88%{transform:translate(calc(var(--travel-x) * .068182), calc(var(--travel-y) * .068182));animation-timing-function:cubic-bezier(.33,.66,.66,1)}to{transform:none}}@keyframes swordsman-contact{0%{filter:brightness(1.75)saturate(.8)}to{filter:none}}@keyframes swordsman-fade{0%,76%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.war-shell.character-skin-ruinChampions .board-object>.war-hero.just-moved,.war-shell.character-skin-ruinChampions .war-hero .real-champion{animation-duration:.01ms}}.war-shell.character-skin-ruinChampions .war-hero.fallen{opacity:1;filter:none;box-shadow:none;animation:none;transform:none}.character-contact{left:var(--model-foot-x,50%);top:calc(var(--model-head-y,30%) + 16%);z-index:8;pointer-events:none;position:absolute}.character-contact-core{clip-path:polygon(50% 0,62% 37%,100% 50%,63% 60%,50% 100%,39% 62%,0 50%,37% 39%);background:#fff7d2;width:14px;height:14px;animation:.18s ease-out forwards contact-core;position:absolute;transform:translate(-50%,-50%)}.character-contact>i{background:#ffdca2;border-radius:40%;width:3px;height:8px;animation:.24s ease-out forwards contact-spark;position:absolute}.war-shell .is-grounded-model .war-hero b.character-damage,.character-damage{color:#ffe7be;text-align:center;text-shadow:0 2px 3px #171717;width:56px;font-size:16px;font-weight:800;animation:.65s ease-out forwards character-damage;position:absolute;top:-30px;left:-28px}@keyframes contact-core{to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@keyframes contact-spark{0%{transform:rotate(var(--spark-angle)) translateY(0)}to{opacity:0;transform:rotate(var(--spark-angle)) translateY(var(--spark-distance)) scale(.3)}}@keyframes character-damage{0%{opacity:1;transform:translateY(0)scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-24px)scale(1)}}