@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Share+Tech+Mono&display=swap');
:root{color-scheme:dark;--bg:#0b0b0c;--panel:#111112;--panel-2:#151516;--line:#29292b;--muted:#77777b;--soft:#a4a4a8;--text:#e5e5e6;--red:#d71920;--red-bright:#ed252b;--green:#35bb61;--mono:'Share Tech Mono','Courier New',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--display);overflow:hidden}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--red-bright);outline-offset:2px}
.launcher-window{height:100dvh;min-height:480px;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}
.window-titlebar{height:26px;flex:0 0 26px;background:#0c0c0d;border-bottom:1px solid #252527;display:flex;align-items:center;justify-content:space-between;padding:0 9px;position:relative;z-index:8}
.wordmark{font-family:var(--mono);display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.35px;color:#d92027;font-weight:700}
.brand-led{width:4px;height:4px;background:var(--red-bright);box-shadow:0 0 6px #f32a31;border-radius:50%;display:inline-block}
.app-version{font-size:7px;color:#737378;letter-spacing:.6px;margin-left:2px}
.window-actions{display:flex;gap:8px;align-items:center}
.window-action{width:7px;height:7px;border:0;padding:0;background:#343437;border-radius:50%;transition:background .15s,transform .15s}
.window-action:hover{transform:scale(1.25)}.window-action.minimize:hover{background:#d6ad32}.window-action.maximize:hover{background:#43b86a}.window-action.close:hover{background:var(--red-bright)}
.workspace{display:grid;grid-template-columns:130px minmax(0,1fr);min-height:0;flex:1}
.sidebar{min-width:0;background:#101011;border-right:1px solid #2c2c2e;display:flex;flex-direction:column;position:relative;z-index:5}
.profile-block{height:73px;padding:11px 9px 8px;border-bottom:1px solid #242426}
.eyebrow,.nav-section-label{font:7px var(--mono);letter-spacing:1.5px;color:#66666a;text-transform:uppercase}
.profile-name{display:block;padding:2px 0 0;border:0;background:none;color:#ededee;font-size:13px;line-height:15px;font-weight:600;text-align:left;letter-spacing:.3px}
.profile-name:hover{color:#fff}.online-indicator{display:flex;align-items:center;gap:5px;color:#d8242a;font:7px var(--mono);letter-spacing:.9px;margin-top:2px}
.online-dot{height:4px;width:4px;background:#ee2229;border-radius:50%;box-shadow:0 0 5px #e71e25}
.nav-section-label{height:22px;padding:8px 10px 0;color:#555559;letter-spacing:1.2px}
.side-nav{display:flex;flex-direction:column}
.nav-item{min-height:26px;width:100%;padding:0 9px;display:flex;align-items:center;gap:8px;border:0;border-top:1px dashed #29292a;background:transparent;color:#818185;text-decoration:none;text-transform:uppercase;text-align:left;letter-spacing:1.2px;font-size:8px;font-weight:500;transition:color .15s,background .15s,border-color .15s}
.nav-item:last-child{border-bottom:1px dashed #29292a}
.nav-item svg{width:11px;height:11px;flex:0 0 11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nav-item .discord-icon{fill:currentColor;stroke:none}
.nav-item:hover{background:#171718;color:#e6e6e7}.nav-item.selected{border-top-color:var(--red);border-bottom:1px dashed var(--red);color:#f0f0f1;background:#151516;box-shadow:inset 2px 0 0 var(--red)}
.sidebar-spacer{flex:1;min-height:12px}.settings-link{min-height:29px;border-top:1px solid #29292a;border-bottom:0;color:#8d8d91}.settings-link:hover{color:#efefef}
.main-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0b0b0c;position:relative}
.panel-topbar{height:27px;flex:0 0 27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #262628;background:#111112;position:relative;z-index:2}
.panel-title{font:8px var(--mono);letter-spacing:1.15px;color:#757579}.panel-title span{color:var(--red);font-weight:400}.panel-title b{font-weight:400}
.breadcrumb{font:7px var(--mono);letter-spacing:1px;color:#57575a}
.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:#0a0a0b}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:brightness(.38) saturate(.68) contrast(1.06);transform:scale(1.005);transition:filter .35s,transform 8s ease}
.stage:hover .scene-image{transform:scale(1.025)}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,9,.38),rgba(8,8,9,.27) 44%,rgba(8,8,9,.50)),rgba(9,9,10,.12);pointer-events:none}
.scene-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 49%,transparent 20%,rgba(0,0,0,.22) 100%);pointer-events:none}
.page-view{position:absolute;inset:0;z-index:1;padding:24px 26px 20px;overflow:auto;animation:appear .22s ease both}
.page-view[hidden]{display:none}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.page-head .eyebrow{color:#cb2a30}.page-head h1{font:600 27px/1 var(--display);letter-spacing:.7px;text-transform:uppercase;margin:5px 0 0;color:#f0f0f1}.page-subtitle{font:11px var(--mono);color:#a2a2a4;margin:6px 0 0}.page-content{max-width:940px;margin:0 auto}.surface-card{background:rgba(13,13,14,.84);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.search-box{width:min(260px,100%);height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;background:rgba(8,8,9,.78);border:1px solid #444447;color:#9b9b9f}
.search-box svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}.search-box input{width:100%;background:none;border:0;outline:none;font:10px var(--mono);color:#eee}.search-box input::placeholder{color:#77777b}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:9px}
.catalog-card{min-height:100px;display:flex;flex-direction:column;padding:10px;background:rgba(14,14,15,.85);border:1px solid rgba(255,255,255,.12);transition:transform .16s,border-color .16s,background .16s}
.catalog-card:hover{transform:translateY(-2px);border-color:rgba(215,25,32,.75);background:rgba(18,18,19,.95)}
.catalog-top{display:flex;align-items:center;gap:8px}.catalog-icon{width:23px;height:23px;object-fit:cover;image-rendering:auto}.catalog-title{font-size:13px;color:#ebebec;font-weight:600;line-height:1.2}.catalog-meta{font:8px var(--mono);letter-spacing:.3px;color:#8d8d92;margin:6px 0 10px}.catalog-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.catalog-badge{font:7px var(--mono);letter-spacing:1px;color:#e52930;border:1px solid rgba(229,41,48,.4);padding:3px 5px}.micro-button{min-height:23px;padding:0 8px;background:#171718;border:1px solid #4a4a4d;color:#dadadd;font:8px var(--mono);letter-spacing:.9px}.micro-button:hover{border-color:var(--red);color:#fff}
.empty-state,.error-state{padding:22px;text-align:center;background:rgba(12,12,13,.83);border:1px solid rgba(255,255,255,.13);color:#b9b9bc}.state-icon{font:19px var(--mono);color:#d92229;margin-bottom:8px}.state-title{text-transform:uppercase;font-size:15px;color:#eee}.state-copy{font:9px/1.6 var(--mono);color:#99999d;max-width:410px;margin:6px auto 14px}
.update-list{display:grid;gap:8px}.update-entry{padding:12px 14px;background:rgba(14,14,15,.85);border-left:2px solid var(--red);border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.update-date{font:8px var(--mono);color:#c9252b;letter-spacing:1px}.update-entry h3{font-size:15px;margin:5px 0 4px}.update-entry p{font:9px/1.5 var(--mono);color:#aaa;margin:0}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-card{padding:14px;background:rgba(13,13,14,.86);border:1px solid rgba(255,255,255,.13)}.settings-card h2{font:10px var(--mono);letter-spacing:1.2px;color:#d8272d;margin:0 0 12px}.field-label{display:block;font:8px var(--mono);letter-spacing:1px;color:#aaa;margin:0 0 6px}.text-field,.select-field{width:100%;height:32px;padding:0 9px;background:#0c0c0d;border:1px solid #414144;color:#ececee;font:10px var(--mono)}.field-help{font:8px/1.5 var(--mono);color:#777;margin-top:7px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;border-top:1px solid rgba(255,255,255,.1)}.setting-row:first-of-type{border-top:0}.setting-row strong{display:block;font-size:12px;font-weight:500}.setting-row small{display:block;font:8px/1.4 var(--mono);color:#858589;margin-top:3px}.toggle{appearance:none;width:31px;height:16px;border:1px solid #454548;border-radius:0;background:#181819;position:relative;flex:0 0 31px;cursor:pointer}.toggle::after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:#777;transition:left .16s,background .16s}.toggle:checked{border-color:#ab2025;background:#431316}.toggle:checked::after{left:17px;background:#f02c33}
.server-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.server-toolbar select{height:30px;padding:0 8px;background:rgba(10,10,11,.85);border:1px solid #454548;color:#ddd;font:9px var(--mono)}
.launch-dock{height:54px;flex:0 0 54px;position:relative;z-index:4;background:#0c0c0d;border-top:1px solid #323234;display:flex;flex-direction:column}
.dock-controls{height:33px;display:flex;align-items:center;gap:6px;padding:3px 10px;border-bottom:1px solid #252527}
.version-wrap,.mode-wrap{position:relative}
.version-select,.mode-select{height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px;background:#0a0a0b;border:1px solid #48484b;color:#d9d9db;text-align:left;font:8px var(--mono);letter-spacing:.5px}
.version-select{width:211px}.version-select:hover,.mode-select:hover{border-color:#ac2025;color:#f2f2f3}.version-select[aria-expanded="true"]{border-color:var(--red)}
.chevron{font-size:8px;color:#838387}.mode-select{width:112px;gap:5px;justify-content:center;color:#77777b;font-size:7px}.mode-select span:first-of-type{color:#ddd}.mode-select .chevron{margin-left:auto}
.launch-button{height:23px;min-width:82px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #9e1d22;background:#151011;color:#e64248;font:8px var(--mono);letter-spacing:1.3px;transition:background .15s,border .15s,color .15s,transform .15s}.launch-button:hover{background:#a4191f;color:white;border-color:#ed272e;transform:translateY(-1px)}.launch-glyph{font-size:8px}.launch-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.dock-status{flex:1;min-height:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font:7px var(--mono);letter-spacing:.7px;color:#77777b}.status-right{color:#5e5e62;letter-spacing:.2px}
.version-dropdown,.mode-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10;background:#0d0d0e;border:1px solid #4a4a4d;box-shadow:0 14px 38px rgba(0,0,0,.65);animation:drop-in .14s ease both}
@keyframes drop-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.version-dropdown{width:260px;max-height:min(63vh,520px);display:flex;flex-direction:column}.version-dropdown[hidden],.mode-dropdown[hidden]{display:none}
.version-search-wrap{height:31px;flex:0 0 31px;display:flex;align-items:center;gap:7px;padding:0 8px;border-bottom:1px solid #29292b}.version-search-wrap svg{width:12px;height:12px;fill:none;stroke:#8f8f93;stroke-width:1.7}.version-search-wrap input{min-width:0;flex:1;background:transparent;border:0;outline:none;font:9px var(--mono);color:#eee}.version-search-wrap input::placeholder{color:#777}.version-search-wrap kbd{font:7px var(--mono);color:#777;border:1px solid #37373a;padding:1px 3px}
.version-list{overflow-y:auto;scrollbar-color:#464649 #151516;scrollbar-width:thin}.version-group-label{padding:7px 9px 4px;background:#141415;color:#747478;font:7px var(--mono);letter-spacing:1.3px;text-transform:uppercase;position:sticky;top:0;z-index:1;border-bottom:1px solid #232325}.version-option{width:100%;height:25px;display:flex;align-items:center;gap:7px;padding:0 8px;border:0;border-bottom:1px solid #1d1d1f;background:#0d0d0e;color:#d0d0d2;text-align:left;font:9px var(--mono)}.version-option:hover,.version-option[aria-selected="true"]{background:#1d1011;color:#fff;box-shadow:inset 2px 0 var(--red)}.version-option img{height:14px;width:14px;object-fit:cover}.version-option-label{flex:1}.version-badge{margin-left:auto;color:#f0353c;font:7px var(--mono);letter-spacing:.8px}
.mode-dropdown{width:170px;padding:4px}.mode-option{width:100%;min-height:25px;padding:4px 7px;border:0;background:transparent;text-align:left;color:#c1c1c4;font:8px var(--mono)}.mode-option:hover,.mode-option[aria-selected="true"]{background:#231012;color:#fff}.mode-description{display:block;margin-top:3px;color:#777;font-size:7px}
.app-dialog{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #49494c;background:#101011;color:#ececee;box-shadow:0 20px 80px rgba(0,0,0,.75);overflow:auto}.app-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}.dialog-surface{position:relative;padding:22px 24px 20px}.dialog-close{position:absolute;right:9px;top:8px;border:0;background:transparent;color:#888;font-size:21px;line-height:1}.dialog-close:hover{color:#fff}.dialog-mark{width:34px;height:34px;margin-bottom:12px;background:#1a1a1b;border:1px solid #363639}.dialog-mark img{width:100%;height:100%;object-fit:cover}.dialog-surface h2{font:600 24px/1.1 var(--display);letter-spacing:.6px;text-transform:uppercase;margin:5px 0 10px}.dialog-body{font:10px/1.55 var(--mono);color:#aaa;white-space:normal}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.subtle-button,.primary-button{min-height:27px;padding:0 12px;border:1px solid #49494c;background:#181819;color:#d8d8da;font:8px var(--mono);letter-spacing:1px}.primary-button{background:#7f1418;border-color:#c3262d;color:white}.subtle-button:hover{border-color:#b22228}.primary-button:hover{background:#a61b21}.dialog-input{margin-top:12px}.dialog-link{color:#f0444a;text-decoration:none}.dialog-link:hover{text-decoration:underline}
.toast{position:fixed;bottom:64px;left:50%;z-index:30;transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:8px 12px;background:#111113;border:1px solid #8a2024;color:#eee;font:9px var(--mono);box-shadow:0 8px 24px #0008;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.launcher-window.is-minimized .workspace{display:none}.launcher-window.is-minimized{height:26px;min-height:26px;align-self:flex-start;width:100%}
@media(max-width:700px){.workspace{grid-template-columns:105px minmax(0,1fr)}.page-view{padding:17px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.page-head h1{font-size:23px}}
@media(max-width:520px){.workspace{grid-template-columns:53px minmax(0,1fr)}.profile-block{height:68px;padding:10px 6px}.profile-block .eyebrow{font-size:6px;letter-spacing:.7px}.profile-name{font-size:11px}.online-indicator{font-size:0;justify-content:flex-start}.online-dot{width:5px;height:5px}.nav-section-label{font-size:0;height:9px;padding:4px 0}.nav-item{height:32px;min-height:32px;justify-content:center;padding:0;gap:0}.nav-item span{display:none}.nav-item svg{height:14px;width:14px;flex-basis:14px}.settings-link{height:38px}.panel-topbar{padding:0 8px}.panel-title{font-size:7px;letter-spacing:.7px}.breadcrumb{font-size:6px;letter-spacing:.45px}.dock-controls{gap:4px;padding:3px 5px}.version-select{width:min(36vw,170px);padding:0 5px;font-size:7px}.mode-select{width:92px;font-size:6px;gap:3px;padding:0 4px}.launch-button{min-width:66px;font-size:7px;gap:4px}.version-dropdown{width:min(260px,calc(100vw - 65px))}.dock-status{padding:0 6px;font-size:6px}.status-right{font-size:6px}.settings-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:12px}.page-head h1{font-size:22px}.page-head .search-box{width:100%}.catalog-grid{grid-template-columns:1fr 1fr;gap:6px}.catalog-card{padding:8px;min-height:100px}.catalog-title{font-size:11px}.catalog-meta{font-size:7px}.micro-button{font-size:7px;padding:0 5px}.page-view{padding:13px 10px}.server-toolbar{align-items:flex-start;flex-direction:column}.dialog-surface{padding:19px 16px 16px}}
@media(max-height:590px){.profile-block{height:62px;padding-top:7px}.nav-item{min-height:23px;height:23px}.nav-section-label{height:18px;padding-top:6px}.launch-dock{height:50px;flex-basis:50px}.dock-controls{height:30px}.page-view{padding-top:13px}}