:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#071015;--bg-deep:#040a0e;--surface:#0b151b;--surface-2:#0e1a21;--surface-3:#132129;--border:#26343c;--border-soft:#1b2931;--text:#f3f5f6;--muted:#91a0a9;--faint:#677780;--accent:#c98a34;--accent-bright:#e1a34d;--green:#69d15f;--green-bg:#10271a;--red:#f06c61;--red-bg:#2b1516;--amber:#e0a13d;--amber-bg:#2a2112;--radius:9px;background:var(--bg);color:var(--text);font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.brand{min-height:36px;color:var(--text);letter-spacing:-.055em;white-space:nowrap;align-items:center;font-family:Arial Black,Arial,sans-serif;font-size:29px;font-weight:900;line-height:1;display:inline-flex}.brand.compact{font-size:23px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{border:1px solid var(--border);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{background:var(--accent);border-color:var(--accent);color:#120d06}.button.primary:hover:not(:disabled){background:var(--accent-bright)}.button.secondary{background:var(--surface-2)}.button.secondary:hover:not(:disabled){background:var(--surface-3);border-color:#52626b}.button.danger-fill{background:#a8332d;border-color:#d34c43}.button.danger-fill:hover:not(:disabled){background:#bf3b34}.button.wide{width:100%}.status{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.status.good,.good{color:var(--green)}.status.bad,.bad{color:var(--red)}.status.warning,.warning{color:var(--amber)}.dot{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 13%, transparent);background:currentColor;border-radius:50%;display:inline-block}.notice{border-radius:7px;align-items:center;gap:10px;margin:16px 22px 0;padding:11px 14px;font-size:14px;display:flex}.notice.error{color:#ffc5c0;background:#2b1518;border:1px solid #603036}.public-page{background:var(--bg);min-height:100vh}.public-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;max-width:1260px;height:104px;margin:0 auto;padding:4px 30px;display:flex}.public-actions{align-items:center;gap:10px;display:flex}.public-hero{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1260px;margin:0 auto;padding:64px 30px 34px;display:flex}.public-hero h1{letter-spacing:-.025em;text-transform:uppercase;margin:0 0 10px;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(38px,5vw,68px);line-height:.98}.public-hero p{max-width:620px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.public-hero>.status{padding-bottom:8px;font-size:15px}.public-summary{border-block:1px solid var(--border);grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto 36px;display:grid}.public-summary>div{border-right:1px solid var(--border);align-items:baseline;gap:14px;padding:24px 30px;display:flex}.public-summary>div:last-child{border-right:0}.public-summary strong{color:var(--accent-bright);font:700 28px Bahnschrift,sans-serif}.public-summary span{color:var(--muted);font-size:14px}.public-map-list{max-width:1260px;margin:0 auto;padding:0 30px 60px}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:15px;display:flex}.section-title h2{letter-spacing:.01em;margin:0;font:650 20px Bahnschrift,sans-serif}.section-title span{color:var(--faint);font-size:12px}.public-grid{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.public-map{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:74px;padding:14px 18px;display:flex}.public-map:nth-child(odd){border-right:1px solid var(--border-soft)}.public-map:nth-last-child(-n+2){border-bottom:0}.public-map>div{align-items:center;gap:12px;display:flex}.public-map h3{margin:0;font-size:15px}.public-map p{color:var(--muted);margin:0;font-size:13px}.map-light{background:#57646b;border-radius:50%;width:9px;height:9px}.map-light.online{background:var(--green);box-shadow:0 0 0 3px #69d15f1a}.public-footer{border-top:1px solid var(--border-soft);color:var(--faint);text-align:center;padding:24px;font-size:12px}.join-hero{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:end;gap:30px;max-width:1260px;margin:0 auto;padding:60px 30px 34px;display:flex}.join-hero h1{letter-spacing:-.025em;text-transform:uppercase;margin:0 0 10px;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(42px,5vw,68px);line-height:.98}.join-hero p{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.join-hero>svg{color:var(--accent-bright);margin:0 10px 5px}.join-steps{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.join-steps article{border-right:1px solid var(--border);min-height:154px;padding:24px 26px}.join-steps article:last-child{border-right:0}.join-steps strong{color:var(--accent-bright);margin-bottom:18px;font:900 26px/1 Arial Black,Arial,sans-serif;display:block}.join-steps h2,.join-directory h2,.join-mods h2{margin:0 0 7px;font:650 18px Bahnschrift,sans-serif}.join-steps p,.join-mods p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.join-steps code,.join-value code,.mod-list code{color:var(--accent-bright);font-family:Consolas,monospace}.join-directory{max-width:1260px;margin:0 auto;padding:44px 30px 50px}.join-map-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.join-map-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(190px,.8fr) minmax(430px,1.2fr);align-items:center;gap:24px;min-height:92px;padding:16px 20px;display:grid}.join-map-row:last-child{border-bottom:0}.join-map-title{align-items:center;gap:12px;display:flex}.join-map-title h3{margin:0 0 4px;font-size:15px}.join-map-title p{color:var(--muted);margin:0;font-size:12px}.join-credentials{grid-template-columns:1.2fr .8fr;gap:10px;display:grid}.join-value{min-width:0}.join-value>span{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.join-value>div,.mod-list>div{align-items:center;gap:6px;min-height:35px;display:flex}.join-value code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:13px;overflow:hidden}.join-value .icon-button,.mod-list .icon-button{flex:0 0 30px;width:30px;height:30px}.join-value em,.mod-list em{color:var(--green);font-size:11px;font-style:normal}.join-mods{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:22px;max-width:1200px;margin:0 auto 64px;padding:24px 30px;display:grid}.join-mods>.mod-drawer{border-top:1px solid var(--border-soft);grid-column:1/-1;padding-top:18px}.mod-drawer-head{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;font-size:13px;display:flex}.mod-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mod-list>div{border:1px solid var(--border-soft);background:#ffffff04;border-radius:6px;padding:6px 8px}.mod-list code{color:var(--text);font-size:12px}.login-page{background:var(--bg-deep);place-items:center;min-height:100vh;padding:30px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(100%,430px);padding:25px 34px 30px;box-shadow:0 24px 80px #00000059}.login-panel .brand{justify-content:center;margin:4px auto 16px}.login-copy{text-align:center;margin-bottom:24px}.login-copy h1{margin:0 0 7px;font:700 24px Bahnschrift,sans-serif}.login-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.login-panel form{gap:17px;display:grid}.login-panel label,.command-form label{color:#c3cbd0;gap:7px;font-size:12px;font-weight:650;display:grid}.login-panel input,.command-form input,.command-form select,.console-tools select{width:100%;min-height:42px;color:var(--text);background:#071116;border:1px solid #34434b;border-radius:7px;outline:0;padding:0 12px}.login-panel input:focus,.command-form input:focus,.command-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c98a3421}.form-error{color:#ffaaa3;align-items:center;gap:8px;font-size:13px;display:flex}.login-security{color:var(--muted);border-top:1px solid var(--border-soft);align-items:center;gap:10px;margin:20px 0 12px;padding-top:18px;font-size:12px;display:flex}.login-security svg{color:var(--green);flex:none}.back-link{text-align:center;color:var(--accent-bright);font-size:13px;display:block}.loading-screen{background:var(--bg-deep);align-content:center;place-items:center;gap:24px;min-height:100vh;display:grid}.app-shell{background:var(--bg);grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--border);background:#061015;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar .brand{margin:22px 18px 16px}.sidebar nav{gap:4px;padding:4px 10px;display:grid}.sidebar nav button{color:#cbd2d6;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;min-height:48px;padding:0 15px;font-size:14px;display:flex;position:relative}.sidebar nav button:hover{background:var(--surface-2)}.sidebar nav button.active{color:var(--accent-bright);background:#211b12}.sidebar nav button.active:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:-10px}.sidebar-state{border:1px solid var(--border);border-radius:var(--radius);margin:auto 14px 10px;padding:10px 13px}.sidebar-state div{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:39px;font-size:11px;display:flex}.sidebar-state div:last-child{border:0}.sidebar-state span{color:var(--muted)}.sidebar-state strong{text-overflow:ellipsis;max-width:110px;font-size:11px;overflow:hidden}.public-link{color:var(--muted);text-align:center;margin:0 14px 17px;font-size:11px}.public-link:hover{color:var(--accent-bright)}.app-main{min-width:0}.topbar{border-bottom:1px solid var(--border);background:#081218;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding:0 22px;display:grid}.cluster-name{align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.topbar>.status{justify-self:center}.user-menu{justify-self:end;align-items:center;gap:8px;min-height:36px;font-size:13px;display:flex}.profile-avatar{width:28px;height:28px;color:var(--amber);letter-spacing:.02em;background:#c9842f29;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.user-menu button{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.user-menu button:hover{color:var(--red)}.mobile-menu{background:0 0;border:0;display:none}.dashboard-main{padding:12px 15px 16px}.overview-grid{grid-template-columns:minmax(680px,1fr) 300px;gap:12px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel-heading{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:55px;padding:10px 14px;display:flex}.panel-heading h1{margin:0 0 3px;font:700 18px Bahnschrift,sans-serif}.panel-heading span{color:var(--muted);font-size:11px}.icon-button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:6px;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--text);border-color:#52626b}.icon-button:disabled{opacity:.4;cursor:not-allowed}.map-table-wrap{overflow-x:auto}.map-table{border-collapse:collapse;width:100%;min-width:710px}.map-table th{background:var(--surface-2);color:#b7c0c5;text-align:left;border-bottom:1px solid var(--border);height:38px;padding:0 12px;font-size:11px;font-weight:650}.map-table td{border-bottom:1px solid var(--border-soft);color:#c9d0d4;height:49px;padding:6px 12px;font-size:12px}.map-table tr:last-child td{border-bottom:0}.map-table tbody tr:hover{background:#ffffff05}.map-table td:first-child strong{color:var(--text);font-size:12px;display:block}.map-table td small{color:var(--faint);margin-top:2px;font-size:9px;display:block}.map-table .mono{font-family:Consolas,monospace;font-size:11px}.map-table .desired{color:var(--amber)}.row-actions{align-items:center;gap:6px;display:flex}.action{cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:68px;min-height:30px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.action.danger{color:#ff8278;background:#912c2a1c;border:1px solid #923b38}.action.success{color:#7add70;background:#2f74371f;border:1px solid #396f3a}.action:disabled{opacity:.4;cursor:not-allowed}.service-rail{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:5px 14px}.service-row{border-bottom:1px solid var(--border-soft);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:75px;display:grid}.service-row>svg{color:#cbd2d6}.service-row div{min-width:0}.service-row strong{margin-bottom:4px;font-size:13px;display:block}.service-row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.service-row em{font-size:11px;font-style:normal}.metric-bar{border-bottom:1px solid var(--border-soft);padding:15px 0}.metric-bar:last-child{border:0}.metric-heading{justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-heading span{align-items:center;gap:8px;display:flex}.metric-heading b{font-size:12px}.metric-heading strong{color:var(--muted);font-size:10px}.bar{background:#344047;border-radius:4px;height:6px;margin:10px 0 5px;overflow:hidden}.bar i{background:var(--green);border-radius:inherit;height:100%;display:block}.bar i.warning{background:var(--amber)}.metric-bar small{color:var(--faint);font-size:9px}.console-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:12px;overflow:hidden}.console-panel>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:48px;padding:7px 13px;display:flex}.console-panel>header>div:first-child{align-items:center;gap:8px;display:flex}.console-panel h2{margin:0;font:650 14px Bahnschrift,sans-serif}.console-panel header>div:first-child svg{color:var(--green)}.console-tools{align-items:center;gap:7px;display:flex}.console-tools label:not(.switch){color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex;position:relative}.console-tools select{appearance:none;width:175px;min-height:30px;padding:0 28px 0 9px;font-size:11px}.console-tools label>svg{pointer-events:none;position:absolute;right:8px}.console-tools button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:5px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:10px;display:inline-flex}.switch{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch i{background:#36444b;border-radius:10px;width:34px;height:19px;padding:2px;transition:background .15s}.switch i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;display:block}.switch input:checked+i{background:#4b9b48}.switch input:checked+i:after{transform:translate(15px)}.log-view{color:#b8c2c8;scrollbar-color:#40505a #0a1419;background:#050c10;height:275px;padding:10px 13px;font:10.5px/1.55 Consolas,Cascadia Mono,monospace;overflow:auto}.log-view div:nth-child(5n+1){color:#7acb70}.log-view .muted{color:var(--faint)}.content-page{max-width:1220px;margin:10px auto}.page-heading{justify-content:space-between;align-items:center;min-height:86px;padding:4px 2px 20px;display:flex}.page-heading h1{margin:0 0 7px;font:700 28px Bahnschrift,sans-serif}.page-heading p{color:var(--muted);margin:0;font-size:13px}.page-heading>svg{color:var(--accent)}.command-workspace{max-width:1050px;margin:10px auto}.command-form{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);align-items:end;gap:12px;padding:22px;display:flex}.command-form label{width:220px}.command-form label.grow{flex:1;width:auto}.command-form .button{min-height:42px}.security-note{border-radius:var(--radius);background:var(--surface);border:1px solid #38454d;align-items:flex-start;gap:13px;margin-top:15px;padding:17px 19px;display:flex}.security-note>svg{color:var(--green);flex:none}.security-note strong{margin-bottom:4px;font-size:13px;display:block}.security-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.maintenance-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.maintenance-list article{border-bottom:1px solid var(--border-soft);grid-template-columns:32px 1fr auto;align-items:center;gap:14px;min-height:104px;padding:18px 20px;display:grid}.maintenance-list article:last-child{border-bottom:0}.maintenance-list article>svg{color:var(--accent)}.maintenance-list h2{margin:0 0 6px;font-size:15px}.maintenance-list p{color:var(--muted);margin:0;font-size:12px}.backup-detail{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:42px 1fr auto;align-items:center;gap:16px;padding:24px;display:grid}.backup-detail>svg{color:var(--accent);width:34px;height:34px}.backup-detail span{color:var(--muted);font-size:11px}.backup-detail h2{margin:4px 0;font:700 22px Bahnschrift,sans-serif}.backup-detail p{color:var(--muted);margin:0;font-size:12px}.settings-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.settings-list>div{border-bottom:1px solid var(--border-soft);grid-template-columns:180px 1fr;align-content:center;min-height:80px;padding:14px 20px;display:grid}.settings-list>div:last-child{border:0}.settings-list span{color:var(--muted);grid-row:span 2;font-size:12px}.settings-list strong{font-size:13px}.settings-list small{color:var(--faint);margin-top:4px}.job-banner{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;grid-template-columns:24px 1fr auto;align-items:center;gap:11px;min-height:54px;margin:12px 15px 0;padding:9px 12px;display:grid}.job-banner.running,.job-banner.queued{border-color:#70542b}.job-banner.succeeded{border-color:#2d6b35}.job-banner.failed{border-color:#793a3b}.job-banner>svg{width:19px;color:var(--accent-bright)}.job-banner.succeeded>svg{color:var(--green)}.job-banner.failed>svg{color:var(--red)}.job-banner strong{font-size:12px;display:block}.job-banner span{color:var(--muted);max-height:32px;margin-top:2px;font-size:10px;display:block;overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#010507b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#111c22;border:1px solid #45545d;border-radius:10px;width:min(100%,470px);box-shadow:0 30px 80px #00000080}.modal header{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:13px 16px;display:grid}.modal h2{margin:0;font:700 18px Bahnschrift,sans-serif}.warning-icon,.safe-icon{width:32px;height:32px;color:var(--amber);background:var(--amber-bg);border-radius:50%;place-items:center;display:grid}.safe-icon{color:var(--green);background:var(--green-bg)}.warning-icon svg,.safe-icon svg{width:18px}.modal p{color:#b7c1c6;margin:0;padding:22px 20px;font-size:13px;line-height:1.6}.modal footer{justify-content:flex-end;gap:9px;padding:12px 16px 16px;display:flex}@media (width<=1180px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar .brand{font-size:25px}.overview-grid{grid-template-columns:1fr}.service-rail{grid-template-columns:repeat(2,1fr);gap:0 18px;display:grid}.service-row:nth-child(2n),.metric-bar:nth-child(2n){border-left:1px solid var(--border-soft);padding-left:18px}.join-steps{grid-template-columns:1fr 1fr}.join-steps article:nth-child(2){border-right:0}.join-steps article:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.join-map-row{grid-template-columns:1fr;gap:14px}}@media (width<=820px){.app-shell{display:block}.sidebar{width:250px;transition:left .2s;position:fixed;left:-260px;box-shadow:20px 0 50px #00000073}.sidebar.open{left:0}.mobile-menu{cursor:pointer;place-items:center;width:34px;height:34px;display:grid}.topbar{grid-template-columns:auto 1fr auto;gap:9px;padding:0 12px}.topbar>.status{display:none}.cluster-name{justify-self:start}.user-menu span{display:none}.dashboard-main{padding:10px}.console-panel>header{align-items:flex-start;gap:10px}.console-tools{flex-wrap:wrap;justify-content:flex-end}.service-rail{grid-template-columns:1fr}.service-row:nth-child(2n),.metric-bar:nth-child(2n){border-left:0;padding-left:0}.command-form{flex-direction:column;align-items:stretch}.command-form label{width:100%}.public-header,.public-hero,.public-map-list{padding-inline:18px}.public-summary{grid-template-columns:1fr;margin-inline:18px}.public-summary>div{border-right:0;border-bottom:1px solid var(--border)}.public-summary>div:last-child{border-bottom:0}.public-grid{grid-template-columns:1fr}.public-map:nth-child(odd){border-right:0}.public-map:nth-last-child(2){border-bottom:1px solid var(--border-soft)}.join-hero,.join-directory{padding-inline:18px}}@media (width<=540px){.public-header{height:84px}.public-header .brand{font-size:23px}.public-header .button{width:42px;padding:0;font-size:0}.public-actions{gap:7px}.public-hero{flex-direction:column;align-items:flex-start;padding-top:44px}.public-map{flex-direction:column;align-items:flex-start;gap:7px}.login-page{padding:14px}.login-panel{padding:20px}.topbar{height:56px}.cluster-name{font-size:13px}.console-panel>header{flex-direction:column}.console-tools{justify-content:flex-start}.console-tools label:not(.switch),.console-tools select{width:100%}.log-view{height:340px}.maintenance-list article{grid-template-columns:28px 1fr}.maintenance-list article .button{grid-column:1/-1}.backup-detail{grid-template-columns:35px 1fr}.backup-detail>.status{grid-column:1/-1}.settings-list>div{grid-template-columns:1fr;gap:6px}.settings-list span{grid-row:auto}.modal footer{flex-direction:column-reverse}.modal footer .button{width:100%}.join-hero{align-items:start;padding-top:42px}.join-hero h1{font-size:42px}.join-hero>svg{width:34px;height:34px;margin:4px 0 0}.join-steps{grid-template-columns:1fr}.join-steps article,.join-steps article:nth-child(2){border-right:0;border-bottom:1px solid var(--border-soft);min-height:0;padding:20px 18px}.join-steps article:last-child{border-bottom:0}.join-directory{padding-top:34px;padding-bottom:42px}.join-directory .section-title{flex-direction:column;align-items:flex-start;gap:6px}.join-map-row{padding:16px}.join-credentials{grid-template-columns:1fr;gap:12px}.join-mods{grid-template-columns:1fr;margin-bottom:42px;padding:22px 18px}.join-mods>.button{justify-self:start}.mod-drawer-head{flex-direction:column;align-items:flex-start}.mod-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}