@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap');
.unit-bars .hp,.unit-bars .energy{display:block}
.arena{background-image:linear-gradient(#06112225,#04101d40),url('/assets/orbital-arena.png')!important;background-size:cover!important;background-position:center!important}
.arena .platform,.arena .planet,.arena .horizon{display:none}
.arena #space{opacity:.15}
:root{color-scheme:dark;--bg:#060b13;--panel:#0b1420;--line:#26384c;--cyan:#60eaff;--muted:#8195aa;--white:#e9f2fb;--amber:#ffc16c;--violet:#b185ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 0,#142339 0,transparent 55%),var(--bg);color:var(--white);font-family:'Rajdhani','Noto Sans JP',sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .2s,border-color .2s,transform .2s}button:hover:not(:disabled){filter:brightness(1.2)}.app{max-width:1920px;margin:auto}.header{height:94px;padding:0 38px;border-bottom:1px solid #213043;display:flex;align-items:center;justify-content:space-between;background:#060c15bb}.brand{display:flex;align-items:center;gap:15px;color:#e9f5ff;text-decoration:none;font-size:33px;font-weight:700;letter-spacing:5px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:9px;color:#7294ad}.brand-mark{width:43px;height:43px;border:4px solid var(--cyan);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 20px #39dfff13;position:relative}.brand-mark:after{content:'';position:absolute;inset:5px;border:1px solid #63d6ed;border-right-color:transparent;border-radius:50%}.header-middle{font-size:11px;letter-spacing:2px;color:#90a6bc;display:flex;align-items:center;gap:11px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#68e6cc;box-shadow:0 0 8px #68e6cc}.divider{margin:0 9px;color:#41556a}.wallet{display:flex;align-items:center;gap:10px}.shard{color:var(--amber);font-size:23px}.wallet b{font-size:23px;letter-spacing:1px}.wallet-label{font-size:9px;color:var(--muted);letter-spacing:1px}.icon-button{border:1px solid var(--line);width:31px;height:31px;background:#0e1925;border-radius:50%;margin-left:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;padding:26px 30px 24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 19px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--cyan);font-weight:600}h1{font-size:19px;font-weight:500;letter-spacing:2px;margin:7px 0 0}h1 span{font-size:10px;color:#6c849d;letter-spacing:2px;margin-left:14px}.subtle{border:0;background:transparent;color:#96b0c8;font-size:11px;padding:6px}.arena{position:relative;height:clamp(380px,39vw,585px);overflow:hidden;border:1px solid #344960;border-radius:12px;background:radial-gradient(ellipse at 50% 100%,#163249,transparent 65%),linear-gradient(#0b172d,#040910);isolation:isolate}.arena:after{content:'';position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 75px #0008;pointer-events:none;z-index:1}#space{position:absolute;width:100%;height:100%;opacity:.75}.planet{position:absolute;width:90%;height:370px;left:35%;top:-310px;border-radius:50%;background:linear-gradient(10deg,#0a1427,#1d3150);box-shadow:0 4px 6px #9ae8ff,0 12px 35px #4385d288,0 30px 80px #286acf33;transform:rotate(12deg)}.horizon{position:absolute;left:0;right:0;top:21%;height:80px;background:linear-gradient(transparent,#16324444,transparent)}.arena-top{position:absolute;top:19px;left:23px;right:19px;display:flex;justify-content:space-between;align-items:center;z-index:8}.arena-status{font-size:10px;letter-spacing:2px;color:#a7bfd7;display:flex;gap:8px;align-items:center}.arena-status i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.playback{display:flex;gap:3px;align-items:center;background:#060e19b3;padding:4px;border:1px solid #263c55;border-radius:5px}.playback #timer{font-size:19px;letter-spacing:2px;padding:0 15px 0 7px}.playback button{background:transparent;border:1px solid transparent;border-radius:3px;padding:4px 9px;color:#8da2b9;font-weight:600}.playback button.active{border-color:#50d4f388;background:#123e55;color:#96f2ff}.field-label{position:absolute;top:94px;font-size:9px;letter-spacing:2px;z-index:2;color:#789ab4}.field-label.left{left:8%}.field-label.right{right:8%}.field-label span{margin-left:12px;color:#496379}.platform{position:absolute;left:-7%;top:24%;width:114%;height:79%;border-radius:50%;border:12px solid #273440;transform:perspective(800px) rotateX(19deg);background:repeating-conic-gradient(from 0deg,#07132100 0 29deg,#50647c38 29.5deg 30deg),repeating-radial-gradient(ellipse,#132333 0 37px,#45556a66 38px,#101c2a 39px 42px);box-shadow:0 0 0 2px #67778c,0 0 0 7px #0a131f,0 0 0 9px #39485c,0 20px 0 #03080e,0 25px 35px #000,inset 0 0 100px #03090f;opacity:.88}.platform-inner{position:absolute;inset:8%;border-radius:50%;border:1px solid #66728466;box-shadow:0 0 0 6px #09121a,0 0 0 7px #62718744}.platform-center{position:absolute;left:44%;top:38%;width:12%;height:22%;border:1px solid #69778366;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 7px #101a26,0 0 0 8px #6f7e8844}.platform-center span{font-size:45px;color:#68758455}#effects{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none}.link-path{stroke:#8c79ff;stroke-width:2;fill:none;filter:drop-shadow(0 0 5px #937dff)}.link-text{fill:#c3c7ff;font-size:10px;font-family:Rajdhani,sans-serif;letter-spacing:2px}.shot{stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px currentColor);animation:shot .42s forwards}@keyframes shot{0%{opacity:0;stroke-dasharray:0 1100}35%{opacity:1;stroke-dasharray:1100 0}100%{opacity:0}}.slot{position:absolute;width:13%;height:10%;border:1px solid #7897ac50;border-radius:50%;transform:translate(-50%,-10%);box-shadow:inset 0 0 0 4px #04101d80,0 0 0 3px #3f597333;background:#07111c55;z-index:2;display:grid;place-items:center;font-size:20px;color:#63829d66}.slot.selectable{border-color:var(--cyan);color:var(--cyan);cursor:pointer;background:#29c9f522;z-index:7}.unit{position:absolute;width:16%;height:26%;transform:translate(-50%,-65%);z-index:5;display:flex;flex-direction:column;align-items:center;border:0;background:transparent;padding:0;--orb:#57dbff}.unit:disabled{opacity:1}.unit.dead{opacity:.18;filter:grayscale(1)}.unit.selected .orb{filter:drop-shadow(0 0 15px var(--orb))}.unit-bars{position:absolute;bottom:102%;left:17%;width:68%;padding:4px;background:#050c16dd;border:1px solid #3e526a;border-radius:4px;box-shadow:0 3px 12px #0008}.unit-bars:before{content:attr(data-icon);position:absolute;left:-25px;top:0;color:var(--orb);font-size:17px;text-shadow:0 0 8px var(--orb)}.hp,.energy{height:5px;background:#273341;overflow:hidden;border-radius:1px}.hp i,.energy i{display:block;height:100%;transition:width .12s linear}.hp i{background:#67e2aa;box-shadow:0 0 7px #67e2aa}.enemy .hp i{background:#ff726f}.energy{height:3px;margin-top:4px;width:76%}.energy i{background:#68c9ed}.orb{position:relative;width:clamp(58px,8vw,130px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 23%,#ffffffc9 0,transparent 5%),radial-gradient(circle at 35% 26%,color-mix(in srgb,var(--orb),white 10%) 0,transparent 21%),radial-gradient(circle at 60% 73%,transparent 32%,var(--orb) 65%,#ffffffc9 69%,#0c1522 73%);box-shadow:inset -11px -10px 20px #000c,inset 4px 4px 10px #fff5,0 0 19px color-mix(in srgb,var(--orb),transparent 65%),0 12px 24px #0009;animation:float 4s ease-in-out infinite}.orb:before{content:'';position:absolute;inset:13%;clip-path:polygon(50% 0,67% 28%,95% 20%,78% 55%,95% 78%,58% 72%,50% 100%,35% 70%,9% 81%,23% 50%,6% 20%,37% 29%);background:conic-gradient(from 30deg,#fff,var(--orb),#081225,var(--orb),#fff,var(--orb),#091421,var(--orb));filter:drop-shadow(0 0 6px var(--orb));transform:rotate(-10deg)}.orb:after{content:'';position:absolute;inset:3%;border-radius:50%;border:1px solid #ffffff9c;background:repeating-conic-gradient(from 28deg,transparent 0 57deg,#ffffff25 59deg 60deg);box-shadow:inset 0 0 15px var(--orb)}.orb .ring{position:absolute;inset:28% -16%;border:2px solid var(--orb);border-left-color:#fff;border-radius:50%;transform:rotate(-26deg);box-shadow:0 0 8px var(--orb);z-index:2}.orb .ring:nth-child(2){transform:rotate(50deg);inset:30% -13%;border-width:1px}.orb.guardian:before{clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:repeating-conic-gradient(from 30deg,var(--orb) 0 58deg,#cbfaff 59deg 60deg)}.orb.guardian .shield{position:absolute;inset:-18%;border-radius:50%;border:2px solid #69eaff88;border-left-color:transparent;box-shadow:7px 0 15px #50dfff55;background:linear-gradient(100deg,transparent 50%,#51dfff30);transform:rotate(-15deg)}.orb.void:before{clip-path:none;border-radius:50%;background:radial-gradient(circle,#020209 10%,#100c23 32%,var(--orb) 42%,#f9dcff 45%,transparent 50%)}.unit-name{font-size:9px;letter-spacing:1.6px;margin-top:13px;color:#b8cbd9;text-shadow:0 2px 5px #000}.unit-shadow{position:absolute;bottom:6%;width:100%;height:21%;border-radius:50%;border:1px solid color-mix(in srgb,var(--orb),transparent 40%);box-shadow:0 0 14px color-mix(in srgb,var(--orb),transparent 65%);background:#02081088;z-index:-1}.unit.hit .orb{animation:hit .25s}.unit.skill .orb{filter:brightness(1.9)}@keyframes float{50%{transform:translateY(-7px)}}@keyframes hit{50%{transform:translateX(5px);filter:brightness(2)}}.arena-caption{position:absolute;bottom:15px;left:20px;right:20px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#90a9bb;z-index:7}.tiny-diamond{color:var(--cyan)}#floaters{position:absolute;inset:0;z-index:9;pointer-events:none}.damage{position:absolute;font-size:25px;font-weight:700;color:#ffcc7a;text-shadow:0 2px 4px #000;animation:damage 1s forwards}.damage.heal{color:#7affce;font-size:18px}@keyframes damage{to{transform:translateY(-45px);opacity:0}}.command-bar{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #26384a}.tactic-group label{display:block;font-size:9px;letter-spacing:2px;color:#90a6ba;margin-bottom:6px}.tactic-group label span{color:#5d768c;margin-left:5px;letter-spacing:0}.tactic-group select{border:1px solid #30465c;background:#0c1927;color:#c3d5e5;border-radius:4px;padding:8px 26px 8px 10px;font-size:11px}.link-status{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1.2px;color:#c3c4f4}.link-status>span{font-size:32px;color:#9f8bff}.link-status small{display:block;letter-spacing:0;font-size:10px;color:#788ea7;margin-top:5px}.primary{border:1px solid #80f3ff;background:linear-gradient(110deg,#52d6ed,#a0f4f7);color:#061824;font-weight:700;font-size:14px;padding:13px 22px;border-radius:4px;box-shadow:0 0 23px #47e4f01b;letter-spacing:1px;margin-left:auto;min-width:155px}.primary span{margin-left:18px}.squad-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;font-size:11px;letter-spacing:1.8px}.squad-heading small{font-size:9px;letter-spacing:0;color:#71879b;margin-left:8px}.squad-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.squad-card{--orb:#64dfff;position:relative;min-height:116px;border:1px solid color-mix(in srgb,var(--orb),transparent 60%);border-radius:6px;background:linear-gradient(130deg,color-mix(in srgb,var(--orb),transparent 93%),#080f19 80%);text-align:left;display:flex;align-items:center;gap:14px;padding:17px 13px;overflow:hidden}.squad-card:after{position:absolute;content:'';height:2px;background:var(--orb);top:0;left:16%;right:16%;opacity:.65}.card-orb{flex:0 0 58px;display:grid;place-items:center}.card-orb .orb{width:54px}.card-info{flex:1;min-width:0}.card-info h3{font-size:16px;letter-spacing:1px;margin:0 0 4px}.card-info p{font-size:9px;color:#8a9eb2;margin:0 0 9px}.card-info .hp{height:3px;max-width:110px}.card-info .hp i{background:var(--orb)}.card-info .energy{height:2px;max-width:65px}.badge{position:absolute;right:6px;top:5px;color:#c3afff;font-size:8px;letter-spacing:1px}.card-catalyst{position:absolute;right:10px;bottom:9px;color:var(--orb);font-size:16px}.battle-log{margin-top:20px;background:#08101acc;border:1px solid #1d2b3c;border-radius:5px;padding:12px 15px}.log-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:#7f99af}.log-heading .live-dot{margin-right:8px}#log{height:54px;overflow:auto;scrollbar-width:thin;font-size:10px;color:#9bb0c3}#log p{margin:7px 0}#log time{color:#50758f;margin-right:15px;font-family:monospace}.sidebar{padding-top:0;display:flex;flex-direction:column;gap:18px}.panel{border:1px solid #2d4359;border-radius:10px;background:radial-gradient(ellipse at 80% 0,#15273b55,transparent 65%),#0a121ddd;overflow:hidden;padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:15px;letter-spacing:1.7px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.panel-heading h2>span{font-size:23px;color:#99d8f5}.panel-heading>span{font-size:9px;letter-spacing:1px;color:#6a8aa5}.panel-subtitle{font-size:10px;color:#b5c7d6;margin-top:12px}.panel-subtitle span{font-size:8px;letter-spacing:1px;display:block;color:#617f99;margin-top:4px}.route{height:125px;position:relative;margin:6px -2px 0}.route svg{width:100%;height:100%;position:absolute;inset:0}.route-node{position:absolute;width:31px;height:31px;transform:translate(-50%,-50%);border:1px solid #43617b;background:#101e2c;border-radius:50%;color:#668199;z-index:2;display:grid;place-items:center;font-size:15px}.route-node.current{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px #37dbf844,inset 0 0 8px #46e4ff33}.route-node.complete{color:#66e3d4;border-color:#66e3d4;background:#113635}.route-node.boss{color:#f08187;border-color:#805765}.route-detail{border-top:1px solid #26374a;padding-top:11px}.route-detail>span{font-size:8px;letter-spacing:2px;color:var(--cyan)}.route-detail b{display:block;margin-top:4px;font-size:13px;font-weight:500}.route-detail p{font-size:10px;color:#7c94aa;line-height:1.8;margin:6px 0 12px}.route-footer{display:flex;justify-content:space-between;font-size:9px;color:#7d9bb0}.route-footer b{color:var(--cyan);font-size:11px}.progress{height:3px;background:#1b3040;margin-top:7px;border-radius:3px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--cyan);transition:width .5s}.catalyst-panel{padding-bottom:15px;text-align:center}.catalyst-panel h2{color:#f2ce92}.catalyst-panel h2>span{color:#f2ce92}.crystal-scene{position:relative;height:128px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#1c88b333,transparent 60%)}.crystal{width:47px;height:89px;position:relative;transform:rotate(17deg);clip-path:polygon(50% 0,100% 35%,76% 76%,50% 100%,0 67%,13% 30%);background:conic-gradient(from 0deg,#e3ffff,#189aca,#8ff5ff,#0c597a,#38c6f1,#e5ffff);filter:drop-shadow(0 0 15px #37dcff);animation:float 4s infinite}.crystal i{position:absolute;inset:15% 35%;background:#c7ffff;clip-path:polygon(80% 0,100% 60%,0 100%)}.crystal-orbit{position:absolute;top:72px;width:108px;height:29px;border:2px solid #70e6f566;border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 14px #2eccff30}.crystal-floor{position:absolute;bottom:4px;width:130px;height:20px;border:1px solid #35c4f288;border-radius:50%;box-shadow:0 0 15px #35c4f233}.crystal-sparks{position:absolute;right:53px;top:22px;color:#affbff}.catalyst-panel h3{font-size:17px;letter-spacing:3px;margin:10px 0 5px}.catalyst-panel p{font-size:10px;color:#91a9bc;margin:0 0 17px}.outline{width:100%;border:1px solid #355168;background:#0d1d2b;padding:9px 13px;font-size:11px;text-align:left;border-radius:4px;color:#b5cce0}.outline span{float:right;color:#78d1ed}.coop-title{font-size:10px;color:#8098ae;line-height:1.7}.demo-label{font-size:7px!important;white-space:nowrap}.coop-orbs{display:flex;align-items:center;justify-content:space-between;margin:22px 0 18px}.coop-orbs>div{text-align:center}.coop-orbs>div>span{display:block;font-size:7px;letter-spacing:1px;margin-top:8px;color:#7f98ac}.mini-orb{width:44px;height:44px;border-radius:50%;border:1px solid var(--orb);box-shadow:inset -8px -5px 10px #000b,0 0 16px color-mix(in srgb,var(--orb),transparent 75%);background:radial-gradient(circle at 30% 30%,#fff,var(--orb) 9%,#0c1a2c 65%)}.amber{--orb:#ffb756}.cyan{--orb:#5cddff}.violet{--orb:#b084ff}.coop-plus{color:#47637d}.footnote{font-size:8px;color:#61798e;line-height:1.8;margin:11px 0 0}.bottom-nav{display:flex;justify-content:center;border-top:1px solid #314459;background:#07101beF;padding:0 30px;min-height:74px}.bottom-nav button{position:relative;width:25%;border:0;background:transparent;font-size:13px;letter-spacing:2px;color:#88a3bb;display:flex;align-items:center;justify-content:center;gap:13px}.bottom-nav button+button:before{content:'';height:25px;width:1px;background:#293b4f;position:absolute;left:0}.bottom-nav button>span{font-size:28px}.bottom-nav small{font-size:9px;letter-spacing:0;color:#59768f}.bottom-nav button.active{color:var(--cyan);background:linear-gradient(transparent,#1e9ab313)}.bottom-nav button.active:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hidden{display:none!important}.result{position:absolute;inset:0;z-index:12;background:#040b18c9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.result h2{font-size:46px;letter-spacing:9px;color:var(--cyan);margin:12px}.result p{color:#9db4c9;line-height:2;font-size:12px;margin:4px 20px}.result .primary{margin:20px 0 0}.result .result-icon{font-size:43px;color:var(--amber)}dialog{border:1px solid #45617b;border-radius:12px;background:radial-gradient(ellipse at 70% 0,#14283d,#0b1420 70%);color:var(--white);width:min(760px,94vw);max-height:88vh;padding:26px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020711bd;backdrop-filter:blur(7px)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293d51;padding-bottom:18px;margin-bottom:20px}.modal-head h2{font-size:23px;margin:7px 0 0;letter-spacing:1px}.modal-head .icon-button{font-size:22px}.modal-copy{font-size:12px;line-height:2;color:#a4b9cb}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.library-item{border:1px solid #30475e;border-radius:6px;padding:18px;background:#0a1623;display:flex;gap:16px;align-items:center}.library-item .orb{width:52px;flex-shrink:0}.library-item h3{font-size:16px;margin:0 0 4px}.library-item p{font-size:10px;line-height:1.7;color:#8fa7bd;margin:4px 0}.library-item button{padding:5px 12px;margin-top:7px;background:#173447;border:1px solid #3f758b;border-radius:3px;font-size:10px}.library-item.chosen{border-color:#69dbe688}.inventory-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #273b50;align-items:center}.inventory-row>span{font-size:29px;color:var(--cyan)}.inventory-row h3{margin:0;font-size:16px}.inventory-row p{font-size:11px;color:#8fa7bd;margin:4px 0}.inventory-row select{margin-left:auto;max-width:145px;background:#0b1a29;color:#b8d7e7;border:1px solid #38536e;padding:8px;border-radius:3px}.modal-actions{display:flex;gap:12px;margin-top:22px}.modal-actions .primary{margin-left:0}.help-list{color:#abc0d1;font-size:12px;line-height:2.2;padding-left:20px}.matrix-hero{text-align:center;padding:15px}.matrix-hero>.orb{margin:10px auto 30px;--orb:#68dfff;width:95px}.matrix-hero h3{font-size:24px;letter-spacing:3px}.matrix-hero p{font-size:12px;line-height:2;color:#9eb5c8}.matrix-hero .primary{margin:15px 0}.reward-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.reward-option{padding:20px 10px;border:1px solid #42647b;border-radius:6px;background:#102232;color:#c5e8f4;text-align:center}.reward-option strong{display:block;font-size:17px;margin:10px 0}.reward-option small{display:block;font-size:10px;color:#8caabe;line-height:1.8}#toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,20px);background:#142c3e;border:1px solid #63c6dd88;color:#dcfaff;padding:12px 22px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;z-index:99;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 350px;padding:30px 40px}.panel{padding:22px}.sidebar{gap:22px}.crystal-scene{height:164px}.route{height:155px}.squad-card{min-height:130px}}@media(max-width:1100px){.layout{gap:16px;padding:22px 20px;grid-template-columns:minmax(0,1fr) 260px}.header{padding:0 22px}.header-middle{display:none}.link-status{display:none}.squad-card{gap:8px;padding:18px 8px}.card-orb{flex-basis:39px}.card-orb .orb{width:38px}.card-info h3{font-size:13px}.panel{padding:15px}.panel-heading h2{font-size:13px}.bottom-nav small{display:none}.field-label{top:80px}.unit-name{font-size:8px}}@media(max-width:800px){.header{height:76px;padding:0 18px}.brand{font-size:24px;letter-spacing:3px}.brand-mark{width:33px;height:33px}.brand small{font-size:7px;letter-spacing:2.5px}.wallet-label{display:none}.layout{display:block;padding:20px 16px}.sidebar{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;gap:14px}.coop-panel{grid-column:1/-1}.coop-orbs{justify-content:center;gap:25px}.arena{height:460px}.orb{width:76px}.unit{width:19%;height:25%}.squad-card{min-height:110px}.bottom-nav{position:sticky;bottom:0;z-index:15;padding:0;min-height:66px;backdrop-filter:blur(12px)}.bottom-nav button{font-size:10px;gap:7px;letter-spacing:1px}.bottom-nav button>span{font-size:22px}.battle-log{margin-top:15px}.squad-heading{margin-top:18px}.panel-heading h2{font-size:14px}}@media(max-width:500px){.header{padding:0 14px}.brand{font-size:21px;gap:9px}.brand small{font-size:6px}.wallet{gap:6px}.wallet b{font-size:18px}.icon-button{margin-left:4px;width:27px;height:27px}.layout{padding:16px 10px}.section-heading{margin-bottom:14px}h1{font-size:17px}h1 span{display:none}.eyebrow{font-size:9px}.arena{height:365px}.arena-top{top:12px;left:12px;right:10px}.arena-status{font-size:8px;letter-spacing:1px}.playback #timer{font-size:14px;padding-right:6px}.playback button{padding:3px 6px;font-size:11px}.field-label{top:64px;font-size:7px;letter-spacing:1px}.orb{width:58px}.unit-bars{left:7%;width:89%;padding:3px}.unit-bars:before{left:-15px;font-size:12px}.hp{height:4px}.unit-name{font-size:6px;letter-spacing:1px;margin-top:9px}.unit{height:25%}.arena-caption{font-size:8px;left:10px;bottom:10px;letter-spacing:0}.command-bar{gap:8px}.primary{min-width:128px;padding:12px;font-size:12px}.primary span{margin-left:8px}.tactic-group select{font-size:10px;max-width:190px;padding:8px}.squad-cards{gap:6px}.squad-card{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 9px;min-height:152px}.card-orb{align-self:center;flex-basis:auto;margin:2px 0 7px}.card-orb .orb{width:42px}.card-info{width:100%}.card-info h3{font-size:12px}.card-info p{font-size:8px;white-space:nowrap}.squad-heading small{font-size:8px}.sidebar{gap:8px}.panel{padding:12px}.panel-heading h2{font-size:11px;letter-spacing:1px;gap:4px}.panel-heading h2>span{font-size:18px}.panel-heading>span{font-size:7px}.panel-subtitle{font-size:9px}.panel-subtitle span{font-size:7px}.route{height:115px}.catalyst-panel h3{font-size:12px;letter-spacing:2px}.catalyst-panel p{font-size:9px}.crystal-scene{height:153px}.crystal-sparks{right:15px}.route-detail p{font-size:9px;min-height:32px}.bottom-nav button{flex-direction:column;gap:2px;font-size:8px;letter-spacing:.8px}.bottom-nav button>span{font-size:21px}.library-grid{grid-template-columns:1fr}.reward-options{grid-template-columns:1fr}.reward-option{padding:12px}.inventory-row{flex-wrap:wrap}.inventory-row select{margin-left:38px}dialog{padding:18px}.result h2{font-size:32px}.result p{font-size:10px}.coop-panel .panel-heading h2{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}