:root{--bg:#080305;--panel:#16090f;--panel2:#211018;--text:#fff8eb;--muted:#bba7aa;--blue:#f5a623;--blue2:#ffe24a;--green:#45df98;--red:#e6405c;--border:rgba(255,226,166,.10);--gold:#f5a623;--gold-bright:#ffe24a;--orange:#ef6b24;--wine:#7f172b;--wine-dark:#2c0a13;--cyan:#35ddf7;--violet:#a64df4;--ink:#080305;--glass:rgba(28,10,17,.78)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(21,92,255,.2),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1260px;margin:auto;padding:0 28px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#6a42ff);box-shadow:0 0 28px rgba(21,92,255,.4)}nav{display:flex;align-items:center;gap:22px;color:#cbd5e8;font-size:14px}.inline-form{display:inline}.nav-button{border:0;background:none;color:#cbd5e8;cursor:pointer;font:inherit}.page-shell{max-width:1200px;margin:auto;padding:70px 28px 100px}.hero{padding:80px 0 90px;max-width:900px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--blue2);font-weight:800;margin-bottom:18px}.hero h1,.dashboard-head h1,.server-hero h1,.center-card h1{font-size:clamp(42px,7vw,82px);line-height:1.02;margin:0 0 24px;letter-spacing:-.045em}.hero h1 span,.dashboard-head h1 span,.center-card h1 span{color:var(--blue2)}.hero p,.dashboard-head p,.center-card p{font-size:18px;line-height:1.7;color:var(--muted);max-width:720px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:36px}.primary-button,.discord-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:13px;background:var(--blue);font-weight:750;box-shadow:0 12px 35px rgba(21,92,255,.25);transition:.2s transform,.2s background}.discord-button{background:#5865f2}.discord-button.small{padding:10px 15px;font-size:13px}.primary-button:hover,.discord-button:hover{transform:translateY(-2px);background:var(--blue2)}.hint,.muted{color:var(--muted);font-size:14px}code{background:#111a2b;border:1px solid var(--border);padding:3px 7px;border-radius:7px;color:#cfe0ff}.feature-grid,.server-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.server-card,.detail-card,.profile-card,.section-block,.center-card{background:linear-gradient(145deg,rgba(16,24,39,.95),rgba(7,12,22,.95));border:1px solid var(--border);border-radius:22px}.feature-card{padding:28px}.feature-card h2{font-size:18px}.feature-card p{color:var(--muted);line-height:1.6}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:38px}.dashboard-head h1{font-size:50px}.profile-card{display:flex;align-items:center;gap:14px;padding:14px 18px;min-width:240px}.profile-card img,.avatar-fallback{width:46px;height:46px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:var(--blue);font-weight:800}.profile-card div{display:flex;flex-direction:column}.profile-card small,.account-row small{color:var(--muted);margin-top:4px}.section-block{padding:25px;margin-top:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{margin:0;font-size:20px}.section-title span{padding:5px 10px;border-radius:999px;background:rgba(21,92,255,.15);color:#9fbcff}.account-list{display:grid;gap:10px}.account-row{display:flex;align-items:center;gap:14px;padding:13px;border-radius:14px;background:rgba(255,255,255,.03)}.minecraft-head{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:#398447;font-weight:800}.account-row>div:last-child{display:flex;flex-direction:column}.server-card{padding:20px;transition:.2s transform,.2s border}.server-card:hover{transform:translateY(-3px);border-color:rgba(77,131,255,.5)}.server-card-top,.server-meta{display:flex;justify-content:space-between;gap:10px}.server-name{font-weight:800;font-size:19px}.server-meta{color:var(--muted);font-size:13px;margin:18px 0}.server-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#cfe0ff}.status{font-size:11px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);text-transform:uppercase;font-weight:800;letter-spacing:.04em}.status-running{background:rgba(45,216,129,.14);color:var(--green)}.status-stopped{color:#aab5c8}.status-starting,.status-installing,.status-provisioning{color:#ffd266;background:rgba(255,210,102,.12)}.status-error,.status-suspended{color:var(--red);background:rgba(255,92,114,.12)}.status.large{font-size:13px;padding:9px 13px}.empty-state{text-align:center;padding:38px;color:var(--muted);border:1px dashed var(--border);border-radius:16px}.empty-state h3{color:var(--text)}.empty-state.compact{padding:20px}.alert{padding:14px 18px;border-radius:13px;margin-bottom:16px}.alert.success{background:rgba(45,216,129,.11);color:#91f1bd;border:1px solid rgba(45,216,129,.2)}.alert.error{background:rgba(255,92,114,.1);color:#ff9caa;border:1px solid rgba(255,92,114,.2)}.center-card{max-width:620px;margin:70px auto;text-align:center;padding:55px}.center-card h1{font-size:44px}.status-icon{width:64px;height:64px;margin:0 auto 25px;display:grid;place-items:center;border-radius:18px;background:rgba(21,92,255,.15);color:var(--blue2);font-size:28px;font-weight:900}.status-icon.error{background:rgba(255,92,114,.12);color:var(--red)}.back-link{display:inline-block;color:var(--muted);margin-bottom:28px}.server-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.server-hero h1{font-size:56px}.server-hero p{color:var(--muted)}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-card{padding:25px}.detail-card h2{margin-top:0}.detail-card dl{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;margin:0}.detail-card dt{color:var(--muted)}.detail-card dd{margin:0;text-align:right}.activity-list{display:grid;gap:9px}.activity-list>div{display:flex;justify-content:space-between;padding:12px 3px;border-bottom:1px solid var(--border)}.activity-list span{color:var(--muted);font-size:13px}footer{max-width:1200px;margin:auto;padding:28px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font-size:13px}@media(max-width:850px){.feature-grid,.server-grid,.detail-grid{grid-template-columns:1fr}.dashboard-head,.server-hero{flex-direction:column}.profile-card{width:100%}.site-header nav>a:not(.discord-button){display:none}.page-shell{padding-top:40px}.hero{padding-top:45px}.dashboard-head h1{font-size:40px}.center-card{padding:32px 22px}.detail-card dl{grid-template-columns:1fr}.detail-card dd{text-align:left}}
.power-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px;margin-bottom:22px;background:linear-gradient(145deg,rgba(16,24,39,.95),rgba(7,12,22,.95));border:1px solid var(--border);border-radius:22px}.power-copy{max-width:650px}.power-copy p{margin:8px 0 0;color:var(--muted);line-height:1.6}.compact-title{margin-bottom:0}.power-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.power-button{border:1px solid var(--border);border-radius:12px;padding:12px 18px;color:var(--text);background:rgba(255,255,255,.05);font:inherit;font-weight:800;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.power-button:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(255,255,255,.2)}.power-button.start{background:rgba(45,216,129,.13);color:#91f1bd;border-color:rgba(45,216,129,.22)}.power-button.stop{background:rgba(255,92,114,.11);color:#ff9caa;border-color:rgba(255,92,114,.2)}.power-button.restart{background:rgba(77,131,255,.13);color:#afc6ff;border-color:rgba(77,131,255,.25)}.power-button:disabled{opacity:.35;cursor:not-allowed}.inline-form input[type=hidden]{display:none}@media(max-width:850px){.power-panel{align-items:stretch;flex-direction:column}.power-actions{justify-content:stretch}.power-button{flex:1}}

/* Portal 0.4.0: server tabs, backups and live console */
.server-tabs{display:flex;gap:8px;margin:-4px 0 24px;padding:6px;width:max-content;max-width:100%;overflow-x:auto;background:rgba(10,16,29,.86);border:1px solid var(--border);border-radius:15px}.server-tabs a{padding:10px 17px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:750;white-space:nowrap;transition:.18s background,.18s color}.server-tabs a:hover{color:var(--text);background:rgba(255,255,255,.04)}.server-tabs a.active{color:#dbe7ff;background:rgba(21,92,255,.18);box-shadow:inset 0 0 0 1px rgba(77,131,255,.25)}
.management-hero{display:flex;justify-content:space-between;gap:28px;padding:25px;margin-bottom:22px;background:linear-gradient(145deg,rgba(16,24,39,.95),rgba(7,12,22,.95));border:1px solid var(--border);border-radius:22px}.management-hero p,.section-subtitle{margin:8px 0 0;color:var(--muted);line-height:1.6}.connection-state{background:rgba(255,92,114,.1)!important;color:#ff9caa!important}.connection-state.connected{background:rgba(45,216,129,.13)!important;color:#91f1bd!important}
.backup-create-panel{margin-top:0}.backup-create-form{display:grid;grid-template-columns:minmax(220px,1fr) 1.5fr auto;gap:16px;align-items:end}.backup-create-form label{display:flex;flex-direction:column;gap:8px}.backup-create-form label>span{font-size:13px;color:#cbd5e8;font-weight:700}.backup-create-form input[type=text],.backup-create-form textarea,.console-command input{width:100%;border:1px solid var(--border);background:#080d17;color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;outline:none;transition:.18s border,.18s box-shadow}.backup-create-form input[type=text]:focus,.backup-create-form textarea:focus,.console-command input:focus{border-color:rgba(77,131,255,.7);box-shadow:0 0 0 3px rgba(21,92,255,.14)}.backup-create-form textarea{resize:vertical;min-height:84px}.check-field{grid-column:1/3;display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;color:var(--muted)}.check-field input,.mini-check input{accent-color:var(--blue)}.button-control{border:0;cursor:pointer;font:inherit}.backup-list{display:grid;gap:12px}.backup-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.backup-card-main{display:flex;align-items:flex-start;gap:15px;min-width:0}.backup-card-main>div:last-child{min-width:0}.backup-icon{flex:0 0 auto;width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:rgba(21,92,255,.16);color:#a9c2ff;font-weight:900}.backup-icon.locked{background:rgba(255,210,102,.12);color:#ffd266}.backup-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.backup-title-row h3{margin:0;font-size:17px}.backup-card p{margin:6px 0 10px;color:var(--muted);font-size:13px}.backup-card code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-status{font-size:10px;font-weight:900;letter-spacing:.05em;padding:5px 8px;border-radius:999px}.backup-status-completed{background:rgba(45,216,129,.12);color:#91f1bd}.backup-status-creating{background:rgba(255,210,102,.11);color:#ffd266}.backup-status-failed{background:rgba(255,92,114,.1);color:#ff9caa}.backup-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.backup-actions form{display:flex;align-items:center;gap:8px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:rgba(255,255,255,.045);color:#dce6f7;border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.18s transform,.18s border}.secondary-button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(255,255,255,.2)}.secondary-button.warning{color:#ffd266;border-color:rgba(255,210,102,.2)}.secondary-button.danger{color:#ff9caa;border-color:rgba(255,92,114,.18)}.secondary-button:disabled{opacity:.35;cursor:not-allowed}.mini-check{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}
.console-shell{overflow:hidden;border-radius:22px;background:#05080e;border:1px solid rgba(255,255,255,.09);box-shadow:0 25px 80px rgba(0,0,0,.35)}.console-toolbar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:#0b111c;border-bottom:1px solid var(--border);font-size:13px;color:#b9c6da}.console-dots{display:flex;gap:7px}.console-dots span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.console-dots span:nth-child(2){background:#febc2e}.console-dots span:nth-child(3){background:#28c840}.console-tool-button{justify-self:end;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--muted);border-radius:8px;padding:7px 10px;font:inherit;cursor:pointer}.console-output{height:min(58vh,620px);min-height:380px;margin:0;padding:20px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#d6e1f0;background:radial-gradient(circle at 80% 0,rgba(21,92,255,.06),transparent 38%),#05080e;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;scrollbar-color:#283550 transparent}.console-command{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;border-top:1px solid var(--border);background:#090e18}.command-prefix{color:var(--blue2);font:800 22px ui-monospace,monospace}.console-command input{border:0;background:transparent;padding:9px 2px;box-shadow:none!important}.console-command button{border:0;border-radius:10px;padding:10px 17px;background:var(--blue);color:white;font:inherit;font-weight:800;cursor:pointer}.command-feedback{min-height:25px;padding:0 16px 12px;background:#090e18;color:var(--muted);font-size:12px}.command-feedback.success{color:#91f1bd}.command-feedback.error{color:#ff9caa}
@media(max-width:980px){.backup-create-form{grid-template-columns:1fr}.check-field{grid-column:auto}.backup-card{align-items:stretch;flex-direction:column}.backup-actions{justify-content:flex-start}}
@media(max-width:600px){.server-tabs{width:100%}.server-tabs a{flex:1;text-align:center}.backup-actions,.backup-actions form{width:100%}.backup-actions form:not(:has(.mini-check)) .secondary-button,.backup-actions>a{flex:1}.backup-actions form:has(.mini-check){align-items:flex-start;flex-direction:column}.console-output{min-height:330px;height:52vh}.console-command{grid-template-columns:auto 1fr}.console-command button{grid-column:1/3;width:100%}}

/* Portal 0.4.1: shared power controls, restore progress and styled confirmations */
.alert.info{display:flex;align-items:flex-start;gap:10px;background:rgba(77,131,255,.1);color:#b9ceff;border:1px solid rgba(77,131,255,.22)}
.alert.info strong{color:#e0e9ff;white-space:nowrap}.alert.info span{color:#aebbd0}
.restore-progress{position:relative;overflow:hidden}.restore-progress::after{content:"";position:absolute;left:0;bottom:0;width:38%;height:2px;background:linear-gradient(90deg,transparent,var(--blue2),transparent);animation:restore-progress 1.8s ease-in-out infinite}
@keyframes restore-progress{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}
.confirm-dialog{width:min(92vw,470px);padding:0;border:0;border-radius:22px;background:transparent;color:var(--text);box-shadow:0 35px 120px rgba(0,0,0,.65)}
.confirm-dialog::backdrop{background:rgba(1,4,10,.76);backdrop-filter:blur(5px)}
.confirm-card{display:grid;grid-template-columns:auto 1fr;gap:17px;padding:25px;background:linear-gradient(145deg,#111a2a,#080d17);border:1px solid rgba(255,255,255,.1);border-radius:22px}
.confirm-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,210,102,.12);border:1px solid rgba(255,210,102,.2);color:#ffd266;font-size:22px;font-weight:900}
.confirm-icon.danger{background:rgba(255,92,114,.11);border-color:rgba(255,92,114,.2);color:#ff9caa}.confirm-icon.warning{background:rgba(255,210,102,.12);border-color:rgba(255,210,102,.2);color:#ffd266}
.confirm-copy h2{margin:2px 0 8px;font-size:21px}.confirm-copy p{margin:0;color:var(--muted);line-height:1.6}
.confirm-actions{grid-column:1/3;display:flex;justify-content:flex-end;gap:10px;margin-top:7px}
.confirm-submit{border:1px solid rgba(255,210,102,.22);border-radius:10px;padding:10px 15px;background:rgba(255,210,102,.12);color:#ffd266;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.confirm-submit.danger{border-color:rgba(255,92,114,.22);background:rgba(255,92,114,.12);color:#ff9caa}.confirm-submit.warning{border-color:rgba(255,210,102,.22);background:rgba(255,210,102,.12);color:#ffd266}
@media(max-width:600px){.alert.info{flex-direction:column}.confirm-card{grid-template-columns:1fr}.confirm-icon{width:42px;height:42px}.confirm-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.confirm-actions button{width:100%}}

/* Portal 0.5.0: stable live UI, refined modal and activity timeline */
body.modal-open{overflow:hidden}.status-stopping,.status-resetting,.status-restoring{color:#ffd266;background:rgba(255,210,102,.12)}
.connection-state.reconnecting{background:rgba(255,210,102,.11)!important;color:#ffd266!important}
.quick-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-link-grid a{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025);transition:.18s transform,.18s border-color,.18s background}.quick-link-grid a:hover{transform:translateY(-2px);border-color:rgba(77,131,255,.42);background:rgba(21,92,255,.06)}.quick-link-grid strong{font-size:15px}.quick-link-grid span{color:var(--muted);font-size:13px;line-height:1.5}
.confirm-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(1,4,10,.76);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease}.confirm-overlay[hidden]{display:none}.confirm-overlay.visible{opacity:1}.confirm-modal{position:relative;width:min(92vw,520px);display:grid;grid-template-columns:auto 1fr;gap:18px;padding:30px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(77,131,255,.15),transparent 38%),linear-gradient(145deg,#111a2a,#070b13);box-shadow:0 45px 140px rgba(0,0,0,.7),0 0 0 1px rgba(21,92,255,.08);transform:translateY(12px) scale(.98);transition:transform .18s ease}.confirm-overlay.visible .confirm-modal{transform:translateY(0) scale(1)}.confirm-glow{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--blue2),transparent)}.confirm-modal.danger .confirm-glow{background:linear-gradient(90deg,transparent,var(--red),transparent)}.confirm-modal.warning .confirm-glow{background:linear-gradient(90deg,transparent,#ffd266,transparent)}.confirm-close{position:absolute;top:15px;right:16px;width:35px;height:35px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.035);color:var(--muted);font:300 23px/1 system-ui;cursor:pointer;transition:.18s background,.18s color}.confirm-close:hover{background:rgba(255,255,255,.08);color:var(--text)}.confirm-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:27px;font-weight:900;box-shadow:inset 0 0 0 1px currentColor}.confirm-icon.warning{background:rgba(255,210,102,.1);color:#ffd266}.confirm-icon.danger{background:rgba(255,92,114,.1);color:#ff9caa}.confirm-icon.info{background:rgba(77,131,255,.11);color:#afc6ff}.confirm-copy{padding:2px 36px 0 0}.confirm-kicker{display:block;margin-bottom:8px;color:var(--blue2);font-size:10px;font-weight:900;letter-spacing:.16em}.confirm-modal.warning .confirm-kicker{color:#ffd266}.confirm-modal.danger .confirm-kicker{color:#ff9caa}.confirm-copy h2{margin:0 0 9px;font-size:25px;letter-spacing:-.02em}.confirm-copy p{margin:0;color:#aeb9ca;line-height:1.65}.confirm-actions{grid-column:1/3;display:flex;justify-content:flex-end;gap:11px;margin-top:10px;padding-top:18px;border-top:1px solid var(--border)}.modal-button{min-width:112px;border:1px solid var(--border);border-radius:12px;padding:11px 17px;font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.modal-button:hover{transform:translateY(-1px)}.modal-button.secondary{background:rgba(255,255,255,.04);color:#dbe5f5}.modal-button.primary.warning{background:rgba(255,210,102,.12);border-color:rgba(255,210,102,.24);color:#ffd266}.modal-button.primary.danger{background:rgba(255,92,114,.13);border-color:rgba(255,92,114,.25);color:#ff9caa}.modal-button.primary.info{background:rgba(77,131,255,.14);border-color:rgba(77,131,255,.28);color:#b6cbff}
.live-status{position:fixed;z-index:90;right:18px;bottom:18px;display:grid;grid-template-columns:auto auto;column-gap:8px;row-gap:1px;align-items:center;min-width:210px;padding:11px 14px;border:1px solid rgba(45,216,129,.18);border-radius:14px;background:rgba(7,12,22,.9);box-shadow:0 16px 45px rgba(0,0,0,.38);backdrop-filter:blur(12px);font-size:12px}.live-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(45,216,129,.65)}.live-label{color:#dce8f8}.live-time{color:var(--muted);font-size:10px}.live-status[data-state=loading] .live-dot{background:#ffd266;box-shadow:0 0 14px rgba(255,210,102,.5);animation:live-pulse 1s infinite}.live-status[data-state=error]{border-color:rgba(255,92,114,.2)}.live-status[data-state=error] .live-dot{background:var(--red);box-shadow:0 0 14px rgba(255,92,114,.5)}@keyframes live-pulse{50%{opacity:.35}}
.activity-timeline{display:grid;gap:12px}.activity-event{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.022)}.activity-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.055);color:#cbd8eb;font-weight:900}.activity-success .activity-icon{background:rgba(45,216,129,.11);color:#91f1bd}.activity-danger .activity-icon{background:rgba(255,92,114,.1);color:#ff9caa}.activity-warning .activity-icon{background:rgba(255,210,102,.1);color:#ffd266}.activity-info .activity-icon{background:rgba(77,131,255,.12);color:#afc6ff}.activity-copy{min-width:0}.activity-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.activity-title-row strong{font-size:15px}.activity-title-row time{flex:0 0 auto;color:var(--muted);font-size:11px}.activity-copy p{margin:6px 0 8px;color:var(--muted);font-size:13px}.activity-copy code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#8ea3c3}
@media(max-width:760px){.quick-link-grid{grid-template-columns:1fr}.confirm-modal{grid-template-columns:1fr;padding:25px}.confirm-copy{padding-right:25px}.confirm-icon{width:49px;height:49px}.confirm-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.modal-button{min-width:0}.live-status{right:12px;bottom:12px;min-width:190px}.activity-title-row{flex-direction:column;gap:5px}}

/* Portal 0.6.0 — CreatorCraft Cosmic Ember branding */
html{scroll-behavior:smooth}body{position:relative;isolation:isolate;background:
radial-gradient(circle at 8% 3%,rgba(53,221,247,.14),transparent 24rem),
radial-gradient(circle at 92% 2%,rgba(166,77,244,.13),transparent 27rem),
radial-gradient(circle at 50% -8%,rgba(245,166,35,.15),transparent 35rem),
linear-gradient(180deg,#080305 0%,#11060b 48%,#080305 100%);color:var(--text)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 75%)}
body::after{content:"";position:fixed;z-index:-1;left:-14rem;bottom:-18rem;width:48rem;height:48rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(53,221,247,.1),transparent 62%);filter:blur(12px)}
::selection{background:rgba(245,166,35,.35);color:#fff}
a,button,input,textarea{outline-color:var(--gold)}

.site-header{position:sticky;top:14px;z-index:100;width:calc(100% - 32px);height:82px;max-width:1260px;margin:14px auto 0;padding:0 22px;border:1px solid rgba(255,225,159,.12);border-radius:22px;background:linear-gradient(135deg,rgba(31,10,17,.9),rgba(10,4,8,.83));box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px)}
.site-header::after{content:"";position:absolute;inset:auto 24px -1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),var(--violet),transparent);opacity:.7}
.brand{gap:13px}.brand-logo{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(245,166,35,.23))}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:19px;letter-spacing:-.02em}.brand-copy small{color:#c9adb2;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.site-header nav{gap:10px}.nav-link,.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:12px;color:#e8dce0;font-size:13px;font-weight:780;transition:.18s background,.18s border-color,.18s transform}.nav-link:hover,.nav-button:hover{border-color:rgba(245,166,35,.2);background:rgba(245,166,35,.07);color:#fff;transform:translateY(-1px)}
.page-shell{max-width:1200px;padding-top:58px}

.hero-branded{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:38px;max-width:none;padding:54px 0 84px}.hero-copy{position:relative;z-index:2}.hero-art{position:relative;display:grid;place-items:center;min-height:490px}.hero-art::before,.hero-art::after{content:"";position:absolute;border-radius:50%;filter:blur(22px)}.hero-art::before{width:72%;height:72%;background:radial-gradient(circle,rgba(245,166,35,.24),rgba(166,77,244,.08) 45%,transparent 70%)}.hero-art::after{right:4%;bottom:8%;width:42%;height:42%;background:radial-gradient(circle,rgba(53,221,247,.18),transparent 68%)}.hero-art img{position:relative;z-index:2;width:min(100%,570px);filter:drop-shadow(0 38px 60px rgba(0,0,0,.55)) drop-shadow(0 0 38px rgba(245,166,35,.12));animation:brand-float 6s ease-in-out infinite}.hero-logo-orbit{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(255,226,74,.12);border-radius:50%;box-shadow:0 0 80px rgba(166,77,244,.08),inset 0 0 60px rgba(53,221,247,.05);animation:brand-spin 24s linear infinite}.hero-logo-orbit::before,.hero-logo-orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 0 20px currentColor}.hero-logo-orbit::before{left:8%;top:22%;color:var(--cyan);background:currentColor}.hero-logo-orbit::after{right:9%;bottom:18%;color:var(--violet);background:currentColor}@keyframes brand-float{50%{transform:translateY(-12px) rotate(-.6deg)}}@keyframes brand-spin{to{transform:rotate(360deg)}}
.eyebrow{color:var(--gold-bright);text-shadow:0 0 24px rgba(245,166,35,.26)}.hero h1,.dashboard-head h1,.server-hero h1,.center-card h1{color:#fff8ec}.hero h1 span,.dashboard-head h1 span,.center-card h1 span{background:linear-gradient(90deg,var(--gold-bright),var(--gold),#ff6b2c);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.dashboard-head p,.center-card p{color:#c4afb3}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-pills span{padding:8px 11px;border:1px solid rgba(255,220,135,.11);border-radius:999px;background:rgba(255,255,255,.025);color:#d9c7c9;font-size:11px;font-weight:760}.hero-pills span:nth-child(2n){border-color:rgba(53,221,247,.14)}
.primary-button{position:relative;overflow:hidden;color:#2a1100;background:linear-gradient(135deg,var(--gold-bright),var(--gold) 52%,var(--orange));box-shadow:0 14px 38px rgba(245,166,35,.22),inset 0 1px rgba(255,255,255,.46)}.primary-button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35),transparent 70%);transform:translateX(-120%);transition:.5s transform}.primary-button:hover{color:#220c00;background:linear-gradient(135deg,#fff27c,var(--gold) 58%,#ff752b);box-shadow:0 18px 50px rgba(245,166,35,.3)}.primary-button:hover::after{transform:translateX(120%)}
.discord-button{border:1px solid rgba(177,142,255,.2);background:linear-gradient(135deg,#6d58ef,#8e47ef);box-shadow:0 14px 36px rgba(125,69,239,.22)}.discord-button:hover{background:linear-gradient(135deg,#8069ff,#a856ff)}
code{border-color:rgba(245,166,35,.16);background:rgba(245,166,35,.07);color:#ffe49c}

.feature-card,.server-card,.detail-card,.profile-card,.section-block,.center-card,.power-panel,.management-hero{position:relative;overflow:hidden;border-color:rgba(255,224,154,.1);background:linear-gradient(145deg,rgba(38,12,20,.88),rgba(12,5,9,.92));box-shadow:0 22px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.feature-card::before,.server-card::before,.detail-card::before,.section-block::before,.power-panel::before,.management-hero::before,.center-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.7),rgba(53,221,247,.45),transparent);opacity:.75}.feature-card{min-height:210px;padding:30px}.feature-card:nth-child(2)::before{background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent)}.feature-card:nth-child(3)::before{background:linear-gradient(90deg,transparent,var(--violet),var(--gold),transparent)}.feature-card h2{margin:18px 0 8px;font-size:20px}.feature-number{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid rgba(245,166,35,.18);border-radius:12px;background:rgba(245,166,35,.08);color:var(--gold-bright);font-size:11px;font-weight:900;letter-spacing:.08em}.feature-card p{color:#bda8ad}.feature-card:hover{transform:translateY(-5px);border-color:rgba(245,166,35,.24);box-shadow:0 30px 90px rgba(0,0,0,.3),0 0 40px rgba(245,166,35,.05)}

.profile-card{border-color:rgba(53,221,247,.12);background:linear-gradient(145deg,rgba(34,13,24,.94),rgba(11,5,9,.96))}.profile-card img,.avatar-fallback{box-shadow:0 0 0 2px rgba(245,166,35,.45),0 0 24px rgba(245,166,35,.14)}.avatar-fallback{background:linear-gradient(135deg,var(--wine),var(--orange))}.section-title span{background:rgba(245,166,35,.1);color:#ffdc7a;border:1px solid rgba(245,166,35,.12)}.account-row{border:1px solid rgba(255,255,255,.035);background:rgba(255,255,255,.025)}.minecraft-head{background:linear-gradient(135deg,#2e9950,#56c96d);box-shadow:0 7px 18px rgba(69,223,152,.12)}
.server-card:hover{border-color:rgba(245,166,35,.34);box-shadow:0 24px 60px rgba(0,0,0,.26),0 0 0 1px rgba(245,166,35,.06)}.server-address{color:#ffe2a0}.status{border:1px solid rgba(255,255,255,.05)}.status-running{border-color:rgba(69,223,152,.15);background:rgba(69,223,152,.11);color:#82f3bc}.status-starting,.status-installing,.status-provisioning,.status-stopping,.status-resetting,.status-restoring{border-color:rgba(245,166,35,.15);background:rgba(245,166,35,.1);color:#ffd56d}.status-error,.status-suspended{border-color:rgba(230,64,92,.16);background:rgba(230,64,92,.1);color:#ff879b}.status-stopped{color:#c5afb4;background:rgba(255,255,255,.035)}
.alert.success{background:rgba(69,223,152,.09);border-color:rgba(69,223,152,.18);color:#9cf2c5}.alert.error{background:rgba(230,64,92,.09);border-color:rgba(230,64,92,.18);color:#ff9bac}.alert.info{background:rgba(53,221,247,.07);border-color:rgba(53,221,247,.16);color:#b9f7ff}.alert.info strong{color:#effdff}.alert.info span{color:#b7dadd}

.server-hero{position:relative;padding:30px;border:1px solid rgba(255,224,154,.1);border-radius:24px;background:radial-gradient(circle at 82% 10%,rgba(245,166,35,.14),transparent 32%),linear-gradient(135deg,rgba(39,12,20,.88),rgba(11,5,9,.94));box-shadow:0 22px 70px rgba(0,0,0,.22)}.server-hero-identity{display:flex;align-items:center;gap:22px;min-width:0}.server-hero-icon{flex:0 0 auto;width:88px;height:88px;border-radius:18px;object-fit:cover;image-rendering:pixelated;border:1px solid rgba(255,226,166,.17);background:#111;box-shadow:0 16px 34px rgba(0,0,0,.36),0 0 0 4px rgba(245,166,35,.035)}.server-hero-copy{min-width:0}.server-hero-copy .eyebrow{margin-bottom:10px}.server-hero-copy h1{margin-bottom:9px}.server-hero-version{margin:0;color:var(--muted)}.server-hero-motd{max-width:720px;margin:10px 0 0!important;color:#eadadd!important;font-size:15px;line-height:1.55;white-space:pre-line}.back-link{transition:.18s color,.18s transform}.back-link:hover{color:var(--gold-bright);transform:translateX(-3px)}
.server-tabs{border-color:rgba(255,225,155,.09);background:rgba(21,7,13,.82);box-shadow:inset 0 1px rgba(255,255,255,.025)}.server-tabs a:hover{color:#fff;background:rgba(245,166,35,.06)}.server-tabs a.active{color:#2b1200;background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:0 8px 20px rgba(245,166,35,.15),inset 0 1px rgba(255,255,255,.45)}
.quick-link-grid a{border-color:rgba(255,225,155,.08);background:rgba(255,255,255,.018)}.quick-link-grid a:hover{border-color:rgba(245,166,35,.28);background:linear-gradient(135deg,rgba(245,166,35,.07),rgba(166,77,244,.035));box-shadow:0 14px 35px rgba(0,0,0,.18)}

.power-button{border-color:rgba(255,226,168,.09);background:rgba(255,255,255,.03)}.power-button.start{border-color:rgba(69,223,152,.2);background:rgba(69,223,152,.1);color:#98f2c4}.power-button.stop{border-color:rgba(230,64,92,.2);background:rgba(230,64,92,.09);color:#ff96a8}.power-button.restart{border-color:rgba(166,77,244,.22);background:rgba(166,77,244,.1);color:#d8afff}.power-button:hover:not(:disabled){border-color:rgba(245,166,35,.26);box-shadow:0 10px 28px rgba(0,0,0,.18)}

.backup-create-form input[type=text],.backup-create-form textarea,.console-command input{border-color:rgba(255,226,166,.1);background:#0c0508}.backup-create-form input[type=text]:focus,.backup-create-form textarea:focus,.console-command input:focus{border-color:rgba(245,166,35,.58);box-shadow:0 0 0 3px rgba(245,166,35,.1)}.backup-card{border-color:rgba(255,226,166,.08);background:rgba(255,255,255,.018)}.backup-card:hover{border-color:rgba(245,166,35,.18)}.backup-icon{background:linear-gradient(135deg,rgba(245,166,35,.15),rgba(239,107,36,.09));color:#ffd77a}.backup-icon.locked{background:rgba(166,77,244,.1);color:#d9b6ff}.secondary-button{border-color:rgba(255,226,166,.1);background:rgba(255,255,255,.025);color:#f5e8dc}.secondary-button:hover{border-color:rgba(245,166,35,.24);background:rgba(245,166,35,.06)}.secondary-button.warning{color:#ffd770}.secondary-button.danger{color:#ff93a6}

.console-shell{overflow:hidden;border-color:rgba(245,166,35,.16);background:#080305;box-shadow:0 30px 100px rgba(0,0,0,.42),0 0 70px rgba(166,77,244,.045)}.console-toolbar{border-color:rgba(255,226,166,.08);background:linear-gradient(90deg,#17080e,#0a0407)}.console-dots span:nth-child(1){background:#e6405c}.console-dots span:nth-child(2){background:#f5a623}.console-dots span:nth-child(3){background:#45df98}.console-output{background:radial-gradient(circle at 90% 0,rgba(166,77,244,.05),transparent 35%),#060204;color:#eaded5;scrollbar-color:#562233 transparent}.console-command{border-color:rgba(255,226,166,.08);background:#0b0407}.command-prefix{color:var(--gold-bright)}.console-command button{color:#2a1100;background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:0 8px 22px rgba(245,166,35,.14)}.command-feedback{background:#0b0407}.connection-state.connected{background:rgba(69,223,152,.11)!important;color:#9af0c4!important}.connection-state.reconnecting{background:rgba(245,166,35,.1)!important;color:#ffd66f!important}

.activity-event{border-color:rgba(255,226,166,.07);background:rgba(255,255,255,.018)}.activity-event:hover{border-color:rgba(245,166,35,.14);background:rgba(245,166,35,.025)}.activity-icon{background:rgba(245,166,35,.08);color:#ffdc82}.activity-success .activity-icon{background:rgba(69,223,152,.1);color:#9cf1c6}.activity-danger .activity-icon{background:rgba(230,64,92,.1);color:#ff9daf}.activity-warning .activity-icon{background:rgba(245,166,35,.11);color:#ffd875}.activity-info .activity-icon{background:rgba(53,221,247,.08);color:#a8f6ff}.activity-copy code{color:#d6b69f}

.confirm-overlay{background:rgba(7,2,5,.8)}.confirm-modal{border-color:rgba(255,222,151,.14);background:radial-gradient(circle at 100% 0,rgba(245,166,35,.16),transparent 38%),radial-gradient(circle at 0 100%,rgba(166,77,244,.08),transparent 42%),linear-gradient(145deg,#2a0d17,#0d0508);box-shadow:0 45px 140px rgba(0,0,0,.72),0 0 0 1px rgba(245,166,35,.05)}.confirm-glow{background:linear-gradient(90deg,transparent,var(--cyan),var(--gold-bright),var(--violet),transparent)}.confirm-close{border-color:rgba(255,226,166,.1)}.confirm-icon.warning{background:rgba(245,166,35,.1);color:#ffd66c}.confirm-icon.danger{background:rgba(230,64,92,.1);color:#ff94a7}.confirm-icon.info{background:rgba(53,221,247,.08);color:#adf7ff}.confirm-kicker{color:var(--gold-bright)}.modal-button.secondary{color:#f1e3e5}.modal-button.primary.warning{border-color:rgba(245,166,35,.25);background:rgba(245,166,35,.11);color:#ffd66e}.modal-button.primary.danger{border-color:rgba(230,64,92,.24);background:rgba(230,64,92,.11);color:#ff9aac}.modal-button.primary.info{border-color:rgba(53,221,247,.2);background:rgba(53,221,247,.08);color:#b5f8ff}

.center-card{border-color:rgba(245,166,35,.14);background:radial-gradient(circle at 50% 0,rgba(245,166,35,.13),transparent 33%),linear-gradient(145deg,rgba(39,12,20,.94),rgba(10,4,7,.97))}.branded-center-card{padding-top:38px}.center-brand-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.35))}.branded-center-card .status-icon{margin-top:-24px;position:relative;z-index:2}.status-icon{background:rgba(245,166,35,.11);color:var(--gold-bright)}

footer{align-items:center;border-color:rgba(255,225,155,.08)}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:46px;height:46px;object-fit:contain}.footer-brand span{display:flex;flex-direction:column;gap:2px}.footer-brand strong{color:#f9eee4}.footer-brand small,.footer-note{color:#9f888e;font-size:11px}

@media(max-width:980px){.hero-branded{grid-template-columns:1fr;padding-top:35px}.hero-art{order:-1;min-height:300px}.hero-art img{width:min(76vw,390px)}.hero-logo-orbit{width:min(68vw,360px)}.hero-copy{text-align:center}.hero-copy .hero-actions,.hero-pills{justify-content:center}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}}
@media(max-width:850px){.site-header{top:8px;width:calc(100% - 16px);margin-top:8px;padding:0 14px}.brand-logo{width:52px;height:52px}.brand-copy small{display:none}.site-header nav{gap:4px}.nav-link,.nav-button{padding:0 10px}.page-shell{padding-top:34px}.server-hero{padding:24px}.server-hero-identity{align-items:flex-start}.server-hero-icon{width:72px;height:72px;border-radius:15px}}
@media(max-width:600px){.brand-copy strong{font-size:16px}.discord-button.small{padding:10px 12px}.hero-branded{gap:6px;padding-bottom:58px}.hero-art{min-height:260px}.hero h1{font-size:clamp(38px,13vw,58px)}.hero p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .primary-button,.hero-actions .discord-button{width:100%}.feature-card{padding:24px}.server-tabs a{min-width:max-content}.footer-note{display:none}.center-brand-logo{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Portal 0.7.0: account-first dashboard, Minecraft skin heads and subdomain labels */
.minecraft-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.minecraft-account-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:17px;min-height:126px;padding:20px;border:1px solid rgba(255,226,166,.09);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(245,166,35,.1),transparent 42%),linear-gradient(145deg,rgba(37,12,21,.9),rgba(10,4,7,.96));transition:.2s transform,.2s border-color,.2s box-shadow}.minecraft-account-card:hover{transform:translateY(-3px);border-color:rgba(245,166,35,.3);box-shadow:0 24px 65px rgba(0,0,0,.3),0 0 35px rgba(245,166,35,.05)}.minecraft-skin-head,.account-hero-head{image-rendering:pixelated;object-fit:cover;background:#14080e;border:1px solid rgba(255,226,166,.18);box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 3px rgba(245,166,35,.07)}.minecraft-skin-head{width:74px;height:74px;border-radius:16px}.minecraft-account-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.minecraft-account-copy strong{font-size:20px}.minecraft-account-copy small{color:#c9afb4}.minecraft-account-copy code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:0;padding:0;color:#846d73;font-size:10px}.account-card-action{grid-column:2;color:#ffd774;font-size:12px;font-weight:850;letter-spacing:.02em}.account-hero{display:flex;align-items:center;gap:25px;margin-bottom:26px;padding:30px;border:1px solid rgba(255,224,154,.1);border-radius:24px;background:radial-gradient(circle at 82% 10%,rgba(53,221,247,.08),transparent 32%),linear-gradient(135deg,rgba(39,12,20,.88),rgba(11,5,9,.94))}.account-hero-head{width:106px;height:106px;border-radius:23px}.account-hero h1{margin:0 0 8px;font-size:clamp(34px,5vw,58px);letter-spacing:-.04em}.account-hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.65}.server-subdomain-badge{display:inline-flex;margin-top:13px;padding:5px 9px;border:1px solid rgba(53,221,247,.14);border-radius:999px;background:rgba(53,221,247,.06);color:#aff7ff;font-size:10px;font-weight:800}.minecraft-inline-account{display:flex;align-items:center;justify-content:flex-end;gap:8px}.minecraft-inline-account img{width:24px;height:24px;border-radius:6px;image-rendering:pixelated}.detail-card dd{word-break:break-word}
@media(max-width:850px){.minecraft-account-grid{grid-template-columns:1fr}.account-hero{align-items:flex-start}.minecraft-inline-account{justify-content:flex-start}}
@media(max-width:560px){.minecraft-account-card{grid-template-columns:auto 1fr;padding:16px}.minecraft-skin-head{width:62px;height:62px}.account-hero{flex-direction:column}.account-hero-head{width:88px;height:88px}.account-card-action{grid-column:1/3}}

/* Portal 0.8.1 — public network cards, web provisioning and server branding */
.network-join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 38px}
.network-join-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;min-height:190px;padding:25px;overflow:hidden;border:1px solid rgba(255,190,79,.2);border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(255,174,36,.13),transparent 42%),linear-gradient(145deg,rgba(44,12,17,.94),rgba(14,5,9,.94));box-shadow:0 25px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035)}
.network-join-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);opacity:.75}
.network-join-card.discord-join-card{border-color:rgba(174,80,255,.22);background:radial-gradient(circle at 100% 0,rgba(167,65,245,.17),transparent 43%),linear-gradient(145deg,rgba(39,10,27,.96),rgba(13,5,11,.95))}
.network-card-icon{position:relative;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(255,196,75,.25);border-radius:21px;background:linear-gradient(145deg,rgba(255,180,36,.18),rgba(122,25,36,.15));box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 0 20px rgba(255,194,70,.08);color:#ffd65c;font-size:30px;font-weight:950}
.network-card-icon.discord{border-color:rgba(190,91,255,.3);background:linear-gradient(145deg,rgba(174,67,247,.2),rgba(48,218,247,.1));color:#d7a6ff}
.network-card-copy{min-width:0}.network-card-kicker{display:block;margin-bottom:6px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.discord-join-card .network-card-kicker{color:#d49bff}.network-card-copy h2{margin:0 0 8px;font-size:24px}.network-address{margin:0 0 12px;color:#fff5df;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;overflow-wrap:anywhere}.network-presence{display:inline-flex;align-items:center;gap:8px;color:#d7e6d9;font-size:12px;font-weight:700}.network-presence i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(45,216,129,.7)}.network-presence.unavailable{color:var(--muted)}.network-presence.unavailable i{background:#80747a;box-shadow:none}
.network-action{display:inline-flex;justify-content:center;align-items:center;min-width:132px;border:1px solid rgba(255,191,64,.28);border-radius:14px;padding:12px 17px;background:linear-gradient(135deg,#f5a623,#ffca3d);box-shadow:0 12px 30px rgba(245,166,35,.14);color:#251006;font:inherit;font-size:13px;font-weight:950;cursor:pointer;transition:.18s transform,.18s filter}.network-action:hover{transform:translateY(-2px);filter:brightness(1.08)}.network-action.discord{border-color:rgba(207,145,255,.32);background:linear-gradient(135deg,#9147e8,#bd67ff);color:#fff}
.account-create-button{margin-left:auto;white-space:nowrap}.creation-request-section{margin-top:22px}.creation-request-list{display:grid;gap:11px}.creation-request-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:15px 17px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.022)}.creation-request-item strong{display:block}.creation-request-item small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.creation-request-item p{grid-column:1/3;margin:0;color:#ff9caa;font-size:12px}.request-status{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.055);color:#d9d3d3;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.request-pending,.request-processing{background:rgba(255,190,55,.1);color:#ffd66f}.request-completed{background:rgba(45,216,129,.1);color:#8fe9b6}.request-failed{background:rgba(255,92,114,.1);color:#ff9cab}
.create-server-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:20px}.stacked-form{display:grid;gap:11px}.stacked-form label{font-size:13px;font-weight:850}.stacked-form input[type=text],.stacked-form input[type=file],.stacked-form textarea{width:100%;border:1px solid rgba(255,200,105,.15);border-radius:13px;padding:13px 14px;background:rgba(0,0,0,.2);color:var(--text);font:inherit}.stacked-form textarea{resize:vertical}.stacked-form input:focus,.stacked-form textarea:focus{border-color:rgba(245,166,35,.55);box-shadow:0 0 0 3px rgba(245,166,35,.08)}.form-help{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.creation-info-card{padding:21px;border:1px solid rgba(53,221,247,.16);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(53,221,247,.11),transparent 48%),rgba(255,255,255,.022)}.creation-info-card strong{display:block;margin-bottom:10px}.creation-info-card p{margin:0 0 15px;color:var(--muted);line-height:1.65}.creation-info-card span{color:#9ceeff;font-size:12px;font-weight:800}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-editor{min-width:0}.server-icon-preview{width:106px;height:106px;display:grid;place-items:center;margin:4px 0 20px;border:1px solid rgba(255,190,70,.22);border-radius:22px;background:rgba(0,0,0,.22);box-shadow:inset 0 0 25px rgba(245,166,35,.06)}.server-icon-preview img{width:64px;height:64px;image-rendering:pixelated;border-radius:10px}.icon-placeholder{width:64px;height:64px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#f5a623,#941c31);color:#230b07;font-size:20px;font-weight:950}.inline-reset-form{margin-top:12px}.branding-note{margin-top:20px}.quick-link-grid.four-links{grid-template-columns:repeat(4,minmax(0,1fr))}
.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:22px;padding-top:19px;border-top:1px solid var(--border)}.pagination>a:last-child,.pagination>span:last-child{text-align:right}.pagination>div{display:flex;gap:7px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 11px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);color:#e8dcd8;font-size:12px;font-weight:800}.pagination a:hover,.pagination a.active{border-color:rgba(245,166,35,.45);background:rgba(245,166,35,.11);color:#ffd66f}.pagination .disabled{opacity:.38}
.minecraft-inline-account{display:flex;align-items:center;justify-content:flex-end;gap:8px}.minecraft-inline-account img{width:23px;height:23px;border-radius:5px;image-rendering:pixelated}
@media(max-width:900px){.network-join-grid,.settings-grid,.create-server-panel{grid-template-columns:1fr}.network-join-card{grid-template-columns:auto 1fr}.network-action{grid-column:1/3;width:100%}.quick-link-grid.four-links{grid-template-columns:repeat(2,1fr)}.account-create-button{margin-left:0}}
@media(max-width:600px){.network-join-card{grid-template-columns:1fr;text-align:center}.network-card-icon{margin:auto}.network-action{grid-column:1}.network-presence{justify-content:center}.quick-link-grid.four-links{grid-template-columns:1fr}.pagination{grid-template-columns:1fr;text-align:center}.pagination>a:last-child,.pagination>span:last-child{text-align:center}.pagination>div{justify-content:center}.creation-request-item{grid-template-columns:1fr}.creation-request-item p{grid-column:1}.minecraft-inline-account{justify-content:flex-start}}

/* Portal 0.8.1: branded server header without CC watermark */
@media(max-width:600px){.server-hero-identity{gap:15px}.server-hero-icon{width:64px;height:64px;border-radius:13px}.server-hero-copy h1{font-size:42px}.server-hero-motd{font-size:13px}}

/* Portal 0.8.2: larger server artwork and safe Minecraft MOTD formatting */
.server-hero-content{min-width:0;flex:1}.server-hero-content>.eyebrow{margin:0 0 12px 150px}.server-hero-identity{align-items:flex-start;gap:22px}.server-hero-icon{width:128px;height:128px;border-radius:22px}.server-hero-copy h1{margin-top:-7px}.server-hero-motd{display:block;max-width:760px;margin:10px 0 0!important;color:#eadadd!important;font-size:16px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.minecraft-motd-segment{font:inherit}.minecraft-obfuscated{filter:blur(1.2px);letter-spacing:.08em;text-shadow:0 0 5px currentColor;user-select:none}
@media(max-width:850px){.server-hero-content>.eyebrow{margin-left:104px}.server-hero-icon{width:88px;height:88px;border-radius:17px}.server-hero-copy h1{margin-top:-5px}}
@media(max-width:600px){.server-hero{align-items:flex-start}.server-hero-content>.eyebrow{margin-left:0}.server-hero-identity{gap:15px}.server-hero-icon{width:82px;height:82px;border-radius:15px}.server-hero-copy h1{margin-top:-4px}.server-hero-motd{font-size:13px;line-height:1.45}.server-hero>.status{margin-left:8px}}


/* Portal 0.9.0 — public navigation, store, staff, support and scheduled tasks */
.site-header{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);gap:24px;align-items:center}.public-nav,.account-nav{display:flex;align-items:center;gap:8px}.public-nav{justify-content:center}.account-nav{justify-content:flex-end}.public-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:12px;color:#d5c6c6;font-size:12px;font-weight:850;transition:.18s}.public-nav>a:hover{border-color:rgba(255,190,70,.2);background:rgba(255,255,255,.035);color:#fff}.public-nav .store-nav-button{min-height:50px;padding:11px 24px;border-color:rgba(255,209,72,.42);background:linear-gradient(135deg,#f29a1b,#ffd647);box-shadow:0 11px 30px rgba(245,166,35,.2),inset 0 1px rgba(255,255,255,.32);color:#271005;font-size:14px;font-weight:1000;transform:translateY(0)}.public-nav .store-nav-button:hover{filter:brightness(1.08);transform:translateY(-2px);color:#190a03}
.public-page-hero{margin:25px 0;padding:38px;border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(245,166,35,.12),transparent 40%),rgba(35,10,16,.72)}.public-page-hero.compact{padding:28px}.public-page-hero h1{margin:8px 0 10px;font-size:clamp(36px,6vw,68px);letter-spacing:-.045em}.public-page-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.7}.public-card-grid,.staff-grid,.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-server-card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px;border:1px solid var(--border);border-radius:21px;background:rgba(33,8,14,.78)}.public-server-icon{width:88px;height:88px;border-radius:17px;image-rendering:pixelated}.public-card-heading,.staff-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-card-heading h2,.staff-card h2{margin:0}.public-server-card code{display:inline-block;margin-top:13px;color:#ffd76b}.public-motd{margin-top:9px;line-height:1.45}.server-version-line{color:var(--muted)}
.staff-card{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:24px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(53,221,247,.08),transparent 38%),rgba(34,8,15,.8)}.staff-card>img{width:104px;height:104px;border-radius:22px;image-rendering:pixelated}.staff-rank{display:inline-flex;margin:7px 0 15px;padding:5px 9px;border-radius:999px;background:rgba(245,166,35,.11);color:#ffd56b;font-size:11px;font-weight:900}.online-badge{color:#83edb1;font-size:11px;font-weight:900}.staff-card dl{display:grid;gap:8px;margin:0}.staff-card dl>div{display:flex;justify-content:space-between;gap:12px}.staff-card dt{color:var(--muted)}.staff-card dd{margin:0}
.store-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.store-card{position:relative;padding:28px;border:1px solid rgba(255,190,70,.18);border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(245,166,35,.12),transparent 42%),rgba(37,9,15,.88)}.store-card.featured{border-color:rgba(255,207,62,.5);box-shadow:0 25px 80px rgba(245,166,35,.1)}.featured-label{position:absolute;top:18px;right:18px;padding:6px 9px;border-radius:999px;background:#ffd342;color:#2a1004;font-size:10px;font-weight:950}.store-card h2{margin:0 0 8px;font-size:34px}.store-card>p{color:var(--muted)}.store-card ul{padding-left:20px;line-height:1.9}.offer-list{display:grid;gap:10px;margin-top:22px}.offer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.16)}.offer-row strong,.offer-row span{display:block}.offer-row span{color:#ffd56c;font-size:13px}.offer-row form{display:flex;gap:7px}.offer-row select,.offer-row button,.offer-row a{border:1px solid rgba(255,190,70,.23);border-radius:9px;padding:8px 10px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:11px;font-weight:850}.offer-row button{background:linear-gradient(135deg,#f4a31e,#ffd54c);color:#291004;cursor:pointer}
.support-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.support-option{display:flex;flex-direction:column;gap:11px;padding:25px;border:1px solid var(--border);border-radius:22px;background:rgba(36,8,15,.78)}a.support-option:hover{border-color:rgba(245,166,35,.35)}.support-option strong{font-size:22px}.support-option span{color:var(--muted);line-height:1.6}.support-option b{color:#ffd66f}.support-option.discord{background:radial-gradient(circle at 100% 0,rgba(141,75,255,.17),transparent 45%),rgba(31,8,24,.85)}.ticket-list{display:grid;gap:9px}.ticket-list a{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--border);border-radius:13px}.ticket-list span{color:var(--muted);font-size:12px}.ticket-thread{display:grid;gap:12px;margin:20px 0}.ticket-message{max-width:82%;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03)}.ticket-message.staff{margin-left:auto;border-color:rgba(53,221,247,.2);background:rgba(53,221,247,.055)}.ticket-message header{display:flex;justify-content:space-between;gap:12px}.ticket-message time{color:var(--muted);font-size:11px}.ticket-message p{white-space:pre-wrap}
.tasks-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:20px}.schedule-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.schedule-list{display:grid;gap:11px}.schedule-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--border);border-radius:15px}.schedule-card strong,.schedule-card code,.schedule-card span{display:block}.schedule-card code{margin:5px 0;color:#ffd56d}.schedule-card span{color:var(--muted);font-size:12px}.schedule-actions{display:flex;gap:7px}.schedule-actions form{margin:0}.schedule-actions button{border:1px solid var(--border);border-radius:9px;padding:8px 10px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:11px;font-weight:850;cursor:pointer}.schedule-actions button.danger{color:#ff9cab}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.public-nav{grid-column:1/3;grid-row:2}.account-nav{grid-column:2;grid-row:1}.tasks-layout{grid-template-columns:1fr}}
@media(max-width:720px){.site-header{display:flex;flex-wrap:wrap}.brand{flex:1}.account-nav{margin-left:auto}.public-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-top:8px}.public-nav .store-nav-button{min-height:42px;padding:8px 17px}.public-card-grid,.staff-grid,.store-grid,.support-options{grid-template-columns:1fr}.staff-card{grid-template-columns:auto 1fr}.schedule-time-grid{grid-template-columns:1fr}.ticket-message{max-width:100%}}


/* Portal 0.9.0 final: public navigation, commerce, support, staff and schedules */
.site-header{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);height:auto;min-height:82px;gap:24px;padding-top:10px;padding-bottom:10px}
.public-nav{justify-self:center;display:flex;align-items:center;gap:7px;padding:6px;border:1px solid rgba(255,226,166,.09);border-radius:16px;background:rgba(22,9,15,.66);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.public-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:11px;color:var(--muted);font-size:13px;font-weight:850;transition:.18s transform,.18s color,.18s background,.18s border-color}
.public-nav>a:hover,.public-nav>a.active{color:var(--text);background:rgba(255,255,255,.055)}
.public-nav .store-nav-button{min-height:48px;margin:-5px 3px;padding:11px 25px;border:1px solid rgba(255,226,74,.42);border-radius:13px;background:linear-gradient(135deg,var(--gold-bright),var(--gold) 52%,var(--orange));color:#2b0b04;font-size:15px;font-weight:950;box-shadow:0 11px 28px rgba(239,107,36,.24),inset 0 1px rgba(255,255,255,.52)}
.public-nav .store-nav-button:hover,.public-nav .store-nav-button.active{color:#1b0703;background:linear-gradient(135deg,#fff17a,#ffb52e 55%,#f17a2a);transform:translateY(-2px);box-shadow:0 15px 35px rgba(239,107,36,.32),0 0 24px rgba(53,221,247,.08)}
.account-nav{justify-self:end}
.public-page-hero{padding:46px 0 34px;max-width:820px}.public-page-hero.compact{padding-bottom:22px}.public-page-hero h1{margin:0 0 14px;font-size:clamp(36px,6vw,66px);line-height:1.04;letter-spacing:-.045em}.public-page-hero p{max-width:700px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.public-card-grid,.staff-grid,.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-card-grid>.empty-state,.staff-grid>.empty-state,.store-grid>.empty-state{grid-column:1/-1}
.copy-address-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:14px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer}.copy-address-button:hover{border-color:rgba(245,166,35,.32);color:var(--gold-bright)}.copy-address-button code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-nav a.active:not(.store-nav-button){box-shadow:inset 0 0 0 1px rgba(245,166,35,.16)}
.store-login-alert{display:flex;align-items:center;justify-content:space-between;gap:18px}.store-disclaimer{margin:24px auto 0;text-align:center;color:var(--muted);font-size:12px}
.staff-card .online-badge{white-space:nowrap}.staff-card dl dd{font-variant-numeric:tabular-nums}
.schedule-card .schedule-human{display:block;color:var(--text);font-size:13px;font-weight:760}.schedule-card code{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.field-help{margin:-4px 0 4px;color:var(--muted);font-size:12px;line-height:1.5}
.quick-link-grid.five-links{grid-template-columns:repeat(5,minmax(0,1fr))}
.ticket-reply-panel{display:grid;gap:14px}.ticket-reply-panel>.inline-form{justify-self:end}
@media(max-width:1080px){.site-header{grid-template-columns:auto 1fr}.public-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center}.account-nav{grid-column:2;grid-row:1}.quick-link-grid.five-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{display:flex;flex-wrap:wrap;gap:12px}.brand{flex:1}.account-nav{margin-left:auto}.public-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.public-nav>a{flex:0 0 auto}.public-nav .store-nav-button{min-height:44px;padding:9px 21px}.public-card-grid,.staff-grid,.store-grid{grid-template-columns:1fr}.quick-link-grid.five-links{grid-template-columns:1fr}.store-login-alert{align-items:flex-start;flex-direction:column}.ticket-reply-panel>.inline-form{justify-self:stretch}.ticket-reply-panel>.inline-form button{width:100%}}

/* Portal 0.9.1: spacing, responsive navigation, styled forms, FAQ, voting and task fixes */
.page-shell{
    width:min(100%,1320px);
    max-width:1320px;
    padding:58px clamp(24px,4vw,64px) 100px;
}
footer{width:min(100%,1320px);max-width:1320px;padding-inline:clamp(24px,4vw,64px)}
.public-page-hero{margin-left:0;margin-right:0}
.section-panel{
    padding:clamp(20px,2.4vw,30px);
    border:1px solid rgba(255,226,166,.10);
    border-radius:24px;
    background:radial-gradient(circle at 100% 0,rgba(245,166,35,.08),transparent 42%),rgba(35,9,16,.80);
    box-shadow:0 24px 70px rgba(0,0,0,.16);
}
.section-panel+.section-panel{margin-top:20px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.section-heading h2{margin:0;font-size:clamp(22px,2.4vw,30px)}
.section-heading>.eyebrow,.section-heading>div>.eyebrow{display:block;margin-bottom:8px}
.section-heading>span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:1px solid rgba(245,166,35,.18);border-radius:999px;background:rgba(245,166,35,.08);color:#ffd773;font-size:12px;font-weight:900}

/* Shared form language */
.styled-form{gap:16px}
.styled-form label{display:grid;gap:8px;color:#f5e8dc;font-size:13px;font-weight:850}
.stacked-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.stacked-form select,
.stacked-form textarea{
    width:100%;
    min-height:48px;
    border:1px solid rgba(255,211,126,.16);
    border-radius:13px;
    padding:12px 14px;
    background:linear-gradient(180deg,rgba(10,3,7,.86),rgba(20,6,11,.94));
    color:var(--text);
    font:inherit;
    font-size:14px;
    outline:none;
    box-shadow:inset 0 1px rgba(255,255,255,.025);
    transition:.18s border-color,.18s box-shadow,.18s background;
}
.stacked-form textarea{min-height:132px;resize:vertical;line-height:1.55}
.stacked-form select{
    appearance:none;
    padding-right:44px;
    background-image:linear-gradient(45deg,transparent 50%,#f6b63b 50%),linear-gradient(135deg,#f6b63b 50%,transparent 50%),linear-gradient(180deg,rgba(10,3,7,.86),rgba(20,6,11,.94));
    background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px,0 0;
    background-size:6px 6px,6px 6px,100% 100%;
    background-repeat:no-repeat;
    cursor:pointer;
}
.stacked-form select option,.offer-row select option{background:#1b0810;color:#fff7e9}
.stacked-form input:focus,.stacked-form select:focus,.stacked-form textarea:focus{
    border-color:rgba(245,166,35,.66);
    background-color:#15070c;
    box-shadow:0 0 0 4px rgba(245,166,35,.09),0 12px 32px rgba(0,0,0,.18);
}
.stacked-form input::placeholder,.stacked-form textarea::placeholder{color:#806d72}
.ticket-create-form .primary-button,.task-create-form .primary-button{width:100%;min-height:48px;border:0;cursor:pointer;font:inherit;font-weight:950;color:#2a0c04;background:linear-gradient(135deg,#ffe25c,#f5a623 58%,#ef6b24)}
.ticket-create-form .primary-button:hover,.task-create-form .primary-button:hover{background:linear-gradient(135deg,#fff38d,#ffb52d 58%,#f47b2a)}

/* Header and mobile menu */
.site-header{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;width:min(100%,1320px);max-width:1320px;min-height:84px;height:auto;gap:24px;padding:10px clamp(18px,3vw,42px)}
.header-menu{display:contents}
.public-nav{grid-column:2;justify-self:center}
.account-nav{grid-column:3;justify-self:end}
.mobile-nav-toggle{display:none;width:46px;height:46px;padding:11px;border:1px solid rgba(255,226,166,.13);border-radius:13px;background:rgba(31,9,16,.88);cursor:pointer}
.mobile-nav-toggle span{display:block;height:2px;margin:5px 0;border-radius:99px;background:#ffe9c4;transition:.2s transform,.2s opacity}
.site-header.menu-open .mobile-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.menu-open .mobile-nav-toggle span:nth-child(2){opacity:0}
.site-header.menu-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Larger staff rank branding */
.staff-card{align-items:start}
.staff-name-row h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.025em}
.staff-rank{
    margin:10px 0 18px;
    padding:8px 14px;
    border:1px solid rgba(255,214,92,.24);
    border-radius:999px;
    font-size:15px;
    line-height:1;
    font-weight:950;
    letter-spacing:.045em;
    text-transform:uppercase;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.12);
}
.staff-card.rank-owner .staff-rank{background:linear-gradient(135deg,rgba(255,226,74,.24),rgba(239,107,36,.12));border-color:rgba(255,226,74,.52);color:#ffe45d}
.staff-card.rank-headadmin .staff-rank,.staff-card.rank-head_admin .staff-rank{background:linear-gradient(135deg,rgba(239,107,36,.22),rgba(230,64,92,.14));border-color:rgba(255,122,72,.45);color:#ffad72}
.staff-card.rank-admin .staff-rank{background:rgba(230,64,92,.13);border-color:rgba(255,103,126,.35);color:#ff9cab}
.staff-card.rank-developer .staff-rank{background:rgba(53,221,247,.10);border-color:rgba(53,221,247,.32);color:#93efff}
.staff-card.rank-moderator .staff-rank{background:rgba(166,77,244,.12);border-color:rgba(190,118,255,.34);color:#ddb7ff}
.staff-card.rank-helper .staff-rank{background:rgba(69,223,152,.10);border-color:rgba(69,223,152,.30);color:#94efbd}
.staff-card.rank-builder .staff-rank{background:rgba(91,139,255,.11);border-color:rgba(108,153,255,.30);color:#afc8ff}

/* Store dropdown overhaul */
.offer-row{align-items:stretch;padding:16px}
.offer-row>div{align-self:center;min-width:92px}
.store-checkout-form{display:grid!important;grid-template-columns:minmax(150px,1fr) auto;align-items:stretch;gap:9px!important;min-width:min(100%,300px)}
.store-account-select{position:relative;display:block;min-width:0}
.offer-row select{
    appearance:none;
    width:100%;
    height:44px;
    border:1px solid rgba(255,198,78,.24);
    border-radius:11px;
    padding:0 42px 0 13px;
    background-color:#17070d;
    background-image:linear-gradient(45deg,transparent 50%,#ffd467 50%),linear-gradient(135deg,#ffd467 50%,transparent 50%);
    background-position:calc(100% - 19px) 18px,calc(100% - 13px) 18px;
    background-size:6px 6px,6px 6px;
    background-repeat:no-repeat;
    color:#fff5e7;
    font:inherit;
    font-size:13px;
    font-weight:850;
    cursor:pointer;
    outline:none;
}
.offer-row select:focus{border-color:rgba(255,211,79,.62);box-shadow:0 0 0 4px rgba(245,166,35,.10)}
.offer-row button,.offer-row a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:11px;font-size:12px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Tasks */
.tasks-layout{align-items:start}
.task-create-form .schedule-time-grid label{min-width:0}
.online-only-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid rgba(69,223,152,.18);border-radius:13px;background:rgba(69,223,152,.055);color:#c7f5db}
.online-only-note>span{color:#45df98;font-size:12px;line-height:1.8}
.online-only-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.online-only-note strong{display:block;margin-bottom:2px;color:#9cf0c1;font-size:13px}
.schedule-card{padding:18px;background:rgba(255,255,255,.018)}
.schedule-card>div:first-child{min-width:0}
.schedule-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.online-only-badge{display:inline-flex!important;width:max-content;padding:4px 7px;border-radius:999px;background:rgba(69,223,152,.08);color:#8ee9b6!important;font-size:9px!important;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.schedule-actions button:disabled{opacity:.34;cursor:not-allowed}

/* Support FAQ */
.faq-panel{margin-top:22px}
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid rgba(255,226,166,.10);border-radius:15px;background:rgba(0,0,0,.13);overflow:hidden}
.faq-item summary{position:relative;padding:17px 52px 17px 18px;cursor:pointer;color:#fff2dd;font-weight:850;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#f7b539;font-size:23px;font-weight:500;transition:.18s transform}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-item[open] summary{border-bottom:1px solid rgba(255,226,166,.08);background:rgba(245,166,35,.035)}
.faq-answer{padding:17px 18px;color:var(--muted);line-height:1.7;white-space:pre-line}

/* Voting */
.vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vote-grid>.empty-state{grid-column:1/-1}
.vote-card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:24px;border:1px solid rgba(255,226,166,.11);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(53,221,247,.07),transparent 42%),rgba(35,9,16,.82)}
.vote-card-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,211,73,.26);border-radius:16px;background:linear-gradient(135deg,rgba(255,226,74,.17),rgba(239,107,36,.09));color:#ffe260;font-size:25px}
.vote-card-copy{min-width:0}
.vote-card h2{margin:0 0 8px;font-size:25px}
.vote-card p{margin:0;color:var(--muted);line-height:1.6}
.vote-reward{display:inline-flex;margin-top:12px;padding:6px 9px;border-radius:999px;background:rgba(69,223,152,.08);color:#91eeba;font-size:11px;font-weight:850}
.vote-button{grid-column:1/-1;box-shadow:none;color:#260c04}
.voting-note{margin:22px 0 0;text-align:center;color:var(--muted);font-size:12px}

@media(max-width:980px){
    .tasks-layout{grid-template-columns:1fr}
    .vote-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
    .site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:calc(100% - 16px);padding:9px 12px}
    .brand{min-width:0}
    .brand-copy{min-width:0}
    .brand-copy strong{white-space:nowrap}
    .mobile-nav-toggle{display:block;grid-column:2;justify-self:end}
    .header-menu{display:none;grid-column:1/-1;width:100%;padding:8px 0 4px}
    .site-header.menu-open .header-menu{display:grid;gap:10px}
    .public-nav{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:8px;overflow:visible}
    .public-nav>a,.site-header nav>a:not(.discord-button){display:flex!important;width:100%;min-height:46px;padding:10px 12px;white-space:normal;text-align:center}
    .public-nav .store-nav-button{grid-column:1/-1;grid-row:2;min-height:54px;margin:0;font-size:16px}
    .account-nav{grid-column:auto;display:grid;width:100%;gap:8px;padding:8px;border:1px solid rgba(255,226,166,.08);border-radius:14px;background:rgba(22,7,13,.76)}
    .account-nav>a,.account-nav form,.account-nav button{width:100%}
    .account-nav .nav-link,.account-nav .nav-button,.account-nav .discord-button{display:flex!important;align-items:center;justify-content:center;min-height:44px;border-radius:10px;background:rgba(255,255,255,.035)}
    .account-nav .discord-button{background:#5865f2}
    .page-shell{padding:34px 22px 76px}
    footer{padding-inline:22px}
}
@media(max-width:640px){
    .public-page-hero{padding-top:28px;padding-bottom:25px}
    .public-page-hero h1{font-size:clamp(36px,12vw,54px)}
    .support-options{grid-template-columns:1fr}
    .staff-card{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:18px}
    .staff-card>img{width:76px;height:76px;border-radius:16px}
    .staff-name-row{align-items:flex-start;flex-direction:column;gap:5px}
    .staff-name-row h2{font-size:25px}
    .staff-rank{font-size:13px;padding:7px 11px}
    .offer-row{flex-direction:column}
    .store-checkout-form{grid-template-columns:1fr;width:100%;min-width:0}
    .offer-row button,.offer-row a{width:100%}
    .schedule-card{align-items:stretch;flex-direction:column}
    .schedule-actions{width:100%}
    .schedule-actions form{flex:1}
    .schedule-actions button{width:100%;min-height:42px}
    .schedule-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    #task-weekday-row{grid-column:1/-1}
    .vote-card{grid-template-columns:auto minmax(0,1fr);padding:19px}
}
@media(max-width:420px){
    .public-nav{grid-template-columns:1fr}
    .public-nav .store-nav-button{grid-column:auto;grid-row:auto}
    .brand-copy small{display:none}
    .brand-logo{width:48px;height:48px}
    .schedule-time-grid{grid-template-columns:1fr}
    #task-weekday-row{grid-column:auto}
}
.ticket-reply-form .primary-button{min-height:46px;border:0;color:#2a0c04;background:linear-gradient(135deg,#ffe25c,#f5a623 58%,#ef6b24);cursor:pointer;font:inherit;font-weight:950}
.ticket-reply-form .form-actions{justify-content:flex-end}
.online-only-badge.warning{background:rgba(230,64,92,.10);color:#ff9cad!important}

/* Portal 0.9.2: consistent page gutters, hero padding and custom dropdowns */
:root{
    --portal-layout-width:1320px;
    --portal-gutter:clamp(16px,2.4vw,30px);
}
.site-header,.page-shell,footer{
    width:min(100%,var(--portal-layout-width));
    max-width:var(--portal-layout-width);
    margin-left:auto;
    margin-right:auto;
}
.site-header{padding-left:var(--portal-gutter);padding-right:var(--portal-gutter)}
.page-shell{padding:48px var(--portal-gutter) 96px}
footer{padding-left:var(--portal-gutter);padding-right:var(--portal-gutter)}
.public-page-hero{
    max-width:820px;
    margin:24px 0;
    padding:clamp(30px,4vw,46px) clamp(24px,4vw,42px) clamp(28px,3.5vw,38px);
}
.public-page-hero.compact{padding:clamp(24px,3.4vw,36px) clamp(22px,4vw,40px)}

.cc-select{position:relative;width:100%;min-width:0;isolation:isolate}
.cc-select.is-open{z-index:150}
.cc-native-select{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
    clip-path:inset(50%)!important;
}
.cc-select-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    min-height:48px;
    padding:0 16px;
    border:1px solid rgba(255,194,66,.42);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(31,8,14,.98),rgba(18,5,10,.98));
    color:#fff7e9;
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 26px rgba(0,0,0,.12);
    cursor:pointer;
    font:inherit;
    font-size:14px;
    font-weight:820;
    text-align:left;
    transition:.18s border-color,.18s box-shadow,.18s background,.18s transform;
}
.cc-select-trigger:hover{
    border-color:rgba(255,211,79,.68);
    background:linear-gradient(180deg,rgba(39,10,17,.99),rgba(21,6,11,.99));
}
.cc-select-trigger:focus-visible,.cc-select.is-open .cc-select-trigger{
    outline:none;
    border-color:rgba(255,218,88,.84);
    box-shadow:0 0 0 4px rgba(245,166,35,.11),0 14px 36px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);
}
.cc-select-trigger:disabled{opacity:.48;cursor:not-allowed}
.cc-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-select-chevron{
    flex:0 0 auto;
    width:10px;
    height:10px;
    margin-right:2px;
    border-right:2px solid #ffd84f;
    border-bottom:2px solid #ffd84f;
    transform:translateY(-2px) rotate(45deg);
    transition:.2s transform;
}
.cc-select.is-open .cc-select-chevron{transform:translateY(3px) rotate(225deg)}
.cc-select-menu{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:160;
    display:grid;
    gap:3px;
    max-height:min(286px,46vh);
    padding:7px;
    overflow:auto;
    border:1px solid rgba(255,202,91,.24);
    border-radius:15px;
    background:linear-gradient(180deg,rgba(28,7,13,.99),rgba(15,4,8,.995));
    box-shadow:0 24px 65px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.035);
    opacity:0;
    visibility:hidden;
    transform:translateY(-7px) scale(.985);
    transform-origin:top center;
    pointer-events:none;
    transition:.16s opacity,.16s visibility,.16s transform;
}
.cc-select.is-up .cc-select-menu{top:auto;bottom:calc(100% + 8px);transform-origin:bottom center;transform:translateY(7px) scale(.985)}
.cc-select.is-open .cc-select-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.cc-select-option{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    min-height:42px;
    padding:9px 40px 9px 12px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#e9dadd;
    cursor:pointer;
    font:inherit;
    font-size:13px;
    font-weight:760;
    text-align:left;
    transition:.14s background,.14s color,.14s transform;
}
.cc-select-option:hover,.cc-select-option:focus-visible{
    outline:none;
    background:rgba(255,255,255,.055);
    color:#fff8eb;
}
.cc-select-option.is-selected{
    background:linear-gradient(135deg,rgba(245,166,35,.18),rgba(239,107,36,.08));
    color:#ffe275;
}
.cc-select-option.is-selected::after{
    content:'✓';
    position:absolute;
    right:13px;
    color:#ffd84f;
    font-size:15px;
    font-weight:950;
}
.cc-select-option:disabled{opacity:.38;cursor:not-allowed}
.cc-select-menu::-webkit-scrollbar{width:9px}
.cc-select-menu::-webkit-scrollbar-track{background:transparent}
.cc-select-menu::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:rgba(255,214,91,.3);background-clip:padding-box}
.store-checkout-form .cc-select{min-width:150px}
.offer-row .cc-select-trigger{min-height:44px;height:44px;border-radius:11px;font-size:13px}

@media(max-width:860px){
    :root{--portal-gutter:clamp(16px,3vw,22px)}
    .page-shell{padding:30px var(--portal-gutter) 74px}
    .public-page-hero{margin-top:18px;margin-bottom:22px;padding:30px 24px 28px}
}
@media(max-width:640px){
    :root{--portal-gutter:16px}
    .page-shell{padding-top:24px;padding-bottom:64px}
    .public-page-hero{padding:26px 20px 24px;border-radius:21px}
    .public-page-hero.compact{padding:23px 20px}
    .cc-select-menu{max-height:min(260px,42vh)}
    .store-checkout-form .cc-select{min-width:0}
}


/* Portal 0.9.3: cache-safe hero alignment, custom selects and player counts */
:root{
    --portal-layout-width:1320px;
    --portal-gutter:clamp(16px,2.4vw,30px);
}
.site-header,.page-shell,footer{
    width:min(100%,var(--portal-layout-width));
    max-width:var(--portal-layout-width);
    margin-left:auto;
    margin-right:auto;
}
.site-header,footer{
    padding-left:var(--portal-gutter);
    padding-right:var(--portal-gutter);
}
.page-shell{
    padding:48px var(--portal-gutter) 96px;
}
.public-page-hero{
    width:min(100%,820px);
    max-width:820px;
    margin:24px 0;
    padding:0!important;
    overflow:hidden;
}
.public-page-hero.compact{
    padding:0!important;
}
.public-page-hero-inner{
    padding:clamp(30px,4vw,46px) clamp(24px,4vw,42px) clamp(28px,3.5vw,38px);
}
.public-page-hero.compact .public-page-hero-inner{
    padding:clamp(24px,3.4vw,36px) clamp(22px,4vw,40px);
}
.public-page-hero-inner>.eyebrow:first-child{
    display:block;
}

/* JavaScript-enhanced select. Kept inline so browser/proxy caching cannot
   leave the portal with the operating system's native blue dropdown. */
.cc-select{
    position:relative;
    width:100%;
    min-width:0;
    isolation:isolate;
}
.cc-select.is-open{z-index:150}
.cc-native-select{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
    clip-path:inset(50%)!important;
}
.cc-select-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    min-height:50px;
    padding:0 17px;
    border:1px solid rgba(255,194,66,.46);
    border-radius:15px;
    background:linear-gradient(180deg,rgba(34,8,15,.99),rgba(17,4,9,.99));
    color:#fff7e9;
    box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.16);
    cursor:pointer;
    font:inherit;
    font-size:14px;
    font-weight:820;
    text-align:left;
    transition:.18s border-color,.18s box-shadow,.18s background,.18s transform;
}
.cc-select-trigger:hover{
    border-color:rgba(255,215,82,.78);
    background:linear-gradient(180deg,rgba(43,10,18,.99),rgba(22,6,11,.99));
}
.cc-select-trigger:focus-visible,.cc-select.is-open .cc-select-trigger{
    outline:none;
    border-color:rgba(255,221,94,.94);
    box-shadow:0 0 0 4px rgba(245,166,35,.12),0 16px 40px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.055);
}
.cc-select-trigger:disabled{opacity:.48;cursor:not-allowed}
.cc-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-select-chevron{
    flex:0 0 auto;
    width:10px;
    height:10px;
    margin-right:2px;
    border-right:2px solid #ffd84f;
    border-bottom:2px solid #ffd84f;
    transform:translateY(-2px) rotate(45deg);
    transition:.2s transform;
}
.cc-select.is-open .cc-select-chevron{transform:translateY(3px) rotate(225deg)}
.cc-select-menu{
    position:absolute;
    top:calc(100% + 9px);
    left:0;
    right:0;
    z-index:160;
    display:grid;
    gap:4px;
    max-height:min(286px,46vh);
    padding:8px;
    overflow:auto;
    border:1px solid rgba(255,205,96,.30);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(31,7,14,.995),rgba(14,3,8,.998));
    box-shadow:0 26px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    transform:translateY(-7px) scale(.985);
    transform-origin:top center;
    pointer-events:none;
    transition:.16s opacity,.16s visibility,.16s transform;
}
.cc-select.is-up .cc-select-menu{
    top:auto;
    bottom:calc(100% + 9px);
    transform-origin:bottom center;
    transform:translateY(7px) scale(.985);
}
.cc-select.is-open .cc-select-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}
.cc-select-option{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    min-height:43px;
    padding:9px 42px 9px 13px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:#eadadd;
    cursor:pointer;
    font:inherit;
    font-size:13px;
    font-weight:760;
    text-align:left;
    transition:.14s background,.14s color,.14s transform;
}
.cc-select-option:hover,.cc-select-option:focus-visible{
    outline:none;
    background:rgba(255,255,255,.065);
    color:#fff8eb;
}
.cc-select-option.is-selected{
    background:linear-gradient(135deg,rgba(245,166,35,.22),rgba(239,107,36,.09));
    color:#ffe275;
}
.cc-select-option.is-selected::after{
    content:'✓';
    position:absolute;
    right:14px;
    color:#ffd84f;
    font-size:15px;
    font-weight:950;
}
.cc-select-option:disabled{opacity:.38;cursor:not-allowed}
.cc-select-menu::-webkit-scrollbar{width:9px}
.cc-select-menu::-webkit-scrollbar-track{background:transparent}
.cc-select-menu::-webkit-scrollbar-thumb{
    border:3px solid transparent;
    border-radius:999px;
    background:rgba(255,214,91,.32);
    background-clip:padding-box;
}
.store-checkout-form .cc-select{min-width:150px}
.offer-row .cc-select-trigger{min-height:44px;height:44px;border-radius:11px;font-size:13px}

.public-server-info-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:8px;
}
.public-server-info-row .server-version-line{
    margin:0;
}
.player-count-badge{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:7px;
    min-height:29px;
    padding:6px 10px;
    border:1px solid rgba(255,226,166,.10);
    border-radius:999px;
    background:rgba(255,255,255,.035);
    color:#bdaeb1;
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.player-count-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#77666b;
}
.player-count-badge.is-live{
    border-color:rgba(69,223,152,.20);
    background:rgba(69,223,152,.075);
    color:#a8efc8;
}
.player-count-badge.is-live .player-count-dot{
    background:#45df98;
    box-shadow:0 0 0 4px rgba(69,223,152,.08),0 0 12px rgba(69,223,152,.45);
}
.player-count-badge.is-unavailable{
    color:#9d8d91;
}

@media(max-width:860px){
    :root{--portal-gutter:clamp(16px,3vw,22px)}
    .page-shell{padding-top:30px;padding-bottom:74px}
    .public-page-hero{margin-top:18px;margin-bottom:22px}
    .public-page-hero-inner{padding:30px 24px 28px}
}
@media(max-width:640px){
    :root{--portal-gutter:16px}
    .page-shell{padding-top:24px;padding-bottom:64px}
    .public-page-hero{border-radius:21px}
    .public-page-hero-inner{padding:26px 20px 24px}
    .public-page-hero.compact .public-page-hero-inner{padding:23px 20px}
    .cc-select-menu{max-height:min(260px,42vh)}
    .store-checkout-form .cc-select{min-width:0}
    .public-server-info-row{align-items:flex-start;flex-direction:column;gap:8px}
}
/* Portal 0.9.5 — store player selector open-state contrast.
   The selected player remains dark while the menu is open. The existing
   gold text colour is only used when the trigger itself is hovered or
   keyboard-focused. */
.store-checkout-form .cc-select-trigger .cc-select-value{
    color:#291004;
    transition:.18s color;
}
.store-checkout-form .cc-select-trigger:hover .cc-select-value,
.store-checkout-form .cc-select-trigger:focus-visible .cc-select-value{
    color:#ffd56c;
}


/* Portal 0.9.6 — store chevron contrast, software/category settings, SFTP and whitelist badges. */
.store-checkout-form .cc-select-trigger .cc-select-chevron{
    border-right-color:#291004;
    border-bottom-color:#291004;
}
.store-checkout-form .cc-select-trigger:hover .cc-select-chevron,
.store-checkout-form .cc-select-trigger:focus-visible .cc-select-chevron{
    border-right-color:#ffd56c;
    border-bottom-color:#ffd56c;
}

.settings-top-grid{margin-bottom:20px}
.settings-branding-grid{margin-top:0}
.settings-card-intro{margin:-4px 0 20px;color:var(--muted);line-height:1.6}
.settings-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-inline-fields label{display:grid;gap:8px;min-width:0}
.settings-inline-fields label>span{font-size:13px;font-weight:850;color:#fff5ea}
.software-change-form .primary-button{width:100%}
.software-reset-warning{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid rgba(255,112,100,.24);border-radius:13px;background:rgba(113,20,31,.14);color:#d7b8bd;font-size:12px;line-height:1.5}
.software-reset-warning strong{color:#ff9aa6;font-size:12px}
.software-catalog-notes{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(255,202,80,.16);border-radius:12px;background:rgba(255,202,80,.05)}
.software-catalog-notes p{margin:0;color:#c8aeb3;font-size:11px;line-height:1.45}
.settings-divider{height:1px;margin:24px 0;background:linear-gradient(90deg,transparent,rgba(255,200,72,.25),transparent)}
.category-form .secondary-button{justify-self:start}
.sftp-details{display:grid;gap:10px;margin-top:20px}
.sftp-detail-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(255,190,70,.15);border-radius:13px;background:rgba(0,0,0,.18)}
.sftp-detail-row>span{color:#ad979c;font-size:12px;font-weight:800}
.sftp-detail-row code{min-width:0;overflow:hidden;color:#fff0cd;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.copy-mini-button{min-height:32px;padding:0 11px;border:1px solid rgba(255,201,72,.24);border-radius:9px;background:rgba(255,198,59,.08);color:#ffd56c;cursor:pointer;font:inherit;font-size:11px;font-weight:850;transition:.16s background,.16s border-color,.16s color}
.copy-mini-button:hover,.copy-mini-button:focus-visible{outline:none;border-color:rgba(255,216,91,.55);background:rgba(255,198,59,.15);color:#fff1a8}
.sftp-note{margin-top:18px;margin-bottom:0}

.public-server-status-stack{display:flex;flex:0 0 auto;align-items:flex-end;flex-direction:column;gap:6px}
.whitelist-badge{display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:5px 10px;border:1px solid rgba(255,196,77,.25);border-radius:999px;background:rgba(255,178,29,.08);color:#ffd269;font-size:10px;font-weight:900;white-space:nowrap}
.whitelist-lock{font-size:8px;transform:rotate(45deg)}

@media(max-width:760px){
    .settings-inline-fields{grid-template-columns:1fr}
    .sftp-detail-row{grid-template-columns:1fr auto}
    .sftp-detail-row>span{grid-column:1/-1}
    .public-server-status-stack{align-items:flex-start}
}


/* Portal 0.9.7 — larger public server names and reliable settings dropdowns. */
.public-server-card .public-card-heading h2{
    font-size:clamp(26px,2.25vw,32px);
    line-height:1.08;
    letter-spacing:-.025em;
}

/* The generic section card clips decorative content by default. The software
   card contains dropdown menus that must be allowed to extend over the next
   row without being cut at the card boundary. */
.settings-top-grid{
    position:relative;
    z-index:6;
}
.software-settings-card{
    overflow:visible;
    z-index:7;
}
.settings-branding-grid{
    position:relative;
    z-index:1;
}

/* Defensive fallback for any dynamically hidden custom-select option. */
.cc-select-option[hidden]{
    display:none!important;
}

@media(max-width:640px){
    .public-server-card .public-card-heading h2{font-size:25px}
}


/* Portal 0.9.8 — substantially larger server names in both server lists. */
.public-server-card .public-card-heading h2{
    min-width:0;
    font-size:clamp(38px,3.35vw,48px);
    line-height:.98;
    letter-spacing:-.045em;
    overflow-wrap:anywhere;
}
.server-grid .server-card-top{
    align-items:flex-start;
}
.server-grid .server-card .server-name{
    min-width:0;
    font-size:clamp(30px,2.65vw,38px);
    line-height:1;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
}
@media(max-width:640px){
    .public-server-card .public-card-heading h2{font-size:34px}
    .server-grid .server-card .server-name{font-size:28px}
}