@import url('/style.css');:root{--bg:#090b11;--surface:#11151e;--surface2:#171d28;--line:#292f3b;--text:#f3f5fb;--muted:#9ba4b4;--accent:#b1a0ff;--green:#88e7ba}*{box-sizing:border-box}body.arcade{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.authwrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-art{position:relative;padding:9vh 7vw;background:radial-gradient(ellipse at 80% 60%,#292248 0%,#17162a 42%,#10121b 80%);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.brandmark{position:absolute;top:44px;left:7vw;font-size:14px;letter-spacing:.17em;font-weight:800}.brandmark b{color:var(--accent)}.brandmark small{display:block;margin-top:7px;font-size:10px;letter-spacing:.3em;color:#8d91a9}.login-art h1{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.075em;line-height:1.02;margin:0;z-index:1}.login-art h1 em{font-style:normal;color:var(--accent)}.login-art p{font-size:17px;color:#b3b1ca;z-index:1}.orbit{position:absolute;font-size:440px;right:-70px;bottom:-150px;color:#9e85ff16;line-height:1}.authfoot{position:absolute;bottom:36px;font-size:10px;letter-spacing:.25em;color:#8985a4}.authcard{padding:8vh max(30px,10vw);display:flex;flex-direction:column;justify-content:center;max-width:780px;width:100%;margin:auto}.back,.exit{color:var(--muted);text-decoration:none;font-size:13px}.authcard .back{position:absolute;top:42px}.pill,.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}.authcard h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.06em;margin:16px 0 8px}.authcard>p,.heading p{color:var(--muted);line-height:1.65}.tabs{display:flex;background:#151a24;border-radius:12px;padding:5px;margin:22px 0}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:13px;border-radius:9px}.tabs button.active{background:#2a2c43;color:white}.authcard form,.profileform{display:grid;gap:17px}.authcard label,.profileform label{display:grid;gap:8px;color:#d5d9e4;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #33394a;background:#131824;color:var(--text);border-radius:10px;padding:13px 14px}input::placeholder,textarea::placeholder{color:#6f788b}.action,.secondary{border-radius:11px;padding:13px 19px;font-weight:750;border:1px solid transparent}.action{background:var(--accent);color:#11101d!important}.action:hover{background:#c7bbff}.secondary{background:#202632;color:var(--text)!important;border-color:#343b4b}.wide{width:100%}.fine{color:#7f899c;line-height:1.6;margin-top:24px}.notice{color:#ffa6ad;min-height:22px;font-size:13px;margin-top:8px}.layout{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;border-right:1px solid var(--line);background:#0d1119;padding:29px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin:3px 8px 46px}.brandicon{font-size:30px;color:var(--accent)}.brand strong{font-size:14px;letter-spacing:.1em}.brand small{display:block;color:#747e94;font-size:9px;letter-spacing:.2em;margin-top:5px}.navtitle{font-size:10px;color:#677286;font-weight:800;letter-spacing:.2em;margin:15px 13px}.navitem{width:100%;text-align:left;padding:13px 15px;margin:3px 0;background:transparent;color:#9ba5b8;border:0;border-radius:11px;font-size:14px}.navitem>span{font-size:19px;margin-right:13px;vertical-align:-2px}.navitem.active,.navitem:hover{background:#222638;color:#eeeaff}.navitem i{float:right;font-style:normal;font-size:9px;color:#8fe8b8;letter-spacing:.1em}.sidebottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 12px 0;font-size:13px}.sidebottom button{border:0;background:none;color:#9ca6b8;padding:12px 0}.content{flex:1;min-width:0;padding:0 clamp(22px,4vw,72px) 75px;max-width:1700px}.top{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.14em;color:#8994a9}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77e7ac;margin-right:9px;box-shadow:0 0 12px #77e7ac77}.slash{color:#50596c;margin:0 13px}.view{padding-top:38px}.hero{position:relative;overflow:hidden;padding:clamp(32px,5vw,72px);background:radial-gradient(circle at 90% 20%,#38305d,#1b1b30 45%,#141a25 100%);border:1px solid #3a3452;border-radius:24px;min-height:330px}.hero h1{font-size:clamp(39px,5.4vw,76px);letter-spacing:-.07em;line-height:1.02;margin:24px 0 18px}.period{color:var(--accent)}.hero p{color:#b6b9c9;max-width:480px;line-height:1.65}.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-deco{position:absolute;font-size:320px;right:0;top:-85px;color:#ffffff09;pointer-events:none}.sectionlabel{font-size:11px;letter-spacing:.17em;font-weight:800;color:#9ba3b5;margin:33px 0 18px;display:flex;justify-content:space-between}.sectionlabel span{color:#697285}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:19px;text-align:left;color:var(--text);padding:27px;min-height:238px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-3px);border-color:#8c79d6}.tileicon{font-size:34px;color:var(--accent)}.tiletag{display:block;color:#79859a;font-size:10px;letter-spacing:.15em;font-weight:800;margin-top:18px}.tile h3{font-size:22px;letter-spacing:-.04em;margin:9px 0}.tile p{color:#9ba5b8;line-height:1.5;font-size:13px;min-height:40px}.tile b{font-size:11px;color:var(--accent);letter-spacing:.12em}.heading h1{font-size:clamp(36px,4vw,56px);letter-spacing:-.07em;margin:12px 0}.heading{margin-bottom:26px}.chatlayout{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;min-height:550px;background:var(--surface)}.channels{padding:16px;background:#141923;border-right:1px solid var(--line)}.channels button{display:block;width:100%;padding:12px;border:0;background:transparent;color:#9fa9b9;text-align:left;border-radius:8px}.channels button.selected{background:#292a41;color:#fff}.channels small{display:block;color:#6d788a;line-height:1.6;margin:28px 10px}.chatpanel{display:flex;flex-direction:column;min-width:0}.chathead{padding:22px;border-bottom:1px solid var(--line);font-weight:750}.messages{flex:1;overflow:auto;max-height:480px;padding:20px}.msg{padding:12px 4px;border-bottom:1px solid #ffffff0b}.msg strong{font-size:13px;color:#c9bbff}.msg time{font-size:10px;color:#727c90;margin-left:12px}.msg p{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}.chatpanel form{display:flex;gap:10px;padding:16px;border-top:1px solid var(--line)}.chatpanel input{flex:1;min-width:0}.game-switch{display:flex;gap:10px;margin:20px 0}.game-switch button{background:#1a1f2b;color:#a4aec0;border:1px solid #303748;border-radius:10px;padding:12px 17px}.game-switch button.selected{background:#322b51;color:#eee6ff;border-color:#6e5fa3}.gamebox{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:clamp(20px,4vw,36px);max-width:750px}.gamebar{display:flex;justify-content:space-between;align-items:center;gap:16px}.gamebar h2{font-size:26px;margin:0}.gamebar p{color:#a8b1c1}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:340px;margin:22px auto}.board button{aspect-ratio:1;background:#22283a;border:1px solid #363e54;color:#c8b9ff;border-radius:12px;font-size:45px;font-weight:800}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:560px;margin:25px auto;padding:12px;background:#292b58;border-radius:14px}.connect-board button{aspect-ratio:1;border-radius:50%;background:#0e1220;border:2px solid #444a75;min-width:0}.connect-board button.red{background:#fb7893}.connect-board button.yellow{background:#ffdb86}.gamehint{font-size:12px;color:#7e899e;text-align:center}.profileform{max-width:550px;background:var(--surface);padding:30px;border-radius:18px;border:1px solid var(--line)}.bigavatar{width:94px;height:94px;border-radius:24px;background:#59418a;display:grid;place-items:center;font-size:45px}.rom-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.rom-card,.rom-side{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}.rom-card .sectionlabel{margin:0 0 14px}.systemchips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.systemchips span{background:#26283b;border:1px solid #34364f;color:#bdb4ed;font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:6px;padding:8px}.dropzone{padding:48px 22px;border:2px dashed #484660;border-radius:17px;text-align:center;background:#181a2a;cursor:pointer;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragging{background:#24203b;border-color:var(--accent)}.uploadicon{font-size:48px;color:var(--accent)}.dropzone h3{font-size:23px;letter-spacing:-.04em;margin:8px 0}.dropzone p{color:#a8b0c0}.dropzone strong{display:block;font-size:10px;color:#857fba;letter-spacing:.1em;margin-top:18px}.rom-info{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding:18px;border:1px solid #3c4053;border-radius:12px}.rom-info div{display:grid;gap:5px;min-width:0}.rom-info small{color:#8690a3}.rom-info strong{overflow-wrap:anywhere}.rom-info span{color:var(--accent);font-size:12px}.privacy{margin-top:23px;border-top:1px solid var(--line);padding-top:19px}.privacy strong{color:#a5ebc7}.privacy p,.rom-side li,.support-note{color:#99a3b6;font-size:13px;line-height:1.7}.rom-side h3{margin-top:0}.rom-side ol{padding-left:20px}.rom-side li{margin:15px 0}.support-note{padding:16px;background:#25212a;border-radius:10px;margin-top:35px}@media(max-width:900px){.sidebar{width:76px;padding:24px 8px}.brand{margin:5px 12px 45px}.brand>div,.navtitle,.navitem i,.navitem{font-size:0}.navitem{padding:13px;text-align:center}.navitem span{font-size:24px;margin:0}.sidebottom{font-size:0}.sidebottom button{font-size:11px}.rom-layout{grid-template-columns:1fr}}@media(max-width:650px){.authwrap{grid-template-columns:1fr}.login-art{display:none}.authcard{min-height:100vh;padding:100px 28px 45px}.sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;z-index:5;flex-direction:row;justify-content:space-around;padding:7px 5px;border-top:1px solid var(--line);border-right:0}.brand,.sidebottom,.sidebar .navtitle{display:none}.navitem{width:auto;margin:0;padding:10px}.content{padding:0 17px 105px}.top{height:62px}.cards{grid-template-columns:1fr}.hero{min-height:0}.hero-deco{display:none}.chatlayout{grid-template-columns:1fr}.channels{display:flex;gap:6px;overflow:auto}.channels .navtitle,.channels small{display:none}.channels button{width:auto;white-space:nowrap}.chatpanel{min-height:470px}.rom-card,.rom-side{padding:18px}.rom-info{flex-direction:column;align-items:stretch}.gamebar{align-items:flex-start}.gamebar .secondary{padding:10px}}
/* Custom profile preview */
.profile-preview {
  max-width: 650px;
  margin-bottom: 24px;
  border: 1px solid #303449;
  border-radius: 18px;
  overflow: hidden;
  background: #151925;
}

.profile-banner {
  height: 145px;
  background: #7c3aed;
}

.profile-preview-body {
  padding: 20px 24px 24px;
}

.profile-preview-user {
  display: flex;
  align-items: center;
  gap: 16px;
}

.profile-preview-avatar {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border: 4px solid #151925;
  border-radius: 50%;
  background: #59418a;
  color: white;
  font-size: 32px;
  margin-top: -48px;
  position: relative;
}

#previewUsername {
  margin: 0;
  color: white;
  font-size: 23px;
}

#previewRole {
  color: #a78bfa;
  font-size: 12px;
}

#previewBio {
  color: #b4bbcc;
  margin: 18px 0 0;
  overflow-wrap: anywhere;
}

.profile-colors {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.profile-colors input[type="color"] {
  width: 70px;
  height: 42px;
  cursor: pointer;
}


/* Clickable chat usernames and member profile dialog */
.msg .member-name{appearance:none;border:0;background:none;padding:0;color:#c9bbff;font-size:13px;font-weight:750;cursor:pointer;text-align:left}
.msg .member-name:hover{text-decoration:underline;color:#e0d6ff}
.msg .member-name:focus-visible,.member-close:focus-visible{outline:2px solid #b1a0ff;outline-offset:3px}
body.member-open{overflow:hidden}
.member-overlay[hidden]{display:none!important}
.member-overlay{position:fixed;inset:0;z-index:1000;background:#05060bd9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}
.member-dialog{width:min(100%,540px);max-height:calc(100vh - 36px);overflow:auto;position:relative;background:#151925;color:#f3f5fb;border:1px solid #a78bfa;border-radius:20px;box-shadow:0 28px 90px #0009}
.member-close{position:absolute;right:14px;top:14px;z-index:2;border:1px solid #ffffff55;background:#10131ddc;color:white;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer}
.member-banner{height:175px;background-color:#7c3aed;background-size:cover;background-position:center}
.member-details{padding:0 27px 28px}
.member-header{display:flex;gap:16px;align-items:center}
.member-avatar{width:88px;height:88px;flex:0 0 88px;margin-top:-40px;border:5px solid #151925;border-radius:50%;background:#59418a;display:grid;place-items:center;font-size:34px;overflow:hidden;position:relative;color:white}
.member-identity{min-width:0;padding-top:12px}
.member-identity h2{font-size:24px;overflow-wrap:anywhere;margin:0 0 5px}
.member-role{color:#a78bfa;font-size:12px}
.member-bio{color:#b4bbcc;margin:22px 0 0;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:480px){.member-banner{height:130px}.member-details{padding:0 18px 22px}.member-avatar{width:72px;height:72px;flex-basis:72px}.member-identity h2{font-size:20px}}


/* Hub spaces — Social / Gaming landing */
.hub-portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 32px}
.hub-portal{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;min-height:315px;padding:30px;border-radius:20px;border:1px solid #ffffff20;background:linear-gradient(135deg,#231932,#14151e);color:#f7f4ff;text-decoration:none;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;font:inherit}
.hub-portal:hover{transform:translateY(-4px);border-color:#ad8bff8c;box-shadow:0 18px 55px #0005}
.hub-portal strong{font-size:clamp(28px,3vw,43px);font-weight:800;letter-spacing:-.045em}
.hub-portal>span:not(.portal-kicker):not(.portal-glyph){font-size:14px;line-height:1.7;color:#c6c1d2;max-width:320px}
.hub-portal b{font-size:12px;letter-spacing:.13em;color:#d4bbff;margin-top:auto}
.hub-portal .portal-kicker{font-size:11px;letter-spacing:.16em;color:#ba9eec;font-weight:750}
.hub-portal .portal-glyph{font-size:45px;line-height:1;color:#c3a1ff}
.hub-portal.gaming-portal{background:radial-gradient(circle at 95% 0%,#174f5666,transparent 55%),linear-gradient(135deg,#16282e,#13151e)}
.hub-portal.gaming-portal .portal-glyph,.hub-portal.gaming-portal b{color:#83e4e5}
.hub-portal.rom-portal{background:linear-gradient(135deg,#292519,#14151e)}
.hub-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.hub-links .hub-portal{min-height:280px;padding:24px}
.hub-links .hub-portal strong{font-size:29px}
.space-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.space-heading h1{font-size:clamp(32px,4vw,52px);margin:4px 0}
.space-heading p{color:#aba7b7;margin:4px 0}
.embedded-social{height:min(78vh,900px);min-height:550px;border:1px solid #3b344f;border-radius:18px;overflow:hidden;background:#0b0b12}
.embedded-social iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:720px){.hub-portals{grid-template-columns:1fr}.hub-portal{min-height:260px;padding:24px}.embedded-social{height:75vh;min-height:480px}.space-heading{align-items:flex-start}}

/* Responsive overhaul: phones, landscape phones, tablets and safe areas. */
html,body{max-width:100%;overflow-x:clip}
.layout,.content,.view,.rom-layout,.rom-card,.chatlayout,.chatpanel{min-width:0}
img,video,canvas,iframe{max-width:100%}
input,select,textarea{max-width:100%;min-width:0}
@media(max-width:800px){
 .content{min-width:0}
 .top{height:auto;min-height:60px;padding:10px 0;gap:8px;flex-wrap:wrap}
 .top>div{min-width:0}
 .quick-exits{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 .quick-exits button,.quick-exits a{white-space:nowrap}
 .hub-portals,.hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-portal,.hub-links .hub-portal{min-height:205px;padding:19px;gap:10px}
 .hub-portal strong,.hub-links .hub-portal strong{font-size:clamp(20px,3.8vw,28px)}
 .embedded-social{height:min(70dvh,760px);min-height:320px}
 .rom-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:650px){
 .layout{display:block}
 .content{width:100%;padding:0 14px calc(90px + env(safe-area-inset-bottom))}
 .sidebar{width:100%;left:0;right:0;bottom:0;top:auto;height:auto;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:2px;padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:#11131ef5;backdrop-filter:blur(18px);z-index:80}
 .sidebar::-webkit-scrollbar{display:none}
 .sidebar .navitem{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px;font-size:10px;line-height:1.15;white-space:normal;text-align:center}
 .sidebar .navitem span{display:block;font-size:20px;line-height:1.1;margin:0}
 .sidebar .brand,.sidebar .navtitle,.sidebar .sidebottom{display:none}
 .top{padding:12px 0}
 .top .quick-exits{gap:6px}
 .top .quick-exits button,.top .quick-exits a{font-size:11px;padding:8px}
 .hub-portals,.hub-links{grid-template-columns:1fr;gap:12px}
 .hub-portal,.hub-links .hub-portal{min-height:0;padding:19px;gap:9px}
 .hub-portal .portal-glyph{font-size:31px}
 .hub-portal strong,.hub-links .hub-portal strong{font-size:24px}
 .embedded-social{height:65dvh;min-height:300px}
 .chatlayout{grid-template-columns:minmax(0,1fr)}
 .channels{max-width:100%;overflow-x:auto}
 .rom-card,.rom-side{min-width:0}
 .emulator-mode-card{min-height:190px!important}
 .authcard{min-height:100dvh;padding:clamp(40px,10dvh,85px) 22px 35px}
}
@media(max-width:650px) and (orientation:landscape){
 .sidebar{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}
 .sidebar .navitem{flex-direction:row;gap:5px;font-size:11px;padding:6px 3px}
 .sidebar .navitem span{font-size:16px}
 .content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
 .top{min-height:45px;padding:6px 0}
 .hub-portals,.hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hub-portal,.hub-links .hub-portal{min-height:0;padding:14px}
 .hub-portal strong,.hub-links .hub-portal strong{font-size:20px}
 .embedded-social{height:65dvh;min-height:200px}
}
@media(min-width:651px) and (max-height:520px) and (orientation:landscape){
 .sidebar{overflow-y:auto}
 .content{padding-bottom:24px}
 .hub-portal{min-height:190px}
}
@media(max-width:380px){
 .sidebar .navitem{font-size:9px}
 .sidebar .navitem span{font-size:18px}
 .content{padding-left:11px;padding-right:11px}
}

/* Mobile usability patch: sign out remains reachable; landscape navigation stays fixed. */
.mobile-signout{display:none;border:1px solid #5d526e;background:#242032;color:#e7d9ff;border-radius:9px;padding:9px 11px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:0}
@media(max-width:900px){
 .mobile-signout{display:inline-flex;align-items:center;justify-content:center;min-height:36px}
 .top{gap:8px}
 .top .quick-exits{flex-shrink:0}
}
@media(max-width:650px){
 .sidebar{position:fixed!important;top:auto!important;bottom:0!important;height:auto!important;transform:none!important;overscroll-behavior:contain}
 .content{margin-left:0!important}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:1000px){
 .layout{display:block}
 .sidebar{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;gap:3px;padding:5px max(12px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow-x:auto!important;overflow-y:hidden!important;background:#11131ef5;backdrop-filter:blur(18px);border-top:1px solid var(--line);border-right:0;z-index:80;overscroll-behavior:contain}
 .sidebar .brand,.sidebar .navtitle,.sidebar .sidebottom{display:none!important}
 .sidebar .navitem{flex:1 0 0;min-width:0;width:auto!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;padding:8px 5px!important;margin:0!important;font-size:12px!important;line-height:1.2;text-align:center;white-space:nowrap}
 .sidebar .navitem span{font-size:17px!important;margin:0!important}
 .content{width:100%!important;max-width:none!important;margin:0!important;padding:0 max(16px,env(safe-area-inset-right)) calc(70px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important}
 .top{min-height:47px;height:auto;padding:7px 0;flex-wrap:wrap}
 .view{padding-top:17px}
 .hub-portals,.hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero{min-height:0}
}

/* Account settings 2.0 */
.account-settings{max-width:760px;margin:38px 0 30px;display:grid;gap:17px}
.account-settings-head h2{font-size:clamp(25px,4vw,35px);margin:9px 0}
.account-settings-head p,.account-settings-card>p{color:#aeb7c9;line-height:1.6}
.account-settings-card{display:grid;gap:14px;border:1px solid #38334c;background:linear-gradient(135deg,#191928,#11151e);border-radius:18px;padding:clamp(17px,3vw,27px);min-width:0}
.account-settings-card h3{font-size:21px;margin:0}
.account-settings-card>p{margin:0}
.account-settings-card label:not(.settings-checkbox){display:grid;gap:7px;font-size:13px;font-weight:700;color:#d4d5e4}
.account-settings-card input:not([type=checkbox]){width:100%;min-width:0}
.account-settings-card .action,.account-settings-card .secondary{justify-self:start}
.account-settings-card [role=status]{font-size:13px;overflow-wrap:anywhere;color:#b4e5cf;min-height:18px}
.settings-checkbox{display:flex;align-items:center;gap:9px;font-size:13px;color:#c5bfd5}
.settings-checkbox input{width:18px;height:18px;accent-color:#b1a0ff}
@media(max-width:650px){.account-settings{margin-top:26px}.account-settings-card .action,.account-settings-card .secondary{width:100%}}