:root{--bg:#090b0e;--bg-soft:#0d1115;--panel:#10151a;--panel-2:#151b21;--line:rgba(255,255,255,.09);--line-strong:rgba(145,202,75,.38);--text:#f2f5f7;--muted:#8d98a4;--muted-2:#66727d;--green:#91ca4b;--green-bright:#c0ec77;--orange:#e2a54e;--red:#ed7470;--blue:#77a8d8;--shadow:0 22px 60px rgba(0,0,0,.34);--ease:180ms cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% -12%,rgba(116,151,62,.15),transparent 34rem),linear-gradient(135deg,#090b0e 0%,#0b0f12 58%,#101711 100%);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,Segoe UI,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:8px;transition:background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease)}button:hover{border-color:var(--line-strong);background:rgba(145,202,75,.1);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);padding:10px 11px}textarea{resize:vertical}code,pre{font-family:"JetBrains Mono",Consolas,monospace}
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:22px 14px 16px;border-right:1px solid var(--line);background:rgba(10,13,16,.93);backdrop-filter:blur(18px);z-index:8}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 23px}.brand img{width:36px;height:36px;filter:drop-shadow(0 0 12px rgba(145,202,75,.25))}.brand b{display:block;letter-spacing:.17em;font-size:17px}.brand span{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em;margin-top:2px}.server-card{margin:0 2px 20px;padding:13px;background:linear-gradient(135deg,rgba(145,202,75,.12),rgba(255,255,255,.02));border:1px solid rgba(145,202,75,.23);border-radius:10px}.eyebrow{display:block;color:var(--green);font-size:10px;letter-spacing:.13em;font-weight:800}.server-card strong{display:block;margin:5px 0 3px;font-size:12px;letter-spacing:.04em}.server-card i,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);vertical-align:middle}.server-card small{display:block;color:var(--muted);font-size:10px}.nav-stack{display:grid;gap:3px}.nav{display:flex;align-items:center;gap:11px;width:100%;min-height:39px;padding:0 10px;text-align:left;border-color:transparent;background:transparent;color:#a7b1bc}.nav-icon{width:19px;text-align:center;color:#71808d;font-size:15px}.nav span:nth-child(2){flex:1}.nav em,.nav small{font-style:normal;font-size:10px;color:var(--muted-2)}.nav.active{color:var(--green-bright);background:rgba(145,202,75,.1);border-color:rgba(145,202,75,.22)}.nav.active .nav-icon{color:var(--green)}.sidebar-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;padding:14px 8px 0;margin-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.profile div,.profile-button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#14200b;font-weight:900;border:0}.profile small{font-size:10px}.workspace{min-width:0}.topbar{height:68px;display:flex;align-items:center;gap:16px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(9,11,14,.84);backdrop-filter:blur(18px);position:sticky;top:0;z-index:6}.topbar-spacer{flex:1}.crumb{display:flex;gap:10px;align-items:center;min-width:190px}.crumb span{color:var(--muted-2);font-size:11px;letter-spacing:.08em}.crumb b{color:#45505a}.crumb strong{font-size:13px}.top-server{color:var(--muted);font-size:11px;white-space:nowrap}.top-server .status-dot{margin-right:6px;width:6px;height:6px}.search-trigger{display:flex;align-items:center;gap:10px;width:min(340px,31vw);padding:9px 12px;text-align:left;color:var(--muted)}.search-trigger kbd{margin-left:auto}.icon-btn{display:grid;place-items:center;width:34px;height:34px;padding:0}.profile-button{flex:0 0 34px}.mobile-only{display:none}.content{width:min(1540px,100%);margin:auto;padding:32px 34px 68px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:278px;margin-bottom:30px;padding:26px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,rgba(25,39,28,.85),rgba(16,21,26,.78) 58%,rgba(20,31,24,.65));box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:370px;height:370px;right:14%;top:-190px;background:radial-gradient(circle,rgba(145,202,75,.12),transparent 66%);pointer-events:none}.hero-copy{position:relative;z-index:1}.hero h1{max-width:690px;margin:8px 0 12px;font-size:clamp(34px,4.4vw,60px);line-height:.98;letter-spacing:-.05em}.hero h1 span{color:var(--green-bright)}.hero p{max-width:650px;margin:0 0 20px;color:#aab4bd;font-size:15px}.quick-actions,.heading-actions,.row-actions,.modal-actions,.settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primary,.ghost,.danger-button{padding:10px 14px}.primary{background:var(--green);border-color:var(--green);color:#15210d;font-weight:800;box-shadow:0 7px 20px rgba(145,202,75,.14)}.primary:hover{background:var(--green-bright);border-color:var(--green-bright)}.primary.small{padding:7px 10px;font-size:12px}.full{width:100%}.danger-button{border-color:rgba(237,116,112,.46);background:rgba(237,116,112,.1);color:#ffaaa5;font-weight:700}.danger-button:hover{background:rgba(237,116,112,.18)}.danger-text{color:#f49a95;border-color:rgba(237,116,112,.24)}.text-button{padding:3px 0;border:0;background:transparent;color:var(--green-bright);font-size:12px}.text-button:hover{background:transparent;border-color:transparent;box-shadow:none}.hero-radar{width:220px;height:220px;flex:0 0 220px;border:1px solid rgba(145,202,75,.28);border-radius:50%;position:relative;background:radial-gradient(circle,rgba(145,202,75,.14),rgba(9,11,14,.2) 50%,rgba(145,202,75,.03));box-shadow:inset 0 0 40px rgba(145,202,75,.12),0 0 0 13px rgba(145,202,75,.025)}.radar-ring{position:absolute;inset:25px;border:1px dashed rgba(145,202,75,.35);border-radius:50%}.radar-ring:before{content:"";position:absolute;inset:37px;border:1px solid rgba(145,202,75,.22);border-radius:50%}.radar-ring:after{content:"";position:absolute;inset:49% 0 49%;background:rgba(145,202,75,.3)}.radar-core{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--green-bright);font:800 17px/1.1 Consolas,monospace;letter-spacing:.1em}.radar-core small{font-size:8px;color:var(--muted);letter-spacing:.22em;margin-top:6px}.radar-label{position:absolute;padding:3px 6px;border:1px solid rgba(145,202,75,.25);border-radius:4px;background:#111912;color:var(--muted);font:10px Consolas,monospace}.label-a{top:33px;right:-19px}.label-b{bottom:28px;left:-20px}.label-c{top:101px;right:-24px}.onboarding,.notice{display:flex;align-items:center;gap:13px;padding:13px 15px;margin:0 0 24px;border:1px solid rgba(145,202,75,.22);border-radius:10px;background:rgba(145,202,75,.07)}.onboarding>div{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.onboarding strong{color:var(--green-bright)}.onboarding span{color:var(--muted)}.onboarding .icon-btn{margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:29px 0 13px}.section-heading h1,.section-heading h2,.section-heading h3{margin:5px 0 0;letter-spacing:-.025em}.section-heading h1{font-size:34px}.section-heading h2{font-size:19px}.section-heading h3{font-size:14px}.section-heading p{margin:7px 0 0}.compact-heading{margin:0 0 13px;align-items:center}.muted{color:var(--muted);font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card,.panel,.category-card,.vehicle-card,.location-card,.event-card{border:1px solid var(--line);background:rgba(16,21,26,.88);border-radius:12px}.stat-card{padding:16px;min-height:116px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-22px;bottom:-34px;width:115px;height:115px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.018),0 0 0 36px rgba(255,255,255,.012)}.stat-card.accent{border-color:rgba(145,202,75,.31);background:linear-gradient(135deg,rgba(145,202,75,.12),rgba(16,21,26,.88))}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;margin:12px 0 2px;color:var(--green-bright);font-size:30px;letter-spacing:-.05em}.stat-card small{color:var(--muted-2);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.panel{padding:18px}.recent-panel,.favorite-panel{min-height:275px}.history-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-type{width:62px;color:var(--green);font:700 9px Consolas,monospace;letter-spacing:.08em}.history-row>div{flex:1;min-width:0}.history-row strong,.history-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row small{color:var(--muted);font-size:11px}.history-row time{color:var(--muted-2);font:11px Consolas,monospace}.favorite-list{display:grid;gap:4px}.favorite-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;text-align:left;border-color:transparent;background:transparent}.favorite-row span{flex:1}.favorite-row small{color:var(--green);font-size:10px}.category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.category-card{padding:13px;text-align:left;min-height:98px}.category-card:hover{border-color:var(--line-strong);box-shadow:0 8px 24px rgba(0,0,0,.2)}.category-icon{display:block;color:var(--green);font-size:18px;margin-bottom:11px}.category-card strong,.category-card small{display:block}.category-card strong{font-size:12px}.category-card small{margin-top:3px;color:var(--muted);font-size:10px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;align-items:start}.builder-catalog,.catalog-panel{padding:16px}.current-pack{position:sticky;top:84px;padding:17px}.builder-toolbar,.catalog-toolbar{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:9px;flex:1;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted)}.search-box:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(145,202,75,.07)}.search-box input{border:0;background:transparent;padding:10px 0;outline:0}.search-box kbd{margin-left:auto}.view-toggle{display:flex;gap:4px}.view-toggle button{width:34px;height:34px;color:var(--muted)}.view-toggle button.active{color:var(--green-bright);border-color:var(--line-strong);background:rgba(145,202,75,.1)}.filter-strip,.category-tabs{display:flex;gap:8px;align-items:center;margin:14px 0 10px}.filter-scroll,.category-tabs{overflow:auto;scrollbar-width:thin}.filter-scroll{display:flex;gap:6px;flex:1}.filter-chip{flex:0 0 auto;padding:7px 9px;color:var(--muted);font-size:11px;white-space:nowrap}.filter-chip small{margin-left:5px;color:var(--muted-2);font-size:9px}.filter-chip.active{color:var(--green-bright);border-color:rgba(145,202,75,.42);background:rgba(145,202,75,.09)}.filter-clear{padding:5px 7px;border:0;background:transparent;color:var(--muted);font-size:10px}.catalog-meta,.catalog-counter{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:10px 0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:9px;max-height:640px;overflow:auto;padding:2px}.catalog-grid.list-layout{grid-template-columns:1fr}.item-card{display:grid;grid-template-columns:1fr;gap:7px;position:relative;padding:10px;background:var(--panel-2);border:1px solid transparent;border-radius:10px;transition:transform var(--ease),border-color var(--ease),background var(--ease);min-width:0}.item-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:#19211c}.item-card .favorite-button{position:absolute;right:8px;top:8px;width:25px;height:25px;padding:0;border:0;background:rgba(0,0,0,.24);color:var(--muted);z-index:1}.item-card .favorite-button.is-favorite{color:var(--orange)}.item-thumb{display:grid;place-items:center;height:95px;border-radius:8px;background:linear-gradient(135deg,#0a0d10,#141b19);overflow:hidden;color:var(--green);font-size:28px}.item-thumb img{width:100%;height:100%;object-fit:contain}.thumb-fallback{color:#566b57;font-size:26px}.item-info h3{margin:0 24px 2px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info code{display:block;max-width:100%;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.item-info code span{color:var(--green);font-size:11px}.tag-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.tag{display:inline-block;padding:2px 5px;border:1px solid rgba(145,202,75,.24);border-radius:4px;color:var(--green-bright);font-size:9px;letter-spacing:.04em}.tag-muted{border-color:var(--line);color:var(--muted)}.tag-green{background:rgba(145,202,75,.1);border-color:rgba(145,202,75,.3);color:var(--green-bright)}.item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.add-button{padding:5px 7px;border-color:rgba(145,202,75,.25);color:var(--green-bright);font-size:10px}.list-card{display:grid;grid-template-columns:34px 54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px}.list-card .item-thumb{height:43px}.list-card .item-actions{margin:0}.list-card .favorite-button{position:static;grid-column:1;grid-row:1;width:25px}.list-card .item-thumb{grid-column:2;grid-row:1}.list-card .item-info{grid-column:3;grid-row:1}.list-card .item-actions{grid-column:4;grid-row:1}.current-pack .pack-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.current-pack h2{font-size:18px}.count-badge,.rarity-badge{padding:4px 7px;border-radius:5px;border:1px solid rgba(145,202,75,.26);color:var(--green-bright);font:10px Consolas,monospace}.rarity-badge{border-color:rgba(226,165,78,.32);color:var(--orange)}.rarity-none{color:var(--muted);border-color:var(--line)}.pack-options{display:grid;gap:8px;margin-bottom:14px}.pack-options label,.form-grid label,.command-builder label,.modal-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.pack-options select,.pack-options input{padding:8px}.pack-list{display:grid;gap:5px;max-height:330px;overflow:auto}.pack-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 25px;gap:7px;align-items:center;padding:7px 5px;border-bottom:1px solid var(--line)}.pack-row.dragging{opacity:.45}.item-thumb.tiny{width:32px;height:32px;font-size:15px}.pack-id{min-width:0}.pack-id strong,.pack-id code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-id strong{font-size:11px}.pack-id code{color:var(--muted);font-size:8px}.quantity{display:flex;align-items:center;gap:4px}.quantity button{width:24px;height:24px;padding:0}.quantity input{width:42px;padding:4px;text-align:center}.remove-button{width:24px;height:24px;padding:0;border:0;color:var(--muted);background:transparent}.remove-button:hover,.danger:hover{color:var(--red);border-color:rgba(237,116,112,.4);background:rgba(237,116,112,.08)}.pack-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.command-box{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#090d0b}.command-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.command-title h3{margin:4px 0 0;font-size:13px}.command-box pre{min-height:100px;max-height:225px;margin:0;padding:11px;white-space:pre-wrap;overflow:auto;border-radius:6px;background:#070908;color:#b9df8b;font:11px/1.6 Consolas,monospace}.command-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px}.command-foot .text-button{font-size:10px}.empty-state{display:grid;place-items:center;align-content:center;min-height:160px;padding:25px;text-align:center;color:var(--muted)}.empty-state.large-empty{min-height:350px}.empty-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border:1px dashed rgba(145,202,75,.4);border-radius:50%;color:var(--green);font-size:22px}.empty-state strong{color:var(--text);font-size:13px}.empty-state p{max-width:380px;margin:5px 0 14px;font-size:12px}.catalog-note{padding:12px;text-align:center;color:var(--muted);font-size:11px}.notice{margin-top:0}.notice-info{border-color:rgba(119,168,216,.25);background:rgba(119,168,216,.08)}.notice>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--blue);border-radius:50%;color:var(--blue)}.notice strong{font-size:12px}.notice p{margin:3px 0 0;color:var(--muted);font-size:11px}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.vehicle-card{display:grid;grid-template-columns:65px 1fr;gap:12px;align-items:center;padding:13px}.vehicle-thumb{height:65px}.vehicle-card h2{margin:3px 0;font-size:16px}.vehicle-card code{color:var(--muted);font-size:10px}.vehicle-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.vehicle-parts{margin-top:14px}.vehicle-group{border-top:1px solid var(--line)}.vehicle-group summary{display:flex;justify-content:space-between;padding:13px 2px;cursor:pointer}.vehicle-group summary small{color:var(--muted)}.vehicle-item-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px;padding:0 0 12px}.vehicle-item-list button{display:flex;align-items:center;gap:7px;padding:6px;text-align:left}.vehicle-item-list button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.vehicle-item-list button small{color:var(--green);font-size:9px}.location-editor,.event-editor{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:0}.form-hint{margin:11px 0 0;color:var(--muted-2);font-size:10px}.location-list,.event-list{display:grid;gap:9px}.location-card,.event-card{display:flex;align-items:center;gap:13px;padding:15px}.location-marker,.event-badge{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid rgba(145,202,75,.32);border-radius:10px;background:rgba(145,202,75,.1);color:var(--green);font-size:20px}.location-main,.event-main{flex:1;min-width:0}.location-title{display:flex;align-items:center;gap:8px}.location-title h3{margin:0;font-size:14px}.location-main code{display:block;margin-top:5px;color:var(--green-bright);font-size:11px}.location-main p,.event-main p{margin:5px 0;color:var(--muted);font-size:11px}.location-actions{display:flex;gap:5px;align-items:center}.location-actions .ghost{padding:7px 9px;font-size:10px}.commands-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}.command-builder{display:grid;gap:10px}.single-command{display:grid;gap:9px;margin-top:5px}.single-command pre{min-height:58px}.command-library{display:grid;gap:0}.library-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.library-row:last-child{border-bottom:0}.library-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(145,202,75,.1);color:var(--green);font-family:Consolas,monospace}.library-row strong,.library-row small{display:block}.library-row strong{font-size:12px}.library-row small{margin-top:2px;color:var(--muted);font-size:10px}.library-row.pending .library-icon{background:rgba(255,255,255,.04);color:var(--muted)}.custom-command-panel{margin-top:12px}.custom-command-row{display:grid;grid-template-columns:190px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.custom-command-row strong,.custom-command-row small{display:block}.custom-command-row small{color:var(--muted);font-size:10px}.custom-command-row code{color:var(--green-bright);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-main h2{margin:3px 0;font-size:18px}.event-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:10px}.event-main>small{display:block;margin-top:7px;color:var(--muted-2);font-size:10px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.settings-panel{padding:0}.settings-group{padding:20px;border-bottom:1px solid var(--line)}.settings-group h2{margin:4px 0 13px;font-size:16px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:12px}.setting-row small{margin-top:2px;color:var(--muted);font-size:10px}.setting-row select{width:180px}.switch{appearance:none;width:38px;height:21px;padding:0;border-radius:20px;background:#2a3239;position:relative;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#8f99a0;transition:var(--ease)}.switch:checked{background:var(--green)}.switch:checked:after{left:20px;background:#14200b}.danger-zone{display:flex;justify-content:space-between;align-items:end;gap:15px}.about-panel{height:max-content;padding:22px}.about-mark{display:grid;place-items:center;width:55px;height:55px;margin-bottom:18px;border:1px solid rgba(145,202,75,.4);border-radius:15px;background:rgba(145,202,75,.12);color:var(--green-bright);font-weight:900;letter-spacing:.12em}.about-panel h2{margin:6px 0;font-size:24px}.about-panel p{color:var(--muted);font-size:12px}.about-panel dl{margin:20px 0}.about-panel dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}.about-panel dt{color:var(--muted);font-size:11px}.about-panel dd{margin:0;color:var(--text);font-size:11px}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);z-index:30}.hidden{display:none}.palette{width:min(650px,92vw);padding:13px;border:1px solid rgba(145,202,75,.35);border-radius:13px;background:var(--panel);box-shadow:var(--shadow)}.palette-head{display:flex;justify-content:space-between;margin:0 4px 9px;color:var(--green);font:700 10px Consolas,monospace;letter-spacing:.1em}.palette input{padding:13px;background:#090d0b}.palette-result{display:flex;align-items:center;gap:12px;width:100%;padding:12px 8px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent}.palette-result>b{margin-left:auto;color:var(--green)}.palette-result strong,.palette-result small{display:block}.palette-result strong{font-size:12px}.palette-result small{color:var(--muted);font-size:10px}.palette-type{width:65px;color:var(--green);font:9px Consolas,monospace}.palette-empty{padding:18px;text-align:center;color:var(--muted);font-size:12px}.dialog{width:min(560px,94vw);max-height:88vh;overflow:auto;padding:18px;border:1px solid var(--line-strong);border-radius:13px;background:var(--panel);box-shadow:var(--shadow)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dialog-head h2{margin:0;font-size:18px}.modal-form{display:grid;gap:11px}.modal-form label{font-size:11px}.modal-actions{justify-content:flex-end;margin-top:14px}.details-modal{display:grid;grid-template-columns:150px 1fr;gap:16px}.detail-thumb{height:150px}.detail-lines{display:grid;align-content:center;gap:12px}.detail-lines span{display:block;color:var(--muted);font-size:10px}.detail-lines strong,.detail-lines code{display:block;margin-top:3px;font-size:12px}.details-modal .modal-actions{grid-column:1/-1}.profile-modal{text-align:center}.profile-modal .about-mark{margin:0 auto 12px}.changelog p{color:var(--muted);font-size:12px}.toast{position:fixed;right:22px;bottom:22px;z-index:40;max-width:350px;padding:11px 14px;border:1px solid rgba(145,202,75,.45);border-radius:8px;background:#172414;color:var(--green-bright);box-shadow:var(--shadow);transform:translateY(15px);opacity:0;pointer-events:none;transition:var(--ease)}.toast.show{transform:none;opacity:1}.toast[data-tone=warning]{border-color:rgba(226,165,78,.45);background:#2b2112;color:#f2c47c}.toast[data-tone=error]{border-color:rgba(237,116,112,.45);background:#2e1717;color:#ffaaa5}.mobile-nav{display:none}.compact .content{padding-top:20px}.compact .hero{min-height:210px}.compact .panel{padding:13px}.reduced-motion *, .reduced-motion *:before, .reduced-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(max-width:1180px){.category-grid{grid-template-columns:repeat(5,1fr)}.builder-layout{grid-template-columns:minmax(0,1fr) 350px}.stats-grid{grid-template-columns:repeat(2,1fr)}.top-server{display:none}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;transform:translateX(-100%);transition:transform var(--ease);box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-only{display:grid}.topbar{padding:0 17px}.content{padding:23px 20px 82px}.builder-layout,.commands-layout,.settings-layout,.dashboard-grid{grid-template-columns:1fr}.current-pack{position:static}.hero-radar{width:170px;height:170px;flex-basis:170px}.custom-command-row{grid-template-columns:1fr auto auto}.custom-command-row code{grid-column:1/-1;grid-row:2}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:20;bottom:0;left:0;right:0;padding:7px max(8px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(9,11,14,.96);backdrop-filter:blur(16px)}.mobile-nav button{display:grid;gap:2px;place-items:center;border:0;background:transparent;color:var(--muted);font-size:9px}.mobile-nav button span{font-size:16px;color:var(--green)}.mobile-nav button.active{color:var(--green-bright)}.topbar .search-trigger{width:36px;margin-left:auto}.topbar .search-trigger span,.topbar .search-trigger kbd{display:none}}@media(max-width:620px){.content{padding:17px 13px 78px}.crumb{min-width:0}.crumb span,.crumb b{display:none}.crumb strong{font-size:12px}.topbar{gap:8px;padding:0 12px}.profile-button{display:none}.hero{display:block;min-height:0;padding:21px 18px}.hero h1{font-size:37px}.hero p{font-size:13px}.quick-actions .ghost,.quick-actions .primary{flex:1;min-width:44%}.hero-radar{margin:25px auto 5px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:7px}.stat-card{min-height:104px;padding:12px}.stat-card strong{font-size:24px}.category-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.section-heading.page-heading{gap:8px}.heading-actions{width:100%;justify-content:space-between}.filter-strip{align-items:start}.filter-clear{padding:8px 3px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:none}.item-card{padding:8px}.item-thumb{height:80px}.item-actions .text-button{display:none}.list-card{grid-template-columns:34px 46px minmax(0,1fr) auto}.list-card .item-thumb{height:39px}.list-card .item-info{grid-column:3}.list-card .item-actions{grid-column:4}.pack-row{grid-template-columns:30px minmax(0,1fr) auto 22px}.pack-row .quantity{grid-column:2;justify-content:flex-start}.pack-row .remove-button{grid-column:4;grid-row:1}.form-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.location-card,.event-card{align-items:start;flex-wrap:wrap}.location-main,.event-main{min-width:calc(100% - 53px)}.location-actions,.row-actions{width:100%;justify-content:flex-end}.details-modal{grid-template-columns:1fr}.detail-thumb{height:180px}.details-modal .modal-actions{grid-column:auto}.danger-zone{display:block}.danger-zone .danger-button{margin-top:12px}.top-server{display:none}}
.preset-strip{display:flex;align-items:center;gap:7px;overflow:auto;margin:-12px 0 14px;padding:10px 0}.preset-strip>.eyebrow{flex:0 0 auto;margin-right:4px}.preset-chip{display:grid;gap:1px;min-width:135px;padding:7px 9px;text-align:left;white-space:nowrap}.preset-chip strong{font-size:10px}.preset-chip small{color:var(--muted);font-size:9px}.save-state{color:var(--muted);font-size:10px}
.hero-control{min-height:248px;align-items:stretch;padding:22px 26px;gap:26px;background:linear-gradient(118deg,rgba(29,45,31,.92),rgba(15,20,24,.97) 61%,rgba(13,17,20,.98));border-color:rgba(145,202,75,.26)}
.hero-control:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 67%,rgba(145,202,75,.045) 67% 67.2%,transparent 67.2% 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 42px);pointer-events:none}
.hero-control .hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:700px}
.hero-kicker{display:flex;align-items:center;gap:9px;color:var(--muted);font:10px Consolas,monospace;letter-spacing:.08em}
.hero-index{color:var(--green-bright);font-weight:800}
.hero-slash{color:var(--green)}
.hero-context{color:var(--muted-2)}
.hero-control h1{font-size:clamp(34px,4vw,54px);margin:15px 0 10px}
.hero-control p{max-width:610px;margin-bottom:18px;font-size:13px}
.hero-console{position:relative;z-index:1;width:350px;flex:0 0 350px;align-self:stretch;padding:15px;border:1px solid rgba(145,202,75,.28);border-radius:10px;background:rgba(7,12,10,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,0,0,.18)}
.console-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted-2);font:9px Consolas,monospace;letter-spacing:.12em}
.console-chip{padding:4px 6px;border:1px solid rgba(145,202,75,.25);border-radius:4px;color:var(--green-bright);letter-spacing:.04em}
.console-chip i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.console-title{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:14px 0 13px}
.console-title strong{font-size:18px;letter-spacing:.04em}
.console-title small{color:var(--muted-2);font:9px Consolas,monospace}
.console-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.console-cell{display:grid;grid-template-columns:22px 1fr;gap:2px 7px;padding:10px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.console-cell small{grid-row:span 2;color:var(--green);font:9px Consolas,monospace}
.console-cell span{color:var(--muted);font-size:9px;letter-spacing:.08em}
.console-cell strong{font:700 11px Consolas,monospace;color:var(--text)}
.console-foot{display:flex;justify-content:space-between;gap:8px;padding-top:12px;color:var(--muted-2);font:9px Consolas,monospace;letter-spacing:.08em}
.console-foot strong{color:var(--orange)}
.section-heading:not(.page-heading){padding-top:5px;border-top:1px solid rgba(255,255,255,.055)}
.stats-grid{gap:10px}
.stat-card{min-height:104px;padding:14px;border-radius:10px}
.stat-card:before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:var(--green);opacity:.7}
.stat-card strong{margin-top:9px}
.dashboard-grid{gap:10px}
.recent-panel,.favorite-panel{min-height:228px;padding:16px}
.recent-panel .empty-state,.favorite-panel .empty-state{min-height:145px;padding:14px}
.recent-panel .empty-mark,.favorite-panel .empty-mark{width:32px;height:32px;font-size:17px}
.category-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px}
.category-card{min-height:88px;padding:11px;border-radius:9px}
.category-icon{margin-bottom:8px;font-size:16px}
@media(max-width:900px){.hero-control{min-height:0}.hero-control .hero-copy{max-width:none}.hero-console{width:100%;flex-basis:auto}.section-heading:not(.page-heading){padding-top:4px}}
@media(max-width:620px){.hero-control{padding:18px 16px}.hero-kicker{flex-wrap:wrap}.hero-control h1{font-size:36px}.hero-console{margin-top:19px}.console-title strong{font-size:16px}.console-title small{font-size:8px}.console-cell{padding:9px 7px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-control .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,430px);gap:8px}
.hero-control .quick-actions button{width:100%;justify-content:center}
@media(max-width:420px){.hero-control .quick-actions{grid-template-columns:1fr}}

/* Final mobile, login and WhalleyBot layer */
.splash-screen,.login-screen{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 0,rgba(111,179,255,.18),transparent 28rem),linear-gradient(135deg,#050914,#08111e 56%,#0a1512);transition:opacity .28s ease,visibility .28s ease}.splash-screen.splash-out{opacity:0;visibility:hidden;pointer-events:none}.splash-card,.login-card{width:min(390px,94vw);padding:26px;border:1px solid rgba(111,179,255,.28);border-radius:18px;background:rgba(9,15,24,.9);box-shadow:0 28px 80px rgba(0,0,0,.45);text-align:center}.splash-card img,.login-card img{width:72px;height:72px;margin-bottom:13px;animation:gmr-logo-pulse 3.2s ease-in-out infinite}.splash-card span{display:block;color:var(--green-bright);font-size:10px;font-weight:900;letter-spacing:.16em}.splash-card strong,.login-card h1{display:block;margin:4px 0 6px;font-size:34px;letter-spacing:.04em}.splash-card small,.login-card p{color:#aebccd}.splash-card i{display:block;height:3px;margin-top:22px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--blue),var(--green),transparent);animation:splash-line 1.3s ease-in-out infinite}.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{text-align:left}.login-card img{display:block;margin-left:auto;margin-right:auto}.login-card h1{text-align:left}.login-card label{display:grid;gap:6px;margin-top:12px;color:#aebccd;font-size:12px}.login-card input{height:44px}.login-card button{margin-top:16px}.login-card>small{display:block;min-height:18px;margin-top:10px;color:#ffaaa5;text-align:center}@keyframes splash-line{0%,100%{transform:scaleX(.35);opacity:.45}50%{transform:scaleX(1);opacity:1}}
.whalley-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding:24px;border:1px solid rgba(111,179,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(12,27,45,.95),rgba(9,15,24,.9));position:relative;overflow:hidden}.whalley-hero:after{content:"WB";position:absolute;right:26px;top:8px;color:rgba(255,255,255,.045);font-size:88px;font-weight:900;pointer-events:none}.whalley-hero h1{margin:5px 0 6px;font-size:clamp(34px,3.8vw,58px);line-height:1}.whalley-hero p{max-width:720px;margin:0;color:#aebccd}.whalley-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;margin-bottom:14px}.status-list{display:grid;gap:8px}.status-list div,.endpoint-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(164,184,207,.1)}.status-list span,.endpoint-list span{color:#8fa0b5;font-size:12px}.status-list strong{color:#eaf4ff;font-size:12px}.whalley-task{display:grid;gap:10px}.whalley-task label{display:grid;gap:6px;color:#aebccd;font-size:12px}.whalley-task pre{min-height:74px;margin:0;padding:12px;border-radius:9px;background:#050b12;color:#d5f6ff;white-space:pre-wrap;font:11px/1.5 Consolas,monospace}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.utility-card{padding:14px;border:1px solid rgba(164,184,207,.11);border-radius:12px;background:rgba(255,255,255,.035)}.utility-card span{display:inline-block;margin-bottom:12px;padding:4px 7px;border:1px solid rgba(111,179,255,.24);border-radius:6px;color:#cfe7ff;font-size:10px}.utility-card strong{display:block;margin-bottom:6px}.utility-card p{margin:0;color:#9aa8ba;font-size:12px}.endpoint-list code{color:#d5f6ff;font-size:12px}
@media(max-width:900px){.topbar{height:58px}.content{padding:16px 12px 84px}.mobile-nav{grid-template-columns:repeat(5,1fr);box-shadow:0 -10px 30px rgba(0,0,0,.32)}.mobile-nav button{min-height:48px;border-radius:10px}.whalley-hero,.builder-hero{padding:18px}.whalley-grid{grid-template-columns:1fr}.whalley-hero{display:block}.whalley-hero button{width:100%;margin-top:14px}.hero-control{display:block;min-height:0;padding:18px}.hero-control .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{max-height:none}.current-pack-v2{margin-top:14px}.command-box-v2{position:sticky;bottom:68px;z-index:4}}
@media(max-width:520px){.topbar{gap:8px}.crumb strong{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:32px;height:32px}.hero-control h1,.builder-hero h1,.whalley-hero h1{font-size:34px}.hero-control p,.builder-hero p,.whalley-hero p{font-size:12px}.auto-copy h2{font-size:20px}.auto-main{padding:16px 14px 12px}.auto-preview-wall{grid-template-columns:repeat(4,1fr)}.auto-steps{padding:12px 14px}.filter-strip{display:block}.filter-scroll{padding-bottom:6px}.catalog-meta{gap:8px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-card{padding:7px;border-radius:9px}.item-info h3{font-size:10px}.item-info code{font-size:8px}.item-actions{display:grid;grid-template-columns:1fr}.add-button{min-height:32px}.pack-row{grid-template-columns:32px minmax(0,1fr) 74px 24px}.quantity input{width:34px}.login-card,.splash-card{padding:21px}}

/* GMRKit V2 polished interface */
:root{--bg:#070b12;--bg-soft:#0b1220;--panel:#0f1724;--panel-2:#121d2c;--line:rgba(164,184,207,.13);--line-strong:rgba(111,173,255,.46);--text:#f5f8fb;--muted:#9aa8ba;--muted-2:#68778b;--green:#9bce63;--green-bright:#c9f27b;--blue:#6fb3ff;--blue-soft:#18385f;--orange:#f2aa55;--shadow:0 24px 70px rgba(0,0,0,.42)}
body{background:radial-gradient(circle at 82% -8%,rgba(75,137,211,.24),transparent 31rem),radial-gradient(circle at 14% 18%,rgba(155,206,99,.12),transparent 28rem),linear-gradient(135deg,#070b12 0%,#0a101b 50%,#0b1414 100%);font-family:"Aptos Display","Segoe UI",ui-sans-serif,sans-serif}
.sidebar{background:linear-gradient(180deg,rgba(8,13,22,.96),rgba(6,10,16,.96));border-right-color:rgba(164,184,207,.12)}
.brand img{width:42px;height:42px;animation:gmr-logo-pulse 4.4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(242,170,85,.22))}
.brand b{letter-spacing:.13em}.server-card{background:linear-gradient(135deg,rgba(111,179,255,.13),rgba(155,206,99,.08));border-color:rgba(111,179,255,.28)}
.nav{border-radius:9px}.nav.active{background:linear-gradient(90deg,rgba(111,179,255,.16),rgba(155,206,99,.08));border-color:rgba(111,179,255,.28);color:#eaf4ff}.nav.active .nav-icon{color:var(--blue)}
.topbar{background:rgba(7,11,18,.86);border-bottom-color:rgba(164,184,207,.12)}
.content{width:min(1380px,100%);padding:26px 30px 58px}
.hero-control{display:flex;min-height:276px;margin-bottom:18px;padding:28px 30px;background:linear-gradient(120deg,rgba(11,20,34,.98),rgba(12,24,32,.94) 58%,rgba(15,25,18,.92));border-color:rgba(111,179,255,.25)}
.hero-control:before{background:linear-gradient(90deg,transparent 0 58%,rgba(111,179,255,.06) 58% 58.2%,transparent 58.2% 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 44px)}
.hero-control:after{content:"IvanGMR";right:34px;top:auto;bottom:20px;width:auto;height:auto;background:none;color:rgba(255,255,255,.055);font-size:72px;font-weight:900;letter-spacing:.05em;line-height:1;transform:skewX(-8deg)}
.hero-control h1{font-size:clamp(40px,4.5vw,68px);letter-spacing:-.04em}.hero-control h1 span{color:var(--blue)}
.hero-control p{font-size:14px;color:#b8c4d2}
.hero-console{display:block;width:370px;flex:0 0 370px;background:linear-gradient(180deg,rgba(8,15,25,.88),rgba(10,15,20,.84));border-color:rgba(111,179,255,.28)}
.console-title:before{content:"";width:54px;height:54px;flex:0 0 54px;background:url("./assets/app/gmrkit-icon.svg") center/contain no-repeat;filter:drop-shadow(0 0 15px rgba(242,170,85,.2));animation:gmr-logo-pulse 4.4s ease-in-out infinite}
.console-title strong{color:#fff}.console-chip{border-color:rgba(111,179,255,.32);color:#cfe7ff}.console-cell small,.console-cell strong{color:#dff5ff}.console-cell span{color:#8fa0b5}
.onboarding{display:flex}.dashboard-grid{display:grid}
.stats-grid{border-color:rgba(164,184,207,.12);background:rgba(9,15,24,.68)}
.stat-card.accent strong,.stat-card strong{color:#d8f7ff}
.category-card,.panel,.stat-card,.vehicle-card,.location-card,.event-card{background:rgba(13,21,32,.82);border-color:rgba(164,184,207,.12);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.category-card:hover,.item-card:hover{border-color:rgba(111,179,255,.42);background:#142235}
.builder-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding:22px 24px;border:1px solid rgba(111,179,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(13,24,39,.92),rgba(10,16,25,.82));position:relative;overflow:hidden}
.builder-hero:after{content:"IvanGMR";position:absolute;right:22px;top:7px;color:rgba(255,255,255,.045);font-size:54px;font-weight:900;letter-spacing:.04em;pointer-events:none}
.builder-hero h1{margin:5px 0 6px;font-size:clamp(32px,3.4vw,52px);line-height:1;letter-spacing:-.035em}.builder-hero p{max-width:680px;margin:0;color:#aebccd}
.builder-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;position:relative;z-index:1}
.auto-generator-v2{padding:0;overflow:hidden;border-color:rgba(111,179,255,.22);background:linear-gradient(135deg,rgba(14,27,44,.96),rgba(12,18,27,.96))}
.auto-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:18px;padding:22px 22px 16px;border-bottom:1px solid rgba(164,184,207,.1)}
.auto-copy h2{margin:5px 0 7px;font-size:24px;letter-spacing:-.02em}.auto-copy p{max-width:620px;margin:0;color:#aebccd}
.auto-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.auto-stats span,.auto-note span{padding:7px 9px;border:1px solid rgba(111,179,255,.24);border-radius:7px;background:rgba(111,179,255,.08);color:#cfe7ff;font-size:11px}.auto-stats b{color:#fff}
.auto-preview-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-content:center}.auto-preview-wall .item-thumb{width:100%;height:auto;aspect-ratio:1/1;border-color:rgba(111,179,255,.16);background:#09111d}.auto-preview-wall .item-thumb img{padding:5px}
.auto-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,.42fr);gap:10px;padding:16px 22px 18px;align-items:end}
.auto-steps label{display:grid;grid-template-columns:30px 1fr;gap:4px 9px;align-items:center;color:var(--muted);font-size:11px}.auto-steps label>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(111,179,255,.14);border:1px solid rgba(111,179,255,.28);color:#dff5ff;font-weight:900}.auto-steps small{color:#cfe7ff;font-weight:800}.auto-steps select{grid-column:2}.auto-cta{height:42px;font-size:13px}
.auto-note{display:flex;gap:7px;flex-wrap:wrap;padding:0 22px 18px}.auto-note span{background:rgba(155,206,99,.07);border-color:rgba(155,206,99,.23);color:#d8f8b2}
.preset-strip-v2{margin:10px 0 14px;padding:11px;border:1px solid rgba(164,184,207,.1);border-radius:12px;background:rgba(9,15,24,.62)}
.preset-chip{border-color:rgba(164,184,207,.1);background:rgba(255,255,255,.035)}.preset-chip:hover{border-color:rgba(111,179,255,.36)}
.builder-layout-v2{grid-template-columns:minmax(0,1fr) 430px;gap:16px}.builder-catalog{padding:18px}.builder-toolbar{display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:end}.builder-toolbar h2{margin:3px 0 0;font-size:20px}
.current-pack-v2{top:86px;padding:18px;border-color:rgba(111,179,255,.22);background:linear-gradient(180deg,rgba(14,24,38,.96),rgba(10,15,23,.96))}
.current-pack-v2 .pack-list{max-height:392px}.pack-row{border-color:rgba(164,184,207,.1);border-radius:8px}.pack-row:hover{background:rgba(111,179,255,.055)}
.command-box-v2{border-color:rgba(111,179,255,.22);background:#06101a}.command-box-v2 pre{background:#040910;color:#d5f6ff;min-height:118px}.copy-main{min-width:130px}
.item-card{background:rgba(14,23,35,.9);border-color:rgba(164,184,207,.08);box-shadow:0 8px 24px rgba(0,0,0,.15);contain:content}.item-thumb{background:linear-gradient(135deg,#07101a,#101b2b);border-color:rgba(164,184,207,.12)}.item-info h3{font-size:12px}.add-button{border-color:rgba(111,179,255,.24);color:#cfe7ff}
.thumb-fallback{display:grid;place-items:center;align-content:center;gap:3px;width:100%;height:100%;padding:8px;text-align:center;color:#cfe7ff;background:linear-gradient(135deg,rgba(111,179,255,.12),rgba(155,206,99,.06));font-size:12px}.thumb-fallback b{font-size:clamp(14px,2.1vw,26px);letter-spacing:.04em}.thumb-fallback small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa0b5;font-size:9px}.item-thumb.tiny .thumb-fallback{padding:2px}.item-thumb.tiny .thumb-fallback b{font-size:10px}.item-thumb.tiny .thumb-fallback small{display:none}
@keyframes gmr-logo-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 12px rgba(242,170,85,.18))}50%{transform:scale(1.035);filter:drop-shadow(0 0 26px rgba(242,170,85,.34))}}
@media(max-width:1120px){.hero-control{display:block}.hero-console{width:100%;margin-top:18px}.builder-layout-v2{grid-template-columns:1fr}.current-pack-v2{position:static}.auto-main{grid-template-columns:1fr}.auto-preview-wall{grid-template-columns:repeat(9,1fr)}}
@media(max-width:900px){.content{padding:22px 18px 82px}.builder-hero{display:block}.builder-hero-actions{margin-top:14px}.auto-steps{grid-template-columns:1fr 1fr}.auto-cta{grid-column:1/-1}.builder-toolbar{grid-template-columns:1fr;gap:10px}.builder-toolbar .view-toggle{justify-content:flex-end}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:620px){.content{padding:18px 13px 78px}.hero-control h1{font-size:42px}.hero-control:after,.builder-hero:after{display:none}.hero-console{display:none}.quick-actions .ghost,.quick-actions .primary{min-width:0}.auto-main,.auto-steps,.auto-note{padding-left:14px;padding-right:14px}.auto-preview-wall{grid-template-columns:repeat(6,1fr);gap:6px}.auto-steps{grid-template-columns:1fr}.preset-strip-v2{margin-top:8px}.builder-hero h1{font-size:36px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-thumb img{padding:6px}.copy-main{width:100%}.command-title{display:grid;gap:10px}}
html,body,.app-shell,.workspace,.content{max-width:100%;overflow-x:hidden}
.preset-strip-v2{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.builder-layout-v2,.builder-catalog,.current-pack-v2{min-width:0}
@media(max-width:620px){.preset-chip{min-width:118px}.builder-layout-v2{display:block}.builder-catalog,.current-pack-v2{width:100%}.auto-preview-wall .item-thumb:nth-child(n+13){display:none}}

.auto-generator{margin:0 0 12px;padding:14px 15px}
.auto-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:12px}
.auto-head h2{margin:3px 0 4px;font-size:16px}
.auto-head p{margin:0}
.auto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px;align-items:end}
.auto-grid label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.auto-grid select{padding:8px 9px}
.auto-grid .primary{height:39px;white-space:nowrap}
.auto-preview{display:flex;align-items:center;gap:5px;margin-top:11px;min-width:0;overflow:hidden;color:var(--muted);font-size:10px}
.auto-preview .item-thumb{flex:0 0 30px;width:30px;height:30px}
.auto-preview span{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.auto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-grid .primary{grid-column:1/-1}}
@media(max-width:620px){.auto-head{display:block}.auto-head .count-badge{display:inline-block;margin-top:8px}.auto-grid{grid-template-columns:1fr}.auto-preview .item-thumb:nth-of-type(n+9){display:none}}

/* Calm, square-card layout */
.content{width:min(1320px,100%);padding:24px 28px 54px}
.hero-control{min-height:184px;margin-bottom:18px;padding:22px 26px}
.hero-control .hero-copy{max-width:900px}
.hero-control h1{font-size:clamp(34px,3.6vw,48px)}
.hero-console,.onboarding,.dashboard-grid{display:none}
.hero-control .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,760px)}
.section-heading{margin:21px 0 10px}
.stats-grid{gap:0;border:1px solid var(--line);border-radius:10px;background:rgba(16,21,26,.72);overflow:hidden}
.stat-card{min-height:88px;padding:13px 15px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.stat-card:last-child{border-right:0}
.stat-card:after,.stat-card:before{display:none}
.stat-card strong{margin:6px 0 1px;font-size:25px}
.category-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:6px}
.category-card{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:62px;padding:9px 10px}
.category-icon{grid-row:1/3;margin:0;font-size:16px}
.category-card strong,.category-card small{grid-column:2}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
.item-card{gap:8px;padding:8px;border-color:rgba(255,255,255,.035)}
.item-thumb{width:100%;height:auto;aspect-ratio:1/1;border:1px solid rgba(255,255,255,.045)}
.item-thumb img{width:100%;height:100%;padding:8px;object-fit:contain}
.item-card .tag-row{display:none}
.list-card .item-thumb{width:43px;height:43px;aspect-ratio:1/1;justify-self:center}
.item-thumb.tiny{width:32px;height:32px;aspect-ratio:1/1}
.vehicle-thumb{width:65px;height:65px;aspect-ratio:1/1}
.preset-strip{padding:9px 11px;gap:7px}
.preset-chip{padding:7px 9px}
@media(max-width:900px){.hero-control .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.content{padding:18px 14px 74px}.hero-control{padding:18px 16px}.stats-grid{grid-template-columns:1fr}.stat-card,.stat-card:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.stat-card:last-child{border-bottom:0}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(max-width:420px){.hero-control .quick-actions{grid-template-columns:1fr}}

/* Mobile polish override - keep this last */
@media(max-width:700px){
  body{background:linear-gradient(180deg,#070c14 0%,#08131f 48%,#07120f 100%)}
  .topbar{height:56px;padding:0 12px;border-bottom-color:rgba(164,184,207,.1)}
  .topbar .icon-btn{border-radius:11px;background:rgba(255,255,255,.045)}
  .crumb{min-width:0;gap:6px}.crumb span,.crumb b{display:none}.crumb strong{font-size:13px}
  .content{width:100%;padding:14px 12px 86px}
  .hero-control,.builder-hero,.whalley-hero,.auto-generator-v2,.panel{border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
  .hero-control,.builder-hero,.whalley-hero{padding:17px;margin-bottom:12px}
  .hero-control h1,.builder-hero h1,.whalley-hero h1{font-size:32px;line-height:1.02;letter-spacing:-.025em}
  .hero-control p,.builder-hero p,.whalley-hero p{font-size:12px;line-height:1.55}
  .hero-control .quick-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .hero-control .quick-actions button,.builder-hero-actions button,.whalley-hero button{min-height:43px;width:100%}
  .stats-grid{grid-template-columns:1fr;border-radius:14px}.stat-card{padding:14px 15px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{min-height:70px;border-radius:12px}
  .auto-main{grid-template-columns:1fr;padding:16px 14px 12px}.auto-preview-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .auto-preview-wall .item-thumb:nth-child(n+13){display:none}
  .auto-steps{grid-template-columns:1fr;padding:12px 14px}.auto-steps label{grid-template-columns:28px 1fr}.auto-steps select{min-width:0}
  .auto-note{padding:0 14px 14px}
  .preset-strip-v2{margin:8px 0 12px;padding:9px;gap:7px}.preset-chip{min-width:126px;max-width:150px;overflow:hidden}.preset-chip strong,.preset-chip small{overflow:hidden;text-overflow:ellipsis}
  .builder-layout-v2{display:block}.builder-catalog,.current-pack-v2{width:100%;padding:14px}.current-pack-v2{margin-top:12px}
  .builder-toolbar,.catalog-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.builder-toolbar h2{font-size:18px}
  .search-box{height:42px;padding:0 10px}.search-box input{min-width:0;font-size:13px}.view-toggle{justify-content:flex-end}
  .filter-strip{display:block;margin:10px 0}.filter-scroll,.category-tabs{gap:6px;padding-bottom:6px}.filter-chip{padding:8px 9px;border-radius:9px}
  .catalog-meta{align-items:center;gap:8px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible;padding:0}
  .item-card{min-width:0;overflow:hidden;padding:7px;border-radius:12px;gap:7px}
  .item-card *{min-width:0}.item-info{min-width:0;overflow:hidden}.item-info h3{margin-right:26px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info code{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .item-actions{display:grid;grid-template-columns:1fr;gap:6px}.add-button{min-height:32px;border-radius:9px}.item-thumb img{padding:6px}
  .pack-row{grid-template-columns:32px minmax(0,1fr) 72px 24px;gap:6px}.quantity{justify-content:flex-end}.quantity input{width:34px}
  .command-box-v2{position:static}.command-title{display:grid;grid-template-columns:1fr;gap:10px}.copy-main{width:100%;min-height:42px}
  .whalley-grid{display:block}.whalley-task{margin-top:12px}.status-list div,.endpoint-list div{display:grid;grid-template-columns:1fr;gap:4px}.utility-grid{grid-template-columns:1fr}.utility-card{border-radius:12px}
  .login-card,.splash-card{width:min(350px,94vw);padding:20px}.login-card h1,.splash-card strong{font-size:30px}
  .mobile-nav{padding:7px 8px max(7px,env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(0,0,0,.36)}
  .mobile-nav button{min-height:48px;border-radius:12px;font-size:9px}.mobile-nav button span{font-size:15px}
}

/* GMRKit V2 Pro visual pass - keep last */
:root{
  --pro-bg:#050914;
  --pro-panel:#0b1422;
  --pro-panel-2:#0f1d31;
  --pro-line:rgba(154,184,222,.16);
  --pro-line-strong:rgba(126,178,255,.34);
  --pro-blue:#70b7ff;
  --pro-blue-soft:rgba(112,183,255,.12);
  --pro-green:#9edb72;
  --pro-gold:#f2aa55;
}

html.screen-locked,body.screen-locked{overflow:hidden}
body{
  background:
    radial-gradient(circle at 18% -10%,rgba(112,183,255,.18),transparent 30rem),
    radial-gradient(circle at 92% 8%,rgba(158,219,114,.11),transparent 28rem),
    linear-gradient(135deg,#050914 0%,#07101d 48%,#08131f 100%);
}
body:before{
  opacity:.05;
  background-image:
    linear-gradient(rgba(112,183,255,.42) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,183,255,.42) 1px,transparent 1px);
  background-size:52px 52px;
}
.sidebar{
  width:264px;
  padding:18px 12px 14px;
  background:linear-gradient(180deg,rgba(5,9,17,.97),rgba(8,14,24,.97));
  border-right-color:var(--pro-line);
}
.brand{
  min-height:58px;
  margin-bottom:10px;
  padding:10px;
  border:1px solid rgba(112,183,255,.14);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(112,183,255,.08),rgba(255,255,255,.025));
}
.brand img{width:42px;height:42px;filter:drop-shadow(0 0 18px rgba(112,183,255,.34))}
.brand b{font-size:16px;color:#f3f8ff}.brand span{color:#8ea2ba}
.server-card{
  border-radius:14px;
  border-color:rgba(158,219,114,.22);
  background:linear-gradient(135deg,rgba(158,219,114,.11),rgba(112,183,255,.055));
}
.nav-stack{gap:5px}
.nav{
  min-height:42px;
  border-radius:12px;
  color:#93a6bd;
}
.nav-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#7ca9d6;
  font-size:13px;
}
.nav.active{
  color:#eef7ff;
  border-color:rgba(112,183,255,.25);
  background:linear-gradient(90deg,rgba(112,183,255,.16),rgba(112,183,255,.045));
  box-shadow:inset 3px 0 0 var(--pro-blue);
}
.nav.active .nav-icon{background:rgba(112,183,255,.17);color:#d8eeff}
.topbar{
  height:64px;
  border-bottom-color:var(--pro-line);
  background:rgba(5,9,17,.82);
}
.content{width:min(1460px,100%);padding:24px 28px 76px}
.hero-control,.builder-hero,.whalley-hero{
  border-radius:18px;
  border-color:var(--pro-line-strong);
  background:
    linear-gradient(135deg,rgba(12,24,42,.96),rgba(7,13,23,.92)),
    linear-gradient(90deg,rgba(112,183,255,.16),transparent);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.hero-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:22px;
  min-height:260px;
}
.hero-control:after,.builder-hero:after{
  color:rgba(255,255,255,.07);
  text-shadow:0 0 30px rgba(112,183,255,.08);
}
.hero-kicker,.builder-hero .eyebrow,.whalley-hero .eyebrow{color:#b9dcff}
.hero-control h1,.builder-hero h1,.whalley-hero h1{
  color:#f6fbff;
  letter-spacing:-.035em;
}
.hero-control h1 span{color:#b9f58b}
.quick-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:860px;
}
.quick-actions button,.builder-hero-actions button{
  min-height:42px;
  justify-content:center;
}
.primary{
  background:linear-gradient(135deg,#8ed3ff,#9edb72);
  border-color:transparent;
  color:#06111d;
  box-shadow:0 14px 30px rgba(112,183,255,.16);
}
.ghost,.icon-btn,.search-trigger{
  border-color:rgba(154,184,222,.13);
  background:rgba(255,255,255,.035);
}
.ghost:hover,.icon-btn:hover,.search-trigger:hover{
  border-color:rgba(112,183,255,.34);
  background:rgba(112,183,255,.09);
}
.install-button{
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(112,183,255,.28);
  border-radius:12px;
  background:rgba(112,183,255,.1);
  color:#dff3ff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.install-button:hover{
  background:rgba(112,183,255,.18);
  border-color:rgba(112,183,255,.45);
}
.install-help{
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
}
.install-help img{
  width:82px;
  height:82px;
  border-radius:20px;
  box-shadow:0 18px 38px rgba(0,0,0,.32);
}
.install-help h3{margin:4px 0 0;font-size:22px}
.install-help p{margin:0;color:#aebccd;font-size:13px}
.hero-console{
  display:block;
  align-self:stretch;
  padding:16px;
  border:1px solid rgba(154,184,222,.15);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,16,29,.86),rgba(5,10,18,.68));
}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  border:0;
  background:transparent;
}
.stat-card{
  min-height:116px;
  padding:16px;
  border:1px solid var(--pro-line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(12,23,39,.92),rgba(8,14,24,.92));
}
.stat-card strong{color:#dff5ff}.stat-card.accent strong{color:#b9f58b}
.category-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.category-card{
  min-height:78px;
  border-radius:14px;
  border-color:var(--pro-line);
  background:linear-gradient(135deg,rgba(14,27,45,.86),rgba(8,14,24,.92));
}
.category-card:hover{border-color:var(--pro-line-strong);transform:translateY(-2px)}
.builder-hero{
  min-height:164px;
  align-items:center;
}
.players-hero{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:14px;
  padding:24px;
  border:1px solid var(--pro-line-strong);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(12,24,42,.96),rgba(7,13,23,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.players-hero h1{
  margin:5px 0 6px;
  color:#f6fbff;
  font-size:clamp(34px,3.8vw,56px);
  line-height:1;
  letter-spacing:-.035em;
}
.players-hero p{
  max-width:760px;
  margin:0;
  color:#aebccd;
}
.players-grid{
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:14px;
}
.player-live-card{
  display:grid;
  align-content:space-between;
  min-height:260px;
  border-color:rgba(112,183,255,.28);
  background:
    radial-gradient(circle at 80% 10%,rgba(158,219,114,.16),transparent 16rem),
    linear-gradient(180deg,rgba(10,24,41,.96),rgba(6,12,22,.96));
}
.player-live-top{
  display:flex;
  align-items:center;
  gap:9px;
  color:#aebccd;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.live-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#6f7f92;
  box-shadow:0 0 0 5px rgba(111,127,146,.12);
}
.live-dot.is-online{
  background:#9edb72;
  box-shadow:0 0 0 5px rgba(158,219,114,.13),0 0 22px rgba(158,219,114,.45);
}
.player-live-card strong{
  display:block;
  margin:24px 0 2px;
  color:#f6fbff;
  font-size:64px;
  line-height:.95;
  letter-spacing:-.06em;
}
.player-live-card small{
  color:#9fb0c7;
  font-size:13px;
}
.player-meter{
  height:9px;
  margin-top:22px;
  overflow:hidden;
  border:1px solid rgba(112,183,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.05);
}
.player-meter i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#70b7ff,#9edb72);
  transition:width .35s ease;
}
.player-details-card{
  border-color:var(--pro-line);
  background:rgba(9,17,30,.86);
}
.player-status-list div{
  min-height:48px;
}
.whalley-realtime{
  margin-bottom:14px;
  border-color:rgba(112,183,255,.24);
  background:linear-gradient(180deg,rgba(9,17,30,.9),rgba(6,12,22,.92));
}
.intent-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.intent-card{
  display:grid;
  gap:5px;
  min-height:118px;
  padding:13px;
  border:1px solid rgba(154,184,222,.12);
  border-radius:14px;
  background:rgba(255,255,255,.03);
}
.intent-card input{
  width:18px;
  height:18px;
  accent-color:#70b7ff;
}
.intent-card span{
  color:#f6fbff;
  font-weight:900;
}
.intent-card small{
  color:#9fb0c7;
  font-size:11px;
}
.intent-card code{
  align-self:end;
  color:#b9dcff;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.realtime-preview{
  min-height:116px;
  margin:13px 0 0;
  padding:13px;
  overflow:auto;
  border:1px solid rgba(112,183,255,.16);
  border-radius:13px;
  background:#040910;
  color:#d5f6ff;
  white-space:pre-wrap;
  font:11px/1.55 Consolas,monospace;
}
.builder-hero-actions{
  padding:10px;
  border:1px solid rgba(154,184,222,.13);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.auto-generator-v2{
  border-radius:18px;
  border-color:var(--pro-line-strong);
  background:linear-gradient(135deg,rgba(12,24,42,.96),rgba(8,15,26,.96));
}
.auto-copy h2{font-size:28px;color:#f6fbff}
.auto-preview-wall .item-thumb{
  border-radius:12px;
  border-color:rgba(112,183,255,.17);
  background:radial-gradient(circle at 50% 20%,rgba(112,183,255,.13),rgba(7,14,24,.98) 70%);
}
.auto-steps{
  border-top:1px solid rgba(154,184,222,.1);
  background:rgba(255,255,255,.018);
}
.auto-steps label>span{
  border-radius:11px;
  background:linear-gradient(135deg,rgba(112,183,255,.22),rgba(158,219,114,.12));
}
.preset-strip-v2{
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:16px;
  border-color:var(--pro-line);
  background:rgba(6,12,22,.72);
}
.preset-chip{
  min-width:156px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(15,29,49,.88),rgba(9,16,27,.88));
}
.builder-layout-v2{grid-template-columns:minmax(0,1fr) 450px}
.builder-catalog,.current-pack-v2,.catalog-panel{
  border-radius:18px;
  border-color:var(--pro-line);
  background:rgba(9,17,30,.86);
}
.builder-toolbar{
  grid-template-columns:minmax(150px,220px) minmax(260px,1fr) auto;
  gap:12px;
}
.search-box{
  min-height:44px;
  border-radius:13px;
  border-color:rgba(154,184,222,.16);
  background:rgba(3,8,15,.62);
}
.filter-chip{
  border-radius:999px;
  border-color:rgba(154,184,222,.12);
}
.filter-chip.active{
  color:#f4fbff;
  border-color:rgba(112,183,255,.42);
  background:rgba(112,183,255,.15);
}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}
.item-card{
  border-radius:15px;
  border-color:rgba(154,184,222,.1);
  background:linear-gradient(180deg,rgba(13,25,42,.94),rgba(8,15,26,.96));
  min-width:0;
  overflow:hidden;
}
.item-card:hover{
  border-color:rgba(112,183,255,.44);
  background:linear-gradient(180deg,rgba(17,34,57,.98),rgba(9,18,31,.98));
}
.item-thumb{
  border-radius:13px;
  background:radial-gradient(circle at 50% 25%,rgba(112,183,255,.16),#07111d 72%);
}
.item-thumb img{padding:7px}
.item-card *,.pack-row *,.category-card *{min-width:0}
.item-info,.pack-id{overflow:hidden}
.item-info h3,.item-info code,.pack-id strong,.pack-id code{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.favorite-button{backdrop-filter:blur(8px)}
.add-button{
  min-height:31px;
  border-radius:10px;
  font-weight:800;
}
.current-pack-v2{
  padding:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.24);
}
.pack-options{
  grid-template-columns:1fr;
  padding:12px;
  border:1px solid rgba(154,184,222,.1);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.pack-list{
  padding-right:3px;
  scrollbar-color:rgba(112,183,255,.34) transparent;
}
.pack-row{
  min-height:48px;
  padding:8px;
  border:1px solid rgba(154,184,222,.08);
  background:rgba(255,255,255,.018);
}
.command-box-v2{
  border-radius:16px;
  border-color:rgba(112,183,255,.28);
  background:linear-gradient(180deg,#071322,#040912);
}
.command-box-v2 pre{
  border:1px solid rgba(112,183,255,.12);
  border-radius:12px;
}
.copy-main{
  min-height:42px;
  border-radius:12px;
}
.mobile-nav{
  border-top-color:rgba(154,184,222,.16);
  background:rgba(5,9,17,.92);
}
.mobile-nav button{
  border-radius:14px;
}
.mobile-nav button.active{
  color:#f5fbff;
  background:rgba(112,183,255,.13);
}
.splash-card,.login-card{
  border-radius:22px;
  border-color:rgba(112,183,255,.32);
  background:linear-gradient(180deg,rgba(9,17,30,.94),rgba(5,10,18,.94));
}
.login-card:after{
  content:"IvanGMR";
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.22);
  text-align:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}
@media(max-width:1180px){
  .hero-control{grid-template-columns:1fr}
  .builder-layout-v2{grid-template-columns:1fr}
  .current-pack-v2{position:static}
}
@media(max-width:900px){
  .sidebar{width:min(286px,86vw)}
  .content{padding:18px 14px 86px}
  .topbar{height:58px;padding:0 12px}
  .install-button{display:none}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-console{display:none}
  .builder-hero,.whalley-hero{display:block}
  .players-hero{display:block}
  .players-hero button{width:100%;margin-top:14px}
  .players-grid{grid-template-columns:1fr}
  .intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .builder-hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .builder-toolbar{grid-template-columns:1fr}
  .catalog-grid{max-height:none;overflow:visible}
  .command-box-v2{position:static}
}
@media(max-width:620px){
  .content{padding:16px 11px 84px}
  .hero-control,.builder-hero,.whalley-hero{padding:18px 16px;border-radius:16px}
  .players-hero{padding:18px 16px;border-radius:16px}
  .hero-control h1,.builder-hero h1,.whalley-hero h1{font-size:34px;line-height:1.02}
  .players-hero h1{font-size:34px;line-height:1.02}
  .hero-control p,.builder-hero p,.whalley-hero p{font-size:12px}
  .players-hero p{font-size:12px}
  .player-live-card{min-height:220px}
  .player-live-card strong{font-size:52px}
  .intent-grid{grid-template-columns:1fr}
  .whalley-realtime .row-actions{width:100%}
  .whalley-realtime .row-actions button{flex:1}
  .quick-actions{grid-template-columns:1fr}
  .quick-actions button{width:100%;min-height:44px}
  .stats-grid{grid-template-columns:1fr;gap:8px}
  .stat-card{min-height:86px;border-radius:14px}
  .auto-main{padding:16px 14px 12px}
  .auto-copy h2{font-size:22px}
  .auto-preview-wall{grid-template-columns:repeat(4,1fr)}
  .auto-preview-wall .item-thumb:nth-child(n+13){display:none}
  .auto-steps{grid-template-columns:1fr;padding:12px 14px}
  .auto-note{padding:0 14px 14px}
  .preset-strip-v2{padding:9px;overflow-x:auto}
  .preset-chip{min-width:140px}
  .builder-catalog,.current-pack-v2,.catalog-panel{padding:13px;border-radius:16px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .item-card{padding:7px;border-radius:13px}
  .item-info h3{font-size:10.5px}
  .item-actions{display:grid;grid-template-columns:1fr}
  .item-actions .text-button{display:none}
  .add-button{width:100%;min-height:34px}
  .pack-row{grid-template-columns:32px minmax(0,1fr) 76px 24px}
  .quantity input{width:34px}
  .command-title{grid-template-columns:1fr;gap:10px}
  .copy-main{width:100%}
  .mobile-nav{padding:7px 8px max(8px,env(safe-area-inset-bottom))}
  .mobile-nav button{min-height:50px;font-size:9px}
}

/* Contextual loadout assistant for the Pack Builder. */
.recommendation-panel{
  margin:14px 0;
  overflow:hidden;
  border:1px solid rgba(112,183,255,.26);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 14%,rgba(158,219,114,.12),transparent 18rem),
    linear-gradient(135deg,rgba(11,25,43,.96),rgba(7,14,25,.95));
  box-shadow:0 22px 55px rgba(0,0,0,.2);
}
.recommendation-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid rgba(154,184,222,.11);
}
.recommendation-head h2{margin:4px 0 5px;font-size:20px;color:#f6fbff}
.recommendation-head p{margin:0;color:#9fb0c7;font-size:12px}
.selected-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-width:250px;
  padding:7px 9px;
  border:1px solid rgba(158,219,114,.2);
  border-radius:13px;
  background:rgba(158,219,114,.055);
}
.selected-item .item-thumb{width:48px;height:48px;border-radius:10px}
.selected-item small,.recommendation-kicker{display:block;color:#b9dcff;font-size:9px;font-weight:900;letter-spacing:.1em}
.selected-item strong,.selected-item code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selected-item strong{margin:2px 0;color:#f5f9fd;font-size:12px}
.selected-item code{color:#8fa0b5;font-size:9px}
.recommendation-content{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr)}
.recommendation-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px;border-right:1px solid rgba(154,184,222,.11)}
.recommendation-copy h3{margin:6px 0;color:#f6fbff;font-size:19px}
.recommendation-copy p{margin:0 0 16px;color:#aebccd;font-size:12px;line-height:1.5}
.recommendation-add-all{min-height:38px;border-radius:11px;font-size:12px}
.recommendation-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px}
.recommendation-item{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;min-height:56px;padding:6px;text-align:left;border:1px solid rgba(154,184,222,.11);border-radius:12px;background:rgba(255,255,255,.028)}
.recommendation-item:hover{border-color:rgba(112,183,255,.45);background:rgba(112,183,255,.08)}
.recommendation-item .item-thumb{width:34px;height:34px;border-radius:8px}
.recommendation-item span{overflow:hidden;color:#eaf4ff;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.recommendation-item small{grid-column:2;color:#9edb72;font-size:9px}
.item-card.is-selected{border-color:rgba(158,219,114,.58);box-shadow:inset 0 0 0 1px rgba(158,219,114,.13),0 12px 28px rgba(0,0,0,.18)}
.item-card.is-selected:before{content:"EN EQUIPO";position:absolute;left:9px;top:9px;z-index:2;padding:3px 5px;border:1px solid rgba(158,219,114,.28);border-radius:5px;background:rgba(7,18,25,.82);color:#b9f58b;font-size:8px;font-weight:900;letter-spacing:.08em}
.hide-item-button{color:#9fb0c7}
.hide-item-button:hover{color:#ffb7ad}
.preference-settings{display:grid;gap:14px}
.preference-settings h2{margin:4px 0 7px;font-size:16px}
.preference-settings .muted{max-width:720px;line-height:1.5}
.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.preference-grid section{min-width:0;padding:12px;border:1px solid rgba(154,184,222,.1);border-radius:13px;background:rgba(255,255,255,.025)}
.preference-title{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid rgba(154,184,222,.1)}
.preference-title strong{color:#eaf4ff;font-size:12px}
.preference-title small{color:#9fb0c7;font-size:10px}
.preference-list{display:grid;gap:5px;margin-top:7px}
.preference-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:37px;padding:4px 0;border-bottom:1px solid rgba(154,184,222,.07)}
.preference-row:last-child{border-bottom:0}
.preference-row .item-thumb{width:30px;height:30px;border-radius:8px}
.preference-row span{overflow:hidden;color:#dce7f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.preference-row .ghost{padding:5px 7px;font-size:9px}
@media(max-width:900px){
  .recommendation-content{grid-template-columns:1fr}
  .recommendation-copy{border-right:0;border-bottom:1px solid rgba(154,184,222,.11)}
  .recommendation-items{grid-template-columns:repeat(4,minmax(0,1fr))}
  .preference-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .recommendation-panel{border-radius:16px}
  .recommendation-head{display:grid;gap:12px;padding:16px}
  .selected-item{min-width:0;width:100%}
  .recommendation-copy{padding:16px}
  .recommendation-add-all{width:100%}
  .recommendation-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
  .recommendation-item{grid-template-columns:31px minmax(0,1fr)}
  .recommendation-item .item-thumb{width:31px;height:31px}
  .item-actions [data-select]{display:block;padding:5px 0;color:#b9dcff;font-size:9px}
  .item-actions .hide-item-button{display:block;padding:5px 0;font-size:9px}
}

/* Pack Builder: command-first hierarchy and measured interface motion. */
.builder-hero,.auto-generator-v2,.preset-strip-v2,.recommendation-panel,.builder-catalog,.current-pack-v2,.builder-layout-v2{
  will-change:auto;
}
.command-box-priority{
  position:relative;
  margin:0 0 13px;
  overflow:hidden;
  border-color:rgba(112,183,255,.42);
  background:linear-gradient(145deg,rgba(12,38,64,.98),rgba(4,12,22,.98));
  box-shadow:0 18px 42px rgba(2,11,22,.36),inset 0 1px rgba(218,240,255,.09);
}
.command-box-priority:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#a4ddff,#9bce63);
  box-shadow:0 0 20px rgba(112,183,255,.8);
}
.command-box-priority .command-title{position:relative;padding-left:4px}
.command-box-priority .command-foot{padding-left:4px}
.command-box-priority .copy-main{
  background:linear-gradient(135deg,#94caff,#a8d96c);
  border-color:#b9e1ff;
  color:#06101b;
  box-shadow:0 9px 22px rgba(112,183,255,.22);
}
.command-box-priority .copy-main:hover{box-shadow:0 13px 28px rgba(112,183,255,.34)}
.pack-assembly{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:11px;
  border:1px solid rgba(154,184,222,.11);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(112,183,255,.08),rgba(155,206,99,.04));
}
.pack-assembly-copy{display:grid;gap:2px;min-width:0}
.pack-assembly-copy strong{color:#edf7ff;font-size:12px}
.pack-assembly-copy small{color:#9aaec3;font-size:10px}
.pack-preview-items{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.pack-preview-items .item-thumb{
  width:34px;
  height:34px;
  margin-left:-8px;
  border:1px solid rgba(156,208,255,.26);
  border-radius:10px;
  background:#07111e;
  box-shadow:0 5px 12px rgba(0,0,0,.22);
}
.pack-preview-more{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-left:-8px;
  border:1px solid rgba(155,206,99,.34);
  border-radius:10px;
  background:#102016;
  color:#d8f7ab;
  font:800 10px Consolas,monospace;
}
.current-pack-v2 .pack-list{border-top:1px solid rgba(154,184,222,.09);padding-top:5px}
.item-card.is-selected{
  animation:selected-item-confirm .28s cubic-bezier(.2,.82,.2,1) both;
}
.item-card.is-selected .item-thumb{
  animation:selected-thumb-confirm .34s cubic-bezier(.2,.82,.2,1) both;
}
.copy-main:active{animation:copy-confirm .24s ease-out both}
@keyframes selected-item-confirm{0%{transform:scale(.985);filter:brightness(.9)}70%{transform:scale(1.008);filter:brightness(1.1)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes selected-thumb-confirm{0%{transform:scale(.9)}65%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes copy-confirm{50%{transform:translateY(1px) scale(.97)}100%{transform:translateY(0) scale(1)}}
@media(max-width:620px){
  .pack-assembly{grid-template-columns:1fr;gap:9px}
  .pack-preview-items{justify-content:flex-start;padding-left:7px}
  .command-box-priority{margin-bottom:11px}
}
@media(prefers-reduced-motion:reduce){
  .item-card.is-selected,.item-card.is-selected .item-thumb,.copy-main:active{animation:none!important}
}

/* V3 interface system: persistent workspace, motion tokens and operational FX. */
:root{
  --motion-fast:140ms;
  --motion-base:200ms;
  --motion-slow:320ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.2,.9,.25,1.15);
  --surface-1:rgba(8,16,28,.88);
  --surface-2:rgba(12,25,42,.9);
  --surface-active:rgba(112,183,255,.12);
  --fx-blue:rgba(112,183,255,.48);
  --fx-green:rgba(155,206,99,.42);
  --focus-ring:0 0 0 3px rgba(112,183,255,.18),0 0 0 1px rgba(112,183,255,.48);
}
button,.filter-chip,.item-card,.panel,.workspace-controlbar,.workspace-menu,.modal,.toast{
  transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-base) ease,background var(--motion-base) ease,box-shadow var(--motion-base) ease,opacity var(--motion-fast) ease;
}
button:active{transform:translateY(1px) scale(.985)}
.panel,.item-card,.workspace-controlbar{backface-visibility:hidden}
.workspace-controlbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  position:relative;
  overflow:visible;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid rgba(112,183,255,.2);
  border-radius:16px;
  background:linear-gradient(105deg,rgba(10,24,42,.9),rgba(7,14,25,.78));
  box-shadow:inset 0 1px rgba(218,240,255,.06),0 14px 34px rgba(0,0,0,.16);
}
.workspace-controlbar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:repeating-linear-gradient(90deg,transparent 0 19px,rgba(158,218,255,.08) 20px,transparent 21px);
  mask-image:linear-gradient(90deg,black,transparent 78%);
}
.workspace-controlbar>div{position:relative;z-index:1}
.workspace-controlbar strong,.workspace-controlbar small{display:block}
.workspace-controlbar strong{margin-top:2px;color:#f1f8ff;font-size:13px}
.workspace-controlbar small{margin-top:2px;color:#91a5bb;font-size:10px}
.workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.workspace-actions .ghost,.workspace-menu summary{min-height:34px;padding:7px 9px;border-radius:10px;color:#cfe5fb;font-size:10px}
.workspace-menu{position:relative}
.workspace-menu summary{list-style:none;cursor:pointer;border:1px solid rgba(154,184,222,.14);background:rgba(255,255,255,.03)}
.workspace-menu summary::-webkit-details-marker{display:none}
.workspace-menu[open] summary{border-color:var(--fx-blue);background:var(--surface-active)}
.workspace-menu>div{
  display:grid;
  gap:3px;
  position:absolute;
  z-index:20;
  right:0;
  top:calc(100% + 7px);
  width:262px;
  padding:8px;
  border:1px solid rgba(112,183,255,.28);
  border-radius:13px;
  background:rgba(5,12,22,.97);
  box-shadow:0 20px 48px rgba(0,0,0,.4);
  animation:workspace-menu-in var(--motion-base) var(--ease-out) both;
}
.workspace-menu-row{display:grid;grid-template-columns:minmax(0,1fr) 22px 22px auto auto auto;align-items:center;gap:4px;padding:5px 4px;border-radius:8px}
.workspace-menu-row:hover{background:rgba(112,183,255,.08)}
.workspace-menu-row span{overflow:hidden;color:#dceaff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.workspace-menu-row .text-button{min-height:25px;padding:3px 5px;border-radius:7px;color:#bbd9f6;font-size:10px}
.workspace-grip{
  display:grid;
  place-items:center;
  position:absolute;
  z-index:4;
  top:9px;
  right:10px;
  width:27px;
  height:27px;
  padding:0;
  border-color:transparent;
  border-radius:8px;
  background:transparent;
  color:#7f9ab5;
  cursor:grab;
  font-size:15px;
  line-height:1;
}
.workspace-grip:hover{border-color:rgba(112,183,255,.26);background:rgba(112,183,255,.1);color:#d9efff}
.workspace-grip:active{cursor:grabbing}
[data-workspace-panel]{position:relative}
.workspace-module-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:42px;
  padding:7px 9px 7px 12px;
  border-bottom:1px solid rgba(154,184,222,.1);
  background:linear-gradient(90deg,rgba(112,183,255,.08),rgba(255,255,255,.012));
}
.workspace-module-bar>span{display:grid;min-width:0;gap:1px}
.workspace-module-bar b{overflow:hidden;color:#dfedfb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.workspace-module-bar small{color:#8197ae;font-size:9px}
.workspace-module-bar>div{display:flex;align-items:center;gap:4px}
.workspace-module-bar .icon-btn,.workspace-module-bar .workspace-grip{position:static;flex:0 0 26px;width:26px;height:26px;border-radius:8px;font-size:12px}
.workspace-module-bar .workspace-grip{display:grid;margin:0;color:#8ca8c4;background:transparent}
.workspace-module-bar .workspace-grip:hover{color:#e5f3ff}
.workspace-collapsed{min-height:0!important;overflow:hidden}
.workspace-collapsed>:not(.workspace-module-bar){display:none!important}
.workspace-large .catalog-grid{max-height:820px}
.workspace-large .pack-list{max-height:540px}
.workspace-large.auto-generator-v2 .auto-preview-wall{grid-template-columns:repeat(8,1fr)}
.workspace-large.recommendation-panel .recommendation-items{grid-template-columns:repeat(4,minmax(0,1fr))}
.workspace-large.preset-strip-v2{min-height:84px;align-content:center}
.dashboard-module{position:relative;margin:0 0 15px}
.dashboard-module>.workspace-module-bar{margin-bottom:8px;border:1px solid rgba(154,184,222,.11);border-radius:13px;background:linear-gradient(90deg,rgba(9,24,42,.88),rgba(9,16,27,.74))}
.dashboard-module>.hero-control{margin-bottom:0}
.dashboard-module>.onboarding{margin-top:10px;margin-bottom:0}
.dashboard-module>.section-heading{margin-top:0}
.dashboard-module.workspace-large .hero-control{min-height:330px}
.dashboard-module.workspace-large .category-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}
.dashboard-module.workspace-large .dashboard-grid{grid-template-columns:1fr 1fr}
.dashboard-module.workspace-large .stat-card{min-height:132px}
.workspace-hidden{display:none!important}
.workspace-dragging{opacity:.46;transform:scale(.985);filter:saturate(.65)}
.workspace-drop-target{outline:2px dashed rgba(112,183,255,.78);outline-offset:4px;box-shadow:0 0 0 5px rgba(112,183,255,.08),0 22px 52px rgba(0,0,0,.28)}
.workspace-inspector-left .builder-layout-v2{grid-template-columns:450px minmax(0,1fr)}
.workspace-inspector-left .current-pack-v2{grid-column:1;grid-row:1}
.workspace-inspector-left .builder-catalog{grid-column:2;grid-row:1}
.workspace-catalog-wide .builder-layout-v2{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}
.workspace-inspector-left.workspace-catalog-wide .builder-layout-v2{grid-template-columns:minmax(340px,.65fr) minmax(0,1.35fr)}
.modal:not(.hidden){animation:modal-enter var(--motion-slow) var(--ease-out) both}
.dialog,.palette{animation:dialog-enter var(--motion-slow) var(--ease-spring) both}
.toast.show{animation:toast-enter var(--motion-base) var(--ease-spring) both}
.toast[data-tone=error]{animation:toast-error var(--motion-slow) ease both}
.toast[data-tone=success]{box-shadow:0 14px 36px rgba(0,0,0,.35),0 0 0 1px rgba(155,206,99,.12),0 0 28px rgba(155,206,99,.09)}
.item-card:focus-within,.workspace-controlbar:focus-within{box-shadow:var(--focus-ring)}
.item-card.is-selected{border-color:rgba(155,206,99,.65);box-shadow:0 0 0 1px rgba(155,206,99,.14),0 12px 30px rgba(0,0,0,.2),0 0 22px rgba(155,206,99,.07)}
@keyframes workspace-menu-in{from{opacity:0;transform:translateY(-5px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes modal-enter{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes toast-enter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-error{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:1180px){
  .workspace-inspector-left .builder-layout-v2,.workspace-catalog-wide .builder-layout-v2,.workspace-inspector-left.workspace-catalog-wide .builder-layout-v2{grid-template-columns:1fr}
  .workspace-inspector-left .current-pack-v2,.workspace-inspector-left .builder-catalog{grid-column:auto;grid-row:auto}
}
@media(max-width:700px){
  .workspace-controlbar{align-items:flex-start;flex-direction:column;padding:13px}
  .workspace-actions{width:100%;justify-content:flex-start}
  .workspace-actions .ghost{flex:1}
  .workspace-menu{flex:1}.workspace-menu summary{text-align:center}
  .workspace-menu>div{left:0;right:auto;width:min(292px,calc(100vw - 24px))}
  .workspace-grip{display:none}
  .workspace-module-bar{min-height:44px;padding:8px 10px 8px 12px}
  .workspace-module-bar .workspace-grip{display:none}
  .workspace-module-bar .icon-btn{width:30px;height:30px;flex-basis:30px}
  .workspace-large .catalog-grid{max-height:none}
  .dashboard-module.workspace-large .dashboard-grid{grid-template-columns:1fr}
  .dashboard-module.workspace-large .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .workspace-menu>div,.modal:not(.hidden),.dialog,.palette,.toast.show,.toast[data-tone=error]{animation:none!important}
}

/* GMR OS 2.8 - official game-tool presentation layer. */
:root{
  --os-bg:#050911;
  --os-deep:#03070d;
  --os-panel:rgba(8,17,29,.94);
  --os-panel-raised:rgba(12,24,40,.96);
  --os-line:rgba(139,181,222,.15);
  --os-line-hot:rgba(112,189,255,.52);
  --os-cyan:#74c6ff;
  --os-cyan-soft:#b8e2ff;
  --os-lime:#a7db70;
  --os-amber:#f1b45f;
  --os-radius:8px;
  --os-shadow:0 18px 46px rgba(0,0,0,.34);
}
html{background:var(--os-bg)}
body{
  background:
    linear-gradient(180deg,rgba(4,9,17,.5),rgba(5,11,20,.94)),
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(117,178,229,.025) 80px),
    linear-gradient(135deg,#050911 0%,#07111e 55%,#07120f 100%);
  font-family:"Segoe UI Variable","Bahnschrift","Segoe UI",sans-serif;
}
body:before{
  opacity:.025;
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
body:after{
  content:"";
  position:fixed;
  z-index:90;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(125,196,255,.018) 4px);
  mix-blend-mode:screen;
}
.app-shell{grid-template-columns:248px minmax(0,1fr)}
.sidebar{
  padding:18px 12px 14px;
  border-right-color:rgba(116,198,255,.13);
  background:linear-gradient(180deg,rgba(4,9,17,.98),rgba(5,12,21,.97));
  box-shadow:12px 0 40px rgba(0,0,0,.22);
}
.brand{position:relative;padding:2px 8px 20px}
.brand:after{content:"GMR / OS 2.8";position:absolute;right:8px;bottom:5px;color:#536980;font:700 8px Consolas,monospace;letter-spacing:.08em}
.brand img{width:40px;height:40px;animation:none;filter:drop-shadow(0 0 14px rgba(116,198,255,.24))}
.brand b{color:#f3f8fd;font-family:"Bahnschrift","Segoe UI",sans-serif;font-size:16px;letter-spacing:.16em}
.brand span{color:#71869c;font-size:8px;letter-spacing:.14em}
.server-card{border-radius:var(--os-radius);border-color:rgba(116,198,255,.17);background:linear-gradient(110deg,rgba(116,198,255,.09),rgba(167,219,112,.035));box-shadow:inset 3px 0 rgba(116,198,255,.28)}
.nav-stack{gap:2px}
.nav{position:relative;min-height:40px;border-radius:6px;color:#899caf}
.nav:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:transparent;box-shadow:none;transition:background var(--motion-base),box-shadow var(--motion-base)}
.nav:hover{color:#d6e4f1;background:rgba(116,198,255,.06);transform:translateX(2px)}
.nav.active{border-color:rgba(116,198,255,.2);color:#f1f8ff;background:linear-gradient(90deg,rgba(116,198,255,.16),rgba(116,198,255,.035))}
.nav.active:before{background:var(--os-cyan);box-shadow:0 0 13px rgba(116,198,255,.7)}
.nav.active .nav-icon{color:var(--os-cyan)}
.topbar{
  height:64px;
  padding:0 24px;
  border-bottom-color:rgba(116,198,255,.13);
  background:rgba(4,9,17,.88);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
.crumb span{color:#60748a;font:700 10px Consolas,monospace;letter-spacing:.13em}.crumb b{color:#2e465d}.crumb strong{color:#eff7ff;font-family:"Bahnschrift","Segoe UI",sans-serif;letter-spacing:.02em}
.top-server{padding:6px 9px;border:1px solid rgba(167,219,112,.15);border-radius:5px;background:rgba(167,219,112,.045);color:#a9b9c9;font:700 9px Consolas,monospace;letter-spacing:.08em}
.search-trigger{border-radius:7px;border-color:rgba(116,198,255,.14);background:rgba(116,198,255,.035)}
.search-trigger:hover{border-color:rgba(116,198,255,.36);background:rgba(116,198,255,.08)}
.content{width:min(1600px,100%);padding:24px 28px 64px}
.panel,.stat-card,.category-card,.vehicle-card,.location-card,.event-card,.builder-hero,.whalley-hero,.players-hero,.workspace-controlbar,.recommendation-panel,.auto-generator-v2{
  border-radius:var(--os-radius);
  border-color:var(--os-line);
  background:linear-gradient(180deg,rgba(10,20,34,.94),rgba(7,14,24,.94));
  box-shadow:var(--os-shadow),inset 0 1px rgba(220,241,255,.035);
}
.panel:hover,.stat-card:hover{border-color:rgba(116,198,255,.22)}
.eyebrow{color:#77bdf0;font:800 9px/1.2 Consolas,monospace;letter-spacing:.14em}
h1,h2,h3,.builder-hero h1,.hero-control h1,.whalley-hero h1,.players-hero h1{font-family:"Bahnschrift","Segoe UI",sans-serif;letter-spacing:0}
.primary{
  border-radius:6px;
  border-color:#83c8fb;
  background:linear-gradient(135deg,#82c9ff,#9ed36b);
  color:#06101a;
  box-shadow:0 8px 22px rgba(68,151,217,.17),inset 0 1px rgba(255,255,255,.55);
}
.primary:hover{border-color:#c2e8ff;background:linear-gradient(135deg,#a4d8ff,#b5e480);box-shadow:0 11px 28px rgba(68,151,217,.26)}
.ghost,.icon-btn{border-radius:6px}
input,select,textarea{border-radius:6px;border-color:rgba(139,181,222,.16);background:rgba(3,9,16,.66)}
input:focus,select:focus,textarea:focus{border-color:rgba(116,198,255,.48);box-shadow:0 0 0 3px rgba(116,198,255,.08)}
.builder-hero,.hero-control{
  border-color:rgba(116,198,255,.2);
  background:
    linear-gradient(90deg,rgba(116,198,255,.025) 1px,transparent 1px),
    linear-gradient(0deg,rgba(116,198,255,.025) 1px,transparent 1px),
    linear-gradient(125deg,rgba(11,28,48,.98),rgba(8,17,29,.96) 64%,rgba(8,24,20,.94));
  background-size:36px 36px,36px 36px,auto;
}
.builder-hero:after,.hero-control:after{color:rgba(184,226,255,.035);font-family:"Bahnschrift","Segoe UI",sans-serif;letter-spacing:.12em}
.hero-console{border-radius:7px;border-color:rgba(116,198,255,.2);background:rgba(3,10,17,.78);box-shadow:inset 0 0 35px rgba(116,198,255,.03)}
.workspace-controlbar{border-radius:7px;border-color:rgba(116,198,255,.2);background:linear-gradient(90deg,rgba(10,29,48,.96),rgba(6,14,25,.96));box-shadow:inset 3px 0 rgba(116,198,255,.36),0 12px 32px rgba(0,0,0,.2)}
.workspace-module-bar{min-height:39px;border-color:rgba(139,181,222,.09);background:linear-gradient(90deg,rgba(116,198,255,.07),transparent)}
.workspace-module-bar b{font-family:"Bahnschrift","Segoe UI",sans-serif;letter-spacing:.03em}
.workspace-drop-target{outline-color:rgba(116,198,255,.86);box-shadow:0 0 0 4px rgba(116,198,255,.08),0 0 34px rgba(116,198,255,.12)}
.item-card{border-radius:7px;border-color:rgba(139,181,222,.09);background:linear-gradient(180deg,rgba(10,23,39,.95),rgba(6,14,24,.97));box-shadow:0 9px 22px rgba(0,0,0,.16)}
.item-card:hover{border-color:rgba(116,198,255,.45);background:linear-gradient(180deg,rgba(14,33,54,.98),rgba(7,18,30,.98));box-shadow:0 14px 30px rgba(0,0,0,.25),0 0 20px rgba(116,198,255,.05);transform:translateY(-2px)}
.item-thumb{border-radius:6px;background:radial-gradient(circle at 50% 25%,rgba(116,198,255,.11),rgba(3,10,18,.96) 72%)}
.item-card.is-selected{border-color:rgba(167,219,112,.62);box-shadow:0 0 0 1px rgba(167,219,112,.12),0 14px 32px rgba(0,0,0,.24),0 0 22px rgba(167,219,112,.07)}
.category-card{min-height:84px;border-radius:7px;background:linear-gradient(135deg,rgba(11,25,42,.94),rgba(7,15,26,.95))}
.category-card:hover{border-color:rgba(116,198,255,.4);background:linear-gradient(135deg,rgba(15,36,59,.98),rgba(8,20,33,.98));transform:translateY(-2px)}
.category-icon{color:var(--os-cyan)}
.command-box-priority{border-radius:7px;border-color:rgba(116,198,255,.4);background:linear-gradient(145deg,rgba(9,34,57,.98),rgba(3,10,18,.98));box-shadow:inset 3px 0 rgba(116,198,255,.55),0 18px 38px rgba(0,0,0,.26)}
.command-box-priority:before{display:none}
.command-box-v2 pre{border-radius:5px;background:#02070c;color:#cbeaff}
.mobile-nav{border-top-color:rgba(116,198,255,.16);background:rgba(3,8,15,.95);box-shadow:0 -14px 34px rgba(0,0,0,.34)}
.mobile-nav button{border-radius:6px}.mobile-nav button.active{background:linear-gradient(180deg,rgba(116,198,255,.15),rgba(116,198,255,.04));color:#f0f8ff}

/* Cinematic boot screen. */
.splash-screen{
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(116,198,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(116,198,255,.035) 1px,transparent 1px),
    linear-gradient(145deg,#02050a,#06101d 58%,#07150f);
  background-size:54px 54px,54px 54px,auto;
}
.splash-screen:before{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 42%,rgba(116,198,255,.055) 50%,transparent 58%);animation:boot-sweep 1.8s ease-in-out infinite}
.splash-terminal{position:relative;width:min(520px,92vw);padding:18px 20px 16px;border-radius:8px;border-color:rgba(116,198,255,.3);background:rgba(3,9,16,.9);box-shadow:0 30px 100px rgba(0,0,0,.52),0 0 55px rgba(116,198,255,.06);text-align:left}
.splash-topline,.splash-foot{display:flex;align-items:center;justify-content:space-between;color:#607890;font:700 8px Consolas,monospace;letter-spacing:.12em}
.splash-topline{padding-bottom:12px;border-bottom:1px solid rgba(116,198,255,.14)}
.splash-topline b{color:#9dcf78}.splash-foot{padding-top:11px}.splash-foot b{color:#7392ad}
.splash-emblem{display:grid;place-items:center;position:relative;width:114px;height:114px;margin:22px auto 14px}
.splash-terminal .splash-emblem img{position:relative;z-index:2;width:67px;height:67px;margin:0;animation:boot-logo 1.2s var(--ease-out) both;filter:drop-shadow(0 0 24px rgba(116,198,255,.28))}
.splash-terminal .splash-emblem i,.splash-terminal .splash-emblem b{display:block;position:absolute;inset:0;height:auto;margin:0;border:1px solid rgba(116,198,255,.28);border-radius:50%;background:none}
.splash-terminal .splash-emblem i{animation:boot-ring 4s linear infinite}
.splash-terminal .splash-emblem i:before,.splash-terminal .splash-emblem i:after{content:"";position:absolute;background:var(--os-cyan);box-shadow:0 0 10px rgba(116,198,255,.7)}
.splash-terminal .splash-emblem i:before{width:12px;height:2px;left:-6px;top:50%}.splash-terminal .splash-emblem i:after{width:2px;height:12px;left:50%;top:-6px}
.splash-terminal .splash-emblem b{inset:12px;border-style:dashed;border-color:rgba(167,219,112,.25);animation:boot-ring-reverse 7s linear infinite}
.splash-kicker{display:block;color:#76bceb!important;text-align:center;font:800 9px Consolas,monospace!important;letter-spacing:.18em!important}
.splash-terminal>strong{display:block;margin:3px 0 2px;color:#f3f9ff;text-align:center;font:700 38px "Bahnschrift","Segoe UI",sans-serif;letter-spacing:.08em}
.splash-terminal>small{display:block;color:#8298ad;text-align:center;font-size:11px}
.splash-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:20px}
.splash-sequence span{padding:6px;border:1px solid rgba(116,198,255,.1);border-radius:4px;background:rgba(116,198,255,.025);color:#5d7186;text-align:center;font:700 8px Consolas,monospace;letter-spacing:.08em}
.splash-running .splash-sequence span{animation:boot-step .28s ease forwards}.splash-running .splash-sequence span:nth-child(2){animation-delay:.3s}.splash-running .splash-sequence span:nth-child(3){animation-delay:.6s}
.splash-progress{height:3px;margin:10px 0 0;overflow:hidden;border-radius:0;background:rgba(116,198,255,.09)}
.splash-terminal .splash-progress i{display:block;width:0;height:100%;margin:0;border-radius:0;background:linear-gradient(90deg,var(--os-cyan),var(--os-lime));box-shadow:0 0 14px rgba(116,198,255,.45);animation:none}
.splash-running .splash-progress i{animation:boot-progress 1.08s var(--ease-out) forwards}
.splash-screen.splash-out .splash-terminal{transform:scale(1.015);filter:blur(3px);opacity:0;transition:transform .32s ease,filter .32s ease,opacity .28s ease}

/* Major-view transition: never runs for item or pack edits. */
.view-transition{position:fixed;z-index:18;inset:64px 0 0 248px;display:grid;place-items:center;pointer-events:none;visibility:hidden;background:rgba(3,8,15,.24);backdrop-filter:blur(0)}
.view-transition>div{display:grid;justify-items:center;gap:3px;min-width:190px;padding:14px 18px;border:1px solid rgba(116,198,255,.24);border-radius:6px;background:rgba(3,10,18,.88);opacity:0;transform:translateY(7px) scale(.985)}
.view-transition span{color:#648099;font:700 8px Consolas,monospace;letter-spacing:.15em}.view-transition strong{color:#eef8ff;font:700 18px "Bahnschrift","Segoe UI",sans-serif}.view-transition i{display:block;width:88px;height:2px;margin-top:5px;background:linear-gradient(90deg,transparent,var(--os-cyan),transparent);transform:scaleX(.2)}
.view-transition.active{visibility:visible;animation:view-overlay .42s ease both}.view-transition.active>div{animation:view-module .42s var(--ease-out) both}.view-transition.active i{animation:view-line .42s ease both}

/* Login uses the same product language. */
.login-screen{background:linear-gradient(90deg,rgba(116,198,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(116,198,255,.025) 1px,transparent 1px),linear-gradient(145deg,#02050a,#06101d 58%,#07150f);background-size:54px 54px,54px 54px,auto}
.login-card{border-radius:8px;border-color:rgba(116,198,255,.28);background:rgba(4,11,20,.94);box-shadow:0 30px 90px rgba(0,0,0,.5),inset 3px 0 rgba(116,198,255,.34)}
.login-card img{animation:none;filter:drop-shadow(0 0 18px rgba(116,198,255,.22))}.login-card h1{font-family:"Bahnschrift","Segoe UI",sans-serif;letter-spacing:.04em}

@keyframes boot-sweep{0%{transform:translateX(-32%)}100%{transform:translateX(32%)}}
@keyframes boot-logo{from{opacity:0;transform:scale(.72);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 0 24px rgba(116,198,255,.28))}}
@keyframes boot-ring{to{transform:rotate(360deg)}}@keyframes boot-ring-reverse{to{transform:rotate(-360deg)}}
@keyframes boot-step{to{border-color:rgba(167,219,112,.28);background:rgba(167,219,112,.06);color:#b7dd95}}
@keyframes boot-progress{to{width:100%}}
@keyframes view-overlay{0%{opacity:0;backdrop-filter:blur(0)}35%{opacity:1;backdrop-filter:blur(2px)}100%{opacity:0;backdrop-filter:blur(0)}}
@keyframes view-module{0%{opacity:0;transform:translateY(7px) scale(.985)}35%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(.99)}}
@keyframes view-line{0%{transform:scaleX(.2);opacity:0}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.2);opacity:0}}

@media(max-width:900px){
  .view-transition{inset:58px 0 64px 0}
  .content{padding:18px 14px 86px}
  .sidebar{width:min(284px,88vw)}
}
@media(max-width:620px){
  .topbar{height:56px;padding:0 11px}
  .view-transition{inset:56px 0 62px 0}
  .splash-terminal{padding:15px 15px 13px}
  .splash-emblem{width:96px;height:96px;margin:17px auto 11px}
  .splash-terminal .splash-emblem img{width:57px;height:57px}
  .splash-terminal>strong{font-size:31px}
  .splash-sequence{gap:3px}.splash-sequence span{padding:5px 2px;font-size:7px}
  .workspace-controlbar,.builder-hero,.hero-control,.panel,.auto-generator-v2,.recommendation-panel{border-radius:7px}
  .item-card{border-radius:6px}
}
@media(prefers-reduced-motion:reduce){
  .splash-screen:before,.splash-emblem i,.splash-emblem b,.splash-sequence span,.splash-progress i,.view-transition.active,.view-transition.active>div,.view-transition.active i{animation:none!important}
  .splash-progress i{width:100%!important}
}

/* Recovered-source usability pass */
.nav-stack{overflow-y:auto;padding-right:3px;scrollbar-width:none}
.nav-stack::-webkit-scrollbar{width:0;height:0}
.nav-section-label{display:block;margin:14px 10px 5px;color:var(--muted-2);font:800 8px/1.2 Consolas,monospace;letter-spacing:.16em}
.nav-section-label:first-child{margin-top:0}
.server-card .status-pending,.top-server .status-pending{background:var(--orange);box-shadow:0 0 10px rgba(226,165,78,.55)}
.image-review-tag{color:#f1c376;border-color:rgba(226,165,78,.35);background:rgba(226,165,78,.08)}
.item-card{transition:border-color var(--ease),background var(--ease),transform var(--ease)}
.item-card:hover{transform:translateY(-2px);background:rgba(19,26,31,.98)}
.item-thumb img{object-fit:contain}
.catalog-note{border-top:1px solid var(--line);padding-top:14px}
@media(max-width:900px){.nav-stack{max-height:calc(100vh - 245px)}}

/* Public pack-builder edition */
.app-shell{grid-template-columns:minmax(0,1fr)}
.sidebar,.mobile-nav,.profile-button,.top-server,.topbar .mobile-only,.login-screen{display:none!important}
.workspace{width:100%;min-width:0}
.topbar{padding-inline:clamp(14px,3vw,42px)}
.content{width:min(1680px,100%);padding-bottom:70px}
.pack-options label:nth-child(2){display:none}
.pack-options{grid-template-columns:1fr}
@media(max-width:620px){.content{padding-bottom:24px}.topbar{padding-inline:12px}.crumb strong{display:block}.builder-hero{margin-top:0}}