:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  color:#ecf7ff;background:#04101f;color-scheme:dark;
  --bg:#04101f;--panel:#071b31;--panel2:#09233e;--line:#174b72;--line2:#226c9c;
  --cyan:#39dcff;--blue:#168cff;--blue2:#0c5ed4;--text:#ecf7ff;--muted:#8fb2cf;
  --green:#49e095;--danger:#ff5a6f;--shadow:0 24px 70px #0008;
}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{background:#020a14}body{margin:0;min-height:100vh;background:
radial-gradient(circle at 54% -15%,#15558f55 0,transparent 38%),
radial-gradient(circle at 0 40%,#0a6fab33 0,transparent 35%),
linear-gradient(180deg,#06172b 0,#03101d 55%,#020914 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#4bbcff12 1px,transparent 1px),linear-gradient(90deg,#4bbcff12 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
a{color:inherit}.site-header{position:sticky;top:0;z-index:20;min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(16px,3vw,46px);border-bottom:1px solid #1a547d;background:linear-gradient(180deg,#071a31f5,#061426ef);backdrop-filter:blur(18px);box-shadow:0 10px 30px #0005}.brand-wrap{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:250px}.brand-cube{width:44px;height:44px;display:grid;place-items:center;position:relative;transform:rotate(30deg);border:2px solid #62e6ff;border-radius:8px;background:linear-gradient(135deg,#58df9d,#1a9f7b 50%,#1271b4 51%,#093a65);box-shadow:0 0 24px #22c9ff77}.brand-cube:before,.brand-cube:after,.brand-cube i{content:"";position:absolute;background:#b8fff4aa}.brand-cube:before{width:18px;height:2px;transform:rotate(45deg)}.brand-cube:after{width:2px;height:18px;transform:rotate(45deg)}.brand{display:block;font-weight:950;letter-spacing:.075em;font-size:1.12rem;text-shadow:0 0 18px #3cbcff55}.sub{display:block;font-size:.67rem;color:#63c6ee;letter-spacing:.3em;margin-top:4px}.header-actions{display:flex;align-items:center;gap:18px;min-width:0}.topnav{display:flex;align-items:center;gap:8px}.navitem{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:12px;color:#a8c9e4;text-decoration:none;font-weight:700;transition:.2s ease}.navitem:hover{color:white;background:#0b2946;border-color:#1b608d}.navitem.active{color:#fff;border-color:#22aee5;background:linear-gradient(180deg,#0f4b7d,#0a2747);box-shadow:inset 0 0 0 1px #46e1ff44,0 0 24px #159fe744}.navicon{color:#6cdbff}.user-menu{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border:1px solid #194b71;background:#071a2e;border-radius:999px}.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a66f38,#593819);border:2px solid #37b9f2;box-shadow:0 0 15px #27c7ff55;font-weight:900}.user-menu-name{font-weight:800;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{border:0;background:#17324b;color:#bcd8eb;border-radius:999px;width:35px;height:30px;font-size:.76rem;cursor:pointer}.site-main{width:min(1480px,calc(100% - 28px));margin:30px auto 70px;position:relative;z-index:1}.hero{padding:30px;border:1px solid #1b557e;border-radius:22px;background:linear-gradient(135deg,#0a2442ee,#061628ee);box-shadow:var(--shadow)}.hero h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.8rem)}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:20px}.card,.game-card{background:linear-gradient(180deg,#081c32f5,#061527f5);border:1px solid #1a4e74;border-radius:18px;box-shadow:0 18px 45px #0004;min-width:0}.card{padding:20px}.card h2,.card h3{margin-top:0}.stat{font-size:2rem;font-weight:900}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}label{display:block;margin:14px 0;color:#cce4f6;font-weight:650}input,select,textarea{display:block;width:100%;max-width:100%;padding:12px 13px;margin-top:6px;border-radius:12px;border:1px solid #2a5f84;background:#04101d;color:#f5fbff;outline:none;font:inherit}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#35caf7;box-shadow:0 0 0 3px #18bde82e}.btn,button{display:inline-block;border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(180deg,#1c9cff,#0870dc);box-shadow:0 8px 20px #0a69c344;color:white;font-weight:800;cursor:pointer;text-decoration:none}.btn.secondary,button.secondary{background:#16334e;box-shadow:none;border:1px solid #315d7e}.danger{background:#b63849!important}.warn{background:#97601d!important}.ok{background:#177a4d!important}.notice{padding:13px 16px;margin-bottom:18px;border:1px solid #2c86b7;background:#0a2d49;border-radius:12px;box-shadow:0 0 22px #159ee522}.error{padding:12px 14px;background:#40141a;border:1px solid #8a3039;border-radius:10px;margin:12px 0}.success{padding:12px 14px;background:#103722;border:1px solid #286d48;border-radius:10px;margin:12px 0}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.76rem;font-weight:850;background:#1c3852;border:1px solid #29516f}.b-active{background:#0d5739;color:#c3ffe0;border-color:#15915b;box-shadow:0 0 16px #20d77a33}.b-pending{background:#5a4210;color:#ffe2a0}.b-suspended{background:#59390d;color:#ffd49a}.b-banned,.b-rejected{background:#571d25;color:#ffc2ca}.b-owner,.b-admin{background:#193d74;color:#d7e6ff}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid #1b3e5b;padding:11px 8px;vertical-align:top}th{color:#87a9c2;font-size:.8rem;text-transform:uppercase}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll table{min-width:760px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions form{margin:0}.actions button{padding:7px 9px;font-size:.82rem}.code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#030a12;border:1px solid #1d4766;border-radius:10px;padding:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.small{font-size:.82rem}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:8px 12px;border:1px solid #285777;border-radius:10px;text-decoration:none;color:#bbdbf0}.tabs a.active{background:#0c65a9;color:#fff;box-shadow:0 0 18px #149dd633}footer{text-align:center;color:#51728d;padding:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline{display:inline;margin:0}.code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#03111f;border:1px solid #205277;border-radius:7px;padding:3px 7px;color:#86eaff}.top-gap{margin-top:10px}.access-edit{margin-top:10px;border-top:1px solid #233b54;padding-top:8px}.access-edit summary{cursor:pointer;color:#b8d7ff;font-weight:700}.access-edit form{margin-top:10px}

/* Account gaming dashboard */
.page-account .site-main{width:min(1620px,calc(100% - 24px));margin-top:20px}.account-dashboard{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(490px,1.62fr) minmax(290px,.86fr) minmax(290px,.88fr);gap:16px;align-items:stretch}.account-dashboard>.game-card{position:relative;overflow:hidden}.account-dashboard>.game-card:after{content:"";position:absolute;pointer-events:none;inset:auto -20px -40px 35%;height:150px;opacity:.16;background:linear-gradient(135deg,transparent 0 28%,#2cd1ff55 29% 32%,transparent 33% 44%,#2cd1ff3a 45% 50%,transparent 51%),linear-gradient(45deg,#0a568a55 25%,transparent 25% 50%,#0a568a55 50% 75%,transparent 75%);background-size:86px 86px;transform:skewY(-5deg)}.profile-card{min-height:710px}.profile-art{height:260px;padding:24px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,#0c5d8d77,transparent 40%),linear-gradient(180deg,#0a2a49,#071829);border-bottom:1px solid #1b577f}.profile-art:before{content:"";position:absolute;top:0;left:0;right:0;height:265px;opacity:.22;background-image:linear-gradient(135deg,#0aa2d522 25%,transparent 25% 75%,#0aa2d522 75%);background-size:42px 42px}.profile-avatar{position:relative;z-index:1;width:116px;height:116px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#44eaff,#0f8cff);box-shadow:0 0 0 3px #06213a,0 0 30px #26d9ff99}.profile-avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#9e6b40 0 25%,#55361f 25% 50%,#d59c64 50% 75%,#70462b 75%);font-size:3.3rem;font-weight:950;text-shadow:0 3px 0 #3c2415}.profile-art h2{z-index:1;margin:14px 0 7px;font-size:1.55rem}.profile-badges{z-index:1}.profile-list{padding:12px 20px}.profile-row{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid #194365;min-width:0}.profile-icon{color:#63d9ff;font-size:1.25rem}.profile-row span:last-child{display:grid;grid-template-columns:minmax(80px,.85fr) minmax(0,1.15fr);gap:10px;align-items:start}.profile-row b{font-size:.77rem;color:#8ab5d5;letter-spacing:.03em}.profile-row em{font-style:normal;color:#f3fbff;overflow-wrap:anywhere}.profile-motto{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 22px;min-height:118px;background:linear-gradient(180deg,transparent,#061525 35%,#061525);z-index:2}.profile-motto strong,.profile-motto span{display:block}.profile-motto strong{font-size:1.15rem;color:#67d9ff;letter-spacing:.08em}.profile-motto span{margin-top:5px;font-size:.82rem;letter-spacing:.22em;color:#87a8c0}.join-card{padding:22px;border-color:#2ccdf3;box-shadow:0 0 0 1px #27caff40,inset 0 0 35px #0a5d8a33,0 18px 60px #0007}.join-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 8%,#1b82b844,transparent 27%),linear-gradient(135deg,#0b345477,transparent 50%);pointer-events:none}.join-card>*{position:relative;z-index:2}.join-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:17px}.title-icon,.panel-icon{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#20d7ff,#0b73e8);box-shadow:0 0 22px #22c8ff77;font-size:1.35rem}.join-card-head h1{margin:2px 0 5px;font-size:clamp(1.65rem,2.3vw,2.1rem)}.join-card-head p,.panel-heading p{margin:0;color:#8fb9d7}.eyebrow{float:right;margin-left:10px;color:#52d9ff;font-size:.67rem;letter-spacing:.25em;text-transform:uppercase}.server-box{padding:14px;border:1px solid #1f6895;border-radius:15px;background:#041527cc;box-shadow:inset 0 0 22px #0b5d8d22}.box-label{font-weight:850;color:#9de8ff;margin-bottom:9px}.box-label span{color:#5ed9ff;margin-right:7px}.server-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.server-copy-row code{display:flex;align-items:center;min-height:54px;padding:0 16px;border:1px solid #226895;border-radius:11px;background:#061221;color:#5fe8ff;font:800 clamp(.94rem,1.7vw,1.25rem)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.copy-btn{background:linear-gradient(180deg,#173f66,#0d2948);border:1px solid #3d83b1;box-shadow:inset 0 0 16px #3bd4ff1c;white-space:nowrap}.copy-btn:hover{border-color:#5de5ff;box-shadow:0 0 18px #24cfff44}.copy-btn.copied{background:linear-gradient(180deg,#17855c,#0b6041)}.access-panel{position:relative;margin-top:14px;padding:15px 17px 18px;border:1px solid #2cc8f1;border-radius:16px;background:radial-gradient(circle at 50% 65%,#09649355,transparent 45%),linear-gradient(180deg,#071a31,#041120);box-shadow:inset 0 0 28px #0c75aa33,0 0 18px #1bc6ef22;text-align:center}.access-panel-title{text-align:left;color:#a5eaff;font-weight:850}.access-panel-title span{color:#56dcff}.access-code-gaming{display:flex;justify-content:center;gap:7px;margin:17px auto 13px;max-width:520px}.access-code-gaming span{display:grid;place-items:center;min-width:0;flex:1;aspect-ratio:.75/1;border:1px solid #36d5f8;border-radius:10px;background:linear-gradient(180deg,#0a3558,#071a2e);box-shadow:inset 0 0 17px #1e9cd54d,0 0 14px #24d4ff2b;color:#f2fcff;text-shadow:0 0 12px #46e4ff;font:950 clamp(2rem,4.2vw,4.1rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.code-copy{margin-bottom:8px}.access-hint{color:#54d8f3;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.join-steps{margin-top:14px;padding:16px;border:1px solid #18577e;border-radius:15px;background:#071a2de8}.join-steps h3{margin:0 0 12px;color:#7fe8ff}.step{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;margin:10px 0;color:#d9ebf7}.step i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #34c8f0;color:#79eaff;font-style:normal;font-weight:900}.step small{color:#8caec5}.join-tip{margin-top:14px;padding:11px 12px;border:1px solid #18577e;border-radius:11px;background:#041322;color:#a9c9de;font-size:.84rem}.manage-card,.security-card{padding:21px 19px;min-height:710px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.panel-heading h2{margin:0 0 5px;font-size:1.25rem}.panel-heading .panel-icon{width:40px;height:40px;border-radius:12px;font-size:1.05rem}.gaming-form label{margin:16px 0}.input-shell{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;margin-top:7px;border:1px solid #236089;border-radius:12px;background:#04111f;box-shadow:inset 0 0 18px #0c5b8722}.input-shell>span{color:#64dcff;text-align:center}.input-shell input{margin:0;border:0;background:transparent;box-shadow:none;padding:14px 10px}.password-shell{grid-template-columns:28px minmax(0,1fr) 38px}.password-eye{background:transparent;border:0;box-shadow:none;color:#7fcce9;padding:0;width:38px;height:42px}.big-action{width:100%;min-height:54px;margin-top:9px;border-radius:13px;font-size:1rem;box-shadow:0 0 24px #0d9fff4a}.big-action.secondary{margin-top:10px;background:linear-gradient(180deg,#24455f,#142e45);border-color:#4280a8}.panel-note{margin-top:16px;padding:12px;border:1px solid #1e5577;border-radius:11px;color:#8eafc6;background:#061524;font-size:.82rem}.portal-art{position:absolute;left:18px;right:18px;bottom:18px;min-height:155px;padding:74px 16px 16px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 72% 54%,#8d35ff55 0 10%,transparent 28%),linear-gradient(180deg,transparent,#071929dd),linear-gradient(135deg,#0c3452,#071425)}.portal-art:before{content:"";position:absolute;right:30px;bottom:20px;width:68px;height:104px;border:10px solid #25394c;box-shadow:inset 0 0 18px #ae55ff,0 0 18px #823eff;background:linear-gradient(180deg,#8f2cff99,#4b159c99)}.portal-art b,.portal-art em{display:block;position:relative;z-index:1;letter-spacing:.28em;color:#5fd7ff;font-size:.68rem}.portal-art em{font-style:normal;margin-top:6px}.pending-join{min-height:400px}.pending-message{margin-top:20px;padding:24px;border:1px dashed #2a729c;border-radius:14px;color:#a7c6da;background:#041423}

@media(max-width:1320px){.account-dashboard{grid-template-columns:270px minmax(460px,1fr) minmax(300px,.82fr)}.security-card{grid-column:2/4;min-height:430px}.portal-art{left:auto;width:42%;top:88px;bottom:18px}.security-card .gaming-form{max-width:52%}}
@media(max-width:980px){.site-header{position:static;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.site-header{flex-wrap:wrap}.brand-wrap{min-width:0}.account-dashboard{grid-template-columns:1fr 1fr}.profile-card{min-height:auto}.join-card{grid-column:2}.manage-card,.security-card{min-height:auto}.security-card{grid-column:auto}.portal-art{display:none}.security-card .gaming-form{max-width:none}.profile-motto{position:relative}.profile-card:after{display:none}}
@media(max-width:760px){.site-header{padding:13px 14px;gap:12px}.brand-cube{width:38px;height:38px}.brand{font-size:.95rem}.sub{font-size:.55rem;letter-spacing:.18em}.header-actions{gap:8px;align-items:center}.topnav{overflow-x:auto;max-width:calc(100vw - 100px);padding-bottom:2px}.navitem{padding:8px 10px;white-space:nowrap;font-size:.85rem}.navitem .navicon{display:none}.user-menu-name{display:none}.logout-btn{width:34px}.site-main,.page-account .site-main{width:calc(100% - 14px);margin:12px auto 44px}.account-dashboard{grid-template-columns:1fr;gap:12px}.join-card{grid-column:auto;order:-1;padding:16px}.profile-card{order:0}.manage-card{order:1}.security-card{order:2}.profile-art{height:205px}.profile-avatar{width:92px;height:92px}.profile-avatar span{font-size:2.6rem}.profile-list{padding:10px 15px}.profile-row span:last-child{grid-template-columns:110px minmax(0,1fr)}.manage-card,.security-card{padding:16px}.server-copy-row{grid-template-columns:1fr}.copy-btn{width:100%}.access-code-gaming{gap:4px}.access-code-gaming span{border-radius:8px;font-size:clamp(1.9rem,12vw,3.1rem)}.join-steps{padding:13px}.step{font-size:.91rem}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs a{white-space:nowrap}.scroll table{min-width:760px}button,.btn{min-height:42px}footer{padding:18px 12px;font-size:.76rem}}
@media(max-width:430px){.profile-row span:last-child{grid-template-columns:1fr}.profile-row b{margin-bottom:2px}.access-code-gaming span{font-size:clamp(1.55rem,11vw,2.45rem)}.join-card-head .title-icon{width:40px;height:40px}.join-card-head h1{font-size:1.35rem}.server-copy-row code{font-size:.88rem}.panel-heading h2{font-size:1.1rem}}

/* ==========================================================
   v1.1.1 — Reference-matched gaming account UI
   ========================================================== */
.reference-ui{background:
 radial-gradient(circle at 20% 0,#0b3b66 0,transparent 30%),
 radial-gradient(circle at 82% 8%,#0d355c 0,transparent 28%),
 linear-gradient(180deg,#04111f 0,#061426 45%,#04101c 100%);}
.reference-ui .site-header{background:linear-gradient(90deg,#07182dF2,#0a2b4eF0 47%,#061526F4),url('/voxel-night.svg') center 57%/cover no-repeat;border-bottom:1px solid #184b72;box-shadow:0 14px 40px #0008;min-height:92px;padding-top:14px;padding-bottom:14px}
.reference-ui .brand-wrap{gap:14px}.reference-ui .brand-cube{width:48px;height:48px;box-shadow:0 0 20px #32dfff44}.reference-ui .brand{font-size:1.32rem;letter-spacing:.1em}.reference-ui .sub{font-size:.62rem;letter-spacing:.32em;color:#63cfff}.reference-ui .navitem{padding:11px 15px;border-radius:10px;color:#c9e3f6}.reference-ui .navitem.active{background:linear-gradient(180deg,#0d4d81cc,#0b2c51cc);border-color:#4fdcff;box-shadow:0 0 20px #22caff55,inset 0 0 15px #24a8e633}.reference-ui .mini-avatar{border:2px solid #2fcfff;box-shadow:0 0 16px #29cfff4d;background:#0b2a48}.reference-ui .site-main{width:min(1680px,calc(100% - 28px));margin:22px auto 32px}.account-dashboard-ref{display:grid;grid-template-columns:330px minmax(560px,1.65fr) minmax(300px,.9fr) minmax(300px,.9fr);gap:16px;align-items:stretch;min-height:760px}.reference-card{position:relative;overflow:hidden;border:1px solid #1d5b88;border-radius:18px;background:linear-gradient(180deg,#081d34f7,#061526f7);box-shadow:0 16px 44px #0008,inset 0 1px 0 #ffffff08}.reference-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#34dfff08,transparent 23%,transparent 76%,#248fff07)}

/* profile */
.profile-card.reference-card{display:flex;flex-direction:column;min-height:760px}.profile-hero{position:relative;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 20px 18px;border-bottom:1px solid #174c73}.profile-scene{position:absolute;inset:0;background:linear-gradient(180deg,#09254166,#06131dcc),url('/voxel-night.svg') center/cover no-repeat;filter:saturate(.9)}.profile-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#19c9ff30,transparent 35%),linear-gradient(180deg,transparent 55%,#071526 96%)}.pixel-avatar-wrap{position:relative;z-index:2;width:132px;height:132px;border-radius:50%;padding:6px;margin-top:4px;background:linear-gradient(135deg,#62edff,#078cff);box-shadow:0 0 0 5px #08233a,0 0 0 7px #20c7f5,0 0 34px #2bdcff88}.pixel-avatar{display:block;width:100%;height:100%;border-radius:50%;image-rendering:pixelated;background:#10253a}.profile-hero h2{position:relative;z-index:2;margin:15px 0 8px;font-size:1.55rem;text-shadow:0 3px 16px #000}.profile-badges{position:relative;z-index:2}.role-badge{background:#263d59;color:#fff}.profile-info{padding:4px 22px 0}.profile-data-row{display:grid;grid-template-columns:32px minmax(76px,.8fr) minmax(0,1.2fr);gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #1e4d70}.profile-data-row .data-icon{color:#66ddff;font-size:1.2rem}.profile-data-row b{font-size:.78rem;line-height:1.15;color:#8fbada}.profile-data-row em{font-style:normal;color:#f4faff;overflow-wrap:anywhere}.profile-landscape{position:relative;margin-top:auto;min-height:210px;background:linear-gradient(180deg,transparent 0,#06152422 5%),url('/voxel-night.svg') 38% 70%/cover no-repeat}.profile-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07152611,#06111de6 78%)}.profile-quote,.profile-brand{position:absolute;z-index:2;left:24px}.profile-quote{top:90px;transform:rotate(-3deg)}.profile-quote strong{display:block;font-size:1.08rem;color:#6fe7ff;letter-spacing:.06em;text-shadow:0 0 16px #30ccff}.profile-quote span{display:block;margin-top:6px;color:#b5d7e9;font-size:.75rem;letter-spacing:.16em}.profile-brand{bottom:16px;color:#81daf5;font-size:.7rem;letter-spacing:.25em}.profile-brand small{font-size:.52rem;color:#7696aa;letter-spacing:.24em}

/* hero join */
.join-card.reference-card{padding:24px;border-color:#35d8ff;box-shadow:0 0 0 1px #20cfff40,0 0 34px #20cfff24,inset 0 0 40px #0b5c8c2b}.hero-backdrop{position:absolute;inset:0 0 auto 0;height:150px;background:linear-gradient(90deg,#08203bee,#08203b99 48%,#08203b55),url('/voxel-night.svg') 68% 40%/cover no-repeat;opacity:.88}.join-head-ref{position:relative;z-index:2;display:flex;gap:16px;align-items:flex-start;min-height:110px}.big-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#19d7ff,#197be8);color:#fff;font-size:1.6rem;box-shadow:0 0 24px #24d8ff77}.join-title-wrap{flex:1;min-width:0}.join-title-wrap h1{margin:1px 0 6px;font-size:2rem}.join-title-wrap p{margin:0;color:#9bbfd8}.edition-label{float:right;color:#62dfff;font-size:.66rem;letter-spacing:.28em}.server-address-panel,.code-showcase,.join-guide-ref{position:relative;z-index:2;border:1px solid #21618b;border-radius:15px;background:#061728dc}.server-address-panel{padding:15px 16px}.server-label{display:flex;gap:9px;align-items:center;color:#9fe7ff;margin-bottom:10px}.server-label span{color:#5ddcff}.server-address-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.server-address-line code{display:flex;align-items:center;min-height:54px;padding:0 16px;border:1px solid #286d9a;border-radius:10px;background:#041321;color:#5ee5ff;font:800 clamp(.95rem,1.5vw,1.22rem)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.ref-copy{min-width:104px;background:linear-gradient(180deg,#224f78,#143555);border-color:#4484ad}.ref-copy:hover{border-color:#67e2ff;box-shadow:0 0 18px #27d0ff40}.code-showcase{margin-top:14px;padding:15px 16px 17px;border-color:#2cd8ff;background:radial-gradient(circle at 50% 68%,#0e6a9c44,transparent 43%),linear-gradient(180deg,#071a30,#041321);box-shadow:inset 0 0 32px #0a6a9b3d}.code-caption{display:flex;gap:9px;align-items:center;text-align:left;color:#9be8ff}.code-caption span{color:#56e0ff}.code-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:14px 0 8px}.access-code-reference{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.access-code-reference span{display:grid;place-items:center;min-width:0;aspect-ratio:.77/1;border:1px solid #35dbff;border-radius:8px;background:linear-gradient(180deg,#0c3d66,#071a2c);box-shadow:inset 0 0 17px #20a5e055,0 0 12px #24d4ff26;color:#fff;text-shadow:0 0 13px #47e9ff;font:950 clamp(2.5rem,4vw,4.2rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.code-copy-side{height:54px}.code-footnote{text-align:center;color:#5bdcf7;font-size:.7rem;letter-spacing:.23em}.join-guide-ref{margin-top:14px;padding:15px 16px 13px;background:linear-gradient(180deg,#092342dd,#07182bdd),url('/voxel-night.svg') 75% 95%/cover no-repeat}.join-guide-ref:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07182cf7 0 65%,#07182c9c 100%);pointer-events:none}.guide-title,.guide-grid{position:relative;z-index:2}.guide-title{display:flex;gap:8px;align-items:center;color:#76e5ff}.guide-title h3{margin:0;font-size:1.1rem}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px}.guide-steps{padding-top:7px}.guide-step{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;margin:9px 0;color:#e0edf7}.guide-step i{display:grid;place-items:center;width:26px;height:26px;border:1px solid #3ad8ff;border-radius:50%;font-style:normal;color:#78e7ff;font-weight:900}.guide-step small{color:#90a9ba}.guide-tip{margin-top:13px;padding:10px 11px;border:1px solid #1d5d85;border-radius:10px;background:#041422dd;color:#a9c9dc;font-size:.82rem}.guide-art{position:relative;min-height:155px;background:url('/tool-night.svg') center/cover no-repeat;border-radius:12px;overflow:hidden}.guide-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081a2a77,transparent)}.join-scribble{position:absolute;z-index:2;top:22px;right:18px;color:#67dfff;font-style:italic;font-weight:800;transform:rotate(-5deg);font-size:1.2rem;text-shadow:0 0 12px #16bfff}.join-scribble span{font-size:.72rem}

/* side panels */
.slim-ref-card{padding:20px;min-height:760px}.panel-heading-ref{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.small-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#23d7ff,#1381f0);box-shadow:0 0 18px #2cd7ff66}.panel-heading-ref h2{margin:2px 0 4px;font-size:1.22rem}.panel-heading-ref p{margin:0;color:#8eb6d1;font-size:.85rem}.reference-form label{display:block;margin:18px 0;font-weight:750}.ref-input{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;margin-top:8px;border:1px solid #28668f;border-radius:11px;background:#041320;box-shadow:inset 0 0 18px #0a5a8628}.ref-input>span{color:#67dfff;text-align:center}.ref-input input{margin:0;border:0;background:transparent;box-shadow:none;padding:14px 9px;color:#fff}.password-ref{grid-template-columns:32px minmax(0,1fr) 36px}.ref-primary{width:100%;min-height:56px;margin-top:8px;border-radius:12px;background:linear-gradient(180deg,#20b8ff,#1279ed);border-color:#2cd2ff;box-shadow:0 0 22px #169eff44}.ref-secondary{width:100%;min-height:56px;background:linear-gradient(180deg,#294d68,#19354c);border-color:#477f9e}.ref-note{margin-top:16px;padding:12px;border:1px solid #21597c;border-radius:11px;background:#071725;color:#a8c3d6;font-size:.82rem}.tool-art{position:absolute;left:18px;right:18px;bottom:18px;min-height:190px;border-radius:14px;background:linear-gradient(180deg,transparent,#071626bb),url('/tool-night.svg') center/cover no-repeat;overflow:hidden}.tool-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#071423de)}.tool-art span,.tool-art b{position:absolute;z-index:2;left:18px;bottom:42px;color:#62dfff;font-size:.65rem;letter-spacing:.28em}.tool-art b{bottom:24px}.portal-scene{position:absolute;left:18px;right:18px;bottom:18px;min-height:210px;border-radius:14px;background:url('/portal-night.svg') center/cover no-repeat;overflow:hidden}.portal-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061322a8 0 48%,transparent 78%)}.portal-copy{position:absolute;z-index:2;left:18px;bottom:22px;display:flex;flex-direction:column;gap:5px}.portal-copy span{font-size:.64rem;letter-spacing:.28em;color:#6fdfff}.pending-join{min-height:520px}.pending-message{margin-top:20px;padding:24px;border:1px dashed #2a729c;border-radius:14px;color:#a7c6da;background:#041423}

@media(max-width:1500px){.account-dashboard-ref{grid-template-columns:290px minmax(520px,1.55fr) minmax(285px,.85fr)}.security-card.slim-ref-card{grid-column:2/4;min-height:430px}.security-card .reference-form{max-width:52%}.security-card .portal-scene{left:auto;width:42%;top:88px;bottom:18px}}
@media(max-width:1080px){.reference-ui .site-header{position:static}.account-dashboard-ref{grid-template-columns:1fr 1fr}.profile-card.reference-card{min-height:auto}.join-card.reference-card{grid-column:2}.slim-ref-card{min-height:520px}.security-card.slim-ref-card{grid-column:auto}.security-card .reference-form{max-width:none}.security-card .portal-scene,.tool-art{display:none}.profile-landscape{min-height:150px}}
@media(max-width:760px){.reference-ui .site-header{min-height:auto;padding:12px 14px}.reference-ui .site-main{width:calc(100% - 14px);margin-top:10px}.account-dashboard-ref{grid-template-columns:1fr;gap:12px}.join-card.reference-card{grid-column:auto;order:-1;padding:15px}.profile-card.reference-card{order:0}.manage-card{order:1}.security-card{order:2}.profile-hero{height:220px}.pixel-avatar-wrap{width:100px;height:100px}.profile-info{padding:2px 15px}.profile-data-row{grid-template-columns:30px 104px minmax(0,1fr)}.profile-landscape{min-height:138px}.join-head-ref{min-height:96px}.join-title-wrap h1{font-size:1.45rem}.big-icon{width:44px;height:44px}.edition-label{float:none;margin-bottom:4px}.server-address-line,.code-stage{grid-template-columns:1fr}.ref-copy,.code-copy-side{width:100%}.access-code-reference{gap:4px}.access-code-reference span{font-size:clamp(1.9rem,12vw,3rem)}.guide-grid{grid-template-columns:1fr}.guide-art{display:none}.slim-ref-card{min-height:auto;padding:16px}.reference-ui .brand{font-size:1rem}.reference-ui .sub{font-size:.5rem;letter-spacing:.18em}.reference-ui .topnav{max-width:calc(100vw - 110px);overflow-x:auto}.reference-ui .navitem{white-space:nowrap;padding:8px 10px}.reference-ui .user-menu-name{display:none}}
@media(max-width:430px){.profile-data-row{grid-template-columns:28px 1fr}.profile-data-row em{grid-column:2}.access-code-reference span{font-size:clamp(1.45rem,11.5vw,2.35rem)}.server-address-line code{font-size:.86rem}.join-title-wrap h1{font-size:1.3rem}.panel-heading-ref h2{font-size:1.08rem}}

/* ============================================================
   v1.1.1 — Reference-matched NEXDECRAFT account UI
   ============================================================ */
body.page-account.reference-ui{
  --ref-bg:#03101e;--ref-panel:#061a2f;--ref-panel2:#08233d;--ref-line:#174d78;
  --ref-cyan:#36dcff;--ref-blue:#1789ff;--ref-muted:#92b7d0;
  background:
    radial-gradient(circle at 45% -10%,rgba(14,92,155,.30),transparent 35%),
    linear-gradient(180deg,#06182d 0,#03101e 42%,#020b15 100%);
  min-height:100vh;
}
body.page-account.reference-ui:before{opacity:.06;background-size:74px 74px}
.reference-site-header{
  position:sticky;top:0;z-index:50;height:96px;padding:0 clamp(20px,2.3vw,42px);
  display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr);align-items:center;
  border-bottom:1px solid rgba(40,137,201,.48);
  background:
    linear-gradient(90deg,rgba(3,16,31,.97) 0 50%,rgba(3,18,34,.68) 76%,rgba(3,14,27,.96) 100%),
    url('/ref/header-scenery.png') right center/auto 100% no-repeat;
  box-shadow:0 8px 26px #0007,inset 0 -1px #4ad9ff12;
  backdrop-filter:blur(12px);
}
.reference-brand{display:flex;align-items:center;gap:14px;text-decoration:none;justify-self:start;min-width:0}
.reference-brand-logo{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 12px #36d8ff35)}
.reference-brand strong{display:block;font-size:1.7rem;font-weight:950;letter-spacing:.055em;color:#f5f9ff;text-shadow:0 0 17px #61c8ff44}
.reference-brand small{display:block;margin-top:2px;color:#60c8f4;font-size:.64rem;font-weight:750;letter-spacing:.42em;white-space:nowrap}
.reference-header-actions{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}
.reference-topnav{display:flex;align-items:center;gap:14px}
.ref-navitem{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 17px;border:1px solid transparent;border-radius:12px;color:#bed8eb;text-decoration:none;font-size:.99rem;font-weight:750;transition:.2s ease;white-space:nowrap}
.ref-navitem:hover{background:#0b2948;border-color:#1f658f;color:#fff}
.ref-navitem.active{background:linear-gradient(180deg,#0d4a80,#082743);border-color:#29c9ff;color:#fff;box-shadow:inset 0 0 0 1px #7beaff44,0 0 22px #1cb9ff78}
.ref-navicon{color:#9ad8ff;font-size:1.25rem;line-height:1}
.ref-nav-disabled{opacity:.82}
.reference-user-zone{display:flex;align-items:center;gap:12px;margin-left:8px}
.ref-bell{position:relative;width:42px;height:42px;border:0;background:transparent;color:#d8edff;font-size:1.2rem;cursor:default}
.ref-bell i{position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#188cff;box-shadow:0 0 10px #22bfff}
.reference-user-menu{position:relative}
.reference-user-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;color:#f2f8ff;font-weight:850;min-width:148px}
.reference-user-menu summary::-webkit-details-marker{display:none}
.header-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #2088c3;box-shadow:0 0 14px #35d8ff3d}
.reference-user-menu summary b{font-size:.9rem;color:#a9c9df;margin-left:auto}
.reference-user-dropdown{position:absolute;right:0;top:54px;width:210px;padding:8px;border:1px solid #215b83;border-radius:12px;background:#061627f2;box-shadow:0 22px 50px #000a;backdrop-filter:blur(16px)}
.reference-user-dropdown a,.reference-user-dropdown button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#d8eaf7;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
.reference-user-dropdown a:hover,.reference-user-dropdown button:hover{background:#0c2a47;color:#fff}
.reference-header-motto{position:absolute;right:32px;bottom:8px;color:#89b8d6;font-size:.55rem;letter-spacing:.42em;opacity:.9}
.reference-main{width:min(1640px,calc(100% - 32px));margin:18px auto 34px}
.reference-notice{margin:0 0 12px;border:1px solid #1b75a7;background:#08253d;color:#d8f5ff;box-shadow:0 0 24px #0daae42b}
.reference-footer{padding:12px 0 22px;color:#62839a;font-size:.7rem;letter-spacing:.18em;text-align:center}

/* exact 4-column desktop composition */
body.page-account.reference-ui .account-dashboard-ref{
  display:grid!important;
  grid-template-columns:minmax(270px,.88fr) minmax(560px,1.95fr) minmax(285px,.90fr) minmax(300px,.96fr)!important;
  align-items:stretch;gap:16px;margin:0!important;
}
body.page-account.reference-ui .reference-card{
  position:relative;overflow:hidden;min-width:0;border-radius:17px;
  background:linear-gradient(180deg,rgba(7,27,48,.98),rgba(4,18,33,.98));
  border:1px solid #174d77;box-shadow:0 18px 42px #0005,inset 0 1px rgba(112,217,255,.035);
}

/* left profile */
body.page-account.reference-ui .profile-card.reference-card{display:flex;flex-direction:column;min-height:780px;padding:0}
body.page-account.reference-ui .profile-hero{position:relative;height:258px;padding-top:26px;text-align:center;overflow:hidden;border-bottom:1px solid #1a567f;background:linear-gradient(180deg,#08223cb8,#06182cdc)}
body.page-account.reference-ui .profile-hero:before{content:"";position:absolute;inset:0;background:url('/ref/avatar.png') center 20px/158px 158px no-repeat;opacity:1;pointer-events:none}
body.page-account.reference-ui .profile-scene{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,31,.10),rgba(3,16,29,.76)),url('/ref/profile-scenery.png') center bottom/cover no-repeat;opacity:.28}
body.page-account.reference-ui .pixel-avatar-wrap{display:none}
body.page-account.reference-ui .profile-hero h2{position:relative;z-index:2;margin:165px 0 7px;font-size:1.7rem;letter-spacing:.035em;text-shadow:0 2px 12px #000}
body.page-account.reference-ui .profile-badges{position:relative;z-index:2;display:flex;justify-content:center;gap:7px}
body.page-account.reference-ui .profile-badges .badge{font-size:.72rem;padding:6px 11px;border-radius:999px;box-shadow:0 0 12px rgba(46,218,143,.12)}
body.page-account.reference-ui .profile-info{padding:6px 22px 0}
body.page-account.reference-ui .profile-data-row{display:grid;grid-template-columns:30px 104px minmax(0,1fr);gap:7px;align-items:center;padding:16px 0;border-bottom:1px solid #17466a}
body.page-account.reference-ui .profile-data-row .data-icon{font-size:1rem;color:#7adfff;text-align:center}
body.page-account.reference-ui .profile-data-row b{font-size:.72rem;color:#8cb7d6;line-height:1.15}
body.page-account.reference-ui .profile-data-row em{font-size:.88rem;color:#eef8ff;line-height:1.32;overflow-wrap:anywhere}
body.page-account.reference-ui .profile-landscape{position:relative;margin-top:auto;min-height:280px;background:url('/ref/profile-scenery.png') center bottom/cover no-repeat}
body.page-account.reference-ui .profile-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04152655,transparent 24%,rgba(2,11,19,.05))}
body.page-account.reference-ui .profile-quote,body.page-account.reference-ui .profile-brand{display:none}

/* center hero join card */
body.page-account.reference-ui .join-card.reference-card{min-height:780px;padding:22px;border-color:#32d7ff;box-shadow:0 0 0 1px rgba(47,217,255,.35),0 0 28px rgba(26,188,255,.22),inset 0 0 42px rgba(9,83,128,.19)}
body.page-account.reference-ui .hero-backdrop{height:142px;background:linear-gradient(90deg,#08203bf6 0 56%,rgba(8,32,59,.38) 100%),url('/ref/hero-scenery.png') right top/auto 100% no-repeat;opacity:1}
body.page-account.reference-ui .join-head-ref{position:relative;z-index:2;display:flex;align-items:flex-start;gap:15px;min-height:110px;padding:5px 5px 0}
body.page-account.reference-ui .big-icon{width:54px;height:54px;border-radius:12px;font-size:0;background:linear-gradient(135deg,#24ddff,#1486ff);box-shadow:0 0 22px #22c9ff78}
body.page-account.reference-ui .big-icon:before{content:"◇";font-size:1.6rem;font-weight:900;color:#fff;transform:rotate(45deg)}
body.page-account.reference-ui .join-title-wrap h1{margin:1px 0 6px;font-size:1.85rem;line-height:1.12}
body.page-account.reference-ui .join-title-wrap p{margin:0;color:#9ec0d8;font-size:.91rem}
body.page-account.reference-ui .edition-label{float:right;margin:1px 0 0 10px;color:#65ddff;font-size:.61rem;font-weight:800;letter-spacing:.29em}
body.page-account.reference-ui .server-address-panel{padding:14px 16px;border-color:#276993;background:rgba(4,19,34,.88)}
body.page-account.reference-ui .server-label{margin-bottom:9px;font-size:.91rem;color:#9fe4ff}
body.page-account.reference-ui .server-address-line{grid-template-columns:minmax(0,1fr) 116px;gap:9px}
body.page-account.reference-ui .server-address-line code{min-height:52px;padding:0 16px;font-size:clamp(.95rem,1.15vw,1.18rem);border-color:#256992;color:#58dcff;letter-spacing:.01em}
body.page-account.reference-ui .ref-copy{min-width:0;border:1px solid #3f7fa7;border-radius:10px;background:linear-gradient(180deg,#224f78,#153655);color:#f4fbff;font-weight:800}
body.page-account.reference-ui .code-showcase{margin-top:13px;padding:14px 16px 15px;border-color:#31d8ff;background:radial-gradient(circle at 51% 70%,rgba(25,134,192,.28),transparent 45%),linear-gradient(180deg,#071b31,#041321);box-shadow:inset 0 0 36px rgba(11,101,150,.30),0 0 14px rgba(34,207,255,.08)}
body.page-account.reference-ui .code-caption{font-size:.92rem}
body.page-account.reference-ui .code-stage{grid-template-columns:minmax(0,1fr) 112px;gap:12px;margin:13px 0 7px}
body.page-account.reference-ui .access-code-reference{display:flex;justify-content:center;gap:0;min-width:0;height:86px;padding:0 12px;border:1px solid rgba(48,210,255,.16);border-radius:10px;background:linear-gradient(180deg,rgba(6,28,49,.45),rgba(8,44,72,.18));clip-path:polygon(4% 0,96% 0,100% 18%,100% 82%,96% 100%,4% 100%,0 82%,0 18%)}
body.page-account.reference-ui .access-code-reference span{display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:auto!important;min-width:0!important;width:auto!important;flex:1;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-shadow:0 0 8px #42dfff,0 0 20px #25baff!important;font:950 clamp(2.85rem,3.25vw,4rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.04em}
body.page-account.reference-ui .code-copy-side{height:54px}
body.page-account.reference-ui .code-footnote{font-size:.62rem;letter-spacing:.31em}
body.page-account.reference-ui .join-guide-ref{margin-top:13px;padding:14px 16px 13px;min-height:230px;background:linear-gradient(90deg,rgba(6,22,39,.99) 0 63%,rgba(6,22,39,.16) 100%),url('/ref/guide-art.png') right bottom/auto 100% no-repeat;border-color:#245d86}
body.page-account.reference-ui .join-guide-ref:before{display:none}
body.page-account.reference-ui .guide-title h3{font-size:1.04rem;color:#7fe3ff}
body.page-account.reference-ui .guide-grid{grid-template-columns:minmax(0,1fr) 160px;gap:12px}
body.page-account.reference-ui .guide-step{margin:8px 0;font-size:.84rem}
body.page-account.reference-ui .guide-step i{width:25px;height:25px;font-size:.75rem}
body.page-account.reference-ui .guide-tip{margin-top:10px;padding:9px 10px;font-size:.76rem;background:rgba(3,18,31,.86)}
body.page-account.reference-ui .guide-art{background:none;min-height:170px}
body.page-account.reference-ui .join-scribble{display:none}

/* right control cards */
body.page-account.reference-ui .slim-ref-card{min-height:780px;padding:20px 20px 22px}
body.page-account.reference-ui .panel-heading-ref{gap:12px;margin-bottom:20px}
body.page-account.reference-ui .small-icon{width:45px;height:45px;flex-basis:45px;border-radius:12px;background:linear-gradient(135deg,#2de1ff,#1581ee);box-shadow:0 0 22px rgba(37,210,255,.50);font-size:0}
body.page-account.reference-ui .manage-card .small-icon:before{content:"●";font-size:1.1rem;color:#fff}
body.page-account.reference-ui .security-card .small-icon:before{content:"♜";font-size:1.05rem;color:#fff}
body.page-account.reference-ui .panel-heading-ref h2{font-size:1.15rem;line-height:1.2;margin:0 0 5px}
body.page-account.reference-ui .panel-heading-ref p{font-size:.79rem}
body.page-account.reference-ui .reference-form label{margin:16px 0 18px;font-size:.82rem}
body.page-account.reference-ui .ref-input{margin-top:8px;min-height:52px;border-color:#255e85;border-radius:10px;background:#041421}
body.page-account.reference-ui .ref-input input{padding:13px 8px;font-size:.91rem}
body.page-account.reference-ui .ref-primary{min-height:58px;margin-top:6px;border-radius:11px;background:linear-gradient(180deg,#23cfff,#1479f4);box-shadow:0 0 23px rgba(16,155,255,.42),inset 0 1px rgba(255,255,255,.18);font-size:.94rem}
body.page-account.reference-ui .ref-secondary{min-height:56px;margin-top:10px;border-radius:11px;background:linear-gradient(180deg,#2a4d68,#17334b);border-color:#4b80a0;font-size:.88rem}
body.page-account.reference-ui .ref-note{margin-top:14px;font-size:.73rem;line-height:1.45}
body.page-account.reference-ui .manage-card .tool-art{left:0;right:0;bottom:0;height:280px;min-height:0;border-radius:0;background:linear-gradient(180deg,rgba(5,20,35,.02),rgba(5,20,35,.58)),url('/ref/tool-art.png') right bottom/cover no-repeat;opacity:.68}
body.page-account.reference-ui .tool-art:after,body.page-account.reference-ui .tool-art span,body.page-account.reference-ui .tool-art b{display:none}
body.page-account.reference-ui .security-card .portal-scene{left:0;right:0;bottom:0;height:285px;min-height:0;border-radius:0;background:linear-gradient(180deg,rgba(5,20,35,.04),rgba(5,20,35,.30)),url('/ref/portal-art.png') right bottom/cover no-repeat;opacity:.92}
body.page-account.reference-ui .portal-scene:after,body.page-account.reference-ui .portal-frame,body.page-account.reference-ui .portal-copy{display:none}

/* more faithful desktop scaling */
@media (max-width:1580px){
  .reference-site-header{grid-template-columns:minmax(270px,.9fr) auto minmax(250px,.85fr);padding-inline:22px}
  .reference-brand-logo{width:56px;height:56px}.reference-brand strong{font-size:1.45rem}.reference-topnav{gap:6px}.ref-navitem{padding:0 12px}
  body.page-account.reference-ui .account-dashboard-ref{grid-template-columns:minmax(250px,.82fr) minmax(520px,1.8fr) minmax(270px,.88fr) minmax(285px,.92fr)!important;gap:14px}
}
@media (max-width:1360px){
  .reference-site-header{grid-template-columns:260px 1fr auto}.reference-header-motto{display:none}.reference-brand small{letter-spacing:.28em}.reference-user-zone{margin-left:0}.ref-navitem span:last-child{display:none}.ref-navitem{width:48px;justify-content:center;padding:0}
  body.page-account.reference-ui .account-dashboard-ref{grid-template-columns:280px minmax(560px,1fr) 300px!important}
  body.page-account.reference-ui .security-card.slim-ref-card{grid-column:2/4!important;min-height:500px}
  body.page-account.reference-ui .security-card .reference-form{max-width:52%}
  body.page-account.reference-ui .security-card .portal-scene{left:auto;width:44%;top:86px;bottom:0;height:auto}
}
@media (max-width:1050px){
  .reference-site-header{position:static;height:auto;min-height:84px;grid-template-columns:1fr auto;padding:10px 14px}.reference-header-actions{justify-content:flex-end}.reference-topnav{display:none}.reference-brand strong{font-size:1.2rem}.reference-brand small{font-size:.52rem}.reference-user-zone{gap:4px}
  .reference-main{width:calc(100% - 18px);margin-top:10px}
  body.page-account.reference-ui .account-dashboard-ref{grid-template-columns:1fr 1fr!important}
  body.page-account.reference-ui .join-card.reference-card{grid-column:1/3!important;order:-2;min-height:auto}
  body.page-account.reference-ui .profile-card.reference-card{min-height:620px}
  body.page-account.reference-ui .slim-ref-card{min-height:620px}
  body.page-account.reference-ui .security-card.slim-ref-card{grid-column:auto!important;min-height:620px}
  body.page-account.reference-ui .security-card .reference-form{max-width:none}.security-card .portal-scene{width:auto!important;left:0!important;top:auto!important;height:235px!important}
}
@media (max-width:680px){
  .reference-brand-logo{width:46px;height:46px}.reference-brand strong{font-size:1.02rem}.reference-brand small{display:none}.reference-user-menu summary span{display:none}.reference-user-menu summary{min-width:0}.ref-bell{display:none}
  body.page-account.reference-ui .account-dashboard-ref{grid-template-columns:1fr!important;gap:12px}
  body.page-account.reference-ui .join-card.reference-card{grid-column:auto!important;order:-3;padding:15px;min-height:auto}
  body.page-account.reference-ui .profile-card.reference-card{order:-2;min-height:auto}
  body.page-account.reference-ui .manage-card{order:-1;min-height:auto;padding-bottom:230px}
  body.page-account.reference-ui .security-card{min-height:auto;padding-bottom:245px}
  body.page-account.reference-ui .profile-hero{height:230px}.profile-landscape{min-height:220px!important}
  body.page-account.reference-ui .server-address-line,body.page-account.reference-ui .code-stage{grid-template-columns:1fr}
  body.page-account.reference-ui .code-stage .ref-copy{height:48px}
  body.page-account.reference-ui .guide-grid{grid-template-columns:1fr}.guide-art{display:none!important}.join-guide-ref{background:linear-gradient(180deg,#081d33,#061524)!important}
  body.page-account.reference-ui .join-head-ref{min-height:94px}.join-title-wrap h1{font-size:1.42rem!important}.edition-label{float:none!important;margin-bottom:4px!important}
  body.page-account.reference-ui .access-code-reference{height:74px;padding-inline:6px}.access-code-reference span{font-size:clamp(2rem,12vw,3.1rem)!important}
  body.page-account.reference-ui .profile-data-row{grid-template-columns:28px 96px minmax(0,1fr)}
}