:root{color:#eceff3;font-synthesis:none;--red:#d3182d;--red2:#780a17;--panel:#121317;--panel2:#181a20;--line:#31343d;--muted:#8f949f;background:#09090b;font-family:Inter,Arial,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 10%,#73001329,#0000 35%),#09090b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{z-index:30;background:linear-gradient(#0d0e11,#09090b);border-right:1px solid #272930;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:18px;display:flex}.logo img{object-fit:contain;filter:drop-shadow(0 0 18px #d3182d40);width:120px;height:120px}.logo div{flex-direction:column;display:flex}.logo strong{letter-spacing:.12em;font:700 34px Rajdhani}.logo span{letter-spacing:.2em;color:#a6aab2;font:600 10px Rajdhani}.logo.compact{gap:8px;margin-bottom:35px}.logo.compact img{width:58px;height:58px}.logo.compact strong{font-size:22px}.logo.compact span{font-size:6px}.sidebar nav{gap:8px;display:grid}.nav{color:#8e939d;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;padding:13px 14px;font-weight:700;display:flex}.nav svg{width:19px}.nav:hover,.nav.active{color:#fff;box-shadow:inset 3px 0 var(--red);background:linear-gradient(90deg,#d3182d36,#0000)}.sidebar-bottom{color:#80858e;border-top:1px solid #272930;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:auto;padding:18px 8px 0;font-size:11px;display:grid}.sidebar-bottom strong{color:#4e535d;letter-spacing:.18em;grid-column:1/-1;font:600 10px Rajdhani}.online-dot{background:#40d689;border-radius:99px;width:7px;height:7px;box-shadow:0 0 10px #40d689}.mobile-close,.mobile-menu{display:none}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#09090be0;border-bottom:1px solid #272930;align-items:center;gap:18px;height:90px;padding:18px 28px;display:flex;position:sticky;top:0}.eyebrow{color:var(--red);letter-spacing:.28em;font:700 10px Rajdhani;display:block}.topbar h1{letter-spacing:.12em;margin:2px 0 0;font:700 25px Rajdhani}.status-strip{align-items:center;gap:22px;margin-left:auto;display:flex}.status-strip>div{flex-direction:column;display:flex}.status-strip small{color:#858a94;letter-spacing:.18em;font:700 9px Rajdhani}.status-strip b{font:700 21px Rajdhani}.status-strip b i{color:#6e737d;font-style:normal}.danger{color:#ff4459!important}.icon{color:#d8dbe0;cursor:pointer;background:#15171c;border:1px solid #343741;border-radius:4px;place-items:center;width:40px;height:40px;display:grid}.icon:hover{border-color:var(--red);color:#fff}.icon svg{width:18px}.hero{clip-path:polygon(0 0,98% 0,100% 8%,100% 100%,2% 100%,0 92%);background:linear-gradient(90deg,#07080af5 0%,#0a0a0cd1 50%,#0d030680 100%),url(./home-hero-n4Ncnh5L.jpeg) 50%/cover;border:1px solid #373a43;align-items:center;min-height:430px;padding:50px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 49%,#d3182d0a 50%,#0000 51%),linear-gradient(0deg,#0000 0 49%,#ffffff05 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.scanline{opacity:.35;background:linear-gradient(#0000 50%,#0000001a 50%) 0 0/100% 4px;position:absolute;inset:0}.hero-content{z-index:2;max-width:650px}.hero-content .logo img{width:155px;height:155px}.hero-content .logo strong{font-size:50px}.hero-content p{color:#b4b8c1;max-width:600px;line-height:1.7}.hero-actions{gap:12px;margin-top:25px;display:flex}.primary,.button,.toolbar button,.toolbar label,.section-title.action button{color:#fff;letter-spacing:.08em;cursor:pointer;clip-path:polygon(0 0,95% 0,100% 28%,100% 100%,5% 100%,0 72%);background:linear-gradient(#d51d33,#8d0b1b);border:1px solid #e1283f;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font:700 13px Rajdhani;display:inline-flex}.primary svg,.toolbar svg,.section-title.action svg{width:17px}.radar{opacity:.7;border:1px solid #d3182d80;border-radius:50%;place-items:center;width:240px;height:240px;display:grid;position:absolute;right:80px}.radar:before,.radar:after,.radar span{content:"";border:1px solid #d3182d40;border-radius:50%;position:absolute;inset:25px}.radar:after{inset:65px}.radar span:first-child{border:0;border-top:1px solid #d3182d73;border-radius:0;inset:50% 0 0}.radar span:nth-child(2){border:0;border-left:1px solid #d3182d73;border-radius:0;inset:0 0 0 50%}.radar svg{width:42px;color:var(--red)}.command-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.command-grid article{background:linear-gradient(145deg,#15171c,#0f1013);border:1px solid #2b2e35;min-height:160px;padding:22px;position:relative}.command-grid article:before{content:"";background:var(--red);width:3px;height:55px;position:absolute;top:25px;left:-1px}.command-grid svg{color:var(--red)}.command-grid small{color:#6c717b;letter-spacing:.2em;margin-top:20px;font:700 9px Rajdhani;display:block}.command-grid h3{margin:4px 0 6px;font:700 21px Rajdhani}.command-grid p{color:#8f949d;margin:0;font-size:12px;line-height:1.5}.section-title{align-items:center;gap:12px;margin:26px 0 13px;display:flex}.section-title span{letter-spacing:.18em;color:#d9dce2;font:700 13px Rajdhani}.section-title i{background:linear-gradient(90deg,#3b3e46,#0000);flex:1;height:1px}.recent-grid,.archive-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.recent-grid button,.archive-grid button{color:#fff;text-align:left;cursor:pointer;background:#121419;border:1px solid #2f323a;padding:18px}.recent-grid button:hover,.archive-grid button:hover{border-color:var(--red)}.recent-grid b,.archive-grid h3{margin:0;font:700 18px Rajdhani;display:block}.recent-grid span,.archive-grid span,.archive-grid p{color:#858a94;font-size:11px}.builder-layout{grid-template-columns:185px 1fr;min-height:calc(100vh - 90px);display:grid}.quickbar{background:#0c0d10;border-right:1px solid #25282f;padding:18px 10px}.quick-title{letter-spacing:.2em;color:#5f646e;padding:8px;font:700 9px Rajdhani}.quickbar button{color:#a0a5ae;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;width:100%;padding:10px;font-size:12px;display:flex}.quickbar button:hover{color:#fff;background:#17191e}.quickbar b{color:var(--red)}.builder-main{min-width:0;padding:22px}.builder-tools{background:#111318;border:1px solid #292c33;grid-template-columns:2fr 1.4fr 1.4fr .7fr;gap:10px;padding:14px;display:grid}.field{gap:6px;display:grid}.field label{letter-spacing:.16em;color:#747983;font:700 9px Rajdhani}.field input,.squad-head input{color:#f4f5f7;background:#0b0c0f;border:1px solid #343740;outline:none;padding:10px 11px}.field input:focus,.squad-head input:focus{border-color:var(--red)}.toolbar{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.toolbar button,.toolbar label{background:#15171c;border-color:#3b3e46;padding:9px 13px}.issues{background:#730a1829;border:1px solid #6d1823;gap:5px;margin-top:12px;padding:13px;display:grid}.issues b{letter-spacing:.18em;color:#ff586b;font:700 11px Rajdhani}.issues span{color:#d7b0b6;font-size:12px}.piece-zone{grid-template-columns:minmax(280px,550px);gap:10px;display:grid}.piece-card{background:linear-gradient(135deg,#181a20,#101115);border:1px solid #343740;grid-template-columns:72px 1fr auto;align-items:stretch;min-height:102px;display:grid;position:relative;overflow:hidden}.piece-card:before{content:"";background:var(--red);width:3px;height:100%;position:absolute;top:0;left:0}.piece-image{background:radial-gradient(circle,#d3182d38,#0000 70%);border-right:1px solid #2e3138;place-items:center;display:grid}.piece-image svg{color:#9e2433}.piece-info{min-width:0;padding:13px}.piece-info>span,.profile-card span{letter-spacing:.18em;color:#8a8f99;text-transform:uppercase;font:700 8px Rajdhani}.piece-info h3,.profile-card h3{margin:3px 0 9px;font:700 18px Rajdhani}.stats{flex-wrap:wrap;gap:5px;display:flex}.stats b{text-align:center;background:#090a0c;border:1px solid #30333b;padding:4px 7px;font:700 12px Rajdhani;display:grid}.stats small{color:#767b85;text-transform:uppercase;font-size:7px}.cost{color:#ff3d53;white-space:nowrap;padding:13px;font:700 17px Rajdhani}.add-card{color:#7f858f;cursor:pointer;background:#14161b8c;border:1px dashed #454852;align-content:center;place-items:center;gap:7px;min-height:90px;display:grid}.add-card:hover{border-color:var(--red);color:#e8e9ec;background:#7d08181f}.add-card svg{width:20px}.add-card span{letter-spacing:.08em;font:700 11px Rajdhani}.section-title.action button{clip-path:none;background:#17191e;border-color:#4a4e58;margin-left:auto;padding:7px 12px}.squad-card{background:#101216;border:1px solid #33363e;margin-bottom:12px}.squad-head{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(90deg,#1a1c22,#111318);border:0;grid-template-columns:24px 1fr auto auto;align-items:center;gap:12px;width:100%;padding:11px 14px;display:grid}.squad-head svg{width:17px;color:var(--red)}.squad-head input{padding:6px;font:700 16px Rajdhani}.squad-head span{letter-spacing:.1em;color:#858a94;font:700 10px Rajdhani}.squad-body{grid-template-columns:minmax(280px,.8fr) 1.5fr;gap:14px;padding:15px;display:grid}.squad-column>small{letter-spacing:.18em;color:#727781;margin-bottom:8px;font:700 9px Rajdhani;display:block}.member-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.support-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.support{background:#0f1115;border:1px solid #2c2f36;align-content:start;gap:8px;padding:10px;display:grid}.support h3{letter-spacing:.12em;justify-content:space-between;margin:2px;font:700 12px Rajdhani;display:flex}.support h3 span{color:var(--red)}.support .piece-card{grid-template-columns:48px 1fr auto}.support .piece-image{min-height:75px}.support .stats{display:none}.support .piece-info h3{font-size:15px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#0e1013;border:1px solid #454852;width:min(1000px,95vw);max-height:88vh;padding:20px;overflow:auto;box-shadow:0 30px 100px #000}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{margin:3px 0;font:700 24px Rajdhani}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.profile-card{color:#fff;text-align:left;cursor:pointer;background:#15171c;border:1px solid #31343c;grid-template-columns:58px 1fr auto;align-items:center;min-height:92px;padding:0;display:grid}.profile-card:hover{border-color:var(--red);transform:translateY(-1px)}.profile-icon{color:#8e202e;background:#101115;border-right:1px solid #2d3037;place-items:center;height:100%;display:grid}.profile-card>div:nth-child(2){padding:12px}.profile-card p{color:#777c86;margin:0;font-size:10px}.profile-card>b{color:#ff4055;padding:12px;font:700 15px Rajdhani}.empty{text-align:center;color:#737984;border:1px dashed #343740;align-content:center;place-items:center;min-height:350px;display:grid}.empty svg{width:44px;height:44px}.empty h2{margin:15px 0 2px;font:700 24px Rajdhani}.empty p{margin:0}.archive-grid button span{text-transform:uppercase;color:var(--red);letter-spacing:.18em;font:700 9px Rajdhani}.archive-grid b{color:#d7d9de;font:700 16px Rajdhani}@media (width<=1050px){.radar{display:none}.command-grid,.support-grid,.builder-tools{grid-template-columns:1fr 1fr}.squad-body{grid-template-columns:1fr}.app-shell{grid-template-columns:200px 1fr}.sidebar{padding-left:8px;padding-right:8px}.quickbar{display:none}.builder-layout{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{width:240px;transition:left .2s;position:fixed;left:-260px}.sidebar.open{left:0;box-shadow:20px 0 80px #000}.mobile-close{display:grid;position:absolute;top:8px;right:8px}.mobile-menu{display:grid}.topbar{height:auto;min-height:76px;padding:12px}.topbar h1{font-size:18px}.status-strip{gap:10px}.status-strip>div:nth-child(2){display:none}.home-screen,.page-pad,.builder-main{padding:12px}.hero{align-items:flex-end;min-height:500px;padding:28px 18px}.hero-content .logo{display:block}.hero-content .logo img{width:120px;height:120px}.hero-content .logo strong{font-size:38px}.hero-actions{display:grid}.command-grid,.support-grid,.recent-grid,.archive-grid,.builder-tools{grid-template-columns:1fr}.field.small{grid-column:auto}.piece-zone{grid-template-columns:1fr}.piece-card{grid-template-columns:58px 1fr auto}.squad-head{grid-template-columns:22px 1fr}.squad-head span{display:none}.member-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{padding:12px}.catalog-grid{grid-template-columns:1fr}}.ability-line{color:#e2b7bd;margin:8px 0 0;font-size:10px}.loadout-line{color:#747a84;margin:3px 0 0;font-size:9px}.piece-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;padding:10px;display:flex}.piece-actions .cost{padding:0}.configure{color:#cfd2d8;letter-spacing:.08em;cursor:pointer;background:#181a20;border:1px solid #4a4e58;align-items:center;gap:5px;padding:6px 8px;font:700 9px Rajdhani;display:flex}.configure:hover{border-color:var(--red);color:#fff}.configure svg{width:13px}.drawer-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.config-drawer{background:#0d0f12;border-left:1px solid #4a4d56;width:min(720px,96vw);height:100vh;padding:20px;overflow:auto;box-shadow:-30px 0 100px #000}.config-drawer>header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0f12f5;border-bottom:1px solid #2d3037;justify-content:space-between;align-items:center;padding:20px 0 14px;display:flex;position:sticky;top:-20px}.config-drawer h2{margin:3px 0;font:700 27px Rajdhani}.config-drawer header p{color:#858a94;margin:0;font-size:11px}.config-section{border-bottom:1px solid #292c33;padding:18px 0}.config-section h3{letter-spacing:.17em;color:#e2e4e8;margin:0 0 12px;font:700 12px Rajdhani}.config-section h3 small{color:var(--red)}.config-section label{color:#8a8f99;letter-spacing:.1em;gap:6px;font:700 9px Rajdhani;display:grid}.config-section input,.config-section select,.config-section textarea{color:#fff;background:#090a0d;border:1px solid #3a3d45;outline:none;padding:10px}.config-section textarea{resize:vertical;min-height:100px}.config-section input:focus,.config-section select:focus,.config-section textarea:focus{border-color:var(--red)}.rule-box{background:linear-gradient(90deg,#840d1e2e,#0000);border:1px solid #4d2a30;margin-top:10px;padding:12px}.rule-box b{color:#f2d8dc;font:700 15px Rajdhani}.rule-box p{color:#a9adb5;margin:5px 0 0;font-size:11px;line-height:1.5}.loadout-card{background:#13151a;border:1px solid #343740;margin-bottom:10px;padding:11px}.loadout-head{grid-template-columns:1fr auto 26px;align-items:center;gap:8px;display:grid}.loadout-head b{font:700 16px Rajdhani}.loadout-head span{color:#858a94;font-size:10px}.loadout-head button,.power-row>button{color:#7e838d;cursor:pointer;background:0 0;border:0}.loadout-head button:hover,.power-row>button:hover{color:#ff4055}.key-row{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.key{color:#e6cdd1;background:#20171b;border:1px solid #55424a;align-items:center;gap:4px;padding:4px 7px;font:700 9px Rajdhani;display:flex}.key svg{width:10px}.key-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:9px;display:grid}.key-choice{cursor:pointer;background:#0d0f12;border:1px solid #30333a;grid-template-columns:auto 1fr auto;align-items:center;padding:8px!important;display:grid!important}.key-choice.selected{background:#9f112524;border-color:#9e1b2d}.key-choice input,.option input{accent-color:var(--red)}.key-choice small{color:#ff4b60}.option-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.option{cursor:pointer;background:#111318;border:1px solid #30333a;grid-template-columns:auto 1fr auto;align-items:start;padding:10px!important;display:grid!important}.option.selected{background:#9f112524;border-color:#9e1b2d}.option small{color:#737984;grid-column:2/-1;font:400 10px Inter}.option span{color:#ff4b60}.power-row{background:#121419;border:1px solid #343740;grid-template-columns:1fr auto 26px;align-items:start;gap:8px;margin-bottom:8px;padding:11px;display:grid}.power-row b{font:700 15px Rajdhani}.power-row small{color:#ff4b60;margin-top:2px;font-size:9px;display:block}.power-row p{color:#9398a2;margin:5px 0 0;font-size:10px;line-height:1.4}.power-row select{padding:6px;font-size:10px}@media (width<=760px){.config-drawer{width:100vw}.key-grid,.option-grid{grid-template-columns:1fr}.loadout-head{grid-template-columns:1fr 25px}.loadout-head span{grid-area:2/1/auto/-1}.power-row{grid-template-columns:1fr 25px}.power-row select{grid-area:2/1/auto/-1}}.quick-title{justify-content:space-between;align-items:center;display:flex}.quick-title button{color:#aaa;background:0 0;border:0;display:none}.quick-mobile-toggle{display:none}.quickbar button.quick-error{color:#ffd2d7;border-left-color:#ff4055}.quickbar button.quick-error b{color:#fff;background:#7e1020}.primary-context{color:#fff!important;background:linear-gradient(#7b1020,#3b080f)!important;border-color:#a41d31!important}.issues button{text-align:left;color:#ffc1c8;cursor:pointer;background:0 0;border:0;width:100%;padding:5px 0;display:block}.issues button:hover{color:#fff}.command-meter{background:#111318;border:1px solid #333741;margin:12px 0 24px;padding:11px}.command-meter>div{letter-spacing:.08em;justify-content:space-between;gap:12px;font:700 11px Rajdhani;display:flex}.command-meter span{color:#9aa0aa}.command-meter progress,.squad-meter progress{accent-color:#b11f34;width:100%;height:6px}.command-meter.invalid,.squad-meter.invalid{border-color:#8d1c2d}.command-meter.invalid progress,.squad-meter.invalid progress{accent-color:#ff304a}.squad-tools{gap:6px;display:flex}.squad-tools button{align-items:center;gap:5px;display:flex}.squad-tools button svg{width:15px}.empty-squads{text-align:center;background:#101217;border:1px dashed #454a54;margin-bottom:18px;padding:34px}.empty-squads svg{color:#9d1b2d;width:34px}.empty-squads h3{margin:8px 0;font:700 20px Rajdhani}.empty-squads p{color:#858b95;font-size:11px}.empty-squads button{margin-top:10px}.squad-card{scroll-margin-top:85px}.squad-card.has-error{border-color:#7f2632}.squad-head{grid-template-columns:34px minmax(160px,1fr) auto auto auto 34px;align-items:center;gap:8px;display:grid!important}.squad-head .collapse,.delete-squad{color:#90959e;background:0 0!important;border:0!important;padding:5px!important}.delete-squad:hover{color:#ff4055}.squad-head input{min-width:0}.squad-meter{background:#16191e;padding:0 12px 7px}.squad-meter progress{display:block}.remove-piece{color:#777e88;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font:700 9px Rajdhani;display:flex}.remove-piece svg{width:12px}.remove-piece:hover{color:#ff4055}@media (width<=900px){.quick-mobile-toggle{z-index:88;color:#fff;background:#891326;border:1px solid #df4055;align-items:center;gap:7px;padding:11px 14px;font:700 11px Rajdhani;display:flex;position:fixed;bottom:16px;right:14px;box-shadow:0 10px 35px #000}.quick-mobile-toggle svg{width:16px}.quickbar{z-index:100;width:min(340px,88vw);transition:transform .22s;top:0;bottom:0;right:0;overflow:auto;transform:translate(110%);box-shadow:-25px 0 70px #000;background:#0b0d10!important;border-left:1px solid #4a2027!important;position:fixed!important}.quickbar.open{transform:translate(0)}.quick-title button{display:block}.builder-layout{grid-template-columns:1fr!important}.builder-main{min-width:0}.squad-head{grid-template-columns:32px minmax(120px,1fr) auto 32px}.squad-head>span:first-of-type,.squad-head>span:nth-of-type(2){display:none}.squad-head>span:nth-of-type(3){font-size:9px}.squad-body,.member-grid{grid-template-columns:1fr!important}}@media (width<=560px){.squad-head{grid-template-columns:28px minmax(90px,1fr) auto 28px;padding:8px}.squad-head input{font-size:13px}.piece-card{grid-template-columns:60px 1fr!important}.piece-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;flex-direction:row!important;display:flex!important}.stats{grid-template-columns:repeat(4,1fr)!important}.squad-tools button:first-child,.squad-tools button:nth-child(2){display:none}}.battle-note{color:#8e949f;font-size:11px}.battle-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.battle-card{background:linear-gradient(145deg,#17191e,#0b0d10);border:1px solid #383c45;padding:14px;box-shadow:0 12px 30px #0008}.battle-card.neutral{opacity:.58;border-color:#8e1c2e}.battle-card-head{align-items:center;gap:10px;display:flex}.battle-card-head>svg{color:#b8273e;width:34px}.battle-card-head small{color:#8c929c;letter-spacing:.15em;font:700 9px Rajdhani}.battle-card-head h3{margin:2px 0;font:700 19px Rajdhani}.battle-fer{grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin:14px 0;display:grid}.battle-fer button{color:#fff;background:#15181d;border:1px solid #454a54;height:38px;font-size:20px}.battle-fer b{text-align:center;color:#fff;font:700 30px Rajdhani}.battle-fer small{color:#a0a5ae;font-size:10px}.battle-card label{color:#a4a9b2;grid-template-columns:auto 1fr 20px;align-items:center;gap:8px;font:700 10px Rajdhani;display:grid}.state-buttons{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.state-buttons button{color:#979da7;background:#15181d;border:1px solid #3a3f48;padding:7px 9px;font:700 9px Rajdhani}.state-buttons button.active{color:#fff;background:#5b0d19;border-color:#c32840}.battle-loadout{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.battle-loadout span{color:#bfc3ca;background:#101217;border:1px solid #3b3f48;padding:4px 7px;font-size:9px}@media (width<=760px){.battle-grid{grid-template-columns:1fr}}.piece-photo{background:linear-gradient(135deg,#210307,#09090b);border:1px solid #ff2e4659;place-items:center;min-width:84px;min-height:84px;display:grid;overflow:hidden}.piece-photo img{object-fit:cover;width:100%;height:100%}.piece-photo svg{opacity:.45}.image-editor{grid-template-columns:130px 1fr;align-items:center;gap:14px;margin-bottom:14px;display:grid}.image-editor .piece-photo{width:130px;height:130px}.image-editor>div{gap:8px;display:grid}.image-editor button,.image-editor .button{justify-content:center}.battle-card-head .piece-photo{width:62px;min-width:62px;height:62px;min-height:62px}@media (width<=600px){.image-editor{grid-template-columns:1fr}.image-editor .piece-photo{width:100%;height:190px}}.session-saved{color:#4fd698;letter-spacing:.12em;margin-top:3px;font:700 8px Arial,sans-serif;display:block}.battle-stats{color:#9fa5af;border-top:1px solid #2d3139;margin-top:12px;padding-top:9px;font:700 9px/1.5 Arial,sans-serif}.battle-piece-notes{color:#aeb3bc;background:#0d0f12;border-left:2px solid #9d1b2d;margin:10px 0 0;padding:9px;font-size:10px;line-height:1.45}.section-title.action button{padding:8px 12px}.section-title.action button svg{width:14px}:root{--red:#e01d35;--red-bright:#ff4058;--red-dark:#650814;--blood:#270208;--panel:#101216;--panel2:#171a20;--steel:#2b3039;--steel-light:#68707c;--muted:#9299a5;--white:#f4f5f7;--glow:0 0 26px #e01d3538}html{scrollbar-color:#71101e #090b0e;background:#050608}body{background-color:#060709;background-image:radial-gradient(circle at 82% 5%,#b80c2529,#0000 28%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,34px 34px,34px 34px;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;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.25;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000024 3px 4px);position:fixed;inset:0}button{transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s}button:active{transform:translateY(1px)}.app-shell{background:linear-gradient(100deg,#ffffff03,#0000 30%);grid-template-columns:248px 1fr}.sidebar{background:linear-gradient(#0d0f13fa,#060709fc);border-right:1px solid #3b151c;padding:18px 13px;box-shadow:20px 0 70px #0000006b}.sidebar:before{content:"";background:linear-gradient(#ff5369,#0000);width:1px;height:28%;position:absolute;top:0;right:-1px;box-shadow:0 0 18px #e11d35}.logo.compact{border-bottom:1px solid #272b32;margin-bottom:18px;padding:4px 5px 17px}.logo.compact img{filter:drop-shadow(0 0 14px #ff2a4473);width:66px;height:66px}.logo strong,.topbar h1,.section-title span,.piece-info h3,.profile-card h3,.squad-head input,.battle-card-head h3{font-family:Impact,Arial Narrow,sans-serif;font-weight:400}.logo.compact strong{letter-spacing:.16em;text-shadow:0 0 18px #ffffff1f;font-size:23px}.logo.compact span{color:#7f8792;font-family:Arial,sans-serif;font-size:6px}.sidebar nav{gap:4px}.nav{clip-path:polygon(0 0,94% 0,100% 22%,100% 100%,6% 100%,0 78%);letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:0;min-height:45px;font-family:Arial Narrow,Arial,sans-serif;position:relative}.nav:after{content:"";background:#424852;width:3px;height:3px;position:absolute;right:9px;box-shadow:7px 0 #424852}.nav:hover{background:linear-gradient(90deg,#690d1c4d,#12141980);border-color:#493039}.nav.active{color:#fff;box-shadow:inset 4px 0 #ff4058,var(--glow);background:linear-gradient(90deg,#781020 0%,#5b0a187a 48%,#0f111533);border-color:#7f1a2a}.nav.active:after{background:#ff4058;box-shadow:7px 0 #ff4058,0 0 8px #ff4058}.sidebar-bottom{clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%);background:#0a0c0f;border:1px solid #252a31;margin-top:auto;padding:12px}.sidebar-bottom strong{color:#9b2738}.topbar{background:linear-gradient(90deg,#07080afa,#0d0e12f0);border-bottom:1px solid #38151b;height:84px;padding:14px 26px;box-shadow:0 14px 45px #00000052}.topbar:after{content:"";background:#e01d35;width:170px;height:1px;position:absolute;bottom:-1px;left:28px;box-shadow:0 0 16px #e01d35}.topbar h1{letter-spacing:.15em;text-transform:uppercase;font-size:27px}.eyebrow{color:#ff4058;font-family:Arial,sans-serif;font-size:8px}.status-strip{clip-path:polygon(0 0,95% 0,100% 28%,100% 100%,5% 100%,0 72%);background:#0b0d10;border:1px solid #2e333b;padding:8px 9px 8px 14px}.status-strip>div{border-right:1px solid #2d323a;min-width:64px;padding-right:15px}.status-strip b{letter-spacing:.05em;font-family:Impact,Arial Narrow,sans-serif;font-weight:400}.home-screen,.page-pad{padding:24px 28px 40px}.hero{min-height:480px;box-shadow:0 28px 80px #0009,var(--glow);clip-path:polygon(0 0,96.5% 0,100% 8%,100% 100%,3.5% 100%,0 92%);background:linear-gradient(90deg,#040507fa 0%,#08090ce8 46%,#1c030885 100%),url(./home-hero-n4Ncnh5L.jpeg) 50%/cover;border:1px solid #5a1a25}.hero:before{content:"EH // TACTICAL NETWORK 01";color:#9e3444;letter-spacing:.25em;z-index:3;font:700 8px Arial;position:absolute;top:17px;right:24px}.hero:after{background-color:#0000;background-image:linear-gradient(90deg,#0000 0 49%,#e01d350b 50%,#0000 51%),linear-gradient(0deg,#0000 0 49%,#ffffff06 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.hero-content .logo{align-items:center}.hero-content .logo img{filter:drop-shadow(0 0 28px #ff1f3b57);width:176px;height:176px}.hero-content .logo strong{letter-spacing:.15em;font-size:58px}.hero-content .logo span{color:#9ca3ae;font-family:Arial,sans-serif;font-size:9px}.hero-content p{color:#b8bec7;border-left:2px solid #b51a30;max-width:560px;padding-left:15px;font-size:13px}.primary,.button,.toolbar button,.toolbar label,.section-title.action button{text-transform:uppercase;background:linear-gradient(#941326,#4f0913);border-color:#8e2636;font-family:Arial Narrow,Arial,sans-serif;font-weight:800;box-shadow:inset 0 1px #ffffff17,0 8px 22px #0000004d}.primary:hover,.button:hover,.toolbar button:hover,.toolbar label:hover,.section-title.action button:hover{background:linear-gradient(#c41c34,#6a0a18);border-color:#ff5369;box-shadow:0 0 22px #e01d3540}.primary.alt{background:linear-gradient(#20242b,#0e1014);border-color:#525966}.radar{background:radial-gradient(circle,#d91a3314,#0000 62%);width:260px;height:260px;right:7%;box-shadow:inset 0 0 40px #d3182d14}.radar svg{filter:drop-shadow(0 0 10px #e01d35)}.command-grid{gap:12px}.command-grid article{clip-path:polygon(0 0,94% 0,100% 13%,100% 100%,6% 100%,0 87%);background:linear-gradient(145deg,#191c22f5,#080a0dfa);border-color:#343943;min-height:174px;box-shadow:0 14px 35px #00000057}.command-grid article:before{height:70px;box-shadow:0 0 14px #d3182d}.command-grid article:after{content:"//";color:#3d424b;font:700 12px Arial;position:absolute;bottom:12px;right:16px}.section-title{margin-top:30px}.section-title span{letter-spacing:.16em;font-size:15px}.builder-layout{background:linear-gradient(90deg,#0b0d10 0 198px,#0000 198px);grid-template-columns:198px 1fr}.quickbar{background:linear-gradient(#0c0e12,#08090b);border-right-color:#342027;padding:16px 9px}.quick-title{border-bottom:1px solid #272c34;margin-bottom:7px;padding-bottom:11px}.quickbar button{border-left:2px solid #0000;border-radius:0;padding:11px 9px}.quickbar button:hover{background:linear-gradient(90deg,#7e12233d,#0000);border-left-color:#7f1a2a}.quickbar button.quick-error{background:#7e10201f}.builder-main{padding:20px 24px 40px}.builder-tools{clip-path:polygon(0 0,98% 0,100% 22%,100% 100%,2% 100%,0 78%);background:linear-gradient(135deg,#15181e,#0b0d11);border-color:#343a43;position:relative;box-shadow:0 16px 45px #0000004d}.builder-tools:before{content:"ROSTER PARAMETERS";color:#5b626d;letter-spacing:.18em;font:700 7px Arial;position:absolute;top:6px;right:18px}.field input,.field select,.squad-head input,.config-section input,.config-section select,.config-section textarea{background:linear-gradient(#090b0e,#0d0f13);border-color:#39404a;box-shadow:inset 0 2px 7px #00000047}.field input:focus,.field select:focus,.squad-head input:focus,.config-section input:focus,.config-section select:focus,.config-section textarea:focus{border-color:#d1263d;box-shadow:0 0 0 1px #e01d3533,0 0 16px #e01d351a}.piece-card{clip-path:polygon(0 0,97% 0,100% 15%,100% 100%,3% 100%,0 85%);background:linear-gradient(125deg,#1a1d23,#0d0f13);border-color:#3a404a;box-shadow:0 10px 25px #00000040}.piece-card:hover{border-color:#71303a;box-shadow:0 12px 30px #00000061,0 0 20px #d3182d14}.piece-card:after{content:"";background:#434a54;width:4px;height:4px;position:absolute;top:9px;right:10px;box-shadow:8px 0 #434a54}.piece-image,.piece-photo{background:radial-gradient(circle at 50% 44%,#d3182d42,#090a0dcc 66%),linear-gradient(135deg,#2b050c,#090a0d)}.stats b{clip-path:polygon(0 0,85% 0,100% 25%,100% 100%,15% 100%,0 75%);background:linear-gradient(#101318,#07080a);border-color:#343a43;min-width:35px}.cost{color:#ff435a;text-shadow:0 0 13px #ff2d4647}.add-card{clip-path:polygon(0 0,97% 0,100% 15%,100% 100%,3% 100%,0 85%);background:repeating-linear-gradient(135deg,#ffffff05 0 8px,#0000 8px 16px),#0f1115a6;border-color:#424953}.squad-card{clip-path:polygon(0 0,98.5% 0,100% 3%,100% 100%,1.5% 100%,0 97%);background:#0d0f13;border-color:#3a4049;box-shadow:0 14px 32px #0000004d}.squad-head{background:linear-gradient(90deg,#22252c,#111318 68%,#1b060b);border-bottom:1px solid #343943!important}.squad-head:after{content:"UNIT LINK";letter-spacing:.16em;color:#5d626b;font:700 7px Arial}.squad-meter{background:#111419}progress{background:#080a0c;border:0}progress::-webkit-progress-bar{background:#080a0c;border:1px solid #282d34}progress::-webkit-progress-value{background:linear-gradient(90deg,#7d1020,#ed2841);box-shadow:0 0 10px #e01d3559}.support{background:linear-gradient(145deg,#15181d,#090b0e);border-color:#393f48}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020304d9}.modal{clip-path:polygon(0 0,97% 0,100% 4%,100% 100%,3% 100%,0 96%);background:linear-gradient(145deg,#171a20,#090b0e);border-color:#5d2330;box-shadow:0 0 0 1px #15181d,0 30px 110px #000,0 0 45px #d3182d26}.profile-card{clip-path:polygon(0 0,95% 0,100% 10%,100% 100%,5% 100%,0 90%);background:linear-gradient(145deg,#181b21,#0b0d10);border-color:#383e47}.profile-card:hover{border-color:#b4263c;box-shadow:0 0 25px #d3182d1f}.config-drawer{background:linear-gradient(165deg,#15181e,#08090c 54%);border-left-color:#641725;box-shadow:-30px 0 110px #000,-1px 0 20px #e01d3524}.config-drawer>header{background:#0c0e12f7;border-bottom-color:#50202a}.config-section{border-bottom-color:#2c3139}.rule-box{background:linear-gradient(90deg,#840d1e45,#1113184d);border-color:#65202d;box-shadow:inset 3px 0 #b61d32}.loadout-card,.power-row{background:linear-gradient(145deg,#171a20,#0b0d10);border-color:#3a404a}.key,.battle-loadout span{clip-path:polygon(0 0,92% 0,100% 30%,100% 100%,8% 100%,0 70%)}.battle-grid{gap:14px}.battle-card{clip-path:polygon(0 0,96% 0,100% 6%,100% 100%,4% 100%,0 94%);background:linear-gradient(145deg,#191c22,#090b0e);border-color:#3b424c;position:relative;box-shadow:0 18px 40px #0006}.battle-card:before{content:"";background:#d91d35;width:3px;height:54px;position:absolute;top:16px;left:0;box-shadow:0 0 12px #d91d35}.battle-card.neutral{filter:grayscale(.6)}.battle-fer{background:#090b0e;border:1px solid #2e343c;padding:8px}.battle-fer b{color:#fff;text-shadow:0 0 18px #ffffff1f}.state-buttons button{clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,8% 100%,0 72%)}.state-buttons button.active{box-shadow:0 0 14px #e01d3538}.recent-grid button,.archive-grid button{clip-path:polygon(0 0,95% 0,100% 18%,100% 100%,5% 100%,0 82%);background:linear-gradient(145deg,#15181e,#0a0c0f);border-color:#343a43;position:relative}.recent-grid button:after,.archive-grid button:after{content:"//";color:#4b515b;position:absolute;bottom:8px;right:12px}@media (width<=1050px){.radar{opacity:.28;right:2%}.hero-content{max-width:70%}.command-grid{grid-template-columns:1fr 1fr}.command-grid article:last-child{grid-column:1/-1}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.topbar{height:76px;padding:12px 14px}.topbar h1{font-size:20px}.home-screen,.page-pad{padding:14px}.hero{clip-path:polygon(0 0,94% 0,100% 5%,100% 100%,6% 100%,0 95%);min-height:510px;padding:28px 22px}.hero-content{max-width:100%}.hero-content .logo{align-items:flex-start}.hero-content .logo img{width:126px;height:126px}.hero-content .logo strong{font-size:40px}.radar{display:none}.hero-actions{flex-direction:column}.command-grid{grid-template-columns:1fr}.command-grid article:last-child{grid-column:auto}.status-strip{gap:9px;padding:6px}.status-strip>div{min-width:48px;padding-right:8px}.builder-main{padding:14px}.builder-tools,.squad-card{clip-path:none}.battle-card{clip-path:polygon(0 0,94% 0,100% 5%,100% 100%,6% 100%,0 95%)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.command-home{max-width:1580px;margin:0 auto}.command-hero{background-position:50% 44%;align-items:stretch;min-height:clamp(480px,58vw,760px);padding:0}.command-hero:before{content:"WAR THEATER // ONLINE"}.hero-brand{z-index:3;text-align:center;position:absolute;top:10%;left:50%;transform:translate(-50%)}.hero-brand .logo{flex-direction:column;gap:0;display:flex}.hero-brand .logo img{width:190px;height:190px}.hero-brand .logo div{margin-top:-35px}.hero-brand .logo strong{font-size:64px}.hero-brand .warpad-mark{color:#fff;letter-spacing:.55em;border-top:1px solid #8e2636;border-bottom:1px solid #8e2636;margin-top:7px;padding:5px 22px;font:800 13px Arial Narrow,Arial,sans-serif;display:inline-block}.hero-overlay-copy{z-index:3;background:linear-gradient(90deg,#050608e0,#0000);border-left:3px solid #d3182d;max-width:520px;padding:18px 22px;position:absolute;bottom:7%;left:5%}.hero-overlay-copy>span{color:#e7384e;letter-spacing:.22em;font:800 9px Arial}.hero-overlay-copy h2{letter-spacing:.1em;margin:4px 0;font:800 30px Arial Narrow,Arial,sans-serif}.hero-overlay-copy p{color:#c1c5cc;margin:0;font-size:12px;line-height:1.55}.home-mode-title{justify-content:center}.home-mode-title i{max-width:350px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.mode-tile{color:#fff;text-align:left;cursor:pointer;clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%);background:#0b0d10;border:1px solid #61202b;min-height:235px;padding:0;position:relative;overflow:hidden}.mode-tile:hover{border-color:#ed3950;transform:translateY(-2px);box-shadow:0 0 28px #d3182d2e}.mode-art{background-image:linear-gradient(#04050714 30%,#040507fa),url(./home-hero-n4Ncnh5L.jpeg);background-position:50%;background-size:cover;position:absolute;inset:0}.mode-battle .mode-art{background-position:72% 65%}.mode-campaign .mode-art{filter:hue-rotate(190deg);background-position:52% 80%}.mode-planets .mode-art{filter:hue-rotate(205deg)brightness(.75);background-position:85% 15%}.mode-entropy .mode-art{filter:hue-rotate(310deg)saturate(1.4);background-position:50% 20%}.mode-catalog .mode-art{filter:brightness(.55);background-position:15% 70%}.mode-archive .mode-art{background-position:30% 72%}.mode-battleview .mode-art{filter:brightness(.6);background-position:65% 80%}.mode-icon{color:#ff334b;background:#53040fc7;border:1px solid #922438;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 0 20px #d3182d2e}.mode-icon svg{width:21px}.mode-tile>div:last-child{z-index:2;position:absolute;bottom:13px;left:15px;right:15px}.mode-tile h3{text-transform:uppercase;letter-spacing:.04em;margin:0;font:800 22px Arial Narrow,Arial,sans-serif}.mode-tile p{color:#c0c4cb;margin:2px 0 0;font-size:11px}.home-lower{grid-template-columns:1fr 1.3fr 1fr;gap:13px;margin-top:20px;display:grid}.home-panel{clip-path:polygon(0 0,96% 0,100% 6%,100% 100%,4% 100%,0 94%);background:linear-gradient(145deg,#12151a,#080a0d);border:1px solid #34232a;min-height:260px;padding:15px}.home-panel .section-title{margin-top:0}.home-empty{color:#8a9099;text-align:center;align-content:center;place-items:center;gap:10px;min-height:190px;display:grid}.home-empty svg{color:#6f7580;width:50px;height:50px}.home-rosters{gap:8px;display:grid}.home-rosters button{color:#fff;text-align:left;background:#0b0d11;border:1px solid #313740;padding:13px}.home-rosters b,.home-rosters span{display:block}.home-rosters span{color:#8c929b;font-size:10px}.briefing>b{color:#fff;margin:12px 0;display:block}.briefing p,.briefing li{color:#aeb3bc;font-size:12px;line-height:1.6}.briefing strong{color:#e42a42}.quick-resources{align-content:start;gap:8px;display:grid}.quick-resources .section-title{margin-bottom:5px}.quick-resources>button{color:#fff;text-align:left;background:#0c0e12;border:1px solid #342d32;grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;padding:11px;display:grid}.quick-resources>button:hover{background:#171015;border-color:#a9283b}.quick-resources>button>svg:first-child{color:#e42a42}.quick-resources span{display:grid}.quick-resources small{color:#838994;font-size:9px}.module-preview{text-align:center;clip-path:polygon(0 0,97% 0,100% 4%,100% 100%,3% 100%,0 96%);background:radial-gradient(circle at 50% 38%,#9b0b2038,#0000 34%),linear-gradient(145deg,#15181e,#080a0d);border:1px solid #54212b;align-content:center;place-items:center;min-height:620px;display:grid}.module-emblem{color:#e52d45;border:1px solid #8f2637;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;box-shadow:0 0 40px #e01d3529}.module-emblem svg{width:52px;height:52px}.module-preview h2{text-transform:uppercase;letter-spacing:.1em;margin:18px 0 0;font:800 48px Arial Narrow,Arial,sans-serif}.module-preview h3{color:#e52d45;text-transform:uppercase;margin:4px 0}.module-preview p{color:#aeb3bc;max-width:620px;line-height:1.7}.module-status{text-align:left;grid-template-columns:8px auto;align-items:center;gap:8px 12px;margin-top:15px;display:grid}.module-status span{background:#df2a42;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #df2a42}.desktop-actions{gap:8px;display:flex}.mobile-actions{display:none;position:relative}.action-menu-trigger{white-space:nowrap}.action-menu{z-index:80;background:#090b0e;border:1px solid #59222d;width:220px;padding:7px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 20px 50px #000}.action-menu button,.action-menu label{color:#fff;text-align:left;cursor:pointer;clip-path:none;background:0 0;border:0;border-bottom:1px solid #252a31;align-items:center;gap:9px;width:100%;padding:11px;display:flex}.action-menu button:hover,.action-menu label:hover{background:#261017}.action-menu svg{color:#e32d45;width:17px}@media (width<=1100px){.mode-grid{grid-template-columns:repeat(2,1fr)}.home-lower{grid-template-columns:1fr 1fr}.home-lower .quick-resources{grid-column:1/-1}.hero-brand .logo strong{font-size:50px}}@media (width<=760px){.command-home{padding:10px}.command-hero{clip-path:polygon(0 0,95% 0,100% 3%,100% 100%,5% 100%,0 97%);background-position:48%;min-height:590px}.command-hero:after{background:linear-gradient(#0000 45%,#040507a6)}.hero-brand{top:5%}.hero-brand .logo img{width:120px;height:120px}.hero-brand .logo div{margin-top:-24px}.hero-brand .logo strong{font-size:38px}.hero-brand .warpad-mark{letter-spacing:.38em;font-size:9px}.hero-overlay-copy{max-width:none;bottom:22px;left:14px;right:14px}.hero-overlay-copy h2{font-size:23px}.mode-grid{grid-template-columns:1fr 1fr;gap:8px}.mode-tile{clip-path:polygon(0 0,92% 0,100% 7%,100% 100%,8% 100%,0 93%);min-height:180px}.mode-tile h3{font-size:17px}.mode-tile p{font-size:9px}.mode-icon{width:34px;height:34px}.home-lower{grid-template-columns:1fr}.home-lower .quick-resources{grid-column:auto}.toolbar{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0df0;border:1px solid #39252b;justify-content:space-between;padding:7px;position:sticky;bottom:8px}.toolbar>.primary-context{flex:1;min-width:0}.desktop-actions{display:none}.mobile-actions{display:block}.mobile-actions>.action-menu-trigger{height:100%}.action-menu{width:min(280px,100vw - 24px);position:fixed;top:auto;bottom:74px;right:12px}.module-preview{min-height:520px;padding:25px}.module-preview h2{font-size:34px}.status-strip .icon{display:none}}@media (width<=420px){.mode-grid{grid-template-columns:1fr}.mode-tile{min-height:155px}.topbar h1{max-width:150px;font-size:16px}.status-strip{margin-left:auto}.status-strip>div:first-child{display:none}}