:root{color-scheme:dark;--bg:#071011;--panel:#0e1a1b;--line:#233537;--text:#e7f0ed;--muted:#9bacab;--mint:#99e5c3;--gold:#d9ba78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.6}button,input{font:inherit}button,a,input{outline-offset:5px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hidden{display:none!important}.topbar{height:103px;max-width:1272px;padding:0 44px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:15px;align-items:center;font-size:13px;letter-spacing:2.1px;font-weight:700}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.5px;font-weight:500;margin-top:1px}.brandmark{display:grid;place-items:center;width:41px;height:43px;border:1px solid #97cdb478;transform:rotate(45deg);font-family:Georgia,serif;color:var(--mint);font-size:22px;line-height:1}.brandmark::first-letter{transform:rotate(-45deg)}.private-badge{margin-left:auto;border:1px solid var(--line);padding:8px 13px;color:#b5c7c1;font-size:10px;letter-spacing:1.7px}.private-badge span{display:inline-block;background:var(--mint);width:5px;height:5px;margin-right:7px;border-radius:50%}main{max-width:1184px;margin:0 auto;padding:0 0 60px}.hero{position:relative;min-height:414px;border:1px solid #284144;overflow:hidden;background:#122527}.hero-content{position:relative;z-index:2;padding:52px 54px 58px;max-width:680px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:2.5px;font-weight:650;margin:0 0 15px}h1{font-size:55px;line-height:1.12;letter-spacing:-2px;font-weight:520;margin:0 0 20px}h1 span{color:var(--mint)}.hero-description{color:#b2c6c1;max-width:440px;line-height:1.75;margin-bottom:24px}.server-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #35534d;background:#0e2222b0;border-radius:3px;padding:9px 13px;font-size:11px;color:#c5d7ce}.server-indicator{width:6px;height:6px;border-radius:50%;background:#78948b}.server-indicator.online{background:var(--mint);box-shadow:0 0 8px #99e5c37d}.pill-divider{width:1px;height:12px;background:#35534d;margin:0 3px}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#102323 5%,#102323a3 41%,transparent 70%),radial-gradient(ellipse at 75% 40%,#3b626456,transparent 50%),linear-gradient(#102129,#243c3c 75%,#193830)}.moon{position:absolute;right:170px;top:52px;width:106px;height:106px;border-radius:50%;background:#d0d5b922;box-shadow:0 0 90px 23px #cce3bd12}.hill{position:absolute;left:33%;bottom:0;width:70%;height:260px;clip-path:polygon(0 80%,9% 65%,15% 74%,26% 25%,32% 39%,40% 0,50% 34%,57% 45%,65% 26%,73% 41%,80% 25%,88% 55%,96% 48%,100% 78%,100% 100%,0 100%)}.hill-back{background:#2a4c4a80;bottom:75px;left:40%;height:180px}.hill-mid{background:linear-gradient(140deg,#2c5148,#183a37);bottom:28px;left:42%;height:210px}.hill-front{background:linear-gradient(100deg,#15362f,#09211d);height:130px;left:28%;width:78%;clip-path:polygon(0 90%,15% 80%,24% 52%,35% 62%,43% 27%,60% 60%,71% 30%,84% 54%,92% 0,100% 26%,100% 100%,0 100%)}.spire{position:absolute;background:#102b28;bottom:84px;clip-path:polygon(0 100%,0 27%,15% 27%,15% 20%,32% 20%,50% 0,68% 20%,84% 20%,84% 27%,100% 27%,100% 100%);width:48px;height:122px;box-shadow:0 0 20px #85d7b866}.spire-one{right:227px}.spire-two{right:188px;width:30px;height:85px;bottom:77px}.spire-three{right:266px;width:31px;height:76px;bottom:78px}.star{position:absolute;width:3px;height:3px;background:#aacac877;border-radius:50%}.star-one{right:112px;top:75px}.star-two{right:340px;top:125px}.hero-caption{position:absolute;bottom:20px;left:54px;right:30px;display:flex;justify-content:space-between;color:#6b8e81;letter-spacing:2.2px;font-size:8px;z-index:2}.panel{background:var(--panel);border:1px solid var(--line);padding:31px 33px}.guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}h2{font-size:31px;line-height:1.25;letter-spacing:-.6px;font-weight:500;margin:0 0 19px}h3{font-size:21px;font-weight:500;letter-spacing:-.2px;margin:0}.panel p{color:var(--muted)}.welcome-panel>p:not(.eyebrow){max-width:430px;margin:20px 0 23px}.button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:12px 17px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:650;letter-spacing:.1px}.button>span:last-child{margin-left:auto}.discord-button{background:#5865f2;color:#fff;max-width:330px}.discord-button:hover{background:#6a77ff}.discord-button svg{width:22px;height:22px}.welcome-panel small,form small{display:block;margin-top:12px;color:#7a918b;font-size:10px;max-width:330px;line-height:1.7}.steps-panel{padding-top:31px}.journey{list-style:none;padding:9px 0 0;margin:0}.journey li{display:flex;gap:22px;position:relative;margin-bottom:26px}.journey li:last-child{margin-bottom:3px}.journey li>span{border:1px solid #37514a;background:#152823;min-width:35px;height:35px;display:grid;place-items:center;color:var(--mint);font-size:11px}.journey h3{font-size:15px;margin:1px 0 2px}.journey p{font-size:12px;margin:0}.loading-card{padding:30px;color:var(--muted);text-align:center;border:1px solid var(--line);margin-top:24px}.notice{margin-top:23px;border:1px solid #5c5633;background:#302b1a;color:#efdaaa;padding:14px 18px;font-size:13px}.notice.success{background:#142c22;border-color:#2d5b43;color:#b6e2c2}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 24px}.dashboard-heading .eyebrow{margin-bottom:8px}.dashboard-heading h2{font-size:28px;margin:0}.status-badge{display:inline-block;border:1px solid #315643;background:#152b22;color:#a9d9b8;font-size:9px;font-weight:650;letter-spacing:1.2px;padding:5px 9px;white-space:nowrap}.status-badge.amber{color:#e5c88f;border-color:#55482c;background:#282318}.status-badge.offline{color:#c2ada9;border-color:#563c37;background:#291e1d}.dashboard-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.panel-heading .eyebrow{margin-bottom:7px}.panel-symbol{color:#91b1a4;font-size:29px}.account-panel form{margin-top:19px}label{display:block;color:#b8cbc2;font-size:11px;margin-bottom:9px}input{width:100%;border:1px solid #365148;background:#091614;color:#d7e8de;border-radius:3px;min-height:46px;padding:10px 13px}input:focus{border-color:var(--mint);outline:2px solid #99e5c32a}input::placeholder{color:#597067}#join-form .button{width:100%;margin-top:14px}.primary-button{background:#9ce4bf;color:#102a1c}.primary-button:hover{background:#b4f3d4}.secondary-button{border-color:#5b8c76;color:#b2e3ca;background:#163027}.text-button{background:transparent;color:#a6c8b7;border:0;padding:4px 0;font-size:12px}.text-button:hover{text-decoration:underline}.identity-tile{display:flex;align-items:center;gap:14px;background:#0a1514;border:1px solid #2a4037;padding:14px;margin-bottom:18px}.identity-tile .status-badge{margin-left:auto}.identity-tile strong{font-size:15px}.identity-tile small{display:block;font-size:8px;color:#7b9688;letter-spacing:1.5px;margin-top:2px}.pixel-avatar{display:grid;place-items:center;width:39px;height:39px;background:#34534a;border:2px solid #729180;color:#adc7bb;font-size:24px}.muted{color:var(--muted);font-size:12px}.code-row{display:flex;gap:10px}#verification-code{text-transform:uppercase;letter-spacing:3px}.verified-message{font-size:13px;line-height:1.9}.verified-message span{color:var(--mint);font-size:18px;margin-right:5px}.sync-warning{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.sync-warning p{margin:0}.server-facts{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:6px 0 27px;border-bottom:1px solid var(--line);margin-bottom:22px}.server-facts small{display:block;color:#7a968a;font-size:9px;letter-spacing:1.3px;margin-bottom:9px}.server-facts strong{font-size:32px;font-weight:450;line-height:1.2}.server-facts strong>span{font-size:17px;color:#778e83}.server-facts .pack-name{font-size:16px}.server-facts .pack-name>span{display:block;color:#9cc1ad;font-size:13px;margin-top:5px}.connect-box label{letter-spacing:1.3px;font-size:8px}.address-row{display:flex;border:1px solid #324c40;border-radius:3px;background:#091614}.address-row input{border:0;min-width:0;font-size:12px}.copy-button{background:transparent;border:0;border-left:1px solid #324c40;color:#acd1bb;padding:0 14px;font-size:10px}.connection-note{font-size:11px;line-height:1.8;margin:14px 0}.map-panel{display:flex;position:relative;overflow:hidden;margin-top:22px;min-height:247px;padding:32px 34px;background:linear-gradient(105deg,#112723,#0c1d19)}.map-text{position:relative;z-index:2;max-width:440px}.map-text p:not(.eyebrow){font-size:13px;max-width:390px}.map-text .button{width:215px;margin-top:18px}.map-lock{display:inline-block;color:#809d8e;font-size:9px;letter-spacing:1.4px;margin-top:9px}.map-art{position:absolute;width:480px;height:310px;right:10px;top:-15px;transform:rotate(-14deg);opacity:.7}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#91c6a90d 1px,transparent 1px),linear-gradient(90deg,#91c6a90d 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000 40%)}.map-river{position:absolute;width:70px;height:480px;left:170px;top:-60px;transform:rotate(25deg);background:#39686842;clip-path:polygon(40% 0,85% 0,64% 15%,94% 30%,47% 53%,78% 80%,44% 100%,0 100%,31% 80%,1% 53%,55% 30%,24% 15%)}.map-contour{position:absolute;border:1px solid #54896870;box-shadow:0 0 0 16px #1e4a302f,0 0 0 17px #53846d50,0 0 0 31px #1e4a302f,0 0 0 32px #53846d40,0 0 0 47px #1e4a302f,0 0 0 48px #53846d30;border-radius:45% 55% 54% 46% / 32% 38% 62% 68%}.contour-one{width:115px;height:79px;right:45px;top:47px;transform:rotate(13deg)}.contour-two{width:126px;height:85px;left:17px;bottom:70px;transform:rotate(-23deg)}.map-marker{position:absolute;right:109px;top:118px;border:1px solid #83c3a5;width:29px;height:29px;display:grid;place-items:center;transform:rotate(14deg);color:var(--mint);box-shadow:0 0 35px #91d7a847;background:#244336}.approval-panel{margin-top:22px}.approval-panel .panel-heading{margin-bottom:12px}.request-count{font-size:11px;color:var(--mint);background:#1f392c;margin-left:8px;padding:4px 8px;vertical-align:middle}.request-row{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:18px 0}.request-row>div{flex:1}.request-row strong{font-size:14px;font-weight:500}.request-row small{display:block;color:var(--muted);font-size:11px}.request-row .button{min-height:38px;padding:8px 18px;font-size:11px}.empty-state{padding:14px 0 0;font-size:12px}footer{max-width:1184px;display:flex;justify-content:space-between;gap:15px;margin:auto;padding:22px 0 30px;border-top:1px solid var(--line);color:#667f73;font-size:9px;letter-spacing:1px}footer span:first-child{letter-spacing:2px;color:#9ab5a6}@media(max-width:1250px){main,footer{margin-left:35px;margin-right:35px}.topbar{padding:0 35px}}@media(max-width:760px){.topbar{height:83px;padding:0 22px;gap:15px}.brand{font-size:10px;letter-spacing:1.5px}.brand small{font-size:7px;letter-spacing:1.5px}.brandmark{width:33px;height:34px;font-size:18px}.private-badge{font-size:8px;padding:6px 9px;letter-spacing:1px}main,footer{margin-left:20px;margin-right:20px}.hero-content{padding:39px 28px 62px}.hero{min-height:390px}h1{font-size:42px}.hero-description{font-size:13px;max-width:360px}.hero-art{opacity:.7}.moon{right:20px;top:35px}.spire-one{right:30px}.spire-two{right:0}.spire-three{right:70px}.hero-caption{left:28px;right:20px;font-size:7px}.hero-caption span:last-child{display:none}.server-pill{font-size:9px;gap:6px;padding:8px}.guest-grid,.dashboard-grid{grid-template-columns:1fr;gap:18px}.panel{padding:26px}.dashboard-heading{align-items:flex-start;gap:10px}.dashboard-heading h2{font-size:23px}.dashboard-heading>.status-badge{margin-top:5px;font-size:8px}.dashboard-heading .eyebrow{font-size:8px}.map-panel{min-height:268px}.map-art{right:-200px;opacity:.35}.map-text{max-width:100%}.request-row{gap:12px}.request-row .pixel-avatar{display:none}footer{flex-wrap:wrap;font-size:8px}footer span:last-child{display:none}.topbar #logout{font-size:10px}.identity-tile{gap:10px;padding:12px}.identity-tile strong{font-size:13px}.identity-tile .status-badge{font-size:8px}.pixel-avatar{width:31px;height:31px;font-size:20px}}@media(prefers-reduced-motion:no-preference){.button{transition:background .15s}.server-indicator.online{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 12px #99e5c3b3}}}