:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1116;--panel:#0f181ff0;--panel-solid:#111b23;--panel-2:#17242d;--panel-3:#1e303b;--line:#d5e0e230;--line-soft:#d5e0e21a;--text:#edf2f2;--muted:#a0adb2;--quiet:#6f7e85;--accent:#e72a3f;--accent-deep:#bd172c;--warning:#d79632;--danger:#ef6470;--home:#dc3545;--away:#247ac4;--radius:16px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-app{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.menu-backdrop{z-index:0;pointer-events:none;background:linear-gradient(145deg,#f8fbf8 0%,#edf5f0 48%,#e7efe9 100%);position:fixed;inset:0;overflow:hidden}.field-glow{filter:blur(22px);background:radial-gradient(at 64% 52%,#4497652e,#0000 56%);position:absolute;inset:4% -8% -28% 18%}.field-grid{opacity:.32;transform-origin:top;background-image:linear-gradient(#1c693e29 1px,#0000 1px),linear-gradient(90deg,#1c693e29 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:37% -12% -45% 12%;transform:perspective(620px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 18%,#000);mask-image:linear-gradient(#0000,#000 18%,#000)}.bunker{opacity:.1;filter:blur(.4px);background:linear-gradient(140deg,#ef5960,#c42736);border:1px solid #9919232e;position:absolute;box-shadow:0 26px 80px #9b232d14}.bunker-a{border-radius:60px 60px 24px 24px;width:220px;height:140px;top:20%;right:8%}.bunker-b{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);width:130px;height:260px;bottom:-20px;right:33%}.bunker-c{border-radius:24px;width:360px;height:58px;bottom:14%;right:2%}.bunker-d{clip-path:polygon(50% 0,100% 100%,0 100%);width:160px;height:160px;top:22%;left:34%}.app-rail,.app-shell{z-index:1;position:relative}.app-rail{border-right:1px solid var(--line-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe0;flex-direction:column;min-height:100vh;padding:24px 18px 18px;display:flex;box-shadow:8px 0 34px #2749360b}.brand{color:var(--text);letter-spacing:.13em;align-items:center;gap:12px;font-size:15px;text-decoration:none;display:flex}.brand strong{font-weight:850}.brand em{color:var(--accent);font-style:normal;font-weight:850}.brand-mark{background:#e7f4eb;border:1px solid #167c4b57;border-radius:9px;grid-template-columns:repeat(3,5px);place-content:center;gap:3px;width:34px;height:34px;display:grid;transform:rotate(-4deg);box-shadow:0 7px 20px #167c4b1a}.brand-mark i{background:var(--accent);border-radius:4px;width:5px;height:18px;display:block;transform:skew(-13deg)}.brand-mark i:nth-child(2){height:24px;margin-top:-3px}.build-label{color:var(--quiet);letter-spacing:.17em;margin:9px 0 28px 46px;font-size:9px}.build-label span{color:var(--accent)}.primary-nav{gap:4px;display:grid}.primary-nav button{appearance:none;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:34px 1fr;align-items:center;min-height:48px;padding:0 13px;transition:all .16s;display:grid}.primary-nav button:hover{color:var(--text);background:#167c4b0e}.primary-nav button.active{color:var(--accent-deep);box-shadow:inset 3px 0 var(--accent);background:linear-gradient(90deg,#167c4b21,#167c4b09);border-color:#167c4b40}.nav-key{color:var(--quiet);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.primary-nav button.active .nav-key{color:var(--accent)}.rail-tools{gap:4px;margin-bottom:16px;display:grid}.rail-tools a{color:var(--muted);border-radius:7px;justify-content:space-between;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.rail-tools a:hover{color:var(--text);background:#167c4b0e}.connection-card{background:#f5faf6;border:1px solid #167c4b2e;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.connection-card strong,.connection-card small{display:block}.connection-card strong{letter-spacing:.13em;font-size:9px}.connection-card small{color:var(--muted);margin-top:3px;font-size:11px}.status-dot{background:#28a766;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #28a7661f,0 0 12px #28a76652}.app-shell{min-width:0;height:100vh;overflow:auto}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:8;background:#fafdfbd6;justify-content:space-between;align-items:center;gap:20px;height:94px;padding:0 clamp(24px,4vw,58px);display:flex;position:sticky;top:0;box-shadow:0 8px 30px #213e2e09}.eyebrow{color:var(--accent);letter-spacing:.18em;margin-bottom:6px;font:750 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.topbar h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.2vw,30px)}.topbar-actions{align-items:center;gap:10px;display:flex}.active-kit{color:var(--muted);border-right:1px solid var(--line);text-align:right;padding:9px 13px;font-size:11px}.active-kit strong{color:var(--text);font-size:12px;display:block}.profile-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:7px 12px 7px 8px;display:flex;box-shadow:0 6px 20px #23423112}.profile-avatar{color:#fff;background:var(--accent);border-radius:50%;place-content:center;width:30px;height:30px;font-size:11px;font-weight:900;display:grid}.profile-meta{text-align:left}.profile-meta strong,.profile-meta small{display:block}.profile-meta strong{font-size:12px}.profile-meta small{color:var(--muted);letter-spacing:.08em;margin-top:2px;font-size:9px}.view-root{width:min(1480px,100%);margin:0 auto;padding:clamp(24px,4vw,56px);animation:.24s both view-in}.view-root:focus{outline:none}@keyframes view-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{transition-duration:.001ms!important;animation-duration:.001ms!important}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section-head h2{letter-spacing:-.035em;margin:0;font-size:clamp(20px,2.2vw,29px)}.section-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.section-kicker{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.panel{background:var(--panel);border-radius:var(--radius);border:1px solid #2f543e21;box-shadow:0 16px 42px #1f3f2d17}.btn{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--text);letter-spacing:.025em;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:12px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex}.btn:hover{background:var(--panel-3);border-color:#8fa49a;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 24px #167c4b2e}.btn.primary:hover{background:var(--accent-deep)}.btn.ghost{background:0 0}.btn.danger{color:#ff8d94}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-row{flex-wrap:wrap;gap:9px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(285px,.72fr);gap:18px;display:grid}.hero-card{background:linear-gradient(130deg,#fffffffa,#ecf7eff5);flex-direction:column;justify-content:flex-end;min-height:380px;padding:clamp(28px,4vw,52px);display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle at 79% 30%,#34965c29,#0000 27%),linear-gradient(115deg,#0000 38%,#fff9);position:absolute;inset:0}.hero-card:after{content:"";border:1px solid #167c4b24;border-radius:50%;width:290px;height:290px;position:absolute;top:8%;right:7%;box-shadow:0 0 0 36px #167c4b09,0 0 0 72px #167c4b06}.hero-content{z-index:1;max-width:650px;position:relative}.live-pill{color:var(--accent-deep);letter-spacing:.13em;background:#e7f5eb;border:1px solid #167c4b38;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.hero-card h2{letter-spacing:-.065em;max-width:680px;margin:16px 0 10px;font-size:clamp(35px,5.3vw,70px);line-height:.94}.hero-card p{color:var(--muted);max-width:560px;margin:0 0 24px;font-size:14px;line-height:1.65}.hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{min-height:110px;padding:20px}.stat-card span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:10px}.stat-card strong{letter-spacing:-.04em;margin-top:10px;font-size:28px;display:block}.stat-card small{color:var(--quiet);font-size:11px}.side-stack{gap:12px;display:grid}.briefing-card{padding:22px}.briefing-card h3{margin:0 0 12px;font-size:14px}.briefing-line{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;gap:16px;padding:10px 0;font-size:12px;display:flex}.briefing-line strong{color:var(--text);font-weight:700}.server-toolbar{gap:10px;margin-bottom:15px;display:flex}.search-box{border:1px solid var(--line);min-width:180px;color:var(--text);background:#ffffffeb;border-radius:10px;flex:1;padding:11px 14px}.filter-select{border:1px solid var(--line);background:var(--panel-solid);color:var(--text);border-radius:10px;padding:0 34px 0 12px}.server-table{overflow:hidden}.server-head,.server-row{grid-template-columns:minmax(220px,1.6fr) minmax(150px,.9fr) 90px 78px 70px 110px;align-items:center;gap:14px;padding:13px 18px;display:grid}.server-head{color:var(--quiet);letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:9px}.server-row{border-bottom:1px solid var(--line-soft);min-height:76px}.server-row:last-child{border-bottom:0}.server-name{align-items:center;gap:12px;display:flex}.server-icon{width:38px;height:38px;color:var(--accent);background:linear-gradient(135deg,#e5f3e9,#f7faf8);border:1px solid #167c4b33;border-radius:9px;place-content:center;font-weight:900;display:grid}.server-name strong,.server-name small{display:block}.server-name strong{font-size:13px}.server-name small{color:var(--muted);margin-top:4px;font-size:10px}.server-cell{color:var(--muted);font-size:12px}.ping{color:var(--accent)}.tag{border:1px solid var(--line);letter-spacing:.08em;border-radius:999px;padding:4px 8px;font-size:9px;display:inline-flex}.locker-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;display:grid}.loadout-card{transition:all .16s;overflow:hidden}.loadout-card.active{border-color:#167c4b80;box-shadow:0 0 0 2px #167c4b14,0 16px 42px #1f3f2d17}.loadout-card:hover{transform:translateY(-2px)}.loadout-preview{background:radial-gradient(circle at 50% 36%,#f8fbf9,#dfe9e3 76%);place-content:center;height:250px;display:grid;position:relative;overflow:hidden}.loadout-preview:after{content:"";filter:blur(9px);background:#0000008c;border-radius:50%;height:16px;position:absolute;bottom:20px;left:20%;right:20%}.loadout-meta{padding:15px}.loadout-title{align-items:center;gap:8px;display:flex}.loadout-title h3{margin:0;font-size:15px}.active-badge{color:#fff;background:var(--accent);letter-spacing:.1em;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900}.loadout-meta p{color:var(--muted);margin:5px 0 13px;font-size:11px}.loadout-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.loadout-actions .btn{flex:1;padding:8px}.loadout-actions .kit-delete{grid-column:1/-1}.new-loadout{min-height:351px;color:var(--muted);cursor:pointer;border-style:dashed;place-content:center;display:grid}.new-loadout:hover{color:var(--accent-deep);background:#f8fbf9;border-color:#167c4b7a}.mini-player{--jersey:#101923;--accent:#d3aa40;--pants:#101923;--mask:#11151a;--lens:#d9982d;--gloves:#161c23;--cleats:#11151a;z-index:1;width:128px;height:210px;position:relative;transform:translateZ(0)}.mini-player span{display:block;position:absolute}.mp-head{background:var(--mask);border:2px solid #ffffff0d;border-radius:45% 45% 38% 38%;width:58px;height:51px;top:3px;left:35px}.mp-lens{background:linear-gradient(#eaf8ff, var(--lens) 45%, #06080a);width:44px;height:19px;box-shadow:0 1px 12px color-mix(in srgb, var(--lens), transparent 60%);border-radius:5px 5px 12px 12px;top:17px;left:42px}.mp-neck{background:#53606a;width:17px;height:16px;top:48px;left:56px}.mp-torso{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(to bottom, var(--accent) 0 25%, var(--jersey) 25%);width:72px;height:80px;top:59px;left:28px}.mp-number{color:#fff;z-index:2;font-size:25px;font-weight:950;top:86px;left:54px}.mp-arm{background:var(--accent);border-radius:12px;width:25px;height:74px;top:62px}.mp-arm.left{left:12px;transform:rotate(9deg)}.mp-arm.right{right:12px;transform:rotate(-9deg)}.mp-hand{background:var(--gloves);border-radius:8px;width:19px;height:22px;top:123px}.mp-hand.left{left:8px}.mp-hand.right{right:8px}.mp-leg{background:var(--pants);border-radius:0 0 8px 8px;width:30px;height:68px;top:137px}.mp-leg.left{left:32px}.mp-leg.right{right:32px}.mp-foot{background:var(--cleats);border-radius:3px;width:36px;height:14px;top:196px}.mp-foot.left{left:26px}.mp-foot.right{right:26px}.customizer{grid-template-columns:185px minmax(330px,1fr) minmax(280px,360px);min-height:650px;display:grid;overflow:hidden}.category-rail{border-right:1px solid var(--line);padding:16px 10px}.category-group{color:var(--quiet);letter-spacing:.14em;text-transform:uppercase;padding:9px 10px 6px;font-size:9px}.category-rail button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px;font-size:12px}.category-rail button:hover{color:var(--text);background:var(--panel-2)}.custom-stage{background:radial-gradient(circle at 50% 38%,#fbfdfb,#e2ebe5 65%);flex-direction:column;justify-content:center;align-items:center;min-height:610px;display:flex;position:relative}.team-toggle{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;gap:3px;padding:4px;display:flex;position:absolute;top:20px;box-shadow:0 7px 22px #24443214}.team-toggle button{color:var(--muted);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:7px 15px;font-size:9px}.team-toggle button.active[data-team=none]{background:var(--text);color:#fff}.team-toggle button.active[data-team=home]{background:var(--home);color:#fff}.team-toggle button.active[data-team=away]{background:var(--away);color:#fff}.hero-player{margin-top:18px;transform:scale(1.6)}.player-caption{color:var(--muted);letter-spacing:.06em;font-size:11px;position:absolute;bottom:23px}.player-caption strong{color:var(--text)}.custom-options{border-left:1px solid var(--line);background:#f8fbf9e6;padding:22px}.custom-options h3{margin:0;font-size:17px}.custom-options>p{color:var(--muted);margin:5px 0 22px;font-size:11px;line-height:1.5}.form-field{margin-bottom:18px}.form-field label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.form-field input[type=text],.form-field input[type=number],.form-field select{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 11px}.choice-field{z-index:12;position:relative}.choice-field.dropdown-open{z-index:100}.choice-select{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:42px;color:var(--text);cursor:pointer;font:inherit;text-align:left;text-transform:capitalize;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.choice-select[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 2px #e72a3f24}.choice-select i{color:var(--muted);font-size:15px;font-style:normal}.choice-menu{z-index:80;background:#101c24;border:1px solid #dde6e757;border-radius:8px;position:absolute;top:calc(100% - 12px);left:0;right:0;overflow:hidden;box-shadow:0 18px 38px #00000057}.choice-menu[hidden]{display:none}.choice-menu button{color:#edf2f2;cursor:pointer;width:100%;font:inherit;text-align:left;text-transform:capitalize;background:0 0;border:0;border-bottom:1px solid #dde6e71a;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.choice-menu button:last-child{border-bottom:0}.choice-menu button:hover,.choice-menu button.active{background:#2b93c833}.choice-menu button span{color:#48a9d7;font-weight:900}.color-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.color-control{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:7px;display:flex}.color-control input{background:0 0;border:0;width:34px;height:30px;padding:0}.color-control span{min-width:0;color:var(--muted);flex-direction:column;gap:2px;font-size:10px;display:flex}.color-control b{color:inherit;font-size:inherit;font-weight:700}.color-control small{color:var(--quiet);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.choice-row{flex-wrap:wrap;gap:7px;display:flex}.choice-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 11px;font-size:11px}.choice-chip.active{color:var(--text);border-color:var(--accent)}.custom-save{grid-template-columns:1fr 1.35fr;gap:8px;margin-top:28px;display:grid}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:17px;display:grid}.settings-grid>*,.customizer>*,.settings-grid .side-stack{min-width:0}.settings-grid .side-stack>.panel{width:100%;min-width:0;overflow:hidden}.settings-grid .side-stack .setting-row,.settings-grid .side-stack .setting-control,.settings-grid .side-stack .range-wrap,.settings-grid .side-stack input{min-width:0}.settings-panel{padding:clamp(20px,3vw,30px)}.settings-panel h3{margin:0 0 5px;font-size:16px}.settings-panel>p{color:var(--muted);margin:0 0 22px;font-size:12px}.setting-row{border-top:1px solid var(--line-soft);grid-template-columns:minmax(160px,1fr) minmax(220px,.9fr);align-items:center;gap:22px;padding:16px 0;display:grid}.settings-grid .side-stack .setting-row{grid-template-columns:1fr;gap:12px}.setting-copy strong,.setting-copy small{display:block}.setting-copy strong{font-size:12px}.setting-copy small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45}.setting-control input[type=text],.setting-control select{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);border-radius:8px;padding:10px 11px}.range-wrap{grid-template-columns:1fr 42px;align-items:center;gap:10px;display:grid}.range-wrap input{accent-color:var(--accent);width:100%}.range-value{color:var(--text);text-align:right;font:700 11px/1 ui-monospace,monospace}.toggle{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:inline-flex}.toggle input{appearance:none;cursor:pointer;background:#cad5ce;border-radius:999px;width:40px;height:22px;transition:all .15s;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #1c332633}.toggle input:checked{background:#167c4b52}.toggle input:checked:after{background:var(--accent);transform:translate(18px)}.controls-list{gap:8px;display:grid}.key-row{color:var(--muted);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;display:flex}kbd{color:var(--text);text-align:center;background:#f1f5f2;border:1px solid #b8c7be;border-radius:5px;min-width:36px;padding:4px 7px;font:750 10px/1 ui-monospace,monospace;box-shadow:inset 0 -2px #24403014}.settings-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:70px 25px}.toast{z-index:20;opacity:0;pointer-events:none;color:#fff;background:#163f2b;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:750;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);box-shadow:0 12px 36px #1336243d}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1040px){.menu-app{grid-template-columns:84px minmax(0,1fr)}.app-rail{padding-inline:10px}.brand{justify-content:center}.brand>span:last-child,.build-label,.nav-key,.primary-nav button span:last-child,.rail-tools,.connection-card div{display:none}.primary-nav button{place-content:center;padding:0;font-size:0;display:grid}.primary-nav button:after{content:attr(data-route);text-transform:uppercase;font-size:11px}.connection-card{justify-content:center}.customizer{grid-template-columns:150px minmax(300px,1fr)}.custom-options{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.hero-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=720px){.menu-app{padding-bottom:66px;display:block}.app-rail{z-index:15;border:1px solid var(--line);height:66px;min-height:0;padding:7px 10px;display:block;position:fixed;inset:auto 0 0}.brand,.build-label,.rail-spacer,.rail-tools,.connection-card{display:none}.primary-nav{grid-template-columns:repeat(5,1fr);gap:4px}.primary-nav button{min-height:50px}.app-shell{height:auto;min-height:calc(100vh - 66px)}.topbar{height:76px;padding:0 16px}.topbar h1{font-size:20px}.active-kit,.profile-meta{display:none}.profile-chip{padding:5px}.view-root{padding:20px 14px}.hero-card{min-height:430px}.hero-stats{grid-template-columns:1fr 1fr}.server-head{display:none}.server-row{grid-template-columns:1fr auto;gap:8px}.server-cell{display:none}.server-row .btn{grid-area:1/2}.server-toolbar{flex-direction:column}.filter-select{min-height:42px}.customizer{display:block}.category-rail{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.category-group{display:none}.category-rail button{min-width:max-content}.custom-stage{min-height:500px}.custom-options{border-left:0;border-top:1px solid var(--line)}.setting-row{grid-template-columns:1fr;gap:12px}}.menu-app{background:#e8ece9;min-height:100vh;display:block}.menu-backdrop:before{content:"";background:linear-gradient(105deg,#0000 0 58%,#24ac9626 58% 100%),linear-gradient(#ffffffa3,#0000 33%);position:absolute;inset:0}.menu-backdrop:after{content:"THE FIELD";color:#121f2709;letter-spacing:-.08em;white-space:nowrap;font-size:clamp(100px,17vw,290px);font-weight:950;line-height:.8;position:absolute;top:12vh;right:-1vw}.field-glow{filter:blur(30px);background:radial-gradient(at 66% 42%,#22af9738,#0000 46%),radial-gradient(at 28% 73%,#ed17411c,#0000 42%);inset:11% -8% -20% 23%}.field-grid{opacity:.23;background-image:linear-gradient(#12634e30 1px,#0000 1px),linear-gradient(90deg,#12634e30 1px,#0000 1px);inset:45% -10% -45% 20%}.menu-avatar-stage{z-index:1;pointer-events:none;transition:opacity .22s,transform .22s;position:fixed;inset:72px 20% 0 25%}#menuAvatarCanvas{width:100%;height:100%;display:block}.avatar-platform{z-index:-1;filter:blur(8px);background:radial-gradient(#0d22263d,#0000 68%);border-radius:50%;width:min(420px,62%);height:58px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}body:not([data-route=home]) .menu-avatar-stage{opacity:0;transform:scale(.98)}.app-rail{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8faf8e8;border:0;border-bottom:1px solid #0f1e261f;flex-direction:row;align-items:center;gap:24px;width:100%;height:72px;min-height:72px;padding:0 24px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 12px 36px #182b3012}.brand{color:#101b22;flex:none}.brand em{color:var(--accent)}.brand-mark{box-shadow:none;background:#ed174114;border-color:#ed174152}.brand-mark i{background:var(--accent)}.build-label{color:#829099;white-space:nowrap;margin:0}.primary-nav{align-self:stretch;gap:0;min-width:0;display:flex}.primary-nav button,.primary-nav a{appearance:none;color:#5b666d;min-height:72px;font:inherit;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;place-items:center;padding:0 clamp(11px,1.25vw,22px);font-size:11px;font-weight:750;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:grid}.primary-nav button.active{color:#101b22;border-bottom-color:var(--accent);box-shadow:none;background:linear-gradient(#0000 42%,#ed174113)}.rail-spacer{flex:1;min-height:0}.connection-card{background:#ffffffb3;border-color:#1689682e;border-radius:4px;flex:none;padding:8px 11px}.connection-card strong{font-size:8px}.connection-card small{font-size:9px}.app-shell{z-index:2;height:100vh;padding-top:72px;position:relative;overflow:auto}.topbar{background:#f2f6f3e0;border-bottom-color:#12222a1a;height:82px;top:0;box-shadow:0 10px 30px #1b2b310a}.view-root{z-index:3;position:relative}body[data-route=home] .view-root{width:100%;height:calc(100vh - 72px);margin:0;padding:0;overflow:hidden}.home-lobby{grid-template-rows:1fr auto;grid-template-columns:minmax(315px,370px) minmax(0,1fr) minmax(270px,340px);gap:20px;height:100%;padding:clamp(28px,4vw,58px);display:grid}.home-command{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#f9fbf9c9;border:1px solid #14272f21;flex-direction:column;grid-row:1/-1;align-self:stretch;padding:clamp(25px,3vw,42px);display:flex;box-shadow:0 24px 72px #182c3121}.home-kicker{color:var(--accent);letter-spacing:.2em;font-size:9px;font-weight:900}.home-command h2{color:#111d24;letter-spacing:-.065em;margin:12px 0;font-size:clamp(34px,4vw,61px);line-height:.91}.home-command h2 strong{color:var(--accent);font-weight:900}.home-command>p{color:#657179;margin:0 0 25px;font-size:12px;line-height:1.6}.home-action-list{border-top:1px solid #12222a21;display:grid}.home-action-list button,.home-action-list a{color:#17242b;min-height:68px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #12222a21;grid-template-rows:1fr 1fr;grid-template-columns:34px minmax(0,1fr);align-items:end;padding:0 8px;text-decoration:none;transition:padding .15s,background .15s,color .15s;display:grid}.home-action-list button:hover,.home-action-list a:hover,.home-action-list button:focus-visible,.home-action-list a:focus-visible{background:var(--accent);color:#fff;outline:none;padding-left:15px}.home-action-list span{color:#9ca6ac;grid-row:1/3;align-self:center;font:750 9px/1 ui-monospace,monospace}.home-action-list button:hover span,.home-action-list a:hover span{color:#ffffff9e}.home-action-list strong{letter-spacing:.025em;text-transform:uppercase;align-self:end;font-size:17px}.home-action-list small{color:#78858c;align-self:start;margin-top:3px;font-size:9px}.home-action-list button:hover small,.home-action-list a:hover small{color:#ffffffb3}.home-community{gap:4px;margin-top:auto;padding-top:22px;display:grid}.home-community span{color:#929da4;letter-spacing:.17em;font-size:8px;font-weight:850}.home-community strong{font-size:11px}.home-community small{color:#849097;font-size:9px}.home-identity{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8faf8b0;border-left:3px solid #1fae96;grid-column:3;align-self:start;gap:19px;padding:22px;display:grid;box-shadow:0 20px 56px #182b3017}.identity-name,.identity-status{align-items:center;gap:11px;display:flex}.identity-name .profile-avatar{background:#16252d;border-radius:3px}.identity-name small,.identity-status small,.identity-kit span{color:#89969d;letter-spacing:.15em;font-size:8px;font-weight:850;display:block}.identity-name strong{color:#152229;text-transform:uppercase;margin-top:3px;font-size:15px;display:block}.identity-kit{border-block:1px solid #12222a21;padding:17px 0}.identity-kit strong{color:#152229;letter-spacing:-.04em;margin-top:9px;font-size:24px;display:block}.identity-kit small{color:#67747b;margin-top:3px;font-size:9px;display:block}.identity-status strong{color:#14856f;letter-spacing:.06em;margin-top:3px;font-size:9px;display:block}.home-session{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafcfac7;border:1px solid #13252d1f;grid-column:2/4;grid-template-columns:minmax(190px,1fr) auto auto;align-self:end;align-items:center;gap:16px 24px;padding:18px 20px;display:grid;box-shadow:0 18px 50px #182b3017}.home-session .section-kicker{color:var(--accent);grid-column:1;font-size:8px}.home-session h3{grid-column:1;margin:-10px 0 0;font-size:14px}.home-session>div{grid-area:1/2/3;gap:8px;display:flex}.home-session>div span{color:#56636a;text-transform:uppercase;background:#12222a0e;padding:8px 10px;font-size:9px;font-weight:750}.home-enter{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;grid-area:1/3/3;align-items:center;gap:18px;min-height:45px;padding:0 18px;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex}.panel,.btn,.profile-chip,.search-box,.filter-select{border-radius:4px}@media (width<=1180px){.build-label,.connection-card{display:none}.primary-nav{margin-left:auto}.home-lobby{grid-template-columns:330px 1fr 270px}.menu-avatar-stage{left:28%;right:18%}}@media (width<=900px){.app-rail{gap:12px;padding-inline:14px}.brand>span:last-child{display:none}.primary-nav button,.primary-nav a{padding-inline:10px;font-size:9px}.home-lobby{grid-template-columns:minmax(285px,340px) 1fr;padding:24px}.home-identity{grid-column:2}.home-session{grid-column:2;grid-template-columns:1fr}.home-session>div,.home-session .home-enter{display:none}.menu-avatar-stage{opacity:.72;inset:72px 0 0 35%}}@media (width<=680px){.app-rail{height:64px;min-height:64px;overflow-x:auto}.primary-nav{min-width:max-content}.primary-nav button,.primary-nav a{min-height:64px}.brand{z-index:2;background:#f8faf8;position:sticky;left:0}.app-shell{padding-top:64px}body[data-route=home] .view-root{height:calc(100vh - 64px);overflow:auto}.menu-avatar-stage{opacity:.38;inset:64px 0 30% 22%}.home-lobby{height:auto;min-height:100%;padding:16px;display:block}.home-command{min-height:calc(100vh - 96px)}.home-identity,.home-session{margin-top:12px}}.menu-app{padding:0;display:block}.app-rail{z-index:30;flex-direction:row;align-items:center;gap:24px;width:100%;height:72px;min-height:72px;padding:0 24px;display:flex;position:fixed;inset:0 0 auto}.brand{justify-content:flex-start}.brand>span:last-child,.connection-card div{display:block}.build-label{margin:0}.primary-nav{grid-template-columns:none;align-self:stretch;gap:0;min-width:0;display:flex}.primary-nav button,.primary-nav a{place-items:center;min-height:72px;padding:0 clamp(11px,1.25vw,22px);font-size:11px;display:grid}.primary-nav button:after{content:none}.rail-spacer{min-height:0}.rail-tools{display:none}.connection-card{justify-content:flex-start;display:flex}.app-shell{height:100vh;min-height:0;padding-top:72px}body[data-route=home] .topbar{display:none}body[data-route=home] .view-root{width:100%;height:calc(100vh - 72px);margin:0;padding:0}.panel,.btn,.profile-chip,.search-box,.filter-select{border-radius:4px}@media (width<=1180px){.menu-app{padding:0;display:block}.app-rail{padding-inline:16px}.brand>span:last-child{display:flex}.build-label,.connection-card{display:none}.primary-nav{margin-left:auto}.primary-nav button,.primary-nav a{min-height:72px;padding-inline:10px;font-size:9px}}.home-discord{color:#f1f3ff;background:linear-gradient(110deg,#5865f23d,#5865f214);border:1px solid #9aa6ff66;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(100%,320px);margin-top:15px;padding:12px 13px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:grid}.home-discord:hover,.home-discord:focus-visible{background:linear-gradient(110deg,#5865f261,#5865f224);border-color:#8d98ff;transform:translateY(-1px)}.home-discord:focus-visible{outline-offset:3px;outline:2px solid #8d98ff73}.home-discord>svg{background:#5865f2;border-radius:8px;width:30px;height:30px;padding:6px}.home-discord>span{flex-direction:column;gap:2px;min-width:0;display:flex}.home-discord>span strong{color:#f3f5ff;letter-spacing:.035em;font-size:10px}.home-discord>span small{color:#aeb5ce;letter-spacing:.055em;text-transform:uppercase;font-size:7px;font-weight:700}.home-discord>b{color:#adb5ff;font-size:14px}[hidden]{display:none!important}html,body{color:var(--text);background:#0b1116}body.login-active{overflow:hidden}body.login-active .menu-app{opacity:0;pointer-events:none}.login-screen{z-index:100;color:#eef3f3;background:#0a1015;min-height:100svh;position:fixed;inset:0;overflow:hidden}.login-aerial{filter:saturate(.82)contrast(1.04);background:url(/assets/brand/the-field-aerial.png) 50%/cover no-repeat;position:absolute;inset:-3%;transform:scale(1.025)}.login-shade{background:linear-gradient(90deg,#070c10f5 0%,#070c10e3 32%,#070c1061 68%,#070c102e 100%),linear-gradient(#04080b75,#0000 42%,#05090cc7);position:absolute;inset:0}.login-screen:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 74%);mask-image:linear-gradient(90deg,#000,#0000 74%)}.login-topline,.login-footer{z-index:2;color:#edf3f39e;letter-spacing:.18em;justify-content:space-between;gap:20px;font-size:9px;font-weight:800;display:flex;position:absolute;left:clamp(24px,4vw,68px);right:clamp(24px,4vw,68px)}.login-topline{border-bottom:1px solid #ffffff26;padding-bottom:15px;top:28px}.login-footer{border-top:1px solid #ffffff26;padding-top:14px;bottom:26px}.login-card{z-index:3;flex-direction:column;justify-content:center;width:min(570px,100vw - 48px);min-height:100svh;margin-left:clamp(24px,7vw,130px);padding:clamp(96px,15vh,160px) 0 80px;display:flex;position:relative}.login-logo{object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 30px #00000061);width:clamp(260px,34vw,470px);height:clamp(125px,24vh,230px);margin:-44px 0 -23px -27px}.login-kicker{color:#e72a3f;letter-spacing:.25em;margin:0 0 12px;font-size:9px;font-weight:900}.login-card h1{letter-spacing:-.065em;text-transform:uppercase;max-width:520px;margin:0;font-size:clamp(38px,5.5vw,76px);line-height:.92}.login-copy{color:#aeb9bd;max-width:480px;margin:20px 0 30px;font-size:13px;line-height:1.65}.login-form{width:min(530px,100%)}.login-form label{color:#7f9097;letter-spacing:.18em;margin-bottom:8px;font-size:8px;font-weight:850;display:block}.login-input-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d12c7;border:1px solid #dee7e847;border-left:3px solid #2991c5;grid-template-columns:minmax(0,1fr) auto;display:grid;box-shadow:0 18px 60px #00000038}.login-input-row input,.login-input-row button{border:0;min-height:56px}.login-input-row input{color:#f2f5f5;letter-spacing:.04em;background:0 0;outline:none;min-width:0;padding:0 17px;font-size:15px;font-weight:750}.login-input-row input:focus{box-shadow:inset 0 -2px #2991c5}.login-input-row button{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#e72a3f;align-items:center;gap:22px;padding:0 20px;font-size:10px;font-weight:900;display:inline-flex}.login-input-row button:hover{background:#f23449}.login-input-row button span{font-size:19px;font-weight:400}.login-status{color:#8e9ba1;letter-spacing:.13em;align-items:center;gap:9px;margin-top:17px;font-size:8px;font-weight:800;display:flex}.login-status i{background:#36bf84;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #36bf84bf}.menu-app{opacity:1;background:#0b1116;transition:opacity .24s}.menu-backdrop{background:linear-gradient(90deg,#090f13a8,#090f1314 52%,#090f137a),linear-gradient(#82bce1 0 44%,#76a174 44% 100%)}.menu-backdrop:before{background:radial-gradient(at 64% 29%,#ffffff57,#0000 29%),linear-gradient(105deg,#e72a3f1f 0 23%,#0000 23% 72%,#2b93c821 72% 100%)}.menu-backdrop:after{color:#ffffff0b;text-shadow:0 1px #0000002e}.field-glow{background:radial-gradient(at 62% 49%,#80c39e52,#0000 49%),radial-gradient(at 19% 70%,#e72a3f33,#0000 34%)}.field-grid{opacity:.34;background-image:linear-gradient(#e8f2ea45 1px,#0000 1px),linear-gradient(90deg,#e8f2ea45 1px,#0000 1px)}.bunker{opacity:.16}.app-rail{background:#080d12f0;border-bottom:1px solid #dde6e726;height:76px;min-height:76px;padding:0 24px;box-shadow:0 15px 46px #00000040}.brand{width:145px;height:68px;overflow:hidden}.brand-logo{object-fit:contain;filter:drop-shadow(0 6px 10px #00000073);width:145px;height:68px}.build-label{color:#728087}.primary-nav button,.primary-nav a{color:#a4b0b4;border-bottom-width:2px;min-height:76px}.primary-nav button:hover,.primary-nav a:hover{color:#f2f5f5;background:#ffffff0b}.primary-nav button.active{color:#fff;background:linear-gradient(#0000 38%,#e72a3f21);border-bottom-color:#e72a3f}.sign-out{color:#87949a;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #dde6e72b;min-height:34px;padding:0 12px;font-size:8px;font-weight:850}.sign-out:hover{color:#fff;border-color:#e72a3f8f}.connection-card{display:none}.app-shell{padding-top:76px}body[data-route=home] .view-root{height:calc(100vh - 76px)}.topbar{background:#0b1218ed;border-bottom-color:#dde6e71f;height:84px;box-shadow:0 12px 36px #0000002e}.topbar h1,.section-head h2,.panel h3{color:#eef3f3}.section-head p{color:#9ca9ae}.active-kit{color:#89979d}.active-kit strong{color:#edf2f2}.profile-chip{color:#edf2f2;box-shadow:none;background:#131f27;border-color:#dde6e72e}.profile-avatar{background:#e72a3f;border-radius:3px}.home-lobby{grid-template-columns:minmax(315px,380px) minmax(0,1fr) minmax(270px,340px);padding:clamp(27px,3.5vw,52px)}.home-command{background:#080e13db;border:1px solid #e0e8e92b;border-left:3px solid #e72a3f;box-shadow:0 28px 74px #00000052}.home-command h2{color:#f0f4f4}.home-command h2 strong{color:#e72a3f}.home-command>p{color:#a5b1b5}.home-action-list{border-top-color:#e0e8e929}.home-action-list button,.home-action-list a{color:#edf2f2;border-bottom-color:#e0e8e924}.home-action-list small{color:#7e8d93}.home-action-list button:hover,.home-action-list a:hover,.home-action-list button:focus-visible,.home-action-list a:focus-visible{background:#e72a3f}.home-community span,.identity-name small,.identity-status small,.identity-kit span{color:#77868d}.home-community strong{color:#dce3e4}.home-community small{color:#728087}.home-identity{background:#080e13c7;border-color:#e0e8e926 #e0e8e926 #e0e8e926 #2b93c8;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;box-shadow:0 24px 62px #00000040}.identity-name strong,.identity-kit strong{color:#edf2f2}.identity-kit{border-color:#e0e8e924}.identity-kit small{color:#89979c}.identity-status strong{color:#44cc94}.home-session{background:#080e13d1;border-color:#e0e8e929 #e0e8e929 #e0e8e929 #e72a3f;border-left-style:solid;border-left-width:3px;box-shadow:0 22px 58px #00000045}.home-session h3{color:#edf2f2}.home-session>div span{color:#a9b4b8;background:#ffffff12}.home-enter{background:#e72a3f}.home-enter:hover{background:#f1344b}.panel{background:#0f181ff0;border-color:#dde6e726;box-shadow:0 20px 56px #0000003d}.btn{color:#e7eded;background:#17242d;border-color:#dde6e730}.btn:hover{background:#21343f;border-color:#dde6e759}.btn.primary{background:#e72a3f;border-color:#e72a3f;box-shadow:0 10px 26px #e72a3f2b}.search-box,.filter-select,.form-field input[type=text],.form-field input[type=number],.form-field select,.setting-control input[type=text],.setting-control select{color:#edf2f2;background:#111b23;border-color:#dde6e72e}.server-row:hover{background:#2b93c812}.server-icon{color:#48a9d7;background:linear-gradient(135deg,#182d38,#111b23);border-color:#2b93c847}.loadout-preview{background:radial-gradient(circle at 50% 36%,#263a45,#0c141a 76%)}.loadout-card.active{border-color:#2b93c88c}.new-loadout:hover{color:#f04a5c;background:#15232b}.custom-stage{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/40px 40px,radial-gradient(circle at 50% 38%,#253842,#0d151b 68%)}.custom-options{background:#0c141af0}.category-rail button.active{color:#fff;background:#e72a3f21;border-color:#e72a3f7a}.team-toggle{background:#080e13e6;border-color:#dde6e72b}.form-field input,.form-field select,.color-control,.choice-chip{background-color:#17242d}.toggle input{background:#34444c}kbd{color:#e8eeee;background:#17242d;border-color:#dde6e733}.toast{background:#152832}@media (width<=1180px){.brand,.brand-logo{width:105px}.sign-out{display:none}}@media (width<=900px){.home-lobby{grid-template-columns:minmax(285px,340px) 1fr}}@media (width<=680px){.login-aerial{background-position:62%}.login-shade{background:linear-gradient(#070c10c2,#070c10f0)}.login-topline span:last-child,.login-footer span:last-child{display:none}.login-card{width:auto;margin:0 22px;padding-top:90px}.login-logo{width:280px;height:150px}.login-input-row{grid-template-columns:1fr}.login-input-row button{justify-content:space-between}.app-rail{background:#080d12f7;height:64px;min-height:64px}.app-shell{padding-top:64px}body[data-route=home] .view-root{height:calc(100vh - 64px)}.menu-app{padding:0;display:block}.app-rail{width:100%;height:64px;min-height:64px;padding:0 12px;display:flex;inset:0 0 auto;overflow-x:auto}.brand{padding-right:10px;display:flex;position:sticky;left:0}.brand>span:last-child{display:none}.primary-nav{grid-template-columns:none;min-width:max-content;display:flex}.primary-nav button,.primary-nav a{min-height:64px;padding-inline:9px;font-size:8px}.app-shell{height:100vh;min-height:0;padding-top:64px}body[data-route=home] .view-root{height:calc(100vh - 64px);padding:0}.app-rail{background:#080d12f7}.brand{background:#080d12;width:75px}.brand-logo{width:75px;height:60px}}body[data-route=home] .menu-avatar-stage{z-index:4;opacity:1;pointer-events:auto;cursor:grab;touch-action:none;transform:none}body[data-route=home] .menu-avatar-stage{inset:76px 20% 92px 25%}body[data-route=play] .view-root{width:min(1480px,100%);margin-inline:auto}body[data-route=locker] .menu-avatar-stage,body[data-route=customize] .menu-avatar-stage{z-index:4;opacity:1;pointer-events:auto;cursor:grab;touch-action:none;transform:none}body[data-route=locker] .menu-avatar-stage:active,body[data-route=customize] .menu-avatar-stage:active{cursor:grabbing}body[data-route=locker] .menu-avatar-stage{inset:142px 2.5% 48px 57%}body[data-route=locker] .view-root{padding-right:46%}.locker-workspace{position:relative}.locker-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.loadout-preview.kit-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--kit-primary), #081017 38%), #0b141a 68%);flex-direction:column;justify-content:space-between;align-items:stretch;height:144px;padding:18px;display:flex}.loadout-preview.kit-preview:after{display:none}.kit-preview-label{color:#ffffffbf;letter-spacing:.14em;justify-content:space-between;align-items:flex-start;font-size:9px;font-weight:900;display:flex}.kit-preview-label strong{color:var(--kit-accent);font-size:32px;line-height:.8}.kit-swatch-stack{gap:7px;display:flex}.kit-swatch-stack i{background:var(--kit-primary);border:1px solid #ffffff38;border-radius:7px;width:34px;height:34px;box-shadow:inset 0 0 0 2px #0000001f}.kit-swatch-stack i:nth-child(2){background:var(--kit-accent)}.kit-swatch-stack i:nth-child(3){background:var(--kit-pants)}.kit-swatch-stack i:nth-child(4){background:var(--kit-lens)}.kit-preview>small{color:#ffffff7a;letter-spacing:.12em;font-size:8px}.locker-showcase-copy{z-index:6;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:52px;right:4.2%}.locker-showcase-copy span,.model-stage-label span{color:#ef4052;letter-spacing:.16em;font-size:8px;font-weight:900}.locker-showcase-copy strong{color:#edf3f3;font-size:18px}.locker-showcase-copy small,.model-stage-label small{color:#e5efef8f;font-size:9px}.new-loadout{min-height:260px}body[data-route=customize] .menu-avatar-stage{pointer-events:none;cursor:default;inset:185px calc(clamp(280px,22vw,360px) + clamp(24px,4vw,58px)) 45px calc(185px + clamp(24px,4vw,58px))}body[data-route=customize] .customizer,body[data-route=customize] .custom-stage{background:0 0}body[data-route=customize] .category-rail,body[data-route=customize] .custom-options{z-index:7;position:relative}body[data-route=customize] .choice-field.dropdown-open{z-index:100}body[data-route=customize] .custom-stage{z-index:3}.model-orbit-surface{z-index:4;cursor:grab;touch-action:none;position:absolute;inset:0}.model-orbit-surface:active{cursor:grabbing}body[data-route=customize] .team-toggle,body[data-route=customize] .player-caption,.model-stage-label{z-index:8}body[data-route=customize] .player-caption,.model-stage-label{pointer-events:none}.model-stage-label{flex-direction:column;display:flex;position:absolute;bottom:22px;left:20px}.player-caption{right:20px}.equipment-note{background:#17242d;border:1px solid #dde6e724;border-radius:8px;flex-direction:column;gap:4px;margin-top:16px;padding:12px;display:flex}.equipment-note strong{color:#edf2f2;font-size:11px}.equipment-note span{color:#81919a;font-size:9px;line-height:1.4}@media (width<=1180px){body[data-route=locker] .menu-avatar-stage{opacity:.72;inset:150px 0 42px 54%}body[data-route=locker] .view-root{padding-right:42%}.locker-grid{grid-template-columns:1fr}body[data-route=customize] .menu-avatar-stage{inset:190px 330px 50px 185px}}@media (width<=680px){body[data-route=home] .menu-avatar-stage{z-index:1;opacity:.38;pointer-events:none;inset:64px 0 30% 22%}body[data-route=play] .menu-avatar-stage,body[data-route=locker] .menu-avatar-stage,body[data-route=customize] .menu-avatar-stage{display:none}body[data-route=locker] .view-root{padding-right:clamp(24px,4vw,58px)}.locker-grid{grid-template-columns:1fr}.locker-showcase-copy,.model-stage-label{display:none}}body[data-route=home] .menu-avatar-stage,body[data-route=practice] .menu-avatar-stage{display:none}body[data-route=home] .view-root{overflow-y:auto}.home-quick-actions{gap:10px;margin-top:4px;display:grid}.home-quick-actions button{color:#eef3f3;min-height:50px;font:inherit;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;border:1px solid #e0e8e92b;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;font-weight:900;transition:border-color .16s,background .16s,transform .16s;display:flex}.home-quick-actions button:hover,.home-quick-actions button:focus-visible{border-color:#ffffff59;transform:translate(3px)}.home-primary-action{background:#e72a3f}.home-primary-action:hover,.home-primary-action:focus-visible{background:#f1344b}.home-secondary-action{background:#ffffff0e}.home-community{margin-top:auto}.home-community small{max-width:31ch;line-height:1.55}.home-news{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e13cc;border:1px solid #e0e8e926;border-top:3px solid #e72a3f;flex-direction:column;grid-area:1/2;align-self:stretch;min-width:0;padding:clamp(20px,2.2vw,30px);display:flex;box-shadow:0 24px 62px #00000040}.home-news-header,.home-news-meta{justify-content:space-between;align-items:center;gap:18px;display:flex}.home-news-header{border-bottom:1px solid #e0e8e924;padding-bottom:17px}.home-news-header span,.home-news-meta span,.home-news-list>article>span,.practice-plan-label small,.practice-note span{color:#ef4052;letter-spacing:.16em;font-size:8px;font-weight:900}.home-news-header h3{color:#edf2f2;letter-spacing:-.03em;margin:5px 0 0;font-size:21px}.home-news-header>small,.home-news-meta time{color:#73838a;letter-spacing:.12em;font-size:8px;font-weight:800}.home-news-lead{border-bottom:1px solid #e0e8e924;padding:21px 0 19px}.home-news-lead h4,.home-news-list h4{color:#edf2f2;margin:0}.home-news-lead h4{letter-spacing:-.035em;margin-top:10px;font-size:clamp(18px,1.6vw,26px);line-height:1.06}.home-news-lead p,.home-news-list p{color:#829198;line-height:1.55}.home-news-lead p{max-width:52ch;margin:10px 0 0;font-size:10px}.home-news-list{display:grid}.home-news-list article{border-bottom:1px solid #e0e8e91a;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:15px 0;display:grid}.home-news-list article:last-child{border-bottom:0}.home-news-list h4{font-size:11px}.home-news-list p{margin:4px 0 0;font-size:9px}body[data-route=practice] .view-root{width:min(1480px,100%);margin-inline:auto;overflow-y:auto}.practice-page{gap:18px;display:grid}.practice-hero{background:#080e13e0;border:1px solid #dde6e726;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.3fr);min-height:330px;display:grid;overflow:hidden;box-shadow:0 24px 62px #00000040}.practice-hero-copy{z-index:2;border-left:3px solid #e72a3f;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,58px);display:flex;position:relative}.practice-hero-copy h2{color:#eef3f3;letter-spacing:-.065em;margin:9px 0 13px;font-size:clamp(38px,4.4vw,68px);line-height:.9}.practice-hero-copy>p{color:#91a0a6;max-width:50ch;margin:0;font-size:11px;line-height:1.65}.practice-actions{align-items:center;gap:16px;margin-top:24px;display:flex}.practice-actions>span{color:#687a82;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.practice-field-plan{background:radial-gradient(circle at 50% 40%,#2b93c836,#0000 44%),linear-gradient(135deg,#17352f,#203b34 55%,#172c29);min-height:330px;position:relative;overflow:hidden}.practice-field-plan:before,.practice-field-plan:after{content:"";background:#c62a38;border:3px solid #ffffff1f;position:absolute;box-shadow:0 10px 24px #00000040}.practice-field-plan:before{border-radius:50% 50% 18% 18%;width:42px;height:92px;top:22%;left:20%;transform:rotate(-18deg)}.practice-field-plan:after{border-radius:16px;width:132px;height:30px;bottom:27%;right:16%;transform:rotate(10deg)}.practice-plan-grid{opacity:.2;transform-origin:bottom;background-image:linear-gradient(#dcf2e673 1px,#0000 1px),linear-gradient(90deg,#dcf2e673 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:perspective(520px)rotateX(54deg)scale(1.2)translateY(4%)}.practice-zone{z-index:2;color:#e6eeee;letter-spacing:.13em;background:#050c0fb8;border:1px solid #ffffff2e;padding:8px 10px;font-size:8px;font-weight:900;position:absolute;box-shadow:0 8px 20px #0000002e}.range-zone{top:15%;right:12%}.bunker-zone{top:48%;left:38%}.movement-zone{bottom:15%;left:10%}.open-zone{bottom:16%;right:12%}.practice-plan-label{z-index:3;flex-direction:column;gap:4px;display:flex;position:absolute;top:20px;left:20px}.practice-plan-label strong{color:#eef3f3;letter-spacing:.06em;font-size:11px}.practice-drills{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.practice-card{border-top:2px solid #2b93c8b8;grid-template-columns:30px minmax(0,1fr);gap:12px;min-height:144px;padding:20px;display:grid}.practice-card>span{color:#ef4052;font-size:9px;font-weight:900}.practice-card h3{color:#edf2f2;margin:0;font-size:14px}.practice-card p,.practice-note p{color:#829198;font-size:9px;line-height:1.55}.practice-card p{margin:8px 0 0}.practice-note{border-left:3px solid #e72a3f;grid-template-columns:minmax(240px,.7fr) minmax(320px,1.3fr);align-items:center;gap:22px;padding:18px 20px;display:grid}.practice-note>div{flex-direction:column;gap:5px;display:flex}.practice-note strong{color:#edf2f2;font-size:11px}.practice-note p{margin:0}@media (width<=1180px){.home-lobby{grid-template-rows:auto auto auto;grid-template-columns:minmax(285px,340px) minmax(0,1fr);height:auto;min-height:100%}.home-command{grid-area:1/1/3}.home-news{grid-area:1/2}.home-identity{grid-area:2/2}.home-session{grid-area:3/1/auto/3}.practice-drills{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.home-lobby{grid-template-columns:1fr;display:grid}.home-command,.home-news,.home-identity,.home-session{grid-area:auto/1}.home-session{grid-template-columns:minmax(190px,1fr) auto auto}.home-session>div,.home-session .home-enter{display:flex}.practice-hero{grid-template-columns:1fr}}@media (width<=680px){.home-lobby{padding:18px}.home-command,.home-news{padding:22px}.home-news-list article{grid-template-columns:58px minmax(0,1fr)}.home-session{display:block}.home-session>div{margin:14px 0}.home-session .home-enter{display:inline-flex}.practice-page{gap:12px}.practice-hero-copy{padding:28px 24px}.practice-field-plan{min-height:260px}.practice-drills,.practice-note{grid-template-columns:1fr}.practice-actions{flex-direction:column;align-items:flex-start}}.menu-backdrop:after{content:none}body[data-route=home] .menu-avatar-stage{z-index:1;opacity:.74;pointer-events:none;cursor:default;display:block;inset:72px 0 0;transform:none}body[data-route=home] .menu-avatar-stage:active{cursor:default}body[data-route=home] .avatar-platform,body[data-route=home] .model-stage-label{display:none}body[data-route=home] .view-root,body[data-route=home] .home-lobby{z-index:2;position:relative}body[data-route=home] .bunker{display:none}body[data-route=home] .field-grid{opacity:.22}.home-side-column{grid-area:1/3;align-self:start;gap:14px;min-width:0;display:grid}.home-side-column .home-identity{grid-area:auto;width:100%}.home-playtest{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e13cc;border:1px solid #e0e8e926;border-left:3px solid #e3b42e;overflow:hidden;box-shadow:0 22px 58px #0000003d}.home-playtest header{border-bottom:1px solid #e0e8e91f;gap:5px;padding:17px 19px 15px;display:grid}.home-playtest header span{color:#e3b42e;letter-spacing:.16em;font-size:8px;font-weight:900}.home-playtest header strong{color:#edf2f2;font-size:13px}.home-playtest dl{margin:0;padding:8px 19px}.home-playtest dl>div{border-bottom:1px solid #e0e8e917;justify-content:space-between;align-items:center;gap:14px;min-height:33px;display:flex}.home-playtest dl>div:last-child{border-bottom:0}.home-playtest dt,.home-playtest dd{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:8px;font-weight:800}.home-playtest dt{color:#708087}.home-playtest dd{color:#cfd8da;text-align:right}.home-playtest>a{color:#f2f5f5;letter-spacing:.13em;text-transform:uppercase;background:#e3b42e24;justify-content:space-between;align-items:center;min-height:42px;padding:0 19px;font-size:8px;font-weight:900;transition:background .16s,color .16s;display:flex}.home-playtest>a:hover,.home-playtest>a:focus-visible{color:#10181d;background:#e3b42e}@media (width<=1180px){.home-side-column{grid-area:2/2}}@media (width<=900px){body[data-route=home] .menu-avatar-stage{opacity:.38}.home-side-column{grid-area:auto/1}}@media (width<=680px){body[data-route=home] .menu-avatar-stage{display:none}}