:root{
 --bg:#02070d;--bg2:#06101b;--panel:#091726;--panel2:#0c1c2e;--panel3:#07121e;
 --line:#25435f;--line2:#3e7099;--text:#f4f8fc;--muted:#91abc4;--blue:#56b9ff;--ice:#a9e9ff;
 --gold:#d5aa58;--gold2:#ffe0a0;--gold3:#8a6328;--ok:#4bd489;--bad:#ff7d85;--warn:#efc66a;
 --radius:12px;--shadow:0 22px 70px rgba(0,0,0,.48);--serif:Georgia,"Times New Roman",serif
}
*{box-sizing:border-box}html{color-scheme:dark;background:var(--bg)}body{margin:0;min-height:100vh;background:#02070d;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(2,8,14,.42),#02070d 68%),url('page-bg.webp') center top/cover no-repeat fixed}body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(36,121,191,.13),transparent 36%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 23%,transparent 77%,rgba(0,0,0,.28))}.page-atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,12,.30),rgba(2,7,12,.92) 62%,#02070d 100%)}a{color:#9bdcff;text-decoration:none}.shell{width:min(1480px,calc(100% - 42px));margin:0 auto}.inline{display:inline;margin:0}svg{display:block}

/* top navigation */
.topbar{position:sticky;top:0;z-index:100;background:rgba(3,10,18,.94);border-bottom:1px solid rgba(75,137,190,.34);backdrop-filter:blur(22px);box-shadow:0 12px 36px rgba(0,0,0,.34)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(92,193,255,.52),transparent)}.nav{min-height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;min-width:232px;color:#fff!important}.brand-mark{width:56px;height:56px;display:grid;place-items:center;overflow:visible}.brand-mark img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(72,188,255,.28))}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:var(--serif);font-size:15px;letter-spacing:.16em;color:#f3d58d}.brand-copy small{margin-top:5px;font-size:8px;letter-spacing:.24em;font-weight:900;color:#819bb4}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:2px;flex:1}.main-nav>a{display:flex;align-items:center;gap:8px;padding:0 14px;color:#d7e2ec;font-size:12px;font-weight:700;border-left:1px solid transparent;border-right:1px solid transparent;transition:.18s}.main-nav>a svg,.logout-btn svg{width:17px;height:17px;fill:#7e9bb6}.main-nav>a:hover{color:#fff;background:rgba(61,141,206,.09)}.main-nav>a.active{color:#fff;background:linear-gradient(180deg,rgba(21,92,149,.64),rgba(12,52,87,.44));border-color:rgba(77,174,241,.26);box-shadow:inset 0 -2px 0 #52baff}.main-nav>a.active svg{fill:#b8e9ff}.main-nav .admin-link{color:#f6d18a}.user-nav{display:flex;align-items:center;gap:13px;margin-left:auto}.user-chip{display:flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid rgba(81,120,154,.35)}.user-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #53728e;background:radial-gradient(circle at 35% 30%,#193957,#09131f);font-family:var(--serif);color:#bfe9ff;font-weight:700}.user-chip>span:last-child{display:flex;flex-direction:column;line-height:1.15}.user-chip small{font-size:9px;color:#7894ae}.user-chip strong{font-size:11px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.logout-btn{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(218,178,94,.58);border-radius:6px;background:linear-gradient(180deg,rgba(68,45,17,.42),rgba(20,14,8,.45));color:#f3d38e;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.logout-btn svg{fill:#e8bd65}.nav-cta{align-self:center;height:40px!important;margin-left:auto;border:1px solid rgba(222,182,95,.6)!important;border-radius:6px;background:rgba(116,78,29,.18)!important;color:#f7d792!important}

/* global page */
.panel-main{padding:18px 0 46px;min-height:calc(100vh - 132px)}.alert{display:flex;gap:10px;padding:12px 14px;margin:0 0 14px;border-radius:8px;border:1px solid var(--line);backdrop-filter:blur(12px)}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:0 0 auto}.alert.ok{background:rgba(7,45,27,.84);border-color:#27714a;color:#c0f5d5}.alert.ok .alert-dot{background:#61e39a;box-shadow:0 0 12px #61e39a}.alert.err{background:rgba(55,14,20,.88);border-color:#7c3038;color:#ffc1c6}.alert.err .alert-dot{background:#ff737d}.alert.warn{background:rgba(54,41,13,.88);border-color:#7b6434;color:#f7dc9b}.alert.warn .alert-dot{background:#f4c969}

/* dashboard cinematic hero */
.realm-hero{height:244px;display:grid;grid-template-columns:280px minmax(0,1fr) 260px;position:relative;overflow:hidden;border:1px solid rgba(74,132,180,.38);border-radius:10px;background:#071525;box-shadow:var(--shadow);isolation:isolate}.realm-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('dashboard-hero.webp') center/cover no-repeat}.realm-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,9,16,.92) 0,rgba(3,12,21,.43) 34%,rgba(3,10,17,.17) 62%,rgba(2,8,14,.72) 100%),linear-gradient(180deg,rgba(6,18,31,.08),rgba(2,8,14,.26))}.realm-logo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(111,175,224,.16);background:linear-gradient(90deg,rgba(2,8,15,.48),rgba(2,8,15,.1))}.realm-logo img{width:225px;height:210px;object-fit:contain;filter:drop-shadow(0 9px 28px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(74,189,255,.19))}.realm-logo span{margin-top:-31px;font-family:var(--serif);font-size:9px;letter-spacing:.28em;color:#819db7}.realm-copy{align-self:center;padding:0 30px}.realm-copy .eyebrow{display:block;font-family:var(--serif);font-size:20px;letter-spacing:.09em;color:#f5f7fb;text-shadow:0 4px 18px #000}.realm-copy h1{margin:-3px 0 0;font-family:var(--serif);font-size:54px;font-weight:500;letter-spacing:.025em;line-height:1;color:#f8fbff;text-shadow:0 3px 0 #13283d,0 7px 22px #000}.hero-rule{display:flex;align-items:center;gap:12px;margin:10px 0;color:#dae7f1}.hero-rule i{width:72px;height:1px;background:linear-gradient(90deg,transparent,#8ba8bf)}.hero-rule i:last-child{background:linear-gradient(90deg,#8ba8bf,transparent)}.hero-rule span{font-family:var(--serif);font-size:12px;letter-spacing:.26em}.realm-copy p{max-width:580px;margin:12px 0 0;color:#c5d7e6;font-size:13px;text-shadow:0 2px 8px #000}.realm-quote{align-self:stretch;padding:30px 22px 26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-left:1px solid rgba(111,175,224,.14);background:linear-gradient(90deg,transparent,rgba(3,10,18,.56))}.realm-quote span,.realm-quote small{font-family:var(--serif);letter-spacing:.22em;color:#b8cad9;font-size:9px}.realm-quote strong{font-family:var(--serif);font-weight:500;font-size:15px;letter-spacing:.12em;margin-top:5px}.realm-quote i{width:72px;height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,#d1a95c,transparent)}

.dashboard-feature-grid{display:grid;grid-template-columns:330px minmax(0,1fr) 330px;gap:12px;margin-top:12px}.welcome-panel,.wallet-panel,.support-panel,.side-card,.server-zone,.security-strip{border:1px solid rgba(65,112,151,.62);background:linear-gradient(180deg,rgba(10,27,44,.95),rgba(5,15,26,.97));box-shadow:0 14px 34px rgba(0,0,0,.24)}.welcome-panel{min-height:142px;padding:18px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;border-radius:10px}.welcome-panel:after{content:"";position:absolute;inset:auto 0 0 0;height:54px;background:linear-gradient(180deg,transparent,rgba(23,98,153,.12))}.avatar-crest{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:2px solid #c89d4c;background:radial-gradient(circle,#143755,#06111c 66%);box-shadow:0 0 0 4px rgba(3,12,20,.8),0 0 28px rgba(72,179,255,.16);overflow:hidden;flex:0 0 auto}.avatar-crest img{width:94px;height:94px;object-fit:contain}.welcome-panel>div:nth-child(2){z-index:1}.welcome-panel span{font-size:11px;color:#c3d4e3}.welcome-panel h2{font-family:var(--serif);font-size:23px;margin:1px 0 8px}.welcome-panel p{margin:0;font-family:var(--serif);font-style:italic;color:#b8c7d4;font-size:15px}.availability-dot{position:absolute;right:14px;top:14px;padding:4px 8px;border-radius:999px;background:rgba(16,97,56,.42);border:1px solid rgba(69,208,132,.35);color:#78eca8;font-size:9px}.availability-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#42e487;margin-right:5px;box-shadow:0 0 9px #42e487}.wallet-panel{border-radius:10px;padding:17px 22px;position:relative}.section-kicker{text-transform:uppercase;font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.10em;color:#f3f7fb}.section-kicker:before{content:"✦";color:#e1b45e;margin-right:8px}.wallet-total{display:flex;align-items:center;gap:10px;margin:9px 0}.coin-medallion,.mini-coin{display:inline-grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b5,#dba340 43%,#6c4416 100%);border:2px solid #ffe2a0;color:#684314;text-shadow:0 1px #fff;box-shadow:0 0 14px rgba(225,172,76,.28)}.coin-medallion{width:34px;height:34px}.wallet-total strong{font-family:var(--serif);font-size:34px;color:#ffe2a0;font-weight:500}.wallet-total em{font-family:var(--serif);font-style:normal;color:#e9c36c}.wallet-panel p{color:#9cb4ca;font-size:11px;margin:0 0 11px}.panel-actions{display:flex;gap:9px;justify-content:flex-end}.support-panel{border-radius:10px;min-height:142px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;position:relative;overflow:hidden;color:#fff!important}.support-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,19,.18),rgba(2,8,14,.85)),url('support.webp') center/cover no-repeat}.support-panel>*{position:relative}.support-panel>span{font-family:var(--serif);letter-spacing:.16em;font-size:11px}.support-panel>strong{font-family:var(--serif);font-size:24px;font-weight:500}.support-panel>small{width:150px;color:#b8cbda;font-family:var(--serif);letter-spacing:.10em;text-transform:uppercase;font-size:9px;margin:3px 0 11px}.support-panel>b{padding:7px 15px;border:1px solid #cda65a;border-radius:4px;background:rgba(31,22,10,.72);color:#f8d991;font-size:10px;text-transform:uppercase;letter-spacing:.07em}

.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;margin-top:12px}.server-zone{border-radius:10px;padding:15px 16px}.zone-title,.side-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.zone-title p{margin:2px 0 0;color:#95abc0;font-size:10px}.zone-title>a,.side-title>a{font-size:10px;color:#6cc9ff}.server-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.server-card{border:1px solid rgba(77,132,178,.62);border-radius:8px;overflow:hidden;background:#06121e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.server-art{height:92px;position:relative;background-position:center;background-size:cover}.server-art-1 .server-art{background-image:linear-gradient(180deg,transparent,rgba(3,10,17,.38)),url('server-1.webp')}.server-art-2 .server-art{background-image:linear-gradient(180deg,transparent,rgba(3,10,17,.38)),url('server-2.webp')}.server-art-3 .server-art{background-image:linear-gradient(180deg,transparent,rgba(3,10,17,.38)),url('server-3.webp')}.server-status{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:999px;background:#168c54;border:1px solid #42d58a;color:#d5ffe8;font-size:8px;font-weight:900;letter-spacing:.05em}.coming .server-status{background:#374c65;border-color:#607b96;color:#d3deea}.server-card-body{padding:11px 12px 12px}.server-index{font-size:8px;letter-spacing:.18em;color:#d5b56d}.server-card h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:2px 0 8px}.server-card ul{list-style:none;padding:0;margin:0 0 10px}.server-card li{position:relative;padding-left:13px;color:#9eb2c5;font-size:9px;margin:4px 0}.server-card li:before{content:"◆";position:absolute;left:0;color:#7dc7f4;font-size:6px;top:3px}.server-button{display:block;text-align:center;padding:7px;border:1px solid #3c95d4;border-radius:4px;background:linear-gradient(180deg,#0e63a1,#083861);color:#eaf7ff!important;font-size:10px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(134,215,255,.15)}.server-button.disabled{border-color:#607086;background:#25303d;color:#a9b7c5!important}.dashboard-side{display:grid;gap:12px}.side-card{border-radius:10px;padding:14px}.side-title>span{text-transform:uppercase;font-family:var(--serif);font-weight:700;font-size:12px;letter-spacing:.07em}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.summary-grid>div{padding:13px 10px;text-align:center;border-radius:6px;background:linear-gradient(180deg,#102943,#0a1d31);border:1px solid rgba(54,112,163,.31)}.summary-grid b{display:block;font-family:var(--serif);font-size:25px;color:#aee6ff}.summary-grid span{font-size:9px;color:#a2b8cb}.wide-action{display:block;margin-top:9px;text-align:center;padding:8px;border-radius:5px;border:1px solid rgba(84,155,210,.38);font-size:10px}.recent-list{display:grid;gap:5px;margin-top:10px}.recent-row{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:7px;padding:7px 8px;border-radius:6px;background:rgba(11,32,52,.78);border:1px solid rgba(44,92,132,.25)}.mini-coin{width:20px;height:20px;font-size:9px}.recent-row b{font-size:10px}.recent-row time{font-size:8px;color:#9aafc1}.recent-row em{font-style:normal;font-size:8px;color:#7be4a4;padding:3px 5px;border-radius:999px;background:rgba(17,92,54,.45)}.empty-mini{padding:18px 4px;color:#7f99b1;font-size:10px}.security-strip{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;gap:0;border-radius:10px;margin-top:12px;overflow:hidden}.security-intro{display:flex;align-items:center;gap:12px;padding:14px 18px}.shield-glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(180deg,#e6bf69,#91651e);color:#17202a;font-size:17px;clip-path:polygon(50% 0,92% 17%,88% 72%,50% 100%,12% 72%,8% 17%)}.security-intro strong{display:block;text-transform:uppercase;font-family:var(--serif);font-size:12px;letter-spacing:.08em}.security-intro small{display:block;color:#90a8be;font-size:9px;margin-top:2px}.security-strip>a{height:100%;padding:13px 16px;display:flex;justify-content:center;flex-direction:column;border-left:1px solid rgba(56,99,136,.37);color:#dce8f2}.security-strip>a:hover{background:rgba(47,123,183,.08)}.security-strip>a b{font-size:10px}.security-strip>a span{color:#7f9ab2;font-size:8px;margin-top:3px}

/* generic inner pages */
.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;margin-bottom:14px;border:1px solid rgba(65,112,151,.62);border-radius:10px;background:linear-gradient(180deg,rgba(10,27,44,.96),rgba(5,15,26,.98));box-shadow:0 14px 38px rgba(0,0,0,.26);overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(123,211,255,.4),transparent)}.card-head{padding:16px 18px 11px;border-bottom:1px solid rgba(51,91,126,.35);background:linear-gradient(180deg,rgba(23,50,76,.34),transparent)}.card-head h2{font-family:var(--serif);font-size:18px;font-weight:500;margin:0}.card-head .muted{margin:4px 0 0}.card-body{padding:16px 18px 18px}.muted{color:var(--muted)}.center{text-align:center}.auth-shell{max-width:510px;margin:64px auto}.page-login .auth-shell:before,.page-register .auth-shell:before{content:"";display:block;width:215px;height:148px;margin:0 auto -35px;background:url('haruna-logo.png') center/contain no-repeat;filter:drop-shadow(0 10px 30px rgba(0,0,0,.7));position:relative;z-index:2}.auth-shell .card{box-shadow:0 28px 80px rgba(0,0,0,.6),0 0 60px rgba(44,149,225,.10)}
.hero{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:176px;padding:30px 32px;border:1px solid rgba(77,137,184,.56);border-radius:10px;overflow:hidden;background:#071525;box-shadow:var(--shadow);margin-bottom:14px}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,11,19,.97),rgba(4,14,24,.75) 55%,rgba(3,10,17,.40)),url('dashboard-hero.webp') center/cover no-repeat}.hero h1{font-family:var(--serif);font-size:36px;font-weight:500;margin:4px 0}.hero p{max-width:690px;color:#b7cbda;font-size:12px}.eyebrow{color:#e0b55f;font-size:9px;letter-spacing:.18em;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.stats>div{padding:14px 16px;border:1px solid rgba(65,112,151,.58);border-radius:9px;background:linear-gradient(180deg,rgba(12,30,48,.96),rgba(6,17,28,.97))}.stats strong{display:block;font-family:var(--serif);font-size:23px;font-weight:500;color:#ffe0a0}.stats span{display:block;color:#83a0ba;font-size:9px;margin-top:2px}.donation-hero .donation-coin{min-width:220px;padding:16px 18px;text-align:center;border:1px solid rgba(218,177,90,.46);border-radius:9px;background:rgba(3,10,17,.72);box-shadow:0 12px 30px rgba(0,0,0,.3)}.donation-coin strong{display:block;font-family:var(--serif);font-size:38px;color:#ffe0a0}.donation-coin span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a6bacd}

/* forms */
.form{display:grid;gap:11px;margin-top:12px}.form.compact{max-width:620px}.form label{display:grid;gap:5px;color:#c6d7e5;font-size:10px;font-weight:800}.form input,.form select{width:100%;min-height:43px;padding:9px 11px;border-radius:6px;border:1px solid #2a4d6a;background:linear-gradient(180deg,#071421,#050e17);color:#eef8ff;font:inherit;outline:none;box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}.form input:focus,.form select:focus{border-color:#56b9ff;box-shadow:0 0 0 3px rgba(76,177,241,.10)}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 14px;border-radius:5px;border:1px solid #396687;background:linear-gradient(180deg,#142b40,#0b1d2c);color:#eef8ff;font:inherit;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none!important;transition:.17s}.button:hover,button:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary{background:linear-gradient(180deg,#f3d38a,#bf8c38);border-color:#e6bd69;color:#1c1307;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 20px rgba(190,136,47,.18)}.ghost{background:rgba(5,15,25,.5);border-color:#456d8e}.clean{margin:7px 0 13px;padding-left:18px}.clean li{margin:6px 0;color:#aec2d3;font-size:10px}.clean li::marker{color:#65c9ff}.account-list{display:grid;gap:8px}.account-row,.account-detail{padding:12px 13px;border:1px solid rgba(56,99,135,.58);border-radius:7px;background:linear-gradient(180deg,#081928,#06121e)}.account-row{display:flex;justify-content:space-between;align-items:center}.account-row span,.account-detail summary span{color:#8eaac1;font-size:9px}.account-detail summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.account-detail summary::-webkit-details-marker{display:none}.table-wrap{overflow:auto;border:1px solid rgba(56,99,135,.55);border-radius:7px;background:#06111c}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:10px 11px;text-align:left;border-bottom:1px solid rgba(40,73,102,.55)}th{background:#091a2a;color:#8fa9bf;font-size:8px;text-transform:uppercase;letter-spacing:.07em}td{font-size:10px;color:#d8e4ed}tbody tr:hover{background:rgba(42,123,184,.07)}.badge{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900}.badge.ok{background:#0e3824;border:1px solid #2b7550;color:#aef0c8}.badge.bad{background:#3b171b;border:1px solid #7b343c;color:#ffc1c5}.doctor{display:grid;gap:7px}.doctor>div{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(50,88,121,.55);border-radius:6px;background:#071522}.doctor>div span:nth-child(2){color:#8ea8bd;font-size:9px}code{padding:2px 4px;border-radius:4px;background:#06101a;border:1px solid #2d4c65;color:#d9eeff}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 0}.package{padding:13px;border:1px solid rgba(69,117,155,.6);border-radius:7px;background:linear-gradient(180deg,#0a1a2a,#06121e)}.package b{color:#ffe0a0;font-size:12px}.package strong{display:block;font-family:var(--serif);font-size:23px;margin-top:2px}.package span{font-size:9px;color:#8fa9c0}.table-wrap form.inline button{min-height:29px;padding:4px 8px;font-size:8px}

.site-footer{border-top:1px solid rgba(48,91,126,.38);background:rgba(2,7,12,.88);padding:16px 0 20px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:47px;height:47px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-family:var(--serif);font-size:10px;letter-spacing:.14em;color:#d9be7c}.footer-brand span,.footer-links{font-size:8px;letter-spacing:.08em;color:#6f8aa2}.footer-links{display:flex;gap:9px}.footer-sep{color:#b8924d}

@media(max-width:1180px){.brand{min-width:185px}.brand-copy{display:none}.main-nav>a{padding:0 10px}.user-chip{display:none}.realm-hero{grid-template-columns:220px 1fr 190px}.dashboard-feature-grid{grid-template-columns:260px 1fr 270px}.dashboard-main-grid{grid-template-columns:1fr 310px}.realm-copy h1{font-size:45px}}
@media(max-width:920px){.nav{flex-wrap:wrap;padding:5px 0}.brand{min-width:auto}.main-nav{order:3;width:100%;height:44px;overflow:auto}.user-nav{margin-left:auto}.realm-hero{grid-template-columns:170px 1fr}.realm-quote{display:none}.realm-logo img{width:160px}.dashboard-feature-grid{grid-template-columns:1fr 1fr}.support-panel{grid-column:1/-1;min-height:110px}.dashboard-main-grid{grid-template-columns:1fr}.server-card-grid{grid-template-columns:repeat(3,1fr)}.security-strip{grid-template-columns:1fr 1fr}.security-strip>a:nth-last-child(-n+2){border-top:1px solid rgba(56,99,136,.37)}.grid.two{grid-template-columns:1fr}}
@media(max-width:680px){.shell{width:min(100% - 20px,1480px)}.topbar{position:relative}.brand-copy{display:flex}.brand{width:100%;justify-content:center}.user-nav{width:100%;justify-content:center}.main-nav>a{min-width:max-content;padding:0 8px;font-size:10px}.main-nav>a svg{width:14px}.realm-hero{height:auto;min-height:370px;display:block}.realm-logo{height:150px;border-right:0}.realm-logo img{width:175px;height:170px}.realm-logo span{margin-top:-34px}.realm-copy{padding:20px}.realm-copy .eyebrow{font-size:15px}.realm-copy h1{font-size:38px}.hero-rule span{font-size:9px}.dashboard-feature-grid{grid-template-columns:1fr}.server-card-grid{grid-template-columns:1fr}.server-art{height:125px}.security-strip{grid-template-columns:1fr}.security-strip>a{border-left:0;border-top:1px solid rgba(56,99,136,.37)}.stats{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.donation-hero .donation-coin{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{display:none}}