:root{--night:#07101a;--moss:#8ebd67;--moss-bright:#c6ec86;--mist:#dce8dd;--paper:#f5f1e7;--ink:#14231c}


*{box-sizing:border-box}


html{scroll-behavior:smooth}


body{margin:0;background:var(--night);color:var(--mist);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}


button,input,select,textarea{font:inherit}


button{cursor:pointer}


a{color:inherit;text-decoration:none}


.hero{min-height:650px;position:relative;isolation:isolate;background-image:linear-gradient(90deg,#06101bef 0%,#081420c9 34%,#07101a42 65%,#07101a28),url('/voxel-twilight-hero-v1.webp');background-position:center;background-size:cover;background-repeat:no-repeat}


.hero:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--night))}


header{height:88px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}


.brand{font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.9px;white-space:nowrap}


.brand span:not(.brand-mark){color:var(--moss-bright)}


.brand-mark{display:inline-block;color:var(--moss-bright);font-size:19px;transform:rotate(45deg);margin-right:7px}


nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600;color:#d9e6dc}


.menu-toggle{display:none;width:38px;height:34px;border:1px solid #ffffff30;border-radius:4px;background:#08121ad9;padding:8px}

.menu-toggle span{display:block;height:2px;background:#d9e8da;margin:3px 0}


nav a{opacity:.78}


nav a:hover{opacity:1}


.nav-login,.nav-cta{border:0;font-weight:700;font-size:12px;border-radius:5px;padding:11px 15px}


.nav-login{color:#e9f1e8;background:#ffffff12}

.nav-account-settings{color:#dff4c6;opacity:1}


.nav-cta{color:#132217;background:var(--moss-bright)}


.nav-cta b{font-size:16px;margin-left:5px}


.hero-content{max-width:1240px;margin:0 auto;padding:86px 40px 92px}


.kicker{font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.4px;color:#b9d69d;margin:0 0 18px}


.kicker i{width:7px;height:7px;background:var(--moss-bright);display:inline-block;margin-right:8px;box-shadow:0 0 12px #c6ec86}


.kicker.dark{color:#527444}


.kicker.dark i{background:#6b9a55}


h1,h2{margin:0;letter-spacing:-.055em;line-height:.94}


h1{font-size:clamp(50px,6.1vw,82px);max-width:820px;color:#f2f6ed}


h1 em{font-style:normal;color:var(--moss-bright);text-shadow:0 4px 24px #9acd6655}


.hero-copy{max-width:470px;margin:26px 0 31px;font-size:17px;line-height:1.6;color:#d3ddd2}


.hero-actions{display:flex;gap:12px}


.button{border:1px solid transparent;border-radius:5px;padding:14px 18px;font-weight:800;font-size:13px}


.button span{font-size:17px;margin-left:8px}


.primary{color:#102014;background:var(--moss-bright);box-shadow:0 4px 0 #769c4d}


.primary:hover{transform:translateY(-1px);box-shadow:0 6px 0 #769c4d}


.secondary{color:#e9f0e6;background:#06111ba8;border-color:#ffffff35}


.hero-meta{display:flex;gap:22px;margin-top:48px;font-size:11px;color:#b6c7b8}


.hero-meta span:before{content:"✦";color:var(--moss-bright);margin-right:6px}


.hero-meta b{color:white}


.hero-bottom{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 80px));display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:.5px;color:#c2d1c4}


.hero-bottom b{color:var(--moss-bright);font-size:16px}


.intro{background:var(--paper);color:var(--ink);padding:114px max(40px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr .7fr;gap:120px;align-items:end}


.intro h2,.section-head h2,.steps h2,.join h2{font-size:clamp(37px,4.4vw,61px)}


.intro>p,.intro-copy p{margin:0 0 6px;line-height:1.7;color:#566359;font-size:16px}

.intro-copy a{display:inline-block;margin-top:18px;color:#355f2d;font-weight:800;text-decoration:underline;text-underline-offset:4px}


.servers{padding:42px max(40px,calc((100vw - 1160px)/2)) 110px;background:radial-gradient(circle at 88% 12%,#1b3529 0,transparent 26%),var(--night)}


.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}


.filters{display:flex;gap:7px;flex-wrap:wrap}


.filters button{border:1px solid #ffffff22;background:transparent;color:#b9cabd;border-radius:4px;padding:9px 12px;font-size:11px;font-weight:700}


.filters button.active{border-color:var(--moss);color:#0d1c13;background:var(--moss-bright)}


.mode-filter{display:grid;gap:15px;margin:-15px 0 23px;padding:17px 0;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}


.mode-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}


.mode-filter-heading>span,.mode-filter h3{margin:0;font:800 10px ui-monospace,monospace;letter-spacing:.8px;color:#849789;text-transform:uppercase}


.mode-filter>section{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:start}


.mode-filter-grid{display:flex;gap:6px;flex-wrap:wrap}


.mode-filter button{border:1px solid #ffffff20;background:#10202a;color:#aec0b2;border-radius:3px;padding:7px 9px;font-size:10px;font-weight:700}


.mode-filter button.active{color:#112016;background:#c6ec86;border-color:#c6ec86}


.discover-bar{border:1px solid #ffffff20;background:#0d1b25;display:grid;grid-template-columns:1fr auto;position:relative;border-radius:7px;margin-bottom:24px}


.discover-bar label{position:absolute;top:9px;left:14px;font:9px ui-monospace,monospace;letter-spacing:.8px;color:#8ba28e}


.discover-bar input{border:0;outline:0;background:transparent;color:white;padding:27px 14px 10px;min-width:0}


.discover-bar input::placeholder{color:#718374}


.discover-bar button{margin:7px;border:0;border-radius:4px;padding:0 17px;color:var(--moss-bright);background:#1b3526;font-weight:800;font-size:12px}


.discover-bar button b{font-size:16px;margin-left:6px}


.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}


.server-card{padding:20px;background:linear-gradient(145deg,#10202a,#0d1820);border:1px solid #ffffff19;border-radius:7px;box-shadow:inset 0 1px #ffffff08}

.server-listing-banner{display:block;width:100%;height:auto;aspect-ratio:468/60;margin:14px 0 0;border:1px solid #ffffff24;border-radius:3px;object-fit:cover;background:#071018}


.server-card h3{font-size:18px;margin:15px 0 5px;color:#f2f6ed}

.listing-attribution{display:flex;align-items:center;gap:7px;margin:7px 0 2px;font:800 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em}.listing-attribution strong{padding:4px 6px;border-radius:3px}.listing-attribution span{color:#83958a;text-transform:none;letter-spacing:0}.listing-attribution.owner-verified strong{border:1px solid #9fd06c66;background:#9fd06c18;color:#c9ed9f}.listing-attribution.owner-unverified strong{border:1px solid #e0a15e66;background:#e0a15e16;color:#f2c88e}


.server-card code{font:11px ui-monospace,monospace;color:#9bbd83}

.server-address-list{display:grid;gap:6px;margin-top:9px}.server-address-list>div{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px}.server-address-list span{color:#819488;font:850 8px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.server-address-list code{overflow-wrap:anywhere}

.directory-status{display:grid;gap:9px;margin:12px 0 2px;padding:11px 12px;border:1px solid #ffffff12;border-left:3px solid #7d8d82;background:#ffffff08;font-size:10px;line-height:1.45}.directory-status-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.directory-status-heading strong{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.08em}.directory-status-heading strong i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor}.directory-status-heading>span{color:#667a6e;font:750 8px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.directory-status>small{color:#83958a}.directory-status.online{border-left-color:#9fd06c;background:#9fd06c0a}.directory-status.online .directory-status-heading strong{color:#bfe891}.directory-status.offline{border-left-color:#e17b6b;background:#e17b6b0a}.directory-status.offline .directory-status-heading strong{color:#ef9b8d}.directory-status.unknown{color:#aebbb1}.directory-player-list{display:grid;gap:6px}.directory-player-row{display:grid;grid-template-columns:minmax(58px,.65fr) auto auto;align-items:baseline;gap:7px;padding:7px 8px;border:1px solid #ffffff10;border-radius:3px;background:#050c1180}.directory-player-row>span{color:#9eb2a3;font:850 9px ui-monospace,monospace;text-transform:uppercase}.directory-player-row>b{color:#f1f7ef;font-size:18px;line-height:1;letter-spacing:-.04em}.directory-player-row>b i{color:#718277;font-style:normal;font-weight:600}.directory-player-row>small{color:#75877b;font:750 8px ui-monospace,monospace;text-transform:uppercase}.directory-player-row .players-hidden{color:#a6b4aa;font-size:12px;letter-spacing:0}


.server-card p{font-size:13px;line-height:1.5;color:#aebeb1;height:40px}


.mode-tags{display:flex;gap:5px;flex-wrap:wrap;min-height:22px;margin:11px 0}


.mode-tags span{font:9px ui-monospace,monospace;color:#c8d8c7;background:#ffffff0e;border:1px solid #ffffff18;border-radius:3px;padding:4px 5px}


.server-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff16;padding-top:13px;font:10px ui-monospace,monospace;color:#9fb1a1}


.tag{background:#c6ec8622;border:1px solid #c6ec8655;color:var(--moss-bright);font:10px ui-monospace,monospace;padding:4px 6px;border-radius:3px}


.vote{color:#c6ec86;background:transparent;border:1px solid #c6ec8666;border-radius:3px;padding:6px 8px;font-weight:800}


.vote:disabled,.nav-login:disabled,.nav-cta:disabled,.button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.5)}


.empty{grid-column:1/-1;text-align:center;padding:37px;border:1px dashed #ffffff33;border-radius:7px;color:#aab9ac;font-size:13px}

.empty strong,.empty span,.empty a{display:block}

.empty strong{font-size:17px;color:#e8f2e5;margin-bottom:8px}

.empty span{max-width:660px;margin:auto;line-height:1.6}

.empty a{width:max-content;max-width:100%;margin:16px auto 0;color:var(--moss-bright);font-weight:800;text-decoration:underline;text-underline-offset:3px}

.listing-note{margin:18px 0 0;color:#849789;font:10px/1.55 ui-monospace,monospace}


.steps{padding:115px max(40px,calc((100vw - 1160px)/2));background:#10261c;color:#e9f2e6;display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;position:relative;overflow:hidden}


.steps:after{content:"";position:absolute;width:340px;height:340px;right:-80px;bottom:-190px;background:repeating-linear-gradient(45deg,#c6ec8610 0 12px,transparent 12px 24px);transform:rotate(20deg)}


.steps-title>p:last-child{max-width:390px;margin:25px 0 0;color:#bdd0bb;line-height:1.6}


.steps ol{list-style:none;padding:0;margin:0;display:grid;gap:0;z-index:1}


.steps li{display:grid;grid-template-columns:70px 1fr;gap:21px;padding:25px 0;border-top:1px solid #ffffff25}


.steps li:last-child{border-bottom:1px solid #ffffff25}


.steps li>span{color:var(--moss-bright);font:12px ui-monospace,monospace}


.steps li b{font-size:19px}


.steps li p{font-size:14px;line-height:1.5;margin:6px 0 0;color:#b9cab9}


.join{min-height:500px;padding:112px max(40px,calc((100vw - 1160px)/2));position:relative;overflow:hidden;background:linear-gradient(120deg,#101f1a,#192f25)}


.join:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#0a1713 0%,#0a1713cc 43%,transparent),url('/voxel-twilight-hero-v1.webp');background-position:right center;background-size:auto 130%;background-repeat:no-repeat;opacity:.85}


.join>*{position:relative;z-index:1}


.join p:not(.kicker){max-width:430px;line-height:1.65;color:#c7d5c8;margin:25px 0}


.banner-promo{padding:105px max(40px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#0a151d}

.banner-promo h2{font-size:clamp(38px,4.5vw,62px)}

.banner-promo p:not(.kicker){max-width:420px;line-height:1.65;color:#bdcdbf;margin:22px 0 27px}

.banner-promo-sample{min-height:150px;display:flex;align-items:center;gap:7px;padding:25px 18px;background:linear-gradient(125deg,#122d22,#17233a 70%,#0b101a);border:1px solid #c6ec8655;border-radius:7px;box-shadow:inset 0 0 35px #b8ec6222}

.banner-promo-sample b{margin-right:auto;font:800 clamp(18px,2vw,30px) ui-monospace,monospace;color:#f2f7ed}

.banner-promo-sample span{font:800 9px ui-monospace,monospace;color:#e5f1df;border:1px solid #c6ec86aa;padding:7px 5px;background:#061019b9}


footer{padding:27px max(40px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;background:#050b10;color:#93a697;font-size:11px}


dialog{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:0;border-radius:8px;padding:35px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #000a}


dialog::backdrop{background:#010609c9;backdrop-filter:blur(5px)}


dialog h2{font-size:40px}


.close{position:absolute;right:14px;top:8px;border:0;background:none;color:#566359;font-size:28px}


form{display:grid;gap:14px;margin-top:18px}


.mode-picker{border:0;padding:0;margin:0}


.mode-picker legend{font-size:12px;font-weight:800;padding:0 0 7px}


.mode-picker legend small{font-size:10px;color:#647068;font-weight:500}


.mode-picker>div{display:flex;gap:6px;flex-wrap:wrap}


.mode-picker label{display:flex;align-items:center;gap:5px;border:1px solid #b9c4b3;background:#fff;padding:6px 7px;border-radius:4px;font-size:10px;font-weight:700}


.mode-picker input{width:13px;height:13px;padding:0;accent-color:#6b9a55}


label{font-size:12px;font-weight:800;display:grid;gap:6px}


label small{font-size:10px;color:#647068;font-weight:500}


input,select,textarea{border:1px solid #bdc5b6;border-radius:4px;background:white;color:var(--ink);padding:10px;outline-color:#709958}

dialog input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]),dialog textarea{color:var(--ink);-webkit-text-fill-color:var(--ink);user-select:text}

dialog input::selection,dialog textarea::selection,#confirmEmailAddress::selection{background:#2467d6;color:#fff;-webkit-text-fill-color:#fff}

#confirmEmailAddress{user-select:all;cursor:text}


textarea{min-height:92px;resize:vertical}


.text-button{border:0;background:none;padding:0;color:#4f853c;font-weight:800}


.muted{font-size:13px;line-height:1.5;color:#5e6e61}


.notice{min-height:18px;margin:15px 0 0;color:#a44731;font-size:13px;font-weight:700}


.notice.success{color:#457a34}

.directory-notice{display:none;max-width:1180px;margin:14px auto 0;padding:13px 15px;border:1px solid #ffffff22;border-radius:5px;background:#101d25;color:#d6e5d8;font-size:12px;font-weight:750;line-height:1.5}.directory-notice:not(:empty){display:block}.directory-notice.success{border-color:#9ed36b66;background:#14281b;color:#dff4c6}.directory-notice.warning{border-color:#e0a15b77;background:#302218;color:#ffd7a9}
.vote-dialog{width:min(720px,calc(100% - 28px));padding:0;overflow:auto;background:#f4f7ef}.vote-dialog #votePanel{padding:30px}.vote-dialog-heading{padding-right:28px}.vote-dialog-heading h2{margin:8px 0 9px;font-size:clamp(35px,7vw,52px);line-height:.94}.vote-dialog-heading>p:last-child{max-width:58ch;margin:0;color:#59675d;font-size:12px;line-height:1.55}
.vote-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:20px 0 13px;padding:0;list-style:none}.vote-flow-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:9px;border:1px solid #c5d2bd;border-radius:6px;background:#fff}.vote-flow-steps li>b{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#315d2b;color:#fff;font:950 12px ui-monospace,monospace}.vote-flow-steps li>span{display:grid;gap:2px}.vote-flow-steps strong{color:#26382c;font-size:10px}.vote-flow-steps small{color:#657268;font-size:8px;line-height:1.35}
.vote-target-card{display:grid;gap:3px;margin-bottom:14px;padding:13px 15px;border-left:5px solid #788b70;border-radius:5px;background:#e6ece2}.vote-target-card>span{color:#60705f;font:900 8px ui-monospace,monospace;letter-spacing:.12em}.vote-target-card>strong{overflow-wrap:anywhere;color:#26382c;font-size:21px;line-height:1.05}.vote-target-card>small{margin-top:3px;color:#55655a;font-size:10px;line-height:1.5}.vote-dialog.has-rewards .vote-target-card{border-left-color:#4e8d36;background:#e2f1d7}.vote-dialog.has-rewards .vote-target-card>small{color:#315d25}
.vote-player-name{margin-bottom:10px;padding:13px;border:2px solid #aebca8;border-radius:6px;background:#fff;color:#26382c}.vote-player-name input{width:100%;font:800 16px ui-monospace,monospace;letter-spacing:.015em}.vote-player-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.vote-player-label>strong{padding:4px 6px;border-radius:3px;background:#e4e9e0;color:#516251;font:900 8px ui-monospace,monospace;text-transform:uppercase}.has-rewards .vote-player-label>strong{background:#d8ecc9;color:#315e24}.vote-player-name>small{line-height:1.45}
.vote-privacy-note{margin:0 0 13px;padding:9px 11px;border:1px solid #cbd5c6;border-radius:4px;background:#f9fbf7;color:#647068;font-size:9px;line-height:1.5}.vote-privacy-note strong{color:#38563a}.vote-security-step{margin-top:12px;padding:13px;border:1px solid #b7c9ad;border-radius:7px;background:#edf3e9}.vote-security-step-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 9px;margin-bottom:10px}.vote-security-step-heading>span{grid-row:1/3;padding:5px 7px;border-radius:3px;background:#355f2d;color:#fff;font:900 8px ui-monospace,monospace}.vote-security-step-heading>strong{color:#273a2b;font-size:13px}.vote-security-step-heading>small{color:#607064;font-size:9px}.vote-security-step #humanProofBlock{min-width:0}.vote-submit{width:100%;justify-content:center;margin-top:14px;min-height:46px}.vote-no-account{margin:11px 0 0;padding:10px 11px;border:1px solid #b7c8b0;border-radius:4px;background:#f6faf3;color:#4d5e50;font-size:10px;line-height:1.5}.vote-no-account strong{color:#254d2b}
@media(max-width:620px){.vote-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.vote-dialog #votePanel{padding:23px 15px 18px}.vote-flow-steps{grid-template-columns:1fr}.vote-flow-steps li{min-height:48px}.vote-security-step{padding:10px}.vote-player-label{align-items:flex-start;flex-direction:column;gap:5px}}

.email-confirmation{text-align:center}
.email-confirmation-icon{display:grid;place-items:center;width:76px;height:76px;margin:2px auto 20px;border:3px solid #5f8e49;border-radius:18px;background:#e4f1db;color:#315b29;font-size:38px;box-shadow:0 9px 0 #c8dcb9}
.email-confirmation .kicker{justify-content:center}
.email-confirmation h2{max-width:9ch;margin:8px auto 10px;font-size:clamp(42px,10vw,58px);line-height:.92}
.email-confirmation>p:not(.kicker){margin:9px auto;color:#5d695f;font-size:12px;line-height:1.55}
.email-confirmation>p strong{color:#243429;overflow-wrap:anywhere}
.email-confirmation .email-confirmation-lead{color:#2d432f!important;font-size:20px!important;font-weight:900}
.email-confirmation-action,.email-confirmation-help{display:grid;gap:5px;margin-top:18px;padding:15px;border-radius:6px;text-align:left}
.email-confirmation-action{border:2px solid #6f9b59;background:#e8f3df;color:#263a29}
.email-confirmation-action strong{font-size:14px}.email-confirmation-action span,.email-confirmation-help span{font-size:10px;line-height:1.5}
.email-confirmation-help{border:1px solid #d3c89d;background:#fff9df;color:#544b2d}.email-confirmation-help strong{font-size:11px}
.email-confirmation-buttons{display:grid;gap:12px;margin-top:20px}.email-confirmation-buttons .text-button{justify-self:center}


@media(max-width:760px){.hero{min-height:680px;background-position:62% center}


header{height:72px;padding:0 20px}


.menu-toggle{display:block;order:3;margin-left:8px}

header nav{display:none;position:absolute;z-index:5;right:20px;top:64px;width:min(260px,calc(100vw - 40px));padding:13px;background:#0a151ddd;border:1px solid #ffffff22;border-radius:6px;backdrop-filter:blur(10px)}

header nav.open{display:grid;gap:8px}

header nav a,header nav .nav-login,header nav .nav-cta{display:block;text-align:left;width:100%;padding:11px}

.nav-login{background:#ffffff12}

.nav-cta{font-size:11px}


.nav-cta{padding:9px 11px;font-size:10px}


.hero-content{padding:93px 22px 35px}


h1{font-size:56px}


.hero-copy{font-size:15px}


.hero-actions{flex-wrap:wrap}


.hero-meta{gap:10px;flex-wrap:wrap;margin-top:36px}


.hero-bottom{width:calc(100% - 44px);bottom:18px}


.hero-bottom span:first-child{display:none}


.intro,.steps{padding:75px 22px;grid-template-columns:1fr;gap:35px}


.intro>p{font-size:15px}


.servers{padding:30px 22px 75px}


.section-head{display:block}


.filters{margin-top:25px;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}


.mode-filter{display:block;margin-top:22px}


.mode-filter>span{display:block}


.mode-filter>div{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}


.mode-filter button{white-space:nowrap}


.filters button{white-space:nowrap}


.discover-bar{grid-template-columns:1fr}


.discover-bar button{position:absolute;right:0;top:0;bottom:0}


.discover-bar input{padding-right:86px}


.server-grid{grid-template-columns:1fr}


.steps{gap:39px}


.join{padding:82px 22px;min-height:470px}


.join:before{background-image:linear-gradient(90deg,#0a1713f5 0%,#0a1713c8 58%,transparent),url('/voxel-twilight-hero-v1.webp');background-position:68% center;background-size:auto 115%;background-repeat:no-repeat}


.banner-promo{padding:78px 22px;grid-template-columns:1fr;gap:35px}

.banner-promo-sample{min-height:120px;padding:16px 12px;gap:4px}

.banner-promo-sample b{font-size:16px}

.banner-promo-sample span{font-size:7px;padding:5px 3px}


footer{padding:24px 22px;display:grid;gap:12px}


.brand{font-size:13px}


}


.banner-page{background:#07101a;color:#e8f0e6;min-height:100vh}

.banner-page #top,.banner-page footer,.banner-page dialog{display:none}

.banner-header{max-width:1240px;margin:auto;padding:0 40px;height:84px;border-bottom:1px solid #ffffff14}

.banner-back{font-size:12px;font-weight:800;color:#bed5a8}

.banner-intro{max-width:1160px;margin:0 auto;padding:80px 40px 45px;background:radial-gradient(circle at 80% 20%,#28472f 0,transparent 30%)}

.banner-intro h1{font-size:clamp(48px,7vw,86px)}

.banner-intro p:not(.kicker){max-width:590px;line-height:1.65;color:#c6d6c8;margin:24px 0 0}

.banner-studio{width:min(1160px,calc(100% - 48px));max-width:1160px;margin:0 auto 90px;display:grid;grid-template-columns:310px minmax(0,1fr);background:#0c1820;border:1px solid #ffffff18;border-radius:10px;overflow:hidden}

.banner-controls{padding:28px;background:#f5f1e7;color:#15231c;display:grid;align-content:start;gap:12px}

.banner-controls .kicker{margin-bottom:6px}

.banner-controls input{width:100%;padding:9px}

.banner-controls select{width:100%;padding:9px;border:1px solid #c7d3c2;background:#fff;color:#15231c;border-radius:3px;font:700 12px ui-monospace,monospace}

.banner-word-control{display:grid;gap:5px;padding:0 0 8px;border-bottom:1px solid #cad2c7}

.banner-word-control input[aria-invalid=true]{border-color:#c84f42;box-shadow:0 0 0 2px #c84f4224}








.banner-controls .button{margin-top:6px}

.banner-note{font-size:10px;line-height:1.5;color:#607066;margin:0}

.banner-preview-area{padding:28px;min-width:0}

.banner-live-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font:10px ui-monospace,monospace;letter-spacing:1px;color:#9ab497}

.banner-live-head b{color:#d8ebc4}


.banner-live-status{min-height:16px;margin:0;font:800 10px ui-monospace,monospace;color:#447653}

.banner-live-status.error{color:#a83e35}

@media(max-width:760px){.banner-header{height:70px;padding:0 20px}

.banner-intro{padding:60px 22px 36px}

.banner-studio{margin:0 22px 50px;grid-template-columns:1fr}

.banner-controls{grid-template-columns:1fr 1fr}

.banner-controls .kicker,.banner-controls .button,.banner-note{grid-column:1/-1}

.banner-preview-area{padding:18px}

}

.banner-page .banner-intro{padding-bottom:48px;background:radial-gradient(circle at 82% 18%,#315039 0,transparent 31%)}
.banner-page .banner-intro p:not(.kicker){max-width:680px}
.banner-page .banner-studio{grid-template-columns:minmax(285px,340px) minmax(0,1fr);max-width:1100px;border-color:#d6f57a2f;box-shadow:0 28px 75px #01070b73,inset 0 1px #ffffff0a}
.banner-page .banner-controls{display:flex;flex-direction:column;gap:18px;padding:32px;background:linear-gradient(150deg,#f8f5eb,#edf0e5);border-right:1px solid #d4ddcd}
.banner-page .banner-controls .kicker{margin:0 0 2px}
.banner-name-control{display:grid;gap:9px}
.banner-name-control label{font-size:14px;color:#16261d}
.banner-name-control label small{display:block;margin-top:4px;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#68766c}
.banner-page .banner-name-control>input{min-height:49px;padding:12px 13px;border:1px solid #98a991;border-radius:5px;background:#fff;color:#13221a;font:900 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 1px 2px #0d1f1312}
.banner-page .banner-name-control>input:hover{border-color:#6f8767}
.banner-page .banner-name-control>input:focus{border-color:#527a43;outline:3px solid #86b66c32}
.banner-page .banner-name-control>p{margin:0;color:#69766c;font-size:10px;line-height:1.55}
.banner-info-control{display:grid;gap:9px}
.banner-info-control label{font-size:14px;color:#16261d}
.banner-info-control label small{display:block;margin-top:4px;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#68766c}
.banner-page .banner-info-control>input{min-height:43px;padding:10px 12px;border:1px solid #98a991;border-radius:5px;background:#fff;color:#13221a;font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 1px 2px #0d1f1312}
.banner-page .banner-info-control>input:hover{border-color:#6f8767}
.banner-page .banner-info-control>input:focus{border-color:#527a43;outline:3px solid #86b66c32}
.banner-info-control>p{margin:0;color:#69766c;font-size:10px;line-height:1.55}
.banner-edition-control{display:grid;gap:9px}
.banner-edition-control label{font-size:14px;color:#16261d}
.banner-edition-control label small{display:block;margin-top:4px;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#68766c}
.banner-page .banner-edition-control select{min-height:46px;width:100%;padding:11px 36px 11px 13px;border:1px solid #98a991;border-radius:5px;background-color:#fff;color:#13221a;font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 1px 2px #0d1f1312;cursor:pointer}
.banner-page .banner-edition-control>input{min-height:44px;width:100%;padding:10px 12px;border:1px solid #98a991;border-radius:5px;background:#fff;color:#13221a;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em;box-shadow:inset 0 1px 2px #0d1f1312}
.banner-page .banner-edition-control select:hover{border-color:#6f8767}
.banner-page .banner-edition-control select:focus{border-color:#527a43;outline:3px solid #86b66c32}
.banner-page .banner-edition-control>input:hover{border-color:#6f8767}
.banner-page .banner-edition-control>input:focus{border-color:#527a43;outline:3px solid #86b66c32}
.banner-edition-control>p{margin:0;color:#69766c;font-size:10px;line-height:1.55}
.banner-feature-group{display:grid;gap:12px;margin:0;padding:15px;border:1px solid #cad5c5;border-radius:7px;background:#ffffff8f;color:#15231c}
.banner-feature-group legend{padding:0 7px;font-size:14px;font-weight:800}
.banner-feature-group legend small{display:block;margin-top:4px;color:#68766c;font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-feature-group .banner-word-control{gap:6px;padding-bottom:10px}
.banner-feature-group .banner-word-control[hidden]{display:none!important}
.banner-feature-group .banner-word-control:last-child{padding-bottom:0;border-bottom:0}
.banner-feature-group label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;font-weight:800}
.banner-feature-group label small{color:#728078;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-feature-group .banner-word-control>input{min-height:39px;padding:8px 10px;border:1px solid #a7b4a3;border-radius:4px;background:#fff;color:#14231c;font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.banner-style-control{display:grid;gap:8px}
.banner-style-control label{font-size:14px;color:#16261d}
.banner-style-control label small{display:block;margin-top:4px;color:#68766c;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-page .banner-style-control select{min-height:44px;width:100%;padding:10px 36px 10px 12px;border:1px solid #98a991;border-radius:5px;background:#fff;color:#13221a;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-lock-summary{display:grid;gap:0;border:1px solid #cad5c5;border-radius:6px;background:#ffffffa3;overflow:hidden}
.banner-lock-summary span{display:flex;align-items:center;gap:9px;padding:9px 11px;color:#435248;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;border-bottom:1px solid #dce3d8}
.banner-lock-summary span:last-child{border-bottom:0}
.banner-lock-summary b{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#dceccc;color:#3e6f36;font:900 10px/1 sans-serif}
.banner-actions{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:stretch}
.banner-page .banner-actions .button{margin:0;min-height:45px}
.banner-reset{padding:11px 13px;border-color:#9eada0;background:#f9fbf7;color:#34483b;box-shadow:none;font-size:11px}
.banner-reset:hover{border-color:#587250;background:#fff}
.banner-actions .button:focus-visible,.banner-name-control input:focus-visible,.banner-info-control input:focus-visible,.banner-edition-control input:focus-visible,.banner-style-control select:focus-visible,.banner-feature-group input:focus-visible{outline:3px solid #73995b66;outline-offset:2px}
.banner-page .banner-live-status{min-height:16px;margin:-4px 0 0;color:#3d7047;font:800 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-page .banner-live-status.error{color:#9e3d34}
.banner-page .banner-note{margin:0;padding-top:15px;border-top:1px solid #ced7ca;color:#59695e;font-size:10px;line-height:1.6}
.banner-page .banner-note strong{color:#22372a}
.banner-page .banner-preview-area{display:flex;flex-direction:column;justify-content:flex-start;align-self:start;position:sticky;top:16px;min-width:0;padding:34px;background:radial-gradient(circle at 78% 18%,#244238 0,transparent 34%),linear-gradient(150deg,#0d1d25,#08131b)}
.banner-page .banner-live-head{gap:20px;margin:0 0 16px;color:#8ea799}
.banner-page .banner-live-head b{color:#c9e7ab;text-align:right}
.exact-banner-stage{display:grid;gap:18px;padding:22px;border:1px solid #ffffff1c;border-radius:9px;background:linear-gradient(145deg,#142730,#09151d);box-shadow:inset 0 1px #ffffff0b,0 18px 45px #02070b66}
.exact-banner-frame{width:min(100%,468px);min-width:0;min-height:0;display:block;margin-inline:auto;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:0 8px 28px #000b,0 0 25px #b9ed7010;line-height:0;overflow:hidden;contain:paint}
#exactBannerPreview{display:block;width:100%;max-width:468px;height:auto;margin:0;aspect-ratio:468 / 60;object-fit:contain;object-position:center;image-rendering:auto;background:transparent;border-radius:2px}
#exactBannerPreview:not([src]){visibility:hidden}
#exactBannerPreview[hidden]{display:none}
.exact-banner-caption{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(220px,1fr);gap:22px;align-items:end}
.exact-banner-caption span{display:block;margin-bottom:5px;color:#bff47a;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.exact-banner-caption h2{color:#edf7e8;font-size:24px;letter-spacing:-.035em}
.exact-banner-caption p{margin:0;color:#9eb1a5;font-size:11px;line-height:1.6}
.banner-template-picker{margin-top:19px}
.banner-template-picker-label{display:block;margin:0 0 8px;color:#8ea799;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.banner-template-list{display:grid;gap:12px}
.banner-template-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 13px;align-items:center;box-sizing:border-box;padding:11px;border:2px solid #ffffff24;border-radius:7px;background:linear-gradient(145deg,#142831,#0b171e);box-shadow:0 10px 25px #02080c4d;color:inherit;text-align:left;font:inherit;appearance:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.banner-template-card:hover{transform:translateY(-1px);border-color:#bff47a6b}
.banner-template-card:focus-visible{outline:2px solid #bff47a;outline-offset:3px}
.banner-template-card[aria-current="true"]{z-index:1;transform:translateY(-1px);border-color:#c9ff82;background:linear-gradient(145deg,#1a382d,#0e211b);box-shadow:0 0 0 3px #bff47a38,inset 0 0 30px #bff47a12,0 14px 34px #02080c99}
.banner-template-card[aria-busy="true"]{border-color:#d8ffa6;box-shadow:0 0 0 3px #bff47a2c,0 14px 34px #02080c99}.banner-template-card[aria-busy="true"] .banner-template-selected:after{content:" · BUILDING";color:#dfffb7}
.banner-template-thumb{grid-column:1/-1;justify-self:center;display:block;width:min(468px,100%);max-width:100%;height:auto;aspect-ratio:468 / 60;object-fit:contain;image-rendering:auto;border:0;background:transparent}
.banner-template-thumb:not([src]){visibility:hidden}
.banner-template-card[aria-current="true"] .banner-template-thumb{border-radius:2px;box-shadow:0 0 0 2px #c9ff82,0 0 20px #bff47a40}
.banner-template-card-copy{min-width:0;display:flex;align-items:center;gap:10px}
.banner-template-card-copy>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #bff47a5c;border-radius:4px;background:#bff47a12;color:#bff47a;font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-template-card-copy>span:last-child{width:auto;height:auto;display:block;min-width:0;border:0;border-radius:0;background:transparent;color:inherit}
.banner-template-card-copy b{display:block;color:#eef7e9;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banner-template-card-copy small{display:block;margin-top:3px;color:#8fa499;font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
.banner-template-selected{visibility:hidden;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#bff47a;color:#0a1910;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease;box-shadow:0 0 18px #bff47a70}
.banner-template-card[aria-current="true"] .banner-template-selected{visibility:visible;opacity:1;transform:scale(1)}
.banner-template-card[aria-current="true"] .banner-template-card-copy>span:first-child{border-color:#d8ffa6;background:#bff47a;color:#0a1910;box-shadow:0 0 12px #bff47a59}
.purple-flame-thumb{background:#061018}
.banner-template-selected i{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#0b2115;color:#dfffb6;font:900 10px/1 sans-serif;box-shadow:none}
.banner-template-selected i::before{content:"✓"}

@media(max-width:1020px){
.banner-page .banner-studio{width:calc(100% - 44px);margin-right:auto;margin-left:auto;grid-template-columns:minmax(0,1fr)}
.banner-page .banner-controls{border-right:0;border-bottom:1px solid #d4ddcd}
.banner-page .banner-preview-area{position:static;padding:24px}
}

@media(max-width:560px){
.banner-page .banner-intro{padding:48px 20px 32px}
.banner-page .banner-intro h1{font-size:clamp(43px,14vw,62px)}
.banner-page .banner-studio{width:calc(100% - 28px);margin-right:auto;margin-left:auto}
.banner-page .banner-controls,.banner-page .banner-preview-area{padding:20px}
.banner-actions{grid-template-columns:1fr}
.banner-page .banner-actions .button{width:100%}
.banner-page .banner-live-head{align-items:flex-start;flex-direction:column;gap:5px}
.banner-page .banner-live-head b{text-align:left}
.exact-banner-stage{padding:12px}
.exact-banner-frame{min-height:0;padding:0}
.exact-banner-caption{grid-template-columns:1fr;gap:10px}
.exact-banner-caption h2{font-size:21px}
.banner-template-card{grid-template-columns:minmax(0,1fr) auto;gap:9px}
.banner-template-thumb{grid-column:1/-1;grid-row:auto}
.banner-template-selected{grid-column:2;justify-self:end}
}

.mode-filter{display:grid;gap:22px;margin:-12px 0 25px;padding:22px;border:1px solid #ffffff17;border-radius:8px;background:#09182199}
.mode-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #ffffff17}
.mode-filter-heading>span{font:10px ui-monospace,monospace;letter-spacing:.9px;color:#849789}
.mode-filter h3{margin:0 0 10px;color:#eef5eb;font-size:13px;letter-spacing:.02em}
.mode-filter-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px!important;overflow:visible!important}
.mode-filter button{min-width:0;white-space:nowrap;text-align:center}
.general-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.wide-dialog{width:min(760px,calc(100% - 28px))}
.mode-picker legend{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px}
.mode-picker legend output{color:#4f853c;font:800 10px ui-monospace,monospace}
.mode-picker>p{margin:12px 0 7px;color:#53645a;font:800 10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.mode-picker label:has(input:checked){border-color:#6b9a55;background:#eaf4df;color:#294622}
.mode-picker label:has(input:disabled){opacity:.48}
.agreement{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;padding:10px;border:1px solid #c8d0c2;border-radius:5px;background:#fff}
.agreement input{width:16px;height:16px;margin:1px 0 0;padding:0;accent-color:#5f8e49}
.agreement span{font-size:11px;font-weight:650;line-height:1.45}
.agreement a,.auth-help a{color:#477c36;font-weight:850}
.auth-switch{margin-bottom:5px}
.auth-help{margin:8px 0 0;color:#647068;font-size:11px;line-height:1.5}
.resend-verification{margin-top:14px;padding-top:12px;border-top:1px solid #d8ded3;color:#4e5b52}
.resend-verification summary{cursor:pointer;font-size:12px;font-weight:800}
.resend-verification form{display:grid;gap:10px;margin-top:12px}
.anti-bot:empty{display:none}
.anti-bot{min-height:1px}
.provider-check{display:block;margin:8px auto 14px}
.provider-check[hidden]{display:none}
.bot-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.human-proof-summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;margin:6px 0 12px}
.human-proof-toggle{display:flex;align-items:center;gap:11px;margin:0;padding:13px 14px;border:2px solid #789b68;border-radius:6px;background:#edf6e7;color:#203124;cursor:pointer;box-shadow:inset 0 0 0 2px #fff}
.human-proof-toggle input{appearance:none;position:relative;flex:0 0 21px;width:21px;height:21px;margin:0;border:2px solid #729064;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 2px #eef6e9;cursor:pointer}
.human-proof-toggle input:checked{border-color:#39752b;background:linear-gradient(145deg,#86cf52,#4e9b37);box-shadow:inset 0 0 0 2px #bcec98,0 0 0 3px #71aa5140}
.human-proof-toggle input:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);filter:drop-shadow(0 1px #2d6324)}
.human-proof-toggle input:disabled{opacity:1;cursor:default}
.human-proof-toggle span{display:grid;gap:3px}.human-proof-toggle strong{font-size:13px}.human-proof-toggle small{color:#5e735d;font-size:10px;line-height:1.35}
.craft-approved-badge{display:flex;align-items:center;justify-content:center;gap:7px;min-width:104px;padding:8px 10px;border:2px solid #3d7e2e;border-radius:6px;background:linear-gradient(145deg,#e7f8da,#c7eba9);color:#245c1a;font:900 11px ui-monospace,monospace;text-align:center;box-shadow:inset 0 0 0 2px #fff,0 4px 0 #9bc37d}
.craft-approved-badge[hidden]{display:none}
.craft-guard-approved .human-proof-toggle{border-color:#579242;background:#e7f6dc;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px #79a96522}
.craft-guard-approved .craft-approved-badge:before{content:"";width:8px;height:13px;border:solid #347526;border-width:0 3px 3px 0;transform:rotate(45deg) translateY(-1px)}
.craft-guard-locked .human-proof-toggle{border-color:#bb6a5d;background:#fff0ec;color:#6f2b24}
.craft-guard-locked .craft-approved-badge{border-color:#b75b4d;background:#ffe3dd;color:#852e26}
.craft-guard{margin:4px 0 14px;padding:18px;border:2px solid #88a97a;border-radius:8px;background:linear-gradient(145deg,#fbfcf7,#eef5e9);box-shadow:inset 0 0 0 3px #fff,0 12px 30px #25401d18;outline:0}
.craft-guard[hidden]{display:none}
.craft-guard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #c9d8c1}
.craft-guard-heading>div{display:grid;gap:1px}
.craft-guard-heading span{font:900 8px ui-monospace,monospace;letter-spacing:.14em;color:#68805f}
.craft-guard-heading strong{font-size:20px;line-height:1.05;color:#26362a}
.craft-guard-heading button{min-height:32px;padding:5px 8px;border:1px solid #9fb295;border-radius:4px;background:#fff;color:#477c36;font-size:10px;font-weight:900;cursor:pointer}
.craft-guard-heading button:disabled{opacity:.5;cursor:not-allowed}
.craft-prompt{margin:13px 0 11px;color:#24342a;font-size:14px;font-weight:900;text-align:center}
.craft-guide{margin:0 0 12px;padding:10px 12px;border-left:4px solid #6f9b59;background:#e5f0de;color:#4b5e4d;font-size:11px;line-height:1.5}.craft-guide strong{color:#294329}
.craft-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.craft-steps li{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px;border:1px solid #c7d4c0;border-radius:5px;background:#fff;color:#46594a;font-size:9px;font-weight:800;line-height:1.25}.craft-steps b{display:grid;place-items:center;flex:0 0 21px;height:21px;border-radius:3px;background:#355f2d;color:#fff;font:900 10px ui-monospace,monospace}
.craft-copy-layout{display:grid;grid-template-columns:max-content 24px max-content;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.craft-copy-layout>div{display:grid;gap:6px}.craft-copy-layout>div>strong{color:#405542;font-size:9px;text-transform:uppercase;letter-spacing:.06em;text-align:center}.craft-copy-arrow{color:#578944;font-size:22px;font-weight:950;text-align:center}
.craft-grid{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:4px;width:max-content;padding:6px;border:2px solid #59685a;background:#252e29;box-shadow:inset 0 0 0 2px #111814}
.craft-slot,.craft-preview-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:42px;height:42px;border:1px solid #89958a;border-radius:2px;background:#c6cec3;color:#263128;cursor:pointer;box-shadow:inset 1px 1px #eef3eb,inset -2px -2px #889187}
.craft-preview-slot{cursor:default}.craft-preview-grid{display:block;width:152px;height:152px;border-color:#769864;box-shadow:inset 0 0 0 2px #172318,0 0 0 2px #b8d3a9}.craft-recipe-raster{display:block;width:136px;height:136px;image-rendering:pixelated}.craft-slot small,.craft-preview-slot small{font:900 7px/1 ui-monospace,monospace;letter-spacing:-.03em;color:#172419;text-shadow:0 1px #ffffff80}.craft-item-icon{display:grid;place-items:center;width:24px;height:22px;border-radius:2px;font:900 15px ui-monospace,monospace}.craft-raster-tile{object-fit:cover;image-rendering:pixelated}
.craft-slot:focus-visible,.craft-material:focus-visible{outline:3px solid #578944;outline-offset:2px}
.craft-slot:disabled,.craft-material:disabled{cursor:wait;opacity:.72}
.craft-instruction{margin:10px 0 8px;color:#59685e;font-size:10px;line-height:1.45;text-align:center}
.craft-palette{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.craft-material{display:grid;grid-template-columns:24px auto;align-items:center;gap:7px;min-height:39px;padding:5px 9px;border:2px solid #b3beb0;border-radius:5px;background:#fff;color:#354138;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.craft-material:hover:not(:disabled){transform:translateY(-1px);border-color:#789b68}.craft-material[aria-pressed="true"]{border-color:#477c36;background:#dff0d5;box-shadow:0 0 0 3px #8fba7845}
.craft-material span{display:grid;place-items:center;width:22px;height:22px;border-radius:2px;font:900 15px ui-monospace,monospace}
.craft-material small{font-size:10px;font-weight:850}
.craft-status{min-height:34px;margin:10px 0 0;padding:8px 10px;border-radius:4px;background:#e9efe5;color:#536158;font-size:10px;font-weight:750;line-height:1.45;text-align:center}.craft-status.error{background:#ffe8e3;color:#8b3027}.craft-status.warning{background:#fff4d9;color:#765312}.craft-status.checking{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #9bc28a;background:#edf8e8;color:#376b2c}.craft-status.checking:before{content:"";width:14px;height:14px;border:3px solid #b9dba9;border-top-color:#3f8430;border-radius:50%;animation:craft-status-spin .7s linear infinite}.craft-status.success{border:1px solid #8ec475;background:#dff2d4;color:#2e6b21}
.craft-success-reveal{display:flex;align-items:center;justify-content:center;gap:15px;margin:11px 0 0;padding:15px 18px;border:2px solid #6fba45;border-radius:7px;background:linear-gradient(135deg,#173d21,#245c2b);color:#f5fff0;box-shadow:inset 0 0 0 2px #a8dc7950,0 8px 20px #214c2533;animation:craft-success-pop .38s cubic-bezier(.2,.9,.25,1.25)}
.craft-success-reveal[hidden]{display:none}.craft-success-reveal>span:last-child{display:grid;gap:2px}.craft-success-reveal strong{font-size:14px;letter-spacing:.01em}.craft-success-reveal small{color:#cce9c1;font-size:9px}.craft-success-mark{display:grid;place-items:center;flex:0 0 48px;height:48px;border:3px solid #efffe3;border-radius:8px;background:linear-gradient(145deg,#a9e866,#62b53f);box-shadow:inset 0 0 0 3px #d8f8b2,0 5px 0 #34792b,0 0 22px #8ade5855;transform:rotate(-3deg)}.craft-success-mark i{width:13px;height:24px;border:solid #fff;border-width:0 6px 6px 0;transform:rotate(45deg) translate(-2px,-2px);filter:drop-shadow(0 2px #337129);animation:craft-check-draw .42s .14s both}
.craft-check-actions{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;margin-top:10px;padding-top:12px;border-top:1px solid #cad7c3}.craft-check-actions .button{min-width:154px;justify-content:center}.craft-check-actions small{color:#5c6b60;font-size:9px;line-height:1.45}.craft-check-actions .button:disabled,#createAccountButton:disabled,#confirmVote:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.45)}
.craft-check-actions #checkCraftGuard.is-checking:disabled,.craft-check-actions #checkCraftGuard.is-approved:disabled{opacity:1;filter:none;color:#14351a;background:linear-gradient(120deg,#b9ed7c,#83cc4d,#b9ed7c);background-size:220% 100%;box-shadow:0 4px 0 #5f9a40;cursor:wait}.craft-check-actions #checkCraftGuard.is-checking:disabled{animation:craft-button-scan 1.05s linear infinite}.craft-check-actions #checkCraftGuard.is-checking span{letter-spacing:2px;animation:craft-dots 1s steps(3,end) infinite}.craft-check-actions #checkCraftGuard.is-approved:disabled{background:#9fe35f;cursor:default}
.craft-guard.is-checking .craft-grid{animation:craft-grid-check 1.05s ease-in-out infinite}.craft-guard.is-checking .craft-slot:disabled,.craft-guard.is-checking .craft-material:disabled{opacity:1;filter:none}.craft-guard.is-checking .craft-copy-layout{position:relative}.craft-guard.is-checking .craft-copy-layout:after{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#9bea67 18% 82%,transparent);box-shadow:0 0 12px #6bc745;pointer-events:none;animation:craft-grid-scan 1.05s ease-in-out infinite}.craft-guard.is-approved-reveal .craft-copy-layout,.craft-guard.is-approved-reveal .craft-instruction,.craft-guard.is-approved-reveal .craft-palette{opacity:.48;transition:opacity .25s}
.craft-guard.is-loading .craft-grid,.craft-guard.is-loading .craft-palette{opacity:.52}.craft-guard.is-loading .craft-preview-grid{background:linear-gradient(110deg,#252e29 35%,#405048 48%,#252e29 61%);background-size:220% 100%;animation:craft-loading 1.1s linear infinite}@keyframes craft-loading{to{background-position:-220% 0}}
@keyframes craft-status-spin{to{transform:rotate(360deg)}}@keyframes craft-button-scan{to{background-position:-220% 0}}@keyframes craft-dots{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}@keyframes craft-grid-check{50%{border-color:#76b957;box-shadow:inset 0 0 0 2px #142116,0 0 0 3px #90cb7140,0 0 18px #77c34e45}}@keyframes craft-grid-scan{0%{top:2%}50%{top:96%}100%{top:2%}}@keyframes craft-success-pop{from{opacity:0;transform:scale(.9) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes craft-check-draw{from{opacity:0;transform:rotate(45deg) scale(.25) translate(-2px,-2px)}to{opacity:1;transform:rotate(45deg) scale(1) translate(-2px,-2px)}}
#modal.craft-guard-focus,#voteDialog.craft-guard-focus{width:min(710px,calc(100% - 28px));padding:24px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#modal.craft-guard-focus #registerPanel>:not(form){display:none}
#modal.craft-guard-focus #registerForm{display:block;margin:0}
#modal.craft-guard-focus #registerForm>:not(#registerHumanProofAnchor):not(.notice){display:none!important}
#voteDialog.craft-guard-focus #votePanel{padding:0}
#voteDialog.craft-guard-focus #votePanel>:not(.vote-security-step):not(.notice){display:none!important}
#voteDialog.craft-guard-focus .vote-security-step{margin:0;padding:0;border:0;background:transparent}
#voteDialog.craft-guard-focus .vote-security-step-heading{display:none}
#modal.craft-guard-focus .human-proof-summary,#voteDialog.craft-guard-focus .human-proof-summary{display:none}
#modal.craft-guard-focus .craft-guard,#voteDialog.craft-guard-focus .craft-guard{margin:0;padding:22px 24px}
#modal.craft-guard-focus .craft-guard-heading,#voteDialog.craft-guard-focus .craft-guard-heading{padding-right:26px}
.item-planks{background:repeating-linear-gradient(0deg,#a96f38 0 7px,#ce9453 7px 12px);color:#3d260f}.item-stick{background:linear-gradient(90deg,#6d4522 35%,#b27b3e 36% 64%,#6d4522 65%);color:#fff}.item-cobblestone{background:linear-gradient(135deg,#69716b 25%,#929a93 26% 48%,#5f6761 49% 72%,#858e86 73%);color:#fff}.item-coal{background:linear-gradient(135deg,#171b19,#404743 48%,#202522 52%);color:#f3f6f0}.item-iron{background:linear-gradient(135deg,#eef1ec,#9ca69e);color:#364039}.item-diamond{background:linear-gradient(135deg,#9cf2e9,#2daaa5);color:#103e3b}.item-sand{background:radial-gradient(#bca967 18%,transparent 20%) 0 0/6px 6px,#e1ce8b}.item-redstone{background:radial-gradient(#ff8b75 15%,transparent 18%) 0 0/7px 7px,#9f251f;color:#fff}
.password-visibility{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;color:#5f6d61!important;font-size:10px!important;cursor:pointer}.password-visibility input{width:16px!important;height:16px!important;margin:0!important;accent-color:#477c36}.password-visibility span{font-weight:750}
.remember-session{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start;gap:9px!important;padding:10px 11px;border:1px solid #cbd4c6;border-radius:5px;background:#f8fbf5;color:#334437;cursor:pointer}.remember-session input{width:16px!important;height:16px!important;margin:2px 0 0!important;padding:0!important;accent-color:#477c36}.remember-session span{display:grid;gap:2px}.remember-session strong{font-size:11px}.remember-session small{font-size:9px!important;font-weight:600!important;line-height:1.4}
.reset-body{min-height:100vh;background:#071018;color:#e7efe6}.reset-shell{width:min(520px,calc(100% - 32px));margin:0 auto;padding:55px 0 90px}.reset-shell>.brand{display:inline-flex;margin-bottom:38px}.reset-card{padding:34px;border:1px solid #ffffff20;border-radius:9px;background:#f5f7f1;color:#263229;box-shadow:0 28px 70px #0007}.reset-card h1{margin:8px 0 12px;font-size:38px;line-height:1}.reset-card>p{color:#69756b;font-size:12px;line-height:1.6}.reset-card form{display:grid;gap:14px;margin-top:25px}.reset-card label{display:grid;gap:6px;font-size:11px;font-weight:800}.reset-card label small{color:#758077;font-weight:600}.reset-card input[type="password"],.reset-card input[type="text"]{width:100%;padding:12px;border:1px solid #b8c1b6;border-radius:4px;background:#fff;color:#1c2820}.reset-card .password-visibility{display:flex!important}.reset-back{display:inline-block;margin-top:18px;color:#477c36;font-size:11px;font-weight:800}
@media(max-width:560px){#modal.craft-guard-focus,#voteDialog.craft-guard-focus{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:13px}.human-proof-summary{grid-template-columns:1fr}.craft-approved-badge{min-height:40px}.craft-copy-layout{grid-template-columns:max-content 14px max-content;gap:5px;justify-content:center}.craft-copy-arrow{font-size:18px;line-height:1}.craft-grid{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:3px;padding:5px}.craft-slot,.craft-preview-slot{width:32px;height:32px}.craft-preview-grid{width:112px;height:112px}.craft-recipe-raster{width:100px;height:100px}.craft-guard,#modal.craft-guard-focus .craft-guard,#voteDialog.craft-guard-focus .craft-guard{padding:14px}.craft-guard-heading{align-items:flex-start}.craft-guard-heading strong{font-size:18px}.craft-guide{font-size:10px}.craft-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.craft-steps li{min-height:38px;padding:5px;gap:5px;font-size:8px}.craft-steps b{flex-basis:19px;height:19px}.craft-check-actions{grid-template-columns:1fr;text-align:center}.craft-check-actions .button{width:100%}.craft-palette{max-width:290px;margin:auto}}
footer{gap:18px;flex-wrap:wrap}
.footer-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.footer-links a{color:#c2d2c5;text-decoration:none}
.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}
.legal-body{min-height:100vh;background:#071018;color:#e7efe6}
.legal-header{display:flex;max-width:1040px;height:84px;margin:auto;padding:0 30px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}
.legal-header>a:last-child{color:#bed5a8;font-size:12px;font-weight:800}
.legal-main{width:min(760px,calc(100% - 44px));margin:0 auto;padding:78px 0 95px}
.legal-main h1{max-width:12ch;font-size:clamp(48px,8vw,82px);line-height:.93}
.legal-main h2{margin:44px 0 10px;color:#dcebd4;font-size:23px}
.legal-main p{color:#b7c8ba;font-size:15px;line-height:1.78}
.legal-main a{color:#c6ec86}
.legal-eyebrow{color:#c6ec86!important;font:800 10px ui-monospace,monospace!important;letter-spacing:.12em;text-transform:uppercase}
.legal-lead{margin:24px 0 0;color:#d8e4d7!important;font-size:19px!important}
.contact-form{display:grid;gap:17px;margin:35px 0 18px;padding:clamp(22px,5vw,34px);border:1px solid #c6ec8655;border-radius:8px;background:#10251c;box-shadow:0 22px 55px #0003}
.contact-form label{display:grid;gap:7px;color:#dce8dd;font-size:12px;font-weight:800}
.contact-form label small{color:#8fa092;font-weight:650}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border-color:#ffffff2c;background:#071219;color:#edf5ed}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#728278}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#a8d56b;outline:3px solid #a8d56b24}
.contact-form textarea{min-height:150px;line-height:1.55}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.contact-form .button{justify-self:start;margin-top:1px;cursor:pointer}
.contact-safety,.contact-delivery{margin:0!important;color:#91a496!important;font-size:11px!important;line-height:1.55!important}
.contact-safety{padding:11px 13px;border-left:3px solid #d99b61;background:#d99b610d}
.contact-delivery strong{color:#cce9b5;overflow-wrap:anywhere}
.contact-notice{min-height:20px;margin:0!important;color:#aabaae!important;font-size:12px!important;font-weight:750}
.contact-notice.success{color:#c9efaa!important}.contact-notice.error{color:#f1a398!important}
.contact-form .bot-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.legal-footer{display:flex;justify-content:center;gap:22px;padding:28px;border-top:1px solid #ffffff18;background:#050b10}
.legal-footer a{color:#b8cabd;font-size:11px}
@media(max-width:620px){.contact-grid{grid-template-columns:1fr}.contact-form{padding:20px}.legal-footer{flex-wrap:wrap}}

.compact-hero{min-height:620px}
.guide-body{min-height:100vh;background:#071018;color:#e7efe6}
.guide-main{width:min(860px,calc(100% - 44px));margin:0 auto;padding:74px 0 96px}
.guide-main>h1{max-width:800px;font-size:clamp(48px,7vw,78px);line-height:.95}
.guide-lead{max-width:760px;margin:25px 0 0;color:#d6e3d5;font-size:19px;line-height:1.7}
.guide-summary{display:grid;gap:8px;margin:34px 0;padding:22px 24px;border:1px solid #c6ec8660;border-radius:8px;background:#10251c}
.guide-summary strong{color:#dff5bf;font-size:16px}
.guide-summary span{color:#b9cabc;line-height:1.65}
.guide-main section{margin-top:48px;padding-top:4px}
.guide-main h2{margin:0 0 16px;color:#e7f2e3;font-size:clamp(27px,4vw,38px);letter-spacing:-.035em}
.guide-main h3{margin:0 0 9px;color:#e8f2e5;font-size:18px}
.guide-main p,.guide-main li{color:#b7c8ba;font-size:15px;line-height:1.75}
.guide-main ol,.guide-main ul{display:grid;gap:10px;padding-left:24px}
.guide-main strong{color:#e3efdf}
.guide-main a:not(.button){color:#c6ec86;text-decoration:underline;text-underline-offset:3px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.guide-grid article{padding:21px;border:1px solid #ffffff1f;border-radius:7px;background:#0c1b23}
.guide-grid p{margin:0}
.guide-callout{padding:14px 17px;border-left:3px solid #c6ec86;background:#ffffff08}
.guide-source{margin-top:65px!important;padding-top:22px;border-top:1px solid #ffffff1c;font-size:12px!important}

@media(max-width:900px){.mode-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.general-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero,.compact-hero{min-height:620px}.mode-filter>section{grid-template-columns:1fr}.mode-filter h3{margin-bottom:0}.guide-grid{grid-template-columns:1fr}.guide-main{width:min(100% - 32px,860px);padding:54px 0 72px}}
@media(max-width:560px){.mode-filter{padding:16px}.mode-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.general-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-filter-heading{align-items:flex-start;flex-direction:column}.wide-dialog{width:calc(100% - 16px);padding:24px}.legal-header{height:72px;padding:0 20px}.legal-main{width:min(100% - 32px,760px);padding:55px 0 70px}.legal-main h1{font-size:clamp(35px,10vw,43px)}.legal-footer{align-items:center;flex-direction:column;gap:12px}.guide-main>h1{font-size:43px}.guide-lead{font-size:17px}}

.dashboard-body{min-height:100vh;background:#071018;color:#e7efe6}
.dashboard-header{height:78px;max-width:none;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff18;background:#050c12}
.dashboard-header nav{display:flex;position:static;width:auto;padding:0;background:none;border:0;gap:18px}
.dashboard-header nav a,.dashboard-header nav button{border:0;background:none;color:#c9d7cb;font-size:12px;font-weight:750;opacity:1}
.dashboard-header nav button{padding:9px 12px;border:1px solid #ffffff25;border-radius:4px}
.dashboard-main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:68px 0 96px}
.dashboard-welcome{padding-bottom:44px;border-bottom:1px solid #ffffff18}
.dashboard-welcome h1{font-size:clamp(46px,6vw,72px)}
.dashboard-welcome>p:last-child{max-width:670px;margin:21px 0 0;color:#b8c8bb;line-height:1.65}
.dashboard-welcome strong{color:#dff4c6}
.dashboard-action-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
.dashboard-action-choices>button{display:grid;grid-template-columns:auto 1fr;gap:3px 15px;align-items:center;padding:22px;border:1px solid #ffffff22;border-radius:8px;background:linear-gradient(145deg,#10212a,#0a151d);color:#edf5ed;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0b,0 16px 40px #0003;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.dashboard-action-choices>button:hover,.dashboard-action-choices>button[aria-pressed="true"]{transform:translateY(-2px);border-color:#b8e47b88;background:linear-gradient(145deg,#173126,#0b1b1a)}
.dashboard-action-choices>button>span{display:grid;grid-row:1/3;place-items:center;width:43px;height:43px;border:1px solid #b8e47b77;border-radius:5px;background:#b8e47b14;color:#c9f18f;font:900 11px ui-monospace,monospace;box-shadow:3px 3px 0 #25432d}
.dashboard-action-choices strong{font-size:17px}.dashboard-action-choices small{color:#8fa095;font-size:10px;line-height:1.45}
.dashboard-action-choices>button:disabled{transform:none;border-color:#ffffff18;opacity:.48;cursor:not-allowed}
.dashboard-global-notice{margin-top:14px}.dashboard-global-notice:empty{display:none}
.account-delete-button{flex:none;padding:9px 12px;border:1px solid #e17b6b88;border-radius:4px;background:#351a1c;color:#ffc0b7;font-size:10px;font-weight:850;cursor:pointer}.account-delete-button:hover{border-color:#e17b6b;background:#4a2022}
.dashboard-layout{display:grid;min-width:0;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:28px;align-items:start;margin-top:34px}
.dashboard-layout.single-panel{grid-template-columns:minmax(0,960px);justify-content:center}
#serverFormCard[hidden],#serverListCard[hidden]{display:none!important}
.dashboard-form-card,.dashboard-listings{width:100%;min-width:0;max-width:100%;border:1px solid #ffffff19;border-radius:8px;background:#0d1921;padding:30px}
.dashboard-listings{position:sticky;top:22px}
.dashboard-section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px}
.dashboard-section-heading>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:5px;background:var(--moss-bright);color:#152118;font:850 11px ui-monospace,monospace}
.dashboard-section-heading h2{font-size:29px;letter-spacing:-.035em}
.dashboard-section-heading p{margin:7px 0 0;color:#93a598;font-size:12px;line-height:1.5}
.dashboard-form-card form{gap:23px;margin-top:18px}
.dashboard-form-card fieldset{display:grid;gap:15px;margin:0;padding:0;border:0}
.dashboard-form-card fieldset>legend{width:100%;margin-bottom:13px;padding-bottom:9px;border-bottom:1px solid #ffffff1a;color:#dce9dd;font-size:13px;font-weight:850}
.dashboard-form-card label{color:#d9e5da}
.dashboard-form-card label small{color:#91a096}
.dashboard-form-card input,.dashboard-form-card select,.dashboard-form-card textarea{border-color:#ffffff26;background:#071219;color:#e8f0e8}
.dashboard-form-card input::placeholder,.dashboard-form-card textarea::placeholder{color:#677970}
.dashboard-form-card textarea{min-height:126px}
.banner-file-field input[type="file"]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.banner-choose-title{display:block;padding:13px 15px;border:2px solid #a8d56b;border-radius:5px;background:#1b3425;color:#dfffb7;font-size:20px;font-weight:950;letter-spacing:.08em;text-align:center;cursor:pointer}
.banner-file-field:focus-within .banner-choose-title{outline:3px solid #a8d56b38;outline-offset:3px}
.banner-file-rules{display:flex;gap:8px 14px;flex-wrap:wrap;padding:11px 12px;border:1px solid #ffffff1b;border-radius:4px;background:#071219;color:#9db0a1;font-size:10px;line-height:1.4}
.banner-file-rules strong{color:#d7e8d2}.banner-file-rules span{padding-left:14px;border-left:1px solid #ffffff24}
.banner-file-preview{display:grid;gap:9px;justify-items:start;padding:12px;border:1px solid #a8d56b66;border-radius:5px;background:#071219}
.banner-file-preview img,.owner-server-banner{display:block;width:100%;height:auto;aspect-ratio:468/60;border-radius:3px;object-fit:cover;background:#050b10}
.banner-file-preview button{padding:6px 9px;border:1px solid #ffffff2b;border-radius:3px;background:transparent;color:#c6d5c9;font-size:10px;font-weight:800;cursor:pointer}
.banner-file-status{min-height:14px;margin:0;color:#91a096;font-size:10px}.banner-file-status.success{color:#bfe895}.banner-file-status.error{color:#f1a398}
.form-grid{display:grid;gap:14px}
.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.full-width{grid-column:1/-1}
.dashboard-form-card .mode-picker>p{color:#91a096}
.dashboard-form-card .mode-picker>div{gap:7px}
.dashboard-form-card [hidden]{display:none!important}
.description-length{display:block;margin-top:7px;color:#d99376;font-size:10px;font-weight:800;letter-spacing:.03em}
.description-length.complete{color:#a8d56b}
.dashboard-form-card .mode-picker label{border-color:#ffffff24;background:#071219;color:#c8d7ca}
.dashboard-form-card .mode-picker label:has(input:checked){border-color:#a8d56b;background:#1b3425;color:#ecf7e5}
.dashboard-form-card .agreement{border-color:#ffffff24;background:#071219;color:#cad8cc}
.votifier-enable span{display:grid;gap:4px}
.votifier-enable strong{color:#e6f2e3;font-size:13px}
.votifier-enable small{line-height:1.45}
.dashboard-form-card .votifier-settings{position:relative;overflow:hidden;background:linear-gradient(145deg,#10271d,#09171c 68%);box-shadow:inset 0 0 0 2px #a8d56b70,0 14px 34px #0004}
.dashboard-form-card .votifier-settings:before{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#a8d56b,#dfffb7,#65b58a);content:""}
.dashboard-form-card .votifier-settings>legend{border-bottom-color:#a8d56b55;padding-top:4px}
.votifier-title{color:#e9ffd1;font-size:24px;font-weight:1000;line-height:1;letter-spacing:.08em;text-shadow:0 0 18px #a8d56b35}
.votifier-legend-icon{width:38px;height:38px;border-color:#c4ed8c;background:#a8d56b;color:#102017;font-size:16px;box-shadow:3px 3px 0 #315333}
.votifier-explainer{display:grid;gap:5px;padding:15px 16px;border:1px solid #a8d56b55;border-radius:6px;background:#a8d56b0d}.votifier-explainer strong{color:#e9fbdc;font-size:14px}.votifier-explainer p{margin:0;color:#b2c6b5;font-size:11px;line-height:1.55}
.votifier-settings .form-grid{margin-top:3px;padding:15px;border:1px solid #ffffff20;border-radius:6px;background:#061218;transition:opacity .16s,border-color .16s}
.votifier-settings .form-grid.is-disabled{border-color:#ffffff12;opacity:.48}
.votifier-credential-field textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px!important;overflow-wrap:anywhere}
.votifier-credential-saved{display:block;margin-top:8px;padding:8px 10px;border-left:3px solid #a8d56b;background:#a8d56b0c;color:#bcd4bd;font-size:10px;font-weight:750;line-height:1.45}
.votifier-setup-steps{display:grid;gap:7px;margin:0;padding:13px 14px 13px 34px;border:1px solid #ffffff1a;border-radius:5px;background:#071219;color:#aabaae;font-size:11px;line-height:1.5}.votifier-setup-steps strong,.votifier-setup-steps code{color:#dff4c6}.votifier-setup-steps code{font-weight:850;user-select:all}
.votifier-test-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #a8d56b80;border-radius:6px;background:linear-gradient(135deg,#1a3825,#10241c);box-shadow:inset 0 1px #ffffff0d}.votifier-test-action>div{display:grid;gap:5px}.votifier-test-action strong{color:#e9ffd1;font-size:13px}.votifier-test-action small{max-width:620px;color:#abc1ae;font-size:10px;line-height:1.5}.votifier-test-action .button{flex:none;min-width:170px;box-shadow:0 8px 20px #0003}.votifier-test-action .button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.ownership-required{margin:0;padding:12px 14px;border-left:3px solid #e35f55;background:#e35f5512;color:#f0aaa3;font-size:11px;line-height:1.55}.ownership-required strong{display:block;margin-bottom:3px;color:#ffc1ba}
.security-note{margin:0;padding:12px 14px;border-left:3px solid var(--moss-bright);background:#c6ec860c;color:#9eafa2;font-size:11px;line-height:1.55}
.security-note strong{color:#cfe8b4}
@media(max-width:640px){.votifier-test-action{align-items:stretch;flex-direction:column}.votifier-test-action .button{width:100%}}
.minecraft-verification{padding:18px!important;border:1px solid #a8d56b55!important;border-radius:6px!important;background:#071219}
.verification-intro{margin:0;color:#d5e4d6;font-size:13px;line-height:1.55}
.verification-steps{display:grid;gap:8px;margin:0;padding-left:20px;color:#93a598;font-size:11px;line-height:1.55}
.verification-steps strong{color:#dce9dd}
.minecraft-verification>.button{justify-self:start}
.server-claim-panel{display:grid;gap:11px;padding:14px;border:1px solid #ffffff20;border-radius:5px;background:#0d1921}
.server-claim-panel>p{margin:0;color:#a9b9ac;font-size:11px;line-height:1.5}
.server-claim-panel .server-claim-help{padding:11px 12px;border-left:3px solid #a8d56b;background:#a8d56b0c;color:#c6d5c8}
.server-claim-panel .server-claim-help strong,.server-claim-panel .server-claim-after strong,.server-claim-panel .server-claim-example strong{color:#e0eddc}
.server-claim-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.server-claim-code code{padding:11px 14px;border:1px solid #a8d56b;background:#101d17;color:#dfffb7;font:900 18px ui-monospace,monospace;letter-spacing:.08em;user-select:all;cursor:text;outline:none}
.server-claim-code code:focus{border-color:#dfffb7;box-shadow:0 0 0 3px #a8d56b20}
.server-claim-code button{padding:9px 12px;border:1px solid #ffffff30;border-radius:4px;background:#18252d;color:#e2ece3;font-weight:800;cursor:pointer}
.server-claim-panel .server-claim-example code{color:#dfffb7;font-weight:900;user-select:all}
.server-claim-panel .server-claim-after{color:#90a395}
.minecraft-status{display:grid;gap:5px;padding:12px;border-left:3px solid #7d8d82;background:#ffffff08;color:#9fb1a3;font-size:11px;line-height:1.5}
.minecraft-status:has(.online){border-left-color:#9fd06c}.minecraft-status:has(.offline){border-left-color:#e17b6b;color:#edaaa0}
.minecraft-status strong{color:#dce8dd}.minecraft-state{font-weight:900;text-transform:uppercase;letter-spacing:.06em}.minecraft-state.online{color:#bfe891}.minecraft-state.offline{color:#ef9b8d}.minecraft-state.unknown{color:#aebbb1}
.minecraft-status small{display:block;color:#87998c}
.dashboard-text-button,.dashboard-list-heading>button,.dashboard-claim-card .dashboard-section-heading>button{justify-self:start;padding:8px 11px;border:1px solid #ffffff2d;border-radius:4px;background:#12222b;color:#d6e4d8;font-size:10px;font-weight:850;cursor:pointer}.dashboard-text-button{margin:-7px 0 12px}.dashboard-list-heading{align-items:center;flex-wrap:wrap}.dashboard-list-heading>div{flex:1;min-width:190px}.dashboard-list-heading>button:disabled{opacity:.4;cursor:not-allowed}
.dashboard-submit{justify-self:start}
.owner-server-list{display:grid;gap:13px}
.dashboard-empty{display:grid;gap:7px;padding:22px;border:1px dashed #ffffff2a;border-radius:6px;color:#91a296;font-size:12px;line-height:1.5}
.dashboard-empty strong{color:#dbe8dc;font-size:14px}
.owner-server-card{display:grid;gap:15px;padding:19px;border:1px solid #ffffff1c;border-radius:6px;background:#071219}
.owner-server-card h3{margin:7px 0 4px;font-size:18px}
.owner-server-card code{color:#a9bea9;font-size:11px;overflow-wrap:anywhere}
.review-status{display:inline-block;padding:4px 7px;border-radius:3px;background:#ffffff14;color:#cbd8cd;font:800 9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.status-pending{background:#f2c05a1c;color:#f1cd7c}
.status-approved{background:#9bce6c22;color:#c9ed9f}
.status-rejected{background:#d86b5d22;color:#efa095}
.owner-server-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0}
.owner-server-card dl div{display:grid;gap:3px}
.owner-server-card dt{color:#72857a;font:750 9px ui-monospace,monospace;text-transform:uppercase}
.owner-server-card dd{margin:0;color:#c9d7cb;font-size:11px}
.ownership-status{display:grid;gap:3px;padding:10px 11px;border-left:3px solid #df9c56;background:#df9c560d;font-size:10px}.ownership-status strong{color:#f0c38c;text-transform:uppercase;letter-spacing:.05em}.ownership-status span{color:#9eada2}.ownership-status.verified{border-left-color:#9fd06c;background:#9fd06c0d}.ownership-status.verified strong{color:#c9ed9f}
.owner-server-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}.owner-server-actions button{display:grid;gap:2px;padding:9px 11px;border:1px solid #ffffff2d;border-radius:4px;background:#14242d;color:#dce8de;font-size:10px;font-weight:850;text-align:left;cursor:pointer}.owner-server-actions .test-votifier-button{border-color:#a8d56b88;background:#1b3425;color:#dfffb7}.owner-server-actions .delete-server-button{border-color:#e17b6b70;background:#351a1c;color:#ffc0b7}.owner-server-actions .delete-server-button:hover{border-color:#e17b6b;background:#4a2022}.owner-server-actions button small{color:#9fb2a3;font-size:8px;font-weight:700}
.server-delete-dialog form{display:grid;gap:18px}.server-delete-dialog h2{margin:0;color:#142219}.server-delete-dialog p{margin:0;color:#627067;font-size:13px;line-height:1.55}.server-delete-dialog p strong{color:#1d2c22}.server-delete-dialog label{display:grid;gap:7px;color:#26382c;font-size:11px;font-weight:850}.server-delete-dialog input{width:100%;border:1px solid #aab6ad;border-radius:4px;background:#fff;color:#142219}.server-delete-dialog .dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.server-delete-dialog .button.danger{border-color:#993e35;background:#6e2824;color:#fff}.server-delete-dialog .button.danger:disabled{opacity:.42;cursor:not-allowed}.server-delete-dialog .notice{color:#a43930}.server-delete-dialog .notice:empty{display:none}
.account-delete-dialog{width:min(560px,calc(100% - 28px))}.account-delete-dialog .account-delete-warning{padding:13px 14px;border-left:4px solid #b5473d;border-radius:3px;background:#f9e6e2;color:#71352f}.account-delete-dialog .account-delete-warning strong{display:block;margin-bottom:4px;color:#772e28}.account-delete-dialog .account-delete-reuse{padding:10px 12px;border:1px solid #cbd8c3;border-radius:4px;background:#edf4e8;color:#435347;font-size:11px}.account-delete-dialog .account-delete-acknowledgement{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;padding:11px;border:1px solid #d1b1ab;border-radius:4px;background:#fff7f5}.account-delete-dialog .account-delete-acknowledgement input{width:17px;height:17px;margin:1px 0 0;padding:0;accent-color:#8c342e}.account-delete-dialog .account-delete-acknowledgement span{font-size:11px;line-height:1.45}.account-delete-dialog input:disabled,.account-delete-dialog button:disabled{opacity:.58}
.account-delete-progress{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:11px;padding:12px 13px;border:1px solid #8eb968;border-radius:5px;background:#edf6e8;color:#29452d;box-shadow:inset 0 1px #fff}.account-delete-progress[hidden]{display:none!important}.account-delete-progress strong,.account-delete-progress small{display:block}.account-delete-progress strong{font-size:12px;line-height:1.3}.account-delete-progress small{margin-top:3px;color:#56705a;font-size:10px;line-height:1.45}.account-delete-spinner{display:grid;place-items:center;width:24px;height:24px;border:3px solid #a8c993;border-top-color:#426f35;border-radius:50%;animation:account-delete-spin .8s linear infinite}.account-delete-progress.is-complete{border-color:#6f9e51;background:#e5f3da}.account-delete-progress.is-complete .account-delete-spinner{border:0;background:#5f8f43;color:#fff;animation:none}.account-delete-progress.is-complete .account-delete-spinner:before{content:"✓";font:900 14px/1 ui-monospace,monospace}.account-delete-dialog .notice.is-progress{color:#516f49}.account-delete-dialog .notice.is-success{color:#3f7135}.account-delete-dialog[aria-busy="true"] .dialog-actions .danger{cursor:wait}
@keyframes account-delete-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.account-delete-spinner{animation-duration:1.8s}}
.votifier-test-dialog{width:min(520px,calc(100vw - 28px))}.votifier-test-dialog label small{color:#728076;font-weight:600}.votifier-test-dialog .notice{min-height:20px}
.dashboard-claim-card{width:min(820px,100%);margin:28px auto 0;padding:30px;border:1px solid #a8d56b55;border-radius:8px;background:#0d1921}.dashboard-claim-card>.button{margin:16px 0}.dashboard-claim-card .server-claim-panel{margin-top:14px}.dashboard-claim-card .dashboard-section-heading>div{flex:1}
.edit-ownership-proof{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:15px 16px;border:1px solid #a8d56b66;border-radius:6px;background:#102419}.edit-ownership-proof>div{display:grid;gap:4px}.edit-ownership-proof strong{color:#dff4c6;font-size:13px}.edit-ownership-proof span{color:#a8b9aa;font-size:10px;line-height:1.45}.edit-ownership-proof .button{flex:none}
.delivery-status{margin:0;padding-top:12px;border-top:1px solid #ffffff14;color:#7f9286;font-size:10px}
.delivery-ok{color:#a9d47f}.delivery-failed{color:#e89d8f}
.dashboard-footer{display:flex;gap:20px;justify-content:center;padding:26px;border-top:1px solid #ffffff17;background:#050b10;color:#93a697;font-size:11px}
.dashboard-footer span{margin-left:14px}
.admin-main{width:min(1420px,calc(100% - 48px))}
.admin-layout{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}
.admin-listings{position:static;max-height:1100px;overflow:auto}
.admin-delete-button{justify-self:start;padding:9px 12px;border:1px solid #e17b6b88;border-radius:4px;background:#421b1b;color:#ffc0b7;font-size:10px;font-weight:850;cursor:pointer}
.admin-delete-button:hover{background:#5a2222;border-color:#e17b6b}
.admin-server-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-edit-button,.admin-cancel-edit{padding:9px 12px;border:1px solid #a8d56b77;border-radius:4px;background:#173120;color:#daf2bd;font-size:10px;font-weight:850;cursor:pointer}
.admin-edit-button:hover,.admin-cancel-edit:hover{border-color:#a8d56b;background:#21452b}
.admin-cancel-edit{justify-self:start;margin-top:-12px}
.admin-audit-card{margin-top:28px;padding:30px;border:1px solid #ffffff19;border-radius:8px;background:#0d1921}
.admin-audit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-audit-entry{display:grid;gap:5px;padding:14px;border:1px solid #ffffff18;border-radius:5px;background:#071219}
.admin-audit-entry strong{color:#cfe8b4;font:850 10px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.admin-audit-entry span{color:#d5e1d7;font-size:12px;overflow-wrap:anywhere}
.admin-audit-entry small{color:#7f9185;font-size:10px}
.admin-console-privacy{margin-bottom:18px}.admin-console-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.admin-console-summary div,.admin-console-event-meta div{min-width:0;padding:9px;border:1px solid #ffffff18;background:#071219}.admin-console-summary span{display:block;color:#dff5c8;font:900 23px ui-monospace}.admin-console-summary small,.admin-console-event-meta dt{color:#83958a;font:800 10px ui-monospace;text-transform:uppercase}
.admin-console-toolbar{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:10px}.admin-console-toolbar label{display:grid;gap:5px;color:#94a79a;font-size:10px;font-weight:800}.admin-console-toolbar select,.admin-console-toolbar input,.admin-console-button{min-height:44px;padding:9px;border:1px solid #9dcc6f77;border-radius:4px;background:#071219;color:#e1ece3}.admin-console-toolbar input{width:100%;font:750 11px ui-monospace,monospace;text-transform:uppercase}.admin-console-button{background:#173120;font-size:10px;font-weight:850;cursor:pointer}.admin-console-button:disabled{opacity:.5}.admin-console-button:focus-visible,.admin-console-toolbar select:focus-visible,.admin-console-toolbar input:focus-visible{outline:3px solid #d0f69f}
.admin-console-status{min-height:18px;margin:9px 0;color:#8fa397;font-size:10px}.admin-console-status.is-error{color:#f0aa9e}.admin-console-list{display:grid;gap:9px}.admin-console-list[aria-busy="true"]{opacity:.68}
.admin-console-event{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid #ffffff18;border-left:4px solid #7e9285;background:#071219}.admin-console-event.outcome-failure{border-left-color:#e17b6b}.admin-console-event.outcome-pending,.admin-console-event.outcome-unconfirmed{border-left-color:#e2bf62}.admin-console-event.outcome-success,.admin-console-event.outcome-acknowledged{border-left-color:#8fc45f}.admin-console-event-heading{display:flex;justify-content:space-between;gap:12px}.admin-console-event-heading>div{min-width:0}.admin-console-event h3{margin:5px 0 0;color:#edf5e9;font-size:15px;overflow-wrap:anywhere}.admin-console-event time{font-size:10px}.admin-console-outcome{padding:3px 6px;border:1px solid #ffffff2b;color:#d8e3da;font:800 10px ui-monospace;text-transform:uppercase}.admin-console-event-summary{margin:0;color:#bac9bd;font-size:12px}
.admin-console-event-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0}.admin-console-event-meta dd{margin:3px 0 0;color:#d1ded3;font:700 10px ui-monospace;overflow-wrap:anywhere}.admin-console-load{margin-top:10px}
.admin-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-claim-list{display:grid;gap:12px}.admin-claim-entry{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.6fr) auto;align-items:center;gap:18px;padding:17px;border:1px solid #ffffff18;border-radius:5px;background:#071219}.admin-claim-entry.is-pending{border-color:#e9c76d66;background:#17180f}.admin-claim-heading{display:grid;gap:5px;min-width:0}.admin-claim-heading h3{margin:0;color:#edf5e9;font-size:17px;overflow-wrap:anywhere}.admin-claim-heading small,.admin-claim-reviewed{color:#839489;font-size:10px}.admin-claim-entry dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.admin-claim-entry dl div{display:grid;gap:3px;min-width:0}.admin-claim-entry dt{color:#788a7e;font:800 8px ui-monospace,monospace;text-transform:uppercase}.admin-claim-entry dd{margin:0;color:#d0ddd2;font-size:11px;overflow-wrap:anywhere}.admin-claim-entry>p{grid-column:1/-1;margin:0;color:#d9c5a1;font-size:11px}.admin-claim-actions{display:grid;gap:8px}.admin-approve-button,.admin-reject-button{padding:10px 12px;border:1px solid #9dcc6f88;border-radius:4px;background:#173120;color:#dfffb7;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.admin-reject-button{border-color:#e17b6b88;background:#421b1b;color:#ffc0b7}.admin-approve-button:disabled,.admin-reject-button:disabled{opacity:.5;cursor:wait}
.admin-account-entry{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid #ffffff18;border-radius:5px;background:#071219}
.admin-account-entry.is-blocked{border-color:#e17b6b55;background:#231416}
.admin-account-identity{display:grid;gap:5px;min-width:0}.admin-account-identity strong{overflow:hidden;color:#edf5e9;font-size:15px;text-overflow:ellipsis}.admin-account-identity a{overflow:hidden;color:#9eb0a2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.admin-account-state{justify-self:start;padding:4px 7px;border:1px solid #8fbe6266;border-radius:2px;background:#8fbe6214;color:#cdebaf;font:850 8px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.admin-account-state.blocked{border-color:#e17b6b88;background:#e17b6b12;color:#ffb6aa}
.admin-account-entry dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.admin-account-entry dl div{display:grid;gap:2px}.admin-account-entry dt{color:#72857a;font:750 8px ui-monospace,monospace;text-transform:uppercase}.admin-account-entry dd{margin:0;color:#c9d7cb;font-size:10px}
.admin-account-entry>p{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid #ffffff12;color:#d0bebc;font-size:11px}.admin-account-entry>p strong{color:#f3aaa0}
.admin-block-button,.admin-unblock-button{padding:9px 11px;border:1px solid #e17b6b88;border-radius:4px;background:#421b1b;color:#ffc0b7;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}.admin-unblock-button{border-color:#a8d56b77;background:#173120;color:#daf2bd}.admin-block-button:hover{background:#5a2222}.admin-unblock-button:hover{background:#21452b}
.admin-account-actions{display:grid;gap:7px;justify-items:stretch}.admin-account-actions .admin-delete-button{width:100%;white-space:nowrap}
.admin-protected-account{color:#91a096;font:800 8px ui-monospace,monospace;text-align:right;text-transform:uppercase}
@media(max-width:900px){.dashboard-layout{grid-template-columns:1fr}.dashboard-listings{position:static}.dashboard-header{padding:0 24px}}
@media(max-width:1100px){.admin-account-list{grid-template-columns:1fr}.admin-claim-entry{grid-template-columns:1fr 1.4fr}.admin-claim-actions{grid-column:1/-1;display:flex;flex-wrap:wrap}.admin-console-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-console-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-console-toolbar .admin-console-button{grid-column:1/-1}.admin-console-event-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-header{height:auto;min-height:78px;flex-wrap:wrap;gap:9px;padding-top:13px;padding-bottom:13px}.dashboard-header nav{display:flex;position:static;width:auto;margin-left:auto;padding:0;background:none;border:0;gap:9px}.dashboard-header nav a:not(.mobile-visible-nav){display:none}.dashboard-header nav a.mobile-visible-nav{display:inline-flex;align-items:center}.dashboard-main{width:min(100% - 28px,1240px);padding:45px 0 70px}.dashboard-action-choices{grid-template-columns:1fr}.dashboard-form-card,.dashboard-listings,.admin-audit-card{padding:21px}.two-columns,.admin-audit-list,.admin-account-list{grid-template-columns:1fr}.admin-account-entry,.admin-claim-entry{grid-template-columns:1fr}.admin-account-entry>p,.admin-claim-entry>p,.admin-claim-actions{grid-column:auto}.admin-protected-account{text-align:left}.full-width{grid-column:auto}.edit-ownership-proof{align-items:stretch;flex-direction:column}.edit-ownership-proof .button{width:100%;justify-content:center}.admin-console-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-footer{flex-wrap:wrap}.dashboard-footer span{width:100%;margin:0;text-align:center}}
@media(max-width:600px){.admin-console-toolbar{grid-template-columns:1fr}.admin-console-toolbar .admin-console-button{grid-column:auto}.admin-console-event-heading{align-items:stretch;flex-direction:column}.admin-console-event time{text-align:left}.admin-console-event-meta{grid-template-columns:1fr}.admin-console-summary{grid-template-columns:1fr 1fr}.admin-console-button{width:100%}}
@media(max-width:430px){.dashboard-header{justify-content:center}.dashboard-header nav{width:100%;justify-content:center;margin-left:0}.account-delete-button{width:100%}.account-delete-dialog{padding:24px 18px}.account-delete-dialog .dialog-actions{display:grid;grid-template-columns:1fr}.account-delete-dialog .button{width:100%}}

.account-settings-main{width:min(960px,calc(100% - 48px));min-height:calc(100vh - 78px - 70px);margin:0 auto;padding:68px 0 96px}
.account-settings-welcome{padding-bottom:35px;border-bottom:1px solid #ffffff18}.account-settings-welcome h1{font-size:clamp(45px,7vw,72px)}.account-settings-welcome>p:last-child{max-width:690px;margin:21px 0 0;color:#b8c8bb;font-size:15px;line-height:1.7}.account-settings-welcome strong{color:#dff4c6}
.account-settings-notice{margin:16px 0 0}.account-settings-notice:empty{display:none}
.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.account-settings-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:15px;padding:24px;border:1px solid #ffffff1f;border-radius:8px;background:linear-gradient(145deg,#102029,#0b171e);box-shadow:inset 0 1px #ffffff09,0 18px 40px #0002}
.account-settings-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8e47b66;border-radius:6px;background:#b8e47b12;color:#c9f18f;font:900 17px/1 ui-monospace,monospace;box-shadow:3px 3px 0 #25432d}
.account-settings-label{margin:0 0 7px;color:#9fc97a;font:850 9px/1.3 ui-monospace,monospace;letter-spacing:.11em}
.account-settings-card h2,.account-settings-danger h2{color:#eef5eb;font-size:25px;letter-spacing:-.035em;line-height:1.05}.account-settings-card>div>p:not(.account-settings-label),.account-settings-danger p,.account-settings-protected p{margin:13px 0 0;color:#9faf9f;font-size:12px;line-height:1.65}
.account-settings-card dl{display:grid;gap:8px;margin:18px 0 0}.account-settings-card dl div{display:flex;justify-content:space-between;gap:14px;padding-top:9px;border-top:1px solid #ffffff13}.account-settings-card dt{color:#778b7c;font:800 8px ui-monospace,monospace;text-transform:uppercase}.account-settings-card dd{margin:0;color:#dbe9d7;font-size:11px;font-weight:850;overflow-wrap:anywhere;text-align:right}
.account-settings-action{display:inline-flex;margin-top:18px;padding:11px 13px}.account-settings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.account-settings-actions .account-settings-action{margin-top:0}.account-settings-help-link{color:#c8e8a7;font-size:11px;font-weight:850;text-underline-offset:3px}.directory-empty button{width:max-content;max-width:100%;min-height:40px;margin:16px auto 0;padding:8px 12px;border:1px solid #a8d56b;border-radius:4px;background:#183321;color:#e1f6c7;font-weight:900;cursor:pointer}
.account-settings-danger{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:24px;border:1px solid #e17b6b55;border-radius:8px;background:linear-gradient(145deg,#251619,#12171c);box-shadow:inset 0 1px #ffffff09}.account-settings-danger[hidden]{display:none!important}.account-settings-danger-copy{max-width:680px}.account-settings-danger .account-settings-label{color:#e69b8e}.account-settings-danger .account-delete-button{min-height:42px;padding:10px 15px;font-size:11px}
.account-settings-protected{margin-top:38px;padding:20px 22px;border:1px solid #a8d56b55;border-left:4px solid #a8d56b;border-radius:7px;background:#15261c}.account-settings-protected[hidden]{display:none!important}.account-settings-protected strong{color:#e5f5d8;font-size:14px}
@media(max-width:760px){.account-settings-main{width:min(100% - 28px,960px);padding:45px 0 70px}.account-settings-grid{grid-template-columns:1fr}.account-settings-danger{align-items:stretch;flex-direction:column}.account-settings-danger .account-delete-button{width:100%}}
@media(max-width:390px){.account-settings-card{grid-template-columns:1fr;padding:19px}.account-settings-icon{width:38px;height:38px}.account-settings-welcome h1{font-size:41px}}

.server-capacity-status{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:14px;padding:16px 18px;border:1px solid #a8d56b4a;border-radius:8px;background:linear-gradient(110deg,#10241b,#0a171d);box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0002}
.server-capacity-copy{display:flex;align-items:center;gap:13px;min-width:0}.server-capacity-copy>div{display:grid;gap:3px;min-width:0}.server-capacity-copy small{color:#86a276;font:900 8px/1.2 ui-monospace,monospace;letter-spacing:.11em}.server-capacity-copy strong{color:#ebf5e8;font-size:14px}.server-capacity-copy p{margin:0;color:#9fb0a2;font-size:11px;line-height:1.5}.server-capacity-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #a8d56b66;border-radius:5px;background:#a8d56b12;color:#c9f18f;font-size:14px;box-shadow:3px 3px 0 #25432d}
.server-capacity-actions{display:flex;align-items:center;gap:13px;flex:none}.server-capacity-meter{display:flex;gap:5px;padding:7px;border:1px solid #ffffff1c;border-radius:4px;background:#061016}.server-capacity-meter i{display:block;width:28px;height:8px;border-radius:2px;background:#ffffff16}.server-capacity-meter i.is-used{background:#a8d56b;box-shadow:0 0 9px #a8d56b40}.server-capacity-actions button{min-height:38px;padding:8px 11px;border:1px solid #a8d56b66;border-radius:4px;background:#1b3425;color:#e2f7c8;font-size:10px;font-weight:900;cursor:pointer}
.server-capacity-status.is-full{border-color:#e8b86666;background:linear-gradient(110deg,#2a2116,#11191d)}.server-capacity-status.is-full .server-capacity-icon{border-color:#e8b86677;background:#e8b86614;color:#f3ce85;box-shadow:3px 3px 0 #4b3822}.server-capacity-status.is-full .server-capacity-copy small{color:#d5ab65}.server-capacity-status.is-full .server-capacity-meter i.is-used{background:#e8b866;box-shadow:0 0 9px #e8b8663d}
.server-capacity-status.is-locked{border-color:#e17b6b66;background:linear-gradient(110deg,#2b1919,#11181d)}.server-capacity-status.is-locked .server-capacity-icon{border-color:#e17b6b77;background:#e17b6b14;color:#ffc0b7;box-shadow:3px 3px 0 #4b2525}.server-capacity-status.is-locked .server-capacity-copy small{color:#e09284}.server-capacity-status.is-loading{opacity:.72}
#chooseAddServer:disabled{transform:none;opacity:1;cursor:not-allowed;border-color:#e8b86650;background:linear-gradient(145deg,#231e19,#0c161c)}#chooseAddServer:disabled>span{border-color:#e8b86666;background:#e8b86610;color:#eec77d;box-shadow:3px 3px 0 #46341e}#chooseAddServer:disabled small{color:#b6a681}.server-limit-notice{border-left-color:#e8b866;background:#e8b8660c}.server-limit-notice strong{color:#f0cb84}
.server-type-options.is-collapsed label:nth-child(n+9){display:none}.server-type-toggle{justify-self:start;padding:8px 11px;border:1px solid #a8d56b66;border-radius:4px;background:#13271b;color:#d8f3b7;font-size:10px;font-weight:900;cursor:pointer}.server-type-toggle span{margin-left:6px;font-size:13px}.server-type-toggle:hover{border-color:#a8d56b;background:#1b3425}
.dashboard-submit[aria-busy="true"]{cursor:wait;opacity:.78}
@media(max-width:760px){.server-capacity-status{align-items:stretch;flex-direction:column;gap:14px;padding:15px}.server-capacity-actions{justify-content:space-between}.server-capacity-actions button{flex:1}.server-capacity-copy p{font-size:12px}.server-type-toggle{width:100%;min-height:40px}}

.server-card .mode-tags span{padding:3px 5px;font-size:9px}.server-summary-link{min-height:40px;padding:9px 7px;font-size:10px}.server-card .server-performance small,.directory-player-total small{font-size:9px}.server-vote-button{min-height:40px;padding:7px 5px;font-size:10px}.server-card .copy-server-ip{min-height:38px;font-size:9px}
@media(max-width:430px){.server-card .tag{font-size:9px}.server-card .mode-tags span{font-size:9px}.server-summary-link{min-width:82px;min-height:40px;font-size:10px}.server-card .server-performance small{font-size:9px}.server-vote-button{min-height:40px;font-size:10px}}

.legal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 38px;padding:0;list-style:none}.legal-summary li{display:grid;gap:5px;padding:15px;border:1px solid #ffffff1d;border-radius:6px;background:#0b1920}.legal-summary strong{color:#dff3ca;font-size:12px}.legal-summary span{color:#9eafa3;font-size:11px;line-height:1.55}.legal-list{display:grid;gap:8px;margin:12px 0 0;padding-left:20px}.legal-list li{color:#b5c5b8;font-size:14px;line-height:1.65}.legal-main h2[id]{scroll-margin-top:20px}
@media(max-width:680px){.legal-summary{grid-template-columns:1fr;margin-top:22px}.legal-summary li{padding:14px}.legal-list li{font-size:13px}}

.servers{position:relative;overflow:hidden}
.servers:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 0,#bde98212 0,transparent 38%)}
.servers>*{position:relative}
.directory-controls{margin-bottom:24px;padding:20px;border:1px solid #ffffff1e;border-radius:9px;background:linear-gradient(145deg,#0f2029f5,#09151df5);box-shadow:inset 0 1px #ffffff0a,0 20px 50px #0003}
.directory-editions{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:18px;border-bottom:1px solid #ffffff15}
.directory-control-label{display:flex;align-items:center;gap:12px;min-width:0}
.directory-control-label>b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #c6ec8680;border-radius:4px;background:#c6ec8614;color:#c6ec86;font:900 10px ui-monospace,monospace;box-shadow:3px 3px 0 #28462d}
.directory-control-label p{display:grid;gap:3px;margin:0}
.directory-control-label strong{color:#e7f0e7;font:850 10px ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.directory-control-label small{color:#809387;font-size:9px;line-height:1.35}
.directory-controls .filters{justify-content:flex-end}
.directory-controls .filters button{background:#0a171f}
.directory-controls .filters button.active{background:var(--moss-bright)}
.directory-controls .mode-filter{gap:16px;margin:0;padding:18px 0;border-top:0;border-bottom:1px solid #ffffff15}
.directory-controls .mode-filter-heading{align-items:center}
.directory-controls .mode-filter-heading>button{padding:8px 11px}
.directory-controls .mode-filter h3{padding-top:7px;color:#75897c}
.directory-controls .discover-bar{margin:18px 0 0;border-color:#c6ec8635;background:#071219;box-shadow:inset 0 0 0 1px #0005}
.directory-controls .discover-bar:focus-within{border-color:#c6ec86;box-shadow:0 0 0 3px #c6ec8614}
.directory-controls .discover-bar label{color:#99b985;font-weight:800}
.directory-controls .discover-bar button{background:#213d29}

@media(max-width:760px){
.directory-controls{padding:15px}
.directory-editions{display:grid;gap:17px}
.directory-controls .filters{justify-content:flex-start;margin:0;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}
.directory-controls .mode-filter{display:grid;margin:0;padding:17px 0}
.directory-controls .mode-filter-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;overflow:visible;padding:0}
.directory-controls .mode-filter-heading .directory-control-label{white-space:normal}
.directory-controls .mode-filter>section{grid-template-columns:1fr;gap:8px}
.directory-controls .mode-filter-grid{display:flex!important;max-width:100%;flex-wrap:nowrap!important;overflow:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 0 7px;scrollbar-width:thin;scrollbar-color:#547a45 #071219}
.directory-controls .mode-filter-grid button{flex:0 0 96px!important;min-width:96px;scroll-snap-align:start}
.directory-controls .discover-bar{margin-top:15px}
.directory-controls .discover-bar label{max-width:calc(100% - 94px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.hero{min-height:720px;overflow:hidden;background-image:linear-gradient(90deg,#04100bed 0%,#07170fcc 43%,#07160c66 72%,#07160c3d),linear-gradient(180deg,#16371445,#07101a59),url('/voxel-twilight-hero-v1.webp');background-position:center;background-size:cover}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 30%,#c9f48a18 0,#90c96b08 30%,transparent 58%),linear-gradient(180deg,#020b0705 0%,transparent 58%,#020b071f 100%);mix-blend-mode:normal}
.hero header{position:relative;z-index:2}
.hero-content{padding-top:76px}
.hero-directory-kicker{width:max-content;padding:7px 10px;border:1px solid #b9ef7d55;background:#07150dc7;box-shadow:4px 4px 0 #18361c;color:#d2f1ad}
.hero-server-logo{display:grid;justify-items:start;width:max-content;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:1000;line-height:.74;letter-spacing:-.085em;text-transform:uppercase;filter:drop-shadow(0 18px 28px #000b)}
.hero-server-logo span,.hero-server-logo strong{position:relative;z-index:0;display:block;width:max-content;max-width:100%;font:inherit}
.hero-server-logo span{color:#f3f4ed;font-size:clamp(48px,7vw,91px);-webkit-text-stroke:1px #f7f8ef;text-shadow:0 3px 0 #a8afa7,0 7px 0 #59645d,0 11px 0 #1a241e}
.hero-server-logo strong{margin-top:16px;color:#baf05e;font-size:clamp(64px,9.4vw,122px);-webkit-text-stroke:1px #d9ff8d;text-shadow:0 3px 0 #85b83f,0 8px 0 #3f6a28,0 13px 0 #17321b}
.hero-server-logo span:before,.hero-server-logo strong:before{content:attr(data-text);position:absolute;z-index:-1;top:8px;left:8px;color:#101b15;-webkit-text-stroke:3px #101b15;text-shadow:none}
.hero-server-logo strong:before{top:11px;left:10px}
.hero .hero-copy{max-width:610px;margin-top:32px;color:#e1eadf;text-shadow:0 2px 14px #000;font-weight:520}
.hero .primary{border-radius:2px;background:#bdf171;box-shadow:0 5px 0 #547d35,5px 9px 0 #06110a;color:#0e1b11;text-transform:uppercase;letter-spacing:.02em}
.hero .hero-meta span{padding:7px 9px;border:1px solid #ffffff20;background:#07130dc2;box-shadow:3px 3px 0 #102819}
.servers{scroll-margin-top:0;background:radial-gradient(circle at 88% 8%,#214c2d 0,transparent 25%),linear-gradient(180deg,#07100a,#071018 580px)}

.directory-controls .mode-filter{position:relative}
.mode-filter-toggle{display:flex;align-items:center;gap:14px;min-width:156px;justify-content:space-between!important;padding:10px 13px!important;border-radius:3px!important;box-shadow:3px 3px 0 #29482e}
.mode-filter-toggle>b{font-size:16px;line-height:1;transition:transform .16s ease}
.mode-filter-toggle[aria-expanded="true"]>b{transform:rotate(180deg)}
.mode-filter-options[hidden]{display:none!important}
.directory-controls .mode-filter-options{display:grid;gap:16px;margin-top:2px;padding:17px;border:1px solid #c6ec8633;border-radius:6px;background:#071219;box-shadow:inset 0 1px #ffffff0d,0 18px 35px #0005}
.directory-controls .mode-filter-options>section{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:start}
.directory-controls .mode-filter-options h3{margin:0;padding-top:8px}
.directory-controls .mode-filter-options .mode-filter-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px!important;max-width:none;overflow:visible!important;padding:0;scroll-snap-type:none}
.directory-controls .mode-filter-options .mode-filter-grid button{min-width:0!important;white-space:nowrap}
.directory-controls .mode-filter-options .general-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.directory-controls .mode-all-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;border-color:#c6ec8644;text-align:left}
.directory-controls .mode-all-option small{font-size:9px;font-weight:650;opacity:.75}

.server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.server-card{display:flex;min-width:0;padding:0;overflow:hidden;flex-direction:column;border-color:#bde8812c;border-radius:5px;background:linear-gradient(145deg,#10241b,#0b171c 55%,#0a131a);box-shadow:inset 0 1px #ffffff0c,0 14px 28px #0003}
.server-card>*:not(.server-listing-banner){margin-left:20px;margin-right:20px}
.server-card-topline{display:flex;align-items:center;justify-content:space-between;margin-top:18px!important}
.server-rank{color:#d7f4b2;font:950 18px/1 ui-monospace,monospace;letter-spacing:-.05em;text-shadow:2px 2px 0 #24452b}
.server-card .server-listing-banner{order:1;width:calc(100% - 40px);margin:14px 20px 0}
.server-card .server-card-topline{order:0}
.server-card h3{order:2;margin-top:16px;font-size:22px;letter-spacing:-.025em}
.server-card .listing-attribution{order:3}
.server-card .server-address-list{order:4}
.server-card .directory-status{order:5}
.server-card>p{order:6;height:auto;min-height:40px;margin-bottom:4px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.server-card .mode-tags{order:7}
.server-card .server-performance{order:8}
.server-card .server-meta{order:9;margin-top:auto;margin-bottom:18px}
.server-address-list>div{grid-template-columns:55px minmax(0,1fr) auto;padding:5px 5px 5px 9px;border:1px solid #ffffff13;border-radius:3px;background:#061017}
.server-address-list code{min-width:0;color:#c8e7a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy-server-ip{padding:6px 8px;border:1px solid #b7e67c55;border-radius:2px;background:#1a3421;color:#d8f7b1;font:850 9px ui-monospace,monospace;white-space:nowrap}
.copy-server-ip:hover{border-color:#b7e67c;background:#25492d}
.server-performance{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:7px;margin-bottom:13px}
.server-performance>span{display:grid;gap:3px;padding:10px 11px;border:1px solid #ffffff13;border-bottom-color:#9ecc6955;background:#071219}
.server-performance b{color:#edf8e5;font:900 18px/1 ui-monospace,monospace}
.server-performance small{color:#7f9685;font:800 8px/1.2 ui-monospace,monospace;letter-spacing:.08em}
.server-meta>span{color:#d3edb5;font-weight:900}

@media(max-width:980px){
.directory-controls .mode-filter-options .mode-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.directory-controls .mode-filter-options .general-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
.hero{min-height:670px;background-position:62% center}
.hero-content{padding:77px 22px 80px}
.hero-server-logo span{font-size:clamp(40px,13vw,58px)}
.hero-server-logo strong{margin-top:13px;font-size:clamp(54px,17.5vw,78px)}
.hero-server-logo span:before{top:6px;left:6px}.hero-server-logo strong:before{top:9px;left:8px}
.hero .hero-copy{max-width:460px;margin-top:27px;font-size:14px}
.hero .hero-meta{margin-top:32px}
.directory-controls .mode-filter-heading{grid-template-columns:1fr}
.directory-controls .mode-filter-heading>button{width:100%;margin-top:6px}
.directory-controls .mode-filter-options{max-height:56vh;overflow:auto;padding:13px}
.directory-controls .mode-filter-options>section{grid-template-columns:1fr;gap:8px}
.directory-controls .mode-filter-options .mode-filter-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;flex-wrap:unset!important;padding:0}
.directory-controls .mode-filter-options .mode-filter-grid button{min-width:0!important;flex:auto!important}
.directory-controls .mode-all-option{display:grid;gap:4px}
.server-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
.hero-server-logo span{font-size:clamp(36px,12.7vw,50px)}
.hero-server-logo strong{font-size:clamp(49px,17vw,68px)}
.server-card>*:not(.server-listing-banner){margin-left:15px;margin-right:15px}
.server-card .server-listing-banner{width:calc(100% - 30px);margin-left:15px;margin-right:15px}
.server-address-list>div{grid-template-columns:49px minmax(0,1fr) auto;gap:5px}
.copy-server-ip{padding:6px}
}

.verify-body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 30%,#21442d 0,transparent 34%),linear-gradient(180deg,#071018,#06110b);color:#eaf4e7}
.verify-shell{display:grid;width:min(620px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:34px 0 52px;grid-template-rows:auto 1fr;gap:24px}
.verify-brand{justify-self:center}
.verify-card{position:relative;align-self:center;display:grid;justify-items:center;overflow:hidden;padding:38px 44px 42px;border:1px solid #bde98242;border-radius:10px;background:linear-gradient(145deg,#f8faf3,#edf3e8);box-shadow:0 30px 80px #0008,0 0 0 5px #9ed06b0c;color:#1c2b21;text-align:center}
.verify-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#6e9e5920 1px,transparent 1px),linear-gradient(90deg,#6e9e5920 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(#0008,transparent 74%)}
.verify-card>*{position:relative}
.verify-card .kicker{margin:18px 0 13px}
.verify-card h1{max-width:510px;color:#17271c;font-size:clamp(36px,7vw,52px);line-height:.98;text-wrap:balance}
.verify-card>p:not(.kicker){max-width:440px;margin:20px 0 25px;color:#5b695f;font-size:14px;line-height:1.65}
.verify-card>small{margin-top:19px;color:#7b887e;font-size:10px}
.verify-return{display:inline-flex;align-items:center;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}
.verify-scene{position:relative;width:190px;height:154px;margin:-10px auto 0}
.verify-scene:after{content:"";position:absolute;left:36px;right:36px;bottom:4px;height:13px;border-radius:50%;background:#19372338;filter:blur(1px);animation:verify-shadow .72s ease-in-out infinite alternate}
.verify-avatar{position:absolute;z-index:2;top:4px;left:50%;width:94px;height:142px;transform:translateX(-50%);animation:verify-dance .72s ease-in-out infinite alternate}
.verify-avatar span{position:absolute;display:block;border:3px solid #17231b;image-rendering:pixelated;box-shadow:inset 4px 4px #ffffff22,inset -4px -4px #0002,4px 4px 0 #203b27}
.verify-avatar-head{z-index:3;top:0;left:25px;width:46px;height:46px;background:linear-gradient(#523522 0 10px,#c58b62 10px 100%)}
.verify-avatar-head:before{content:"";position:absolute;top:21px;left:9px;width:6px;height:6px;background:#eaf7f4;box-shadow:22px 0 #eaf7f4,2px 1px 0 #263a48,24px 1px 0 #263a48}
.verify-avatar-head:after{content:"";position:absolute;left:17px;bottom:7px;width:12px;height:4px;background:#7e4f36}
.verify-avatar-body{z-index:2;top:45px;left:22px;width:52px;height:48px;background:linear-gradient(90deg,#4c873e 0 10px,#78b85c 10px 42px,#4c873e 42px)}
.verify-avatar-arm{z-index:1;top:49px;width:17px;height:48px;transform-origin:50% 7px;background:linear-gradient(#69a851 0 25px,#c58b62 25px)}
.verify-avatar .arm-left{left:8px;animation:verify-left-arm .72s ease-in-out infinite alternate}
.verify-avatar .arm-right{right:6px;animation:verify-right-arm .72s ease-in-out infinite alternate}
.verify-avatar-leg{top:90px;width:23px;height:46px;transform-origin:50% 5px;background:linear-gradient(#354f78 0 31px,#262e36 31px)}
.verify-avatar .leg-left{left:23px;animation:verify-left-leg .72s ease-in-out infinite alternate}
.verify-avatar .leg-right{left:49px;animation:verify-right-leg .72s ease-in-out infinite alternate}
.verify-spark{position:absolute;z-index:1;width:8px;height:8px;background:#9bd768;box-shadow:0 0 14px #bdf783;animation:verify-sparkle .9s steps(2,end) infinite alternate}
.spark-one{top:24px;left:17px}.spark-two{top:62px;right:11px;animation-delay:-.3s}.spark-three{left:31px;bottom:32px;animation-delay:-.6s}.spark-four{right:35px;top:14px;animation-delay:-.15s}
@keyframes verify-dance{0%{transform:translateX(-50%) translateY(5px) rotate(-3deg)}100%{transform:translateX(-50%) translateY(-4px) rotate(3deg)}}
@keyframes verify-left-arm{0%{transform:rotate(27deg)}100%{transform:rotate(-48deg)}}
@keyframes verify-right-arm{0%{transform:rotate(48deg)}100%{transform:rotate(-27deg)}}
@keyframes verify-left-leg{0%{transform:rotate(10deg)}100%{transform:rotate(-13deg)}}
@keyframes verify-right-leg{0%{transform:rotate(-13deg)}100%{transform:rotate(10deg)}}
@keyframes verify-shadow{0%{transform:scaleX(1)}100%{transform:scaleX(.72);opacity:.55}}
@keyframes verify-sparkle{0%{transform:scale(.55) rotate(0);opacity:.35}100%{transform:scale(1) rotate(45deg);opacity:1}}
@media(max-width:520px){.verify-shell{padding:22px 0 32px;gap:16px}.verify-card{padding:28px 20px 32px}.verify-scene{transform:scale(.9);margin-bottom:-8px}.verify-card h1{font-size:35px}.verify-card>p:not(.kicker){font-size:13px}.verify-return{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.verify-avatar,.verify-avatar-arm,.verify-avatar-leg,.verify-scene:after,.verify-spark,.craft-status.checking:before,.craft-check-actions #checkCraftGuard.is-checking:disabled,.craft-check-actions #checkCraftGuard.is-checking span,.craft-guard.is-checking .craft-grid,.craft-guard.is-checking .craft-copy-layout:after,.craft-success-reveal,.craft-success-mark i{animation:none!important}}

.servers{padding-left:max(32px,calc((100vw - 1280px)/2));padding-right:max(32px,calc((100vw - 1280px)/2))}
.server-grid{grid-template-columns:1fr;gap:15px}
.server-card{display:grid;grid-template-columns:minmax(185px,1fr) minmax(360px,468px) minmax(185px,1fr);min-width:0;padding:0;overflow:hidden;border:2px solid #9ed762;border-radius:7px;background:#f5f8f1;box-shadow:0 0 0 1px #d8efbf42,0 16px 34px #0005,0 0 24px #8fd05018}
.server-card>*{min-width:0;margin:0}
.server-card-summary{display:flex;grid-column:1;grid-row:1;min-width:0;padding:11px 14px;flex-direction:column;border-right:1px solid #a9cf875c;background:linear-gradient(145deg,#ffffff,#edf5e8)}
.server-card .server-card-topline{order:initial;margin:0!important}.server-card .server-rank{color:#48752d;font-size:17px}.server-card .tag{border-color:#6fa34266;background:#dff0cd;color:#335d22;font-size:8px}
.server-card h3{order:initial;margin:7px 0 0;font-size:22px;line-height:1.05}.server-card h3 a{color:#172b1d;text-decoration:none}.server-card h3 a:hover{color:#477c2c}
.server-card>p,.server-card-summary>p{order:initial;display:-webkit-box;min-height:39px;height:auto;margin:0 0 10px;overflow:hidden;color:#aebeb1;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.server-card .mode-tags{order:initial;min-height:0;margin:5px 0 7px;padding:0}
.server-card .mode-tags span{padding:3px 5px;border-color:#7dac564d;background:#dfeeda;color:#36552c;font-size:8px}
.server-card-visual{display:grid;grid-column:2;grid-row:1;grid-template-rows:auto 1fr;justify-self:center;width:468px;max-width:100%;height:100%;align-content:stretch;background:#050b10}
.server-banner-link{display:block;width:468px;max-width:100%;min-width:0;background:#050b10;text-decoration:none}
.server-card .server-listing-banner{display:block;order:initial;width:468px;max-width:100%;height:60px;aspect-ratio:468/60;margin:0;border:0;border-radius:0;object-fit:cover;background:#071018}
.server-banner-placeholder{display:grid;align-content:center;justify-items:center;width:468px;max-width:100%;height:60px;padding:8px 18px;background:linear-gradient(120deg,#173420,#0a1720 62%,#172b20);color:#edf8e4;text-align:center;text-shadow:2px 2px 0 #173a22}
.server-banner-placeholder b{overflow:hidden;font:950 clamp(15px,2vw,22px)/1 ui-monospace,monospace;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}
.server-banner-placeholder small{margin-top:5px;color:#9fbd8d;font:800 7px/1 ui-monospace,monospace;letter-spacing:.16em}
.copy-server-ip{padding:8px 10px;border:1px solid #b7e67c55;border-radius:2px;background:#1a3421;color:#d8f7b1;font:850 9px ui-monospace,monospace;white-space:nowrap}.copy-server-ip:hover{border-color:#b7e67c;background:#25492d}
.server-card-info{display:flex;grid-column:3;grid-row:1;min-width:0;flex-direction:column;border-left:1px solid #a9cf875c;background:#f7faf4}
.server-card .directory-status{display:grid;order:initial;justify-items:start;gap:6px;min-height:60px;margin:0;padding:10px 13px;border:0;border-left:3px solid #7d8d82;border-radius:0;background:#eef3eb}
.server-card .directory-status>strong{display:flex;align-items:center;gap:8px;font:900 10px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.server-card .directory-status>strong i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor}
.server-card .directory-status.online{border-left-color:#6ba63d;background:#e7f3dc}.server-card .directory-status.online>strong{color:#356c22}
.server-card .directory-status.offline{border-left-color:#c96454;background:#f7e8e4}.server-card .directory-status.offline>strong{color:#9c3e32}
.server-card .directory-status.unknown>strong{color:#53645a}
.directory-player-total{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:9px;text-align:left}
.directory-player-total small{color:#52675a;font:800 8px/1 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.directory-player-total b{color:#182a1e;font:950 19px/1 ui-monospace,monospace;letter-spacing:-.06em}.directory-player-total b i{color:#6b7e70;font-style:normal;font-weight:600}
.server-card .server-performance{display:grid;order:initial;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:#a9c58f}.server-card .server-performance>span{display:grid;min-width:0;align-content:center;gap:3px;min-height:39px;padding:7px 5px;border:0;background:#f3f8ef;text-align:center}.server-card .server-performance b{color:#1d3222;font-size:16px}.server-card .server-performance small{overflow:visible;color:#526b59;font-size:7px;line-height:1.1;white-space:normal}
.server-card .server-visual-performance{margin:0;border-top:1px solid #bad49f}
.server-detail-link{padding:7px 9px;border:1px solid #72a849;border-radius:3px;background:#e2f0d3;color:#315d20;font:900 9px ui-monospace,monospace;text-decoration:none}.server-detail-link:hover{border-color:#578f31;background:#d5eac0}.server-detail-link b{font-size:12px}.server-summary-link{align-self:stretch;margin-top:auto;text-align:center}.server-vote-button{width:calc(100% - 20px);min-height:34px;margin:6px 10px 7px;padding:7px 9px;border-color:#4f842f;background:#6fa747;color:#fff;text-transform:uppercase;font:900 9px ui-monospace,monospace}.server-vote-button:hover{background:#5d9338}

.server-detail-body{min-height:100vh;background:radial-gradient(circle at 82% 7%,#214b2d 0,transparent 25%),linear-gradient(180deg,#061009,#071018 520px);color:#eaf2e8}
.server-detail-header{display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:22px 0}.server-detail-header>a:last-child{color:#bdd7bd;font:800 10px ui-monospace,monospace;text-decoration:none;text-transform:uppercase}
.server-detail-main{display:grid;width:min(1080px,calc(100% - 40px));margin:35px auto 90px;gap:18px}
.server-detail-loading,.server-detail-error{padding:40px;border:1px solid #ffffff20;border-radius:7px;background:#0a171d;text-align:center}.server-detail-error a{color:#c4ec94}
.server-detail-hero{display:grid;gap:0;overflow:hidden;border:1px solid #bce98135;border-radius:8px;background:#09161b;box-shadow:0 25px 65px #0005}
.server-detail-banner{display:block;width:100%;height:auto;aspect-ratio:468/60;object-fit:cover;background:#071018;image-rendering:auto}
.server-detail-banner.server-banner-placeholder{display:grid;align-content:center;height:auto}
.server-detail-titlebar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:22px 25px;background:linear-gradient(100deg,#10251a,#09161b)}
.server-detail-titlebar h1{margin:7px 0 0;color:#f4f8f0;font-size:clamp(30px,5vw,50px);line-height:.95}.server-detail-titlebar .server-edition-strip{display:flex;gap:6px;min-height:0;margin-top:11px;padding:0;border:0;background:none}.server-detail-titlebar .server-edition-strip span{padding:5px 8px;border:1px solid #bce9814a;border-radius:2px;background:#bce98110;color:#d0f0ab;font:900 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.server-detail-rank{color:#bfe989;font:950 11px ui-monospace,monospace;letter-spacing:.12em}
.server-detail-status{display:grid;min-width:210px;grid-template-columns:1fr 1fr;border:1px solid #ffffff17;border-radius:4px;background:#061016}.server-detail-status>span{display:grid;gap:5px;padding:11px 14px}.server-detail-status>span+span{border-left:1px solid #ffffff14}.server-detail-status small{color:#73877a;font:800 8px ui-monospace,monospace;text-transform:uppercase}.server-detail-status b{font:950 18px ui-monospace,monospace}.server-detail-status .is-online{color:#c6ee97}.server-detail-status .is-offline{color:#f2a094}
.server-detail-vote-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 25px;border-top:1px solid #bce9812e;background:linear-gradient(105deg,#173a22,#0b2018 62%,#0c171b)}.server-detail-vote-bar>div{display:grid;gap:4px;min-width:0}.server-detail-vote-bar strong{color:#effae6;font-size:16px}.server-detail-vote-bar span{color:#a9bbaa;font-size:12px;line-height:1.5}.server-detail-vote-button{display:flex;align-items:center;justify-content:center;gap:13px;flex:0 0 auto;min-width:220px;min-height:52px;padding:11px 17px;border:1px solid #b8e87b;border-radius:5px;background:linear-gradient(180deg,#7eb74f,#5c9635);color:#fff;text-decoration:none;box-shadow:0 3px 0 #315e24,0 10px 24px #0003}.server-detail-vote-button span{color:#fff;font:950 12px/1.2 ui-monospace,monospace;letter-spacing:.035em;text-transform:uppercase}.server-detail-vote-button b{font:950 20px/1 ui-monospace,monospace}.server-detail-vote-button:hover{background:linear-gradient(180deg,#91ca5d,#6aa940);transform:translateY(-1px)}
.server-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.server-detail-panel{min-width:0;padding:24px;overflow:hidden;border:1px solid #ffffff18;border-radius:7px;background:#0a171d;box-shadow:inset 0 1px #ffffff08}.server-detail-panel h2{margin:0 0 17px;color:#f0f5ed;font-size:19px}.server-detail-description{max-width:100%;margin:0;overflow-wrap:anywhere;color:#b7c6b9;font-size:14px;line-height:1.8;white-space:pre-line;word-break:break-word}
.server-detail-addresses{display:grid;gap:8px}.server-detail-address{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid #ffffff13;background:#061017}.server-detail-address>span{color:#94ad98;font:900 8px ui-monospace,monospace;text-transform:uppercase}.server-detail-address code{min-width:0;overflow:hidden;color:#d6efb8;text-overflow:ellipsis;white-space:nowrap}
.server-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:#ffffff12;border:1px solid #ffffff12}.server-detail-facts>div{display:grid;gap:5px;min-width:0;padding:14px;background:#08141a}.server-detail-facts dt{color:#71867a;font:800 8px ui-monospace,monospace;text-transform:uppercase}.server-detail-facts dd{min-width:0;margin:0;overflow:hidden;color:#dce8dc;font-size:12px;text-overflow:ellipsis}.server-detail-facts a{color:#c6ed98;text-decoration:none}
.server-detail-tags{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.server-detail-tags span{padding:6px 8px;border:1px solid #bce98132;border-radius:3px;background:#bce9810b;color:#cde5bc;font:800 9px ui-monospace,monospace}
.server-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.server-detail-meta span{display:grid;gap:4px;padding:12px;border:1px solid #ffffff13;background:#061017}.server-detail-meta b{font:950 20px ui-monospace,monospace}.server-detail-meta small{color:#72867a;font:800 8px ui-monospace,monospace;text-transform:uppercase}
.server-detail-owner{display:grid;gap:6px;margin-top:17px;padding-top:16px;border-top:1px solid #ffffff13}.server-detail-owner strong{color:#c5ed96;font:900 9px ui-monospace,monospace;text-transform:uppercase}.server-detail-owner span{color:#bdc9bf;font-size:12px}
.server-detail-overview{border-color:#bce98135;background:linear-gradient(145deg,#0d1d18,#08151b)}.server-detail-overview .server-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.server-detail-overview .server-detail-meta{margin-top:16px}.server-detail-live .server-detail-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.server-detail-facts [data-detail-fact] dd{font-weight:850}.server-detail-facts [data-detail-fact] a{color:#cbed9f;text-decoration:none}.server-detail-facts [data-detail-fact] a:hover{text-decoration:underline}.server-detail-join{border-color:#8fc65752}.server-detail-join h2{color:#dff6c4}
.server-detail-footer{display:flex;justify-content:center;gap:18px;padding:24px;color:#7e9182;font-size:10px}.server-detail-footer a{color:#a8bea9;text-decoration:none}
@media(max-width:1050px){.server-card{grid-template-columns:minmax(170px,1fr) minmax(340px,468px) minmax(170px,1fr)}.server-card-summary{padding:10px 12px}.server-card h3{font-size:20px}.server-card .directory-status{padding:9px 11px}.server-card .server-performance>span{padding:7px 4px}}
@media(max-width:780px){.servers{padding-left:22px;padding-right:22px}.server-card{grid-template-columns:1fr}.server-card-summary{grid-column:1;grid-row:1;align-items:center;padding:12px 14px;border-right:0;border-bottom:1px solid #a9cf875c;text-align:center}.server-card .server-card-topline{width:100%}.server-card .mode-tags{justify-content:center}.server-summary-link{margin-top:1px}.server-card-info{grid-column:1;grid-row:2;border-left:0;border-bottom:1px solid #a9cf875c}.server-card .directory-status{justify-items:center;min-height:0;text-align:center}.server-card .server-performance{min-width:0}.server-card-visual{grid-column:1;grid-row:3;justify-self:center;width:468px;max-width:100%;height:auto;border-top:0}.server-card .server-listing-banner{width:100%;height:auto;margin:0}.server-banner-placeholder{height:auto;aspect-ratio:468/60}.server-detail-overview .server-detail-facts,.server-detail-live .server-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.server-card-summary{padding:16px}.server-detail-header,.server-detail-main{width:min(100% - 28px,1080px)}.server-detail-main{margin-top:18px}.server-detail-titlebar{align-items:stretch;flex-direction:column;padding:18px}.server-detail-status{min-width:0}.server-detail-vote-bar{align-items:stretch;flex-direction:column;gap:13px;padding:17px 18px}.server-detail-vote-button{width:100%;min-width:0}.server-detail-panel{padding:18px}.server-detail-address{grid-template-columns:52px minmax(0,1fr) auto}.server-detail-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.server-card>*:not(.server-listing-banner){margin-left:0;margin-right:0}.server-card .server-listing-banner{width:100%;margin-left:0;margin-right:0}.server-card-visual,.server-banner-link{width:100%}}
@media(max-width:430px){.server-card .directory-status{grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;padding:9px 12px;text-align:left}.server-card .directory-player-total{justify-content:end;text-align:right}.server-card .server-performance{grid-template-columns:repeat(3,minmax(0,1fr))}.server-card .server-performance>span{min-height:42px;padding:7px 4px}.server-card .server-performance b{font-size:17px}.server-card .server-performance small{font-size:7px}.server-vote-button{min-height:36px;margin-top:5px;margin-bottom:6px;font-size:9px}}
@media(max-width:430px){.server-detail-address{grid-template-columns:minmax(0,1fr) auto;gap:7px}.server-detail-address>span{grid-column:1;grid-row:1}.server-detail-address .copy-server-ip{grid-column:2;grid-row:1}.server-detail-address code{grid-column:1/-1;grid-row:2;overflow:visible;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}}
@media(max-width:390px){.servers{padding-left:14px;padding-right:14px}.copy-server-ip{padding:6px 8px}.server-detail-facts,.server-detail-overview .server-detail-facts,.server-detail-live .server-detail-facts{grid-template-columns:1fr}.server-detail-meta b{font-size:16px}}

.server-grid{justify-items:center}
.server-card{grid-template-columns:minmax(0,1fr);width:min(100%,620px)}
.server-card>*:not(.server-listing-banner){margin-left:0;margin-right:0}
.server-card-summary{display:grid;grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:0;width:100%;padding:6px 9px;border-right:0;border-bottom:1px solid #a9cf875c;text-align:left}
.server-card .server-card-topline{display:grid;grid-column:1;grid-row:1/3;justify-items:start;align-content:center;gap:4px;width:auto;margin:0!important}
.server-card h3{grid-column:2;grid-row:1;min-width:0;margin:0;font-size:18px}.server-card h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-card .mode-tags{grid-column:2;grid-row:2;align-self:start;justify-content:flex-start;margin:3px 0 0}
.server-card .mode-tags span{padding:2px 4px;font-size:6px}
.server-summary-link{grid-column:3;grid-row:1/3;align-self:center;min-width:84px;margin:0;padding:6px 7px;text-align:center}
.server-card-info{display:grid;grid-column:1;grid-row:2;grid-template-columns:minmax(92px,.9fr) minmax(112px,1.5fr) minmax(62px,.65fr);align-items:stretch;width:100%;border-left:0;border-bottom:1px solid #a9cf875c;background:#f7faf4}
.server-card .directory-status{grid-template-columns:1fr;align-content:center;justify-items:start;gap:3px;min-height:48px;padding:5px 9px;text-align:left}
.server-card .directory-player-total{grid-template-columns:auto auto;justify-content:start;text-align:left}
.server-card .server-performance{height:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.server-card .server-performance>span{min-height:48px;padding:4px 3px}
.server-card .server-performance b{font-size:15px}.server-card .server-performance small{font-size:6px}
.server-vote-button{width:auto;min-width:0;min-height:0;height:auto;margin:5px;padding:5px 4px;white-space:normal}
.server-card-visual{grid-column:1;grid-row:3;grid-template-rows:auto auto;justify-self:stretch;width:100%;max-width:none;height:auto;border-top:0;background:#071018}
.server-banner-link{justify-self:center;width:100%;max-width:100%;margin:0 auto}
.server-card .server-listing-banner{width:100%;height:auto;margin:0}
.server-banner-placeholder{height:auto;aspect-ratio:468/60}
.server-primary-address{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:34px;padding:3px 7px 3px 10px;border-top:2px solid #8ec95666;background:linear-gradient(90deg,#0c1c16,#071219)}
.server-primary-address>span{color:#fff;font:950 11px/1 ui-monospace,monospace;letter-spacing:.1em;text-shadow:0 1px 8px #000}
.server-primary-address code{min-width:0;overflow:hidden;color:#fff;font:900 12px/1.1 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}
.server-card .copy-server-ip{padding:5px 7px;border-color:#75aa4d80;background:#183a22;color:#e1f6ca}.server-card .copy-server-ip:hover{background:#28562f}
.server-card{cursor:pointer;border-color:#83bf49;background:#f7faf3;box-shadow:0 0 0 1px #d9f1bd66,0 13px 30px #0005,0 0 30px #89c84b1f;transition:border-color .16s ease,box-shadow .16s ease}.server-card:hover,.server-card:focus-within{border-color:#b5ed78;box-shadow:0 0 0 1px #dff5c080,0 15px 34px #0006,0 0 34px #9bd65a2e}.server-card a:focus-visible,.server-card button:focus-visible{outline:3px solid #315cff;outline-offset:2px}
.server-card-summary{background:linear-gradient(100deg,#ffffff,#edf6e5 68%,#e4f2d8)}
.server-card h3{font-size:21px;letter-spacing:-.035em}.server-card .server-rank{color:#3e7626;text-shadow:none}.server-card .tag{border-color:#6f9f4966;background:#d9ecc8;color:#315b21}
.server-card .mode-tags span{border-color:#6b9e454d;background:#e2efd7;color:#355b28;font-size:7px;font-weight:900}
.server-summary-link{border-color:#5f9639;background:#75ad4d;color:#fff;box-shadow:0 2px 0 #4b7d2d}.server-summary-link:hover{border-color:#477a2b;background:#649d40;color:#fff}
.server-card-info{background:#f9fbf6}.server-card .server-performance{background:#a2c582}.server-card .server-performance>span{background:#f5f9f1}.server-card .server-performance b{color:#17321d}.server-card .server-performance small{color:#4c6653;font-weight:900;letter-spacing:.045em}
.server-card-visual{background-color:#07130e;background-image:linear-gradient(#9bd5670c 1px,transparent 1px),linear-gradient(90deg,#9bd5670c 1px,transparent 1px),radial-gradient(circle at 50% 10%,#31562c,#07130e 72%);background-size:16px 16px,16px 16px,auto}
.server-banner-link{position:relative}.server-banner-link.is-placeholder{width:100%;max-width:none}
.server-banner-link.is-placeholder .server-banner-placeholder{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:468/60;overflow:hidden;background:linear-gradient(180deg,#6f9f49 0 13px,#426b34 13px 17px,#60472f 17px 100%);isolation:isolate}
.server-banner-link.is-placeholder .server-banner-placeholder:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px),linear-gradient(135deg,transparent 0 63%,#2d4e2c88 63% 70%,transparent 70%),linear-gradient(45deg,#0002 25%,transparent 25% 75%,#0002 75%);background-size:12px 12px,12px 12px,100% 100%,24px 24px}
.server-banner-link.is-placeholder .server-banner-placeholder:after{content:"";position:absolute;z-index:-1;right:7%;bottom:-16px;width:116px;height:52px;background:#315b32;box-shadow:-58px 20px 0 #25472a,58px 17px 0 #1f4027;transform:skewX(-34deg);opacity:.8}
.server-banner-placeholder b{z-index:1;color:#fff;font:950 clamp(21px,4vw,28px)/1 ui-monospace,monospace;letter-spacing:-.055em;text-shadow:3px 3px 0 #20391f,0 0 18px #000}.server-banner-placeholder small{z-index:1;margin-top:5px;color:#e4f5ca;font-size:7px;text-shadow:2px 2px 0 #20391f;letter-spacing:.18em}
@media(max-width:430px){
.server-card-summary{grid-template-columns:auto minmax(0,1fr) auto;column-gap:7px;padding:6px 7px}
.server-card .server-rank{font-size:14px}.server-card .tag{padding:2px 3px;font-size:6px}
.server-card h3{font-size:18px}.server-card .mode-tags{gap:3px;margin-top:2px}.server-card .mode-tags span{font-size:6px}
.server-summary-link{min-width:68px;padding:6px 4px;font-size:7px}
.server-card-info{grid-template-columns:minmax(86px,.9fr) minmax(108px,1.45fr) minmax(58px,.62fr)}
.server-card .directory-status{grid-template-columns:1fr;justify-items:start;min-height:46px;padding:4px 7px;text-align:left}
.server-card .directory-player-total{justify-content:start;text-align:left}.server-card .directory-player-total b{font-size:15px}
.server-card .server-performance>span{min-height:46px;padding:3px 2px}.server-card .server-performance b{font-size:14px}.server-card .server-performance small{font-size:6px}
.server-vote-button{min-height:0;margin:4px;padding:4px 2px;font-size:7px}
.server-primary-address{grid-template-columns:30px minmax(0,1fr) auto;gap:6px;padding-left:8px}.server-primary-address code{font-size:10px}
}

.server-detail-status .is-unknown{color:#f0c77f;font-size:13px}
#modal .notice:empty,#voteDialog .notice:empty,.form-action-notice:empty{display:none}
#modal .notice:not(:empty),#voteDialog .notice:not(:empty){display:block;margin:12px 0 0;padding:11px 12px;border:1px solid #cf6a5b;border-left:4px solid #b94e42;border-radius:4px;background:#fff1ee;color:#7f2e27;font-size:12px;line-height:1.5}
#modal .notice.success:not(:empty),#voteDialog .notice.success:not(:empty){border-color:#73a952;border-left-color:#538b37;background:#edf7e6;color:#315d25}
.form-action-notice{grid-column:1/-1;margin:0;padding:13px 14px;border:1px solid #e16e5e;border-left:4px solid #e16e5e;border-radius:5px;background:#351c1b;color:#ffd0c9;font-size:12px;font-weight:800;line-height:1.5;box-shadow:0 8px 24px #0003}
.form-action-notice.success{border-color:#91c85d;background:#183322;color:#dff5c5}
.dashboard-form-card label small.success{color:#bce990}
.dashboard-form-card label.field-has-error>input,.dashboard-form-card label.field-has-error>select,.dashboard-form-card label.field-has-error>textarea{border-color:#f07867;box-shadow:0 0 0 2px #e85e4c33}
.dashboard-form-card label.field-has-error{color:#ffc0b7}
.dashboard-form-card fieldset.field-has-error{padding-left:12px;border-left:4px solid #e16e5e}
.dashboard-form-card .field-error-message{display:block;margin-top:7px;padding:7px 9px;border-left:3px solid #f07867;border-radius:3px;background:#351c1b;color:#ffd0c9;font-size:10px;font-weight:800;line-height:1.45}

.form-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none}
.form-roadmap li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #ffffff18;border-radius:6px;background:#071219}
.form-roadmap li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a8d56b66;border-radius:5px;background:#1b3425;color:#dfffb7;font:950 13px/1 ui-monospace,monospace;box-shadow:2px 2px 0 #203c29}
.form-roadmap li>div{display:grid;gap:2px;min-width:0}.form-roadmap strong{color:#edf5ea;font-size:11px;font-weight:950}.form-roadmap small{overflow:hidden;color:#83978a;font-size:8px;font-weight:700;line-height:1.3;text-overflow:ellipsis}
.dashboard-form-card form{gap:18px}
.dashboard-form-card .form-section{gap:16px;padding:20px;border:0;border-radius:7px;background:#09151c;box-shadow:inset 0 0 0 1px #ffffff1b,0 10px 24px #0002}
.dashboard-form-card .form-section>legend{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #ffffff1b;color:#edf5ea;font-size:15px;font-weight:950;letter-spacing:-.01em}
.dashboard-form-card .form-section>legend>span:not(.legend-icon){display:grid;gap:2px}.dashboard-form-card .form-section>legend small{color:#83978a;font-size:9px;font-weight:700;letter-spacing:0}
.legend-icon{display:grid!important;place-items:center;width:31px;height:31px;border:1px solid #a8d56b66;border-radius:5px;background:#1b3425;color:#dfffb7;font:950 12px/1 ui-monospace,monospace;box-shadow:2px 2px 0 #203c29}
.dashboard-form-card .form-section label{font-size:12px;font-weight:900;letter-spacing:.005em}.dashboard-form-card .form-section label small{margin-top:2px;font-size:9px;font-weight:650;line-height:1.45}
.dashboard-form-card .form-section input,.dashboard-form-card .form-section select{min-height:45px;font-size:13px;font-weight:750}.dashboard-form-card .form-section textarea{font-size:13px;font-weight:650;line-height:1.55}
.dashboard-form-card .listing-section>label{margin-top:2px}.dashboard-form-card .mode-picker legend output{margin-left:auto;padding:6px 8px;border:1px solid #a8d56b55;border-radius:4px;background:#172a1e;color:#ccefaa;font-size:9px;white-space:nowrap}
.dashboard-form-card .mode-picker label{font-size:10px;font-weight:850}
.publish-check{display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:12px;padding:14px 15px;border:1px solid #a8d56b55;border-radius:6px;background:linear-gradient(100deg,#152c1d,#10211a)}
.publish-check>span{display:grid;place-items:center;width:39px;height:39px;border-radius:5px;background:#a8d56b;color:#142119;font:950 20px/1 ui-monospace,monospace;box-shadow:3px 3px 0 #315333}.publish-check>div{display:grid;gap:3px}.publish-check strong{color:#eff8e9;font-size:14px;font-weight:950}.publish-check small{color:#9eb19f;font-size:10px;line-height:1.45}
.dashboard-form-card .dashboard-submit{min-height:52px;font-size:13px;font-weight:950;letter-spacing:.035em;box-shadow:0 5px 0 #355d29,0 12px 28px #0003}
@media(max-width:760px){.form-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-form-card .form-section{padding:16px}.dashboard-form-card .form-section>legend{font-size:14px}.dashboard-form-card .mode-picker legend{align-items:flex-start;flex-wrap:wrap}.dashboard-form-card .mode-picker legend output{margin-left:0}.publish-check{grid-template-columns:34px minmax(0,1fr);padding:12px}.publish-check>span{width:34px;height:34px}}
@media(max-width:390px){.form-roadmap li{grid-template-columns:28px minmax(0,1fr);gap:7px;padding:8px}.form-roadmap li>span{width:28px;height:28px}.form-roadmap small{font-size:7px}.dashboard-form-card .form-section{padding:13px}.dashboard-form-card .form-section>legend{gap:8px}.legend-icon{width:28px;height:28px}}

.auth-recovery-link{margin:10px 0 4px;text-align:center}.auth-recovery-link .text-button{font-weight:900}
.recovery-panel>p:not(.kicker):not(.auth-help):not(.auth-switch){margin:14px 0 20px;color:#617067;font-size:13px;line-height:1.65}
.recovery-panel form{display:grid;gap:15px}.recovery-panel form label{display:grid;gap:7px;font-size:11px;font-weight:850}
.recovery-complete{text-align:center}.recovery-complete .kicker{justify-content:center;margin-top:13px}.recovery-complete .button{display:inline-flex;margin-top:8px}
.recovery-status-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 17px;border:2px solid #5d913e;border-radius:8px;background:#dff1cf;color:#416f2e;font:950 28px/1 ui-monospace,monospace;box-shadow:5px 5px 0 #b8d5a3}
.reset-card form[hidden],#resetBack[hidden],.reset-success[hidden]{display:none!important}.reset-success{text-align:center}.reset-success h2{margin:0 0 13px;font-size:36px}.reset-success p{margin:0 0 24px;color:#617067;font-size:13px;line-height:1.65}.reset-success .button{display:inline-flex;text-decoration:none}

.directory-controls{padding:17px}.directory-controls .mode-filter{padding:15px 0}.directory-controls .discover-bar{margin-top:15px}
.server-pagination{display:grid;grid-template-columns:minmax(105px,1fr) minmax(190px,auto) minmax(105px,1fr);align-items:center;gap:12px;width:min(100%,620px);margin:22px auto 7px;padding:10px;border:1px solid #a9d57842;border-radius:7px;background:linear-gradient(135deg,#10251b,#09171b);box-shadow:inset 0 1px #ffffff0c,0 12px 28px #0003}
.server-pagination[hidden]{display:none}.server-pagination p{margin:0;color:#c7d9c6;font:800 9px/1.35 ui-monospace,monospace;letter-spacing:.035em;text-align:center}.server-pagination p:focus{outline:2px solid #c6ec86;outline-offset:3px}
.server-page-button{min-height:36px;padding:8px 12px;border:1px solid #79a95680;border-radius:4px;background:#203d28;color:#eff8e7;font:900 9px ui-monospace,monospace;cursor:pointer}.server-page-button:last-child{justify-self:stretch}.server-page-button:hover:not(:disabled){border-color:#bce986;background:#315638}.server-page-button:disabled{cursor:not-allowed;opacity:.38}

@media(max-width:760px){
.directory-controls{padding:14px}
}
@media(max-width:430px){.server-pagination{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.server-pagination p{grid-column:1/-1;grid-row:1}.server-page-button{grid-row:2}.reset-card{padding:25px 20px}.reset-success h2{font-size:31px}}

.dashboard-form-card .banner-file-field.field-has-error{padding:10px;border:2px solid #f07867;border-radius:7px;background:#351c1b}
.dashboard-form-card .banner-file-field.field-has-error .banner-choose-title{border-color:#ff8c7c;background:#512521;color:#ffe0db;box-shadow:0 0 0 3px #e85e4c33}
.dashboard-form-card .banner-file-field.field-has-error .banner-file-rules{border-color:#f0786755}
.server-delete-dialog label.field-has-error{color:#8f3028}.server-delete-dialog label.field-has-error>input{border-color:#c94d41;box-shadow:0 0 0 3px #c94d4128}.server-delete-dialog label.field-has-error.account-delete-acknowledgement{border-color:#c94d41;box-shadow:0 0 0 3px #c94d4128}
.server-delete-dialog [hidden]{display:none!important}
#modal form.form-has-error{border-radius:5px;outline:2px solid #c94d41;outline-offset:8px}
#modal label.field-has-error,#voteDialog label.field-has-error{color:#8f3028}#modal label.field-has-error>input:not([type="checkbox"]),#voteDialog label.field-has-error>input:not([type="checkbox"]){border-color:#c94d41;box-shadow:0 0 0 3px #c94d4128}
#modal label.field-has-error.agreement,#modal #humanProofBlock.field-has-error,#voteDialog #humanProofBlock.field-has-error,#voteDialog .vote-player-name.field-has-error{border-color:#c94d41;box-shadow:0 0 0 3px #c94d4128;border-radius:6px}
.server-detail-titlebar h1{max-width:100%;overflow-wrap:anywhere}.server-detail-titlebar .server-edition-strip span{font-size:9px}
.server-detail-status .is-unavailable{color:#f2a094}
.server-detail-panel{padding:26px}.server-detail-panel h2{margin-bottom:18px;font-size:clamp(22px,2.4vw,26px);line-height:1.1}
.server-detail-description{max-width:74ch;color:#cfdbd1;font-size:17px;line-height:1.72}
.server-detail-addresses{gap:9px}.server-detail-address{grid-template-columns:72px minmax(0,1fr) auto;gap:11px;padding:10px;border-color:#ffffff18}.server-detail-address>span{color:#a9bea9;font-size:10px}.server-detail-address code{color:#dff5c3;font:800 14px/1.35 ui-monospace,monospace}.server-detail-address .copy-server-ip{min-height:40px;padding:8px 12px;font-size:10px}
.server-detail-facts>div{gap:6px;padding:15px}.server-detail-facts dt{color:#879c8e;font-size:10px}.server-detail-facts dd{color:#e1ebe2;font-size:14px;line-height:1.45}.server-detail-facts a{color:#cfee9f}
.server-detail-tags{gap:7px;margin-top:20px}.server-detail-tags span{padding:7px 9px;color:#d4e9c5;font-size:11px}.server-detail-owner{gap:7px;margin-top:18px;padding-top:17px}.server-detail-owner strong{font-size:10px}.server-detail-owner span{color:#ccd6ce;font-size:14px}
.server-detail-main a:focus-visible,.server-detail-main button:focus-visible{outline:3px solid #c6ec86;outline-offset:3px}
@media(max-width:680px){.server-detail-panel{padding:20px}.server-detail-description{font-size:16px;line-height:1.7}.server-detail-address{grid-template-columns:58px minmax(0,1fr) auto}}
@media(max-width:430px){
.server-detail-address{grid-template-columns:minmax(0,1fr) auto;gap:7px}.server-detail-address>span{grid-column:1;grid-row:1}.server-detail-address .copy-server-ip{grid-column:2;grid-row:1}.server-detail-address code{grid-column:1/-1;grid-row:2;overflow:visible;overflow-wrap:anywhere;white-space:normal;text-overflow:clip}
.server-card .tag{padding:3px 4px;font-size:8px}.server-card .mode-tags{margin-top:3px}.server-card .mode-tags span{font-size:8px}
.server-summary-link{min-width:76px;min-height:36px;padding:8px 5px;font-size:9px}
.server-card .server-performance small{font-size:8px}.server-vote-button{min-height:36px;margin:5px;padding:6px 3px;font-size:9px}.server-primary-address code{font-size:11px}
}

.contact-form label.field-has-error{color:#ffc0b7}.contact-form label.field-has-error>input,.contact-form label.field-has-error>select,.contact-form label.field-has-error>textarea{border-color:#f07867;box-shadow:0 0 0 3px #e85e4c3d}
.contact-form.form-has-error{outline:2px solid #f07867;outline-offset:4px}
.contact-notice.error:not(:empty){padding:11px 12px;border:1px solid #f07867;border-left:4px solid #f07867;border-radius:5px;background:#351c1b;color:#ffd0c9!important;line-height:1.5}
.contact-notice.success:not(:empty){padding:11px 12px;border:1px solid #91c85d;border-left:4px solid #91c85d;border-radius:5px;background:#183322;color:#dff5c5!important;line-height:1.5}
.reset-card form.form-has-error{border-radius:5px;outline:2px solid #c94d41;outline-offset:8px}.reset-card label.field-has-error{color:#8f3028}.reset-card label.field-has-error>input{border-color:#c94d41;box-shadow:0 0 0 3px #c94d4128}
.reset-card .notice.error:not(:empty){display:block;margin:0;padding:11px 12px;border:1px solid #c94d41;border-left:4px solid #c94d41;border-radius:5px;background:#fff1ee;color:#7f2e27;font-size:12px;line-height:1.5}

/* YourMCBrowser directory redesign — scoped to the homepage. */
.directory-home {
  --directory-background: #10141a;
  --directory-panel: #1b2028;
  --directory-border: #b8c4d42b;
  --directory-text: #f3f2eb;
  --directory-muted: #aab1bd;
  --directory-accent: #c6ec86;
  --directory-width: 1080px;
  background: var(--directory-background);
  color: var(--directory-text);
}

.directory-home .hero {
  min-height: 0;
  overflow: visible;
  background-image: none;
}

.directory-home .hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;pointer-events:none}
.directory-home .hero-shade{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,#10141aeb 0%,#10141acc 35%,#10141a2e 74%,#10141a08)}

.directory-home .hero::before {
  background: linear-gradient(180deg, #10141a08, #10141a00 58%, #10141a);
}

.directory-home .hero::after {
  height: 90px;
  background: linear-gradient(transparent, var(--directory-background));
}

.directory-home .hero header {
  width: min(calc(100% - 64px), var(--directory-width));
  height: 76px;
  padding: 0;
  border-bottom: 1px solid #eff8e719;
}

.directory-home .brand {
  font-size: 16px;
  letter-spacing: -.7px;
}

.directory-home .brand-mark {
  width: 17px;
  height: 17px;
  margin-right: 9px;
  font-size: 17px;
}

.directory-home #siteNav {
  gap: 24px;
  font-size: 13px;
}

.directory-home #siteNav a {
  padding: 12px 0;
  opacity: 1;
  color: #becabd;
}

.directory-home #siteNav a:hover {
  color: #f3f2eb;
}

.directory-home .nav-login {
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid #d7eace35;
  border-radius: 7px;
  background: #eff8e70c;
  color: #f3f2eb;
  font-size: 13px;
}

.directory-home .hero-content {
  width: min(calc(100% - 64px), var(--directory-width));
  padding: 32px 0 38px;
}

.directory-home .kicker {
  color: var(--directory-accent);
  font: 700 11px/1.4 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .13em;
}

.directory-home .hero-directory-kicker {
  width: auto;
  margin-bottom: 12px;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.directory-home .kicker i {
  width: 6px;
  height: 6px;
  box-shadow: none;
}

.directory-home .hero-server-logo {
  display: block;
  width: auto;
  max-width: 760px;
  color: var(--directory-text);
  font: 750 clamp(38px, 4.3vw, 54px)/1.06 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.048em;
  text-transform: none;
  filter: none;
}

.directory-home .hero-server-logo strong {
  display: inline;
  margin: 0;
  color: var(--directory-accent);
  font: inherit;
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.directory-home .hero-server-logo strong::before {
  content: none;
}

.directory-home .hero .hero-copy {
  max-width: 520px;
  margin: 16px 0 20px;
  color: #c0cfbf;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  text-shadow: none;
}

.directory-home .hero-actions {
  align-items: center;
  gap: 24px;
}

.directory-home .button.primary {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 12px 19px;
  border: 1px solid #d9f5ac;
  border-radius: 7px;
  background: var(--directory-accent);
  color: #172b17;
  box-shadow: none;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}

.directory-home .button.primary:hover {
  background: #d8f3aa;
  box-shadow: none;
  transform: none;
}

.directory-home .hero-guide-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  color: #d2decf;
  font-size: 13px;
}

.directory-home .hero-guide-link:hover {
  color: var(--directory-accent);
}

.directory-home .hero-meta {
  gap: 22px;
  margin-top: 20px;
  color: #aebfab;
  font-size: 12px;
}

.directory-home .hero .hero-meta span {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.directory-home .hero-meta span::before {
  content: '✓';
  margin-right: 7px;
  color: var(--directory-accent);
}

.site-launch-note{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;width:fit-content;max-width:100%;margin-top:19px;padding:5px 11px;border:1px solid #b6c79038;border-radius:7px;background:#152127a6;color:#c8d2c1;font:400 12px/1.6 ui-sans-serif,system-ui,sans-serif}
.site-launch-note p{margin:0}
.site-launch-badge{color:#d6eda8;font-size:10px;font-weight:750;letter-spacing:.08em}
.site-launch-note a{display:inline-flex;align-items:center;min-height:44px;color:#e6efd7;text-decoration:underline;text-underline-offset:3px}
.site-launch-note a:hover{color:var(--directory-accent)}
.site-launch-note a:focus-visible{outline:2px solid var(--directory-accent);outline-offset:3px}

.directory-home .servers {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 0 max(32px, calc((100vw - var(--directory-width)) / 2)) 64px;
  background: var(--directory-background);
  scroll-margin-top: 18px;
}

.directory-home .servers::before {
  background: none;
}

.directory-home .directory-controls {
  position: relative;
  z-index: 1;
  margin: -24px 0 24px;
  padding: 20px;
  border: 1px solid #aecba035;
  border-radius: 12px;
  background: #1b2028fa;
  box-shadow: 0 12px 40px #00000029;
}

.directory-home .directory-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.directory-home .directory-heading .kicker {
  display: none;
  margin: 0 0 7px;
  color: #99b187;
  font-size: 10px;
}

.directory-home .directory-heading h2 {
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.2;
}

.directory-home .directory-heading > span {
  padding-bottom: 3px;
  color: var(--directory-muted);
  font-size: 12px;
  line-height: 1.5;
}

.directory-home .directory-controls .discover-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 74px;
  margin: 0 0 16px;
  border: 1px solid #aecba045;
  border-radius: 8px;
  background: #11161f;
  box-shadow: none;
}

.directory-home .discover-bar:focus-within {
  border-color: var(--directory-accent);
  box-shadow: 0 0 0 3px #c6ec8617;
}

.directory-home .discover-bar label {
  top: 13px;
  left: 17px;
  max-width: none;
  color: #b6c8ab;
  font: 600 11px/1.3 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.directory-home .directory-search-icon {
  position: absolute;
  top: 40px;
  left: 17px;
  display: flex;
  color: #8faa81;
  pointer-events: none;
}

.directory-home .discover-bar input {
  width: 100%;
  min-width: 0;
  padding: 35px 15px 12px 48px;
  color: var(--directory-text);
  font-size: 16px;
  line-height: 1.4;
}

.directory-home .discover-bar input::placeholder {
  color: #96a591;
}

.directory-home .directory-controls .discover-bar button {
  position: static;
  min-height: 44px;
  align-self: center;
  margin: 0 12px;
  padding: 11px 19px;
  border: 1px solid #d9f5ac;
  border-radius: 6px;
  background: var(--directory-accent);
  color: #172b17;
  font-size: 13px;
}

.directory-home .directory-filters-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
}

.directory-home .directory-editions {
  display: grid;
  justify-content: start;
  gap: 9px;
  padding: 0;
  border: 0;
}

.directory-home .directory-control-label,
.directory-home .directory-control-label p {
  display: block;
  margin: 0;
}

.directory-home .directory-control-label strong {
  color: var(--directory-muted);
  font: 600 12px/1.3 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
}

.directory-home #modeFilterHint {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.directory-home .directory-controls .filters {
  justify-content: flex-start;
  gap: 7px;
  margin: 0;
  padding: 0;
  overflow: visible;
  flex-wrap: wrap;
}

.directory-home .directory-controls .filters button {
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid #aecba02d;
  border-radius: 6px;
  background: #151a22;
  color: #b7c5b3;
  font-size: 12px;
  font-weight: 600;
}

.directory-home .directory-controls .filters button.active {
  border-color: #9abc704f;
  background: #354032;
  color: #d7f0b7;
}

.directory-home .directory-controls .mode-filter {
  min-width: 195px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.directory-home .directory-controls .mode-filter-heading {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  padding: 0;
  overflow: visible;
  background: none;
}

.directory-home .directory-controls .mode-filter-toggle {
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 9px 14px !important;
  border: 1px solid #aecba035;
  border-radius: 6px !important;
  background: #151a22;
  color: #d9e5d2;
  box-shadow: none;
  font-size: 12px;
  font-weight: 600;
}

.directory-home .directory-controls .mode-filter-options {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 4;
  width: min(680px, calc(100vw - 96px));
  max-height: 65vh;
  margin: 0;
  padding: 18px;
  overflow: auto;
  border: 1px solid #aecba045;
  border-radius: 9px;
  background: #1b2028;
  box-shadow: 0 16px 40px #0008;
}

.directory-home .directory-controls .mode-filter-options > section {
  grid-template-columns: 1fr;
  gap: 9px;
}

.directory-home .directory-controls .mode-filter-options h3 {
  padding: 0;
  color: #b7c8ae;
  font: 600 12px/1.4 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.directory-home .directory-controls .mode-filter-options .mode-filter-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.directory-home .directory-controls .mode-filter-options button {
  min-height: 42px;
  padding: 10px;
  border-radius: 5px;
  background: #151a22;
  color: #b7c8ae;
  font-size: 12px;
  white-space: normal;
}

.directory-home .directory-controls .mode-filter-options button.active {
  border-color: #9abc704f;
  background: #354032;
  color: #d7f0b7;
}

.directory-home .directory-controls .mode-all-option {
  gap: 6px;
  color: #d7f0b7;
}

.directory-home .directory-controls .mode-all-option small {
  color: #b3c5a8;
  font-size: 11px;
}

.directory-home .directory-notice:empty {
  display: none;
}

.directory-home .listing-note {
  max-width: 780px;
  margin: 22px auto 0;
  color: #9bab9b;
  font: 400 12px/1.6 ui-sans-serif, system-ui, sans-serif;
  text-align: center;
}

.directory-home .intro,
.directory-home .steps,
.directory-home .join,
.directory-home .banner-promo {
  padding: 64px max(32px, calc((100vw - var(--directory-width)) / 2));
  border-top: 1px solid var(--directory-border);
  background: #151a22;
  color: var(--directory-text);
}

.directory-home .intro,
.directory-home .steps,
.directory-home .banner-promo {
  gap: 70px;
}

.directory-home .intro h2,
.directory-home .steps h2,
.directory-home .join h2,
.directory-home .banner-promo h2 {
  font-size: clamp(30px, 3.2vw, 42px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.directory-home .intro-copy p,
.directory-home .steps-title > p:last-child,
.directory-home .steps li p,
.directory-home .join > p:last-child,
.directory-home .banner-promo p:not(.kicker) {
  color: var(--directory-muted);
  font-size: 14px;
  line-height: 1.75;
}

.directory-home .intro-copy a {
  color: #c6ec86;
  font-size: 13px;
}

.directory-home .steps {
  background: var(--directory-background);
}

.directory-home .steps::after {
  content: none;
}

.directory-home .steps li {
  grid-template-columns: 40px 1fr;
  gap: 16px;
  padding: 20px 0;
  border-color: var(--directory-border);
}

.directory-home .steps li > span {
  color: #799067;
  font: 600 20px/1.3 ui-monospace, monospace;
}

.directory-home .steps li b {
  font-size: 15px;
}

.directory-home .join {
  min-height: 0;
  isolation: isolate;
  background: #1b2028;
}

.directory-home .join::before {
  content: none;
}

.directory-home .join > p:last-child {
  max-width: 660px;
}

.directory-home .banner-promo-sample {
  min-height: 150px;
  border: 1px solid #aecba035;
  border-radius: 9px;
  background: #222a36;
  box-shadow: none;
}

.directory-home a:focus-visible,
.directory-home button:focus-visible {
  outline: 3px solid var(--directory-accent);
  outline-offset: 4px;
}

@media (max-width: 1000px) {
  .directory-home #siteNav { gap: 16px; font-size: 12px; }
  .directory-home .hero header { width: calc(100% - 48px); }
  .directory-home .hero-content { width: calc(100% - 48px); }
  .directory-home .servers { padding-right: 24px; padding-left: 24px; }
}

@media (max-width: 760px) {
  .directory-home .hero-image { object-position: 68% center; }
  .directory-home .hero header { width: calc(100% - 40px); height: 70px; }
  .directory-home .hero-content { width: calc(100% - 40px); padding: 28px 0 38px; }
  .directory-home .brand { font-size: 14px; }
  .directory-home .menu-toggle { width: 44px; height: 44px; border-radius: 7px; background: #151a22cc; }
  .directory-home #siteNav { top: 62px; right: 0; width: min(300px, calc(100vw - 40px)); gap: 4px; padding: 12px; border-radius: 9px; background: #1b2028f5; }
  .directory-home #siteNav a { min-height: 44px; padding: 12px; }
  .directory-home .nav-login { width: 100%; min-height: 44px; }
  .directory-home .hero-server-logo { font-size: clamp(30px, 6.8vw, 44px); }
  .directory-home .hero .hero-copy { max-width: 430px; font-size: 15px; }
  .directory-home .hero-copy br { display: none; }
  .directory-home .hero-meta { gap: 10px 18px; margin-top: 23px; font-size: 11px; }
  .directory-home .hero-actions { gap: 8px 18px; }
  .directory-home .hero-guide-link { font-size: 12px; }
  .directory-home .servers { padding: 0 20px 40px; }
  .directory-home .directory-controls { margin-top: -18px; padding: 20px; }
  .directory-home .directory-heading { display: block; margin-bottom: 17px; }
  .directory-home .directory-heading h2 { font-size: 23px; }
  .directory-home .directory-heading > span { display: block; margin-top: 8px; font-size: 11px; }
  .directory-home .directory-controls .discover-bar { min-height: 78px; }
  .directory-home .discover-bar input { font-size: 15px; }
  .directory-home .directory-filters-row { grid-template-columns: 1fr; gap: 17px; }
  .directory-home .directory-controls .filters { gap: 6px; }
  .directory-home .directory-controls .filters button { min-height: 44px; padding: 9px 12px; }
  .directory-home .directory-controls .mode-filter { min-width: 0; }
  .directory-home .directory-controls .mode-filter-toggle { min-height: 44px; }
  .directory-home .directory-controls .mode-filter-options { width: 100%; max-height: 55vh; padding: 14px; }
  .directory-home .directory-controls .mode-filter-options .mode-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .directory-home .intro, .directory-home .steps, .directory-home .join, .directory-home .banner-promo { padding: 42px 20px; }
  .directory-home .intro, .directory-home .steps, .directory-home .banner-promo { grid-template-columns: 1fr; gap: 24px; }
  .directory-home .intro h2, .directory-home .steps h2, .directory-home .join h2, .directory-home .banner-promo h2 { font-size: 32px; }
}

@media (max-width: 430px) {
  .directory-home .hero-content { padding-top: 28px; }
  .directory-home .hero-server-logo { font-size: clamp(30px, 9.7vw, 38px); }
  .directory-home .hero-directory-kicker { font-size: 9px; letter-spacing: .105em; }
  .directory-home .hero .hero-copy { font-size: 14px; }
  .directory-home .hero-actions { gap: 10px; flex-wrap: wrap; }
  .directory-home .hero-guide-link { min-height: 44px; font-size: 12px; }
  .directory-home .hero-guide-prefix { display: none; }
  .directory-home .hero-meta { gap: 10px 13px; font-size: 10px; }
  .directory-home .servers { padding-right: 14px; padding-left: 14px; }
  .directory-home .directory-controls { padding: 17px; }
  .directory-home .directory-heading h2 { font-size: 21px; }
  .directory-home .discover-bar label { left: 12px; font-size: 10px; }
  .directory-home .directory-search-icon { left: 12px; }
  .directory-home .discover-bar input { padding-left: 40px; font-size: 14px; }
  .directory-home .directory-controls .discover-bar button { margin: 0 8px; padding: 10px 12px; font-size: 12px; }
  .directory-home .discover-bar button b { display: none; }
  .directory-home .directory-controls .filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
  .directory-home .directory-controls .filters button { padding: 6px 3px; font-size: 11px; }
  .directory-home .directory-controls .mode-filter-options .mode-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 360px) {
  .directory-home .directory-controls .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .directory-home .directory-controls .filters button { padding: 9px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .directory-home *, .directory-home *::before, .directory-home *::after { scroll-behavior: auto; transition: none; }
}

/* Server directory cards. */
.directory-home .server-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  gap: 18px;
}

.directory-home .server-card {
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 18px 28px;
  width: 100%;
  min-width: 0;
  padding: 22px;
  overflow: hidden;
  border: 1px solid #9cb3a128;
  border-radius: 14px;
  background: linear-gradient(120deg, #1b212c, #171d27);
  box-shadow: 0 8px 24px #00000014;
  color: #edf2e9;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.directory-home .server-card:hover,
.directory-home .server-card:focus-within {
  border-color: #c6ec866b;
  box-shadow: 0 10px 28px #00000024;
}

.directory-home .server-card > *:not(.server-listing-banner) {
  min-width: 0;
  margin: 0;
}

.directory-home .server-card-summary {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  align-content: start;
  gap: 8px 12px;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
}

.directory-home .server-card .server-card-topline {
  display: flex;
  grid-column: 1 / -1;
  grid-row: 1;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: auto;
  margin: 0 !important;
}

.directory-home .server-card .server-rank {
  color: #c6ec86;
  font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .02em;
  text-shadow: none;
}

.directory-home .server-card .tag {
  padding: 4px 8px;
  border: 1px solid #9cb3a12e;
  border-radius: 5px;
  background: #9cb3a110;
  color: #b8cbbf;
  font: 600 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .01em;
}

.directory-home .server-card h3 {
  grid-column: 1 / 3;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  color: #edf2e9;
  font: 700 24px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.035em;
}

.directory-home .server-card h3 a {
  display: block;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.directory-home .server-card h3 a:hover {
  color: #c6ec86;
}

.directory-home .server-card .mode-tags {
  display: flex;
  grid-column: 1 / -1;
  grid-row: 3;
  align-self: start;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.directory-home .server-card .mode-tags span {
  padding: 4px 7px;
  border: 1px solid #a7b8a91c;
  border-radius: 5px;
  background: #10141a44;
  color: #b8c6bb;
  font: 500 11px/1.15 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: nowrap;
}

.directory-home .server-summary-link {
  display: inline-flex;
  grid-column: 3;
  grid-row: 2;
  align-items: center;
  align-self: center;
  justify-content: center;
  gap: 8px;
  min-width: 92px;
  min-height: 44px;
  margin: 0;
  padding: 8px 0 8px 8px;
  border: 0;
  border-radius: 6px;
  background: none;
  box-shadow: none;
  color: #c6ec86;
  font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.directory-home .server-summary-link:hover {
  border: 0;
  background: #c6ec8610;
  color: #e5fac1;
}

.directory-home .server-summary-link b {
  font-size: 16px;
  font-weight: 500;
}

.directory-home .server-card-info {
  display: grid;
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: minmax(96px, 1fr) minmax(120px, 1.35fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px 0 0;
  border: 0;
  border-top: 1px solid #9cb3a11c;
  background: none;
}

.directory-home .server-card .directory-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  align-content: center;
  justify-items: start;
  gap: 6px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
}

.directory-home .server-card .directory-status > strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #a7b8ab;
  font: 600 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .01em;
  text-transform: capitalize;
}

.directory-home .server-card .directory-status > strong i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: none;
}

.directory-home .server-card .directory-status.online,
.directory-home .server-card .directory-status.offline,
.directory-home .server-card .directory-status.unknown {
  border: 0;
  background: none;
}

.directory-home .server-card .directory-status.online > strong {
  color: #bddd9c;
}

.directory-home .server-card .directory-status.offline > strong {
  color: #edaa9c;
}

.directory-home .server-card .directory-status.unknown > strong {
  color: #c7bd99;
}

.directory-home .directory-player-total {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  text-align: left;
}

.directory-home .directory-player-total small {
  color: #a5b6a8;
  font: 500 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.directory-home .directory-player-total b {
  color: #e1ebdc;
  font: 600 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.directory-home .directory-player-total b i {
  color: #85998c;
  font-style: normal;
  font-weight: 400;
}

.directory-home .server-card .server-performance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: auto;
  margin: 0;
  border: 0;
  background: none;
}

.directory-home .server-card .server-performance > span {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 5px;
  min-width: 0;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
}

.directory-home .server-card .server-performance b {
  min-width: 0;
  max-width: 100%;
  color: #e1ebdc;
  font: 600 15px/1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

.directory-home .server-card .server-performance small {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  color: #a5b6a8;
  font: 500 11px/1.15 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-transform: lowercase;
  white-space: normal;
  overflow-wrap: anywhere;
}

.directory-home .server-vote-button {
  width: auto;
  min-width: 68px;
  min-height: 44px;
  height: auto;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #c6ec86;
  border-radius: 7px;
  background: #c6ec86;
  box-shadow: none;
  color: #182516;
  font: 700 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .01em;
  white-space: normal;
  cursor: pointer;
}

.directory-home .server-vote-button:hover:not(:disabled) {
  border-color: #dcf5b5;
  background: #dcf5b5;
  color: #182516;
}

.directory-home .server-vote-button:disabled {
  border-color: #9db77c36;
  background: #c6ec8612;
  color: #a3b98b;
  opacity: 1;
  cursor: default;
}

.directory-home .server-card-visual {
  display: grid;
  grid-column: 2;
  grid-row: 1 / 3;
  grid-template-rows: auto auto;
  align-content: center;
  justify-self: stretch;
  gap: 10px;
  width: 100%;
  max-width: none;
  height: auto;
  border: 0;
  background: none;
}

.directory-home .server-banner-link,
.directory-home .server-banner-link.is-placeholder {
  display: block;
  position: relative;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 6px;
  background: #10141a;
  text-decoration: none;
}

.directory-home .server-card .server-listing-banner {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 468 / 60;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #10141a;
  object-fit: contain;
}

.directory-home .server-banner-link.is-placeholder .server-banner-placeholder {
  display: grid;
  position: relative;
  align-content: center;
  justify-items: start;
  gap: 5px;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 468 / 60;
  padding: 8px 16px;
  overflow: hidden;
  background: linear-gradient(120deg, #303d4e, #1b2634 70%);
  color: #e9f1df;
  text-align: left;
  text-shadow: none;
}

.directory-home .server-banner-placeholder::before,
.directory-home .server-banner-placeholder::after {
  display: none;
}

.directory-home .server-banner-placeholder b {
  max-width: 100%;
  overflow: hidden;
  color: #e9f1df;
  font: 700 18px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  text-shadow: none;
}

.directory-home .server-banner-placeholder small {
  margin: 0;
  color: #b3c7a9;
  font: 500 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .025em;
  text-shadow: none;
}

.directory-home .server-primary-address {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 3px 4px 3px 12px;
  border: 1px solid #9cb3a122;
  border-radius: 7px;
  background: #10141a60;
}

.directory-home .server-primary-address > span {
  color: #95aa9c;
  font: 600 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .03em;
  text-shadow: none;
}

.directory-home .server-primary-address code {
  min-width: 0;
  overflow: hidden;
  color: #d8e6cc;
  font: 500 13px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.directory-home .server-card .copy-server-ip {
  min-width: 80px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #c6ec8633;
  border-radius: 5px;
  background: #c6ec860a;
  color: #c6ec86;
  font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

.directory-home .server-card .copy-server-ip:hover:not(:disabled) {
  border-color: #c6ec8666;
  background: #c6ec861c;
}

.directory-home .server-card a:focus-visible,
.directory-home .server-card button:focus-visible,
.directory-home .server-page-button:focus-visible,
.directory-home .empty a:focus-visible,
.directory-home .empty button:focus-visible {
  outline: 2px solid #c6ec86;
  outline-offset: 3px;
}

.directory-home .empty {
  grid-column: 1 / -1;
  width: 100%;
  padding: 40px 24px;
  border: 1px dashed #9cb3a142;
  border-radius: 14px;
  background: #1b202866;
  color: #a5b6a8;
  font: 400 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
}

.directory-home .empty strong {
  margin: 0 0 9px;
  color: #edf2e9;
  font-size: 20px;
  font-weight: 650;
}

.directory-home .empty span {
  max-width: 56ch;
  margin: auto;
  line-height: 1.6;
}

.directory-home .empty a,
.directory-home .empty button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 18px auto 0;
  padding: 10px 15px;
  border: 1px solid #c6ec864d;
  border-radius: 7px;
  background: #c6ec8610;
  color: #c6ec86;
  font: 600 13px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.directory-home .server-pagination {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) auto minmax(100px, 1fr);
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 24px auto 0;
  padding: 16px 0;
  border: 0;
  border-top: 1px solid #9cb3a128;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.directory-home .server-pagination[hidden] {
  display: none;
}

.directory-home .server-pagination p {
  margin: 0;
  color: #a5b6a8;
  font: 400 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-align: center;
}

.directory-home .server-page-button {
  justify-self: start;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #9cb3a13b;
  border-radius: 7px;
  background: #202733;
  color: #d8e6cc;
  font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
}

.directory-home .server-page-button:last-child {
  justify-self: end;
}

.directory-home .server-page-button:hover:not(:disabled) {
  border-color: #c6ec8666;
  background: #2a3342;
}

.directory-home .server-page-button:disabled {
  border-color: #9cb3a11c;
  background: #1b2028;
  color: #6f8475;
  opacity: 1;
  cursor: default;
}

@media (max-width: 1080px) {
  .directory-home .server-card {
    gap: 16px 22px;
    padding: 18px;
  }

  .directory-home .server-card-summary {
    column-gap: 8px;
  }

  .directory-home .server-card h3 {
    font-size: 22px;
  }

  .directory-home .server-card-info {
    grid-template-columns: minmax(86px, 1fr) minmax(110px, 1.35fr) auto;
    gap: 10px;
  }

  .directory-home .server-summary-link {
    min-width: 80px;
    font-size: 11px;
  }

  .directory-home .server-vote-button {
    min-width: 60px;
    padding-right: 9px;
    padding-left: 9px;
  }
}

@media (min-width: 921px) {
  .directory-home .server-card-info {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 10px 16px;
  }

  .directory-home .server-card .directory-status {
    grid-column: 1;
    grid-row: 1;
  }

  .directory-home .server-vote-button {
    grid-column: 2;
    grid-row: 1;
  }

  .directory-home .server-card .server-performance {
    grid-column: 1 / -1;
    grid-row: 2;
    gap: 16px;
  }
}

@media (max-width: 920px) {
  .directory-home .server-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 14px;
    padding: 18px;
  }

  .directory-home .server-card-summary {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    gap: 7px 12px;
  }

  .directory-home .server-card .server-card-topline {
    grid-column: 1;
    grid-row: 1;
  }

  .directory-home .server-card h3 {
    grid-column: 1;
    grid-row: 2;
    font-size: 24px;
  }

  .directory-home .server-summary-link {
    grid-column: 2;
    grid-row: 1 / 3;
    padding-left: 8px;
    font-size: 12px;
  }

  .directory-home .server-card .mode-tags {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .directory-home .server-card-info {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(94px, 1fr) minmax(130px, 1.4fr) auto;
    gap: 16px;
    padding-top: 12px;
  }

  .directory-home .server-card-visual {
    grid-column: 1;
    grid-row: 2;
    justify-self: stretch;
    grid-template-columns: minmax(0, 468px) minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    max-width: none;
    gap: 14px;
  }

  .directory-home .server-primary-address {
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
  }

  .directory-home .server-primary-address > span {
    display: none;
  }
}

@media (max-width: 760px) {
  .directory-home .server-card-visual {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 10px;
  }

  .directory-home .server-banner-link,
  .directory-home .server-banner-link.is-placeholder {
    justify-self: center;
  }

  .directory-home .server-primary-address > span {
    display: block;
  }

  .directory-home .server-primary-address {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
}

@media (max-width: 480px) {
  .directory-home .server-grid {
    gap: 14px;
  }

  .directory-home .server-card {
    gap: 12px;
    padding: 14px;
    border-radius: 11px;
  }

  .directory-home .server-card-summary {
    gap: 7px 8px;
  }

  .directory-home .server-card .server-card-topline {
    gap: 8px;
  }

  .directory-home .server-card .tag {
    padding: 3px 6px;
  }

  .directory-home .server-card h3 {
    font-size: 22px;
  }

  .directory-home .server-summary-link {
    min-width: 76px;
    gap: 5px;
    padding-left: 2px;
    font-size: 11px;
  }

  .directory-home .server-card .mode-tags {
    gap: 4px;
  }

  .directory-home .server-card .mode-tags span {
    padding: 3px 5px;
  }

  .directory-home .server-card-info {
    grid-template-columns: minmax(82px, 1fr) minmax(110px, 1.4fr) auto;
    gap: 8px;
    padding-top: 10px;
  }

  .directory-home .server-card .server-performance {
    gap: 6px;
  }

  .directory-home .server-card .server-performance b {
    font-size: 14px;
  }

  .directory-home .server-card .server-performance small {
    font-size: 11px;
  }

  .directory-home .server-vote-button {
    min-width: 56px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 11px;
  }

  .directory-home .server-card-visual {
    gap: 8px;
  }

  .directory-home .server-primary-address {
    gap: 7px;
    min-height: 50px;
    padding-left: 10px;
  }

  .directory-home .server-primary-address code {
    font-size: 12px;
  }

  .directory-home .server-card .copy-server-ip {
    min-width: 74px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: 11px;
  }

  .directory-home .server-banner-link.is-placeholder .server-banner-placeholder {
    gap: 4px;
    padding: 5px 12px;
  }

  .directory-home .server-banner-placeholder b {
    font-size: 15px;
  }

  .directory-home .server-banner-placeholder small {
    font-size: 11px;
  }

  .directory-home .server-pagination {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding-top: 15px;
  }

  .directory-home .server-pagination p {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .directory-home .server-page-button {
    grid-row: 2;
  }

  .directory-home .empty {
    padding: 28px 18px;
  }
}

@media (max-width: 360px) {
  .directory-home .server-card-info {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 10px 12px;
  }

  .directory-home .server-card .directory-status {
    grid-column: 1;
    grid-row: 1;
  }

  .directory-home .server-vote-button {
    grid-column: 2;
    grid-row: 1;
  }

  .directory-home .server-card .server-performance {
    grid-column: 1 / -1;
    grid-row: 2;
    gap: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .directory-home .server-card {
    transition: none;
  }
}

/* Crawlable public content uses the existing design system and public bundle. */
.directory-home .hero-server-logo {
  max-width: 880px;
  font-size: clamp(28px, 4.5vw, 58px);
  line-height: 1.13;
}
.directory-home .hero-server-logo strong {
  display: inline-block;
  width: auto;
  max-width: 100%;
  font-size: inherit;
  overflow-wrap: anywhere;
}
.server-profile-content { display: grid; gap: 18px; min-width: 0; }
.server-breadcrumbs { color: #adb8c8; font-size: 13px; margin-bottom: 16px; }
.server-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.server-breadcrumbs li + li::before { content: "/"; color: #8793a5; margin-right: 8px; }
.server-breadcrumbs li { min-width: 0; overflow-wrap: anywhere; }
.server-breadcrumbs a, .server-related-links a, .server-profile-guides a,
.seo-category-links a, .seo-category-card a { color: #84e2cb; text-underline-offset: 3px; }
.server-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 18px 0; }
.server-related-grid article { min-width: 0; padding: 16px; border: 1px solid #344050; border-radius: 12px; background: #171e29; }
.server-related-grid h3 { margin: 0 0 8px; font-size: 18px; overflow-wrap: anywhere; }
.server-related-grid p { margin: 0; font-size: 13px; color: #b3bfce; }
.server-profile-guides { line-height: 1.6; }
.server-refresh-notice { color: #bdc8d5; font-size: 14px; }
.seo-category-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; font-size: 14px; }
.seo-category-grid { display: grid; gap: 20px; margin-top: 28px; }
.seo-category-card { min-width: 0; padding: 24px; border: 1px solid #344050; border-radius: 16px; background: #171e29; }
.seo-category-card h2 { margin-top: 0; }
.seo-category-card code { overflow-wrap: anywhere; }
.seo-category-list { display: grid; gap: 18px; }
.seo-home-categories { margin: 34px 0 12px; padding: 28px; border: 1px solid #344050; border-radius: 18px; background: #131b25; }
.seo-home-categories h2 { margin: 7px 0 10px; color: #eef4f8; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.025em; }
.seo-home-categories > p:not(.kicker) { max-width: 820px; margin: 0; color: #aeb9c7; font-size: 14px; line-height: 1.7; }
.seo-home-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.seo-home-category-card { display: grid; align-content: start; gap: 9px; min-width: 0; padding: 18px; border: 1px solid #3b4859; border-radius: 12px; background: #19222e; color: #e7eef4; text-decoration: none; }
.seo-home-category-card:hover { border-color: #84e2cb; transform: translateY(-1px); }
.seo-home-category-card strong { color: #84e2cb; font-size: 16px; }
.seo-home-category-card span { color: #bac5d1; font-size: 13px; line-height: 1.55; }
.seo-home-category-card small { color: #8f9dad; font-size: 11px; line-height: 1.45; }
.seo-category-count { margin: 12px 0 24px; padding: 13px 15px; border-left: 3px solid #84e2cb; background: #18222d; color: #bdc8d5; font-size: 14px; line-height: 1.65; }
.seo-category-count strong { color: #f1f6f8; }
.seo-category-checklist, .seo-category-faq, .seo-category-related { margin-top: 34px; }
.seo-category-checklist h2, .seo-category-faq h2, .seo-category-related h2 { margin-bottom: 16px; }
.seo-category-checklist ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.seo-category-checklist li { display: grid; gap: 8px; min-width: 0; padding: 18px; border: 1px solid #344050; border-radius: 12px; background: #171e29; }
.seo-category-checklist strong { color: #eaf1f5; }
.seo-category-checklist span { color: #afbbc9; font-size: 14px; line-height: 1.65; }
.seo-category-guide-link { margin-top: 24px; }
.seo-category-faq details { margin-top: 10px; padding: 15px 18px; border: 1px solid #344050; border-radius: 10px; background: #171e29; }
.seo-category-faq summary { cursor: pointer; color: #e8eff4; font-weight: 750; }
.seo-category-faq details p { margin: 12px 0 0; color: #afbbc9; line-height: 1.7; }
.seo-category-related > div { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.seo-category-related a { color: #84e2cb; text-underline-offset: 3px; }
.seo-home-top, .seo-home-faq { width: min(1120px, calc(100% - 48px)); margin: 52px auto; color: #dfe5ee; }
.seo-home-top h2, .seo-home-faq h2 { font-size: clamp(24px, 3vw, 32px); letter-spacing: -.025em; }
.seo-home-top > p, .seo-home-faq > p { max-width: 820px; color: #aeb9c7; font-size: 14px; line-height: 1.7; }
.seo-home-top a, .seo-home-faq a { color: #c2d9a9; text-underline-offset: 3px; }
.seo-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.seo-faq-grid article { min-width: 0; border: 1px solid #344050; border-radius: 14px; background: #171e29; padding: 22px; }
.seo-faq-grid h3 { margin: 0 0 10px; font-size: 17px; }
.seo-faq-grid p { margin: 0; color: #afbbc9; font-size: 14px; line-height: 1.7; }
.seo-pagination { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 24px 0; align-items: center; font-size: 14px; }
.status-checker-panel { border: 1px solid #344050; border-radius: 16px; padding: 24px; background: #171e29; }
.status-check-form-grid { display: grid; grid-template-columns: minmax(130px, .8fr) minmax(0, 2fr) minmax(90px, .65fr); gap: 16px; }
.status-check-form-grid label { display: grid; gap: 8px; min-width: 0; color: #d7e0e9; font-size: 14px; }
.status-check-form-grid input, .status-check-form-grid select { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid #465365; border-radius: 8px; background: #111923; color: #e9eef5; font: inherit; }
.status-checker-main .status-check-hint { font-size: 13px; color: #a5b3c4; }
.status-check-notice { min-height: 24px; }
.status-check-notice[data-error="true"] { color: #ffbcb5; }
.status-check-result { padding-top: 24px; margin-top: 24px; border-top: 1px solid #344050; }
.status-check-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin: 18px 0 0; }
.status-check-facts > div { min-width: 0; }
.status-check-facts dt { font-size: 12px; color: #aeb9c7; margin-bottom: 5px; }
.status-check-facts dd { margin: 0; color: #e5ecf4; font-size: 15px; overflow-wrap: anywhere; }
.status-check-motd { grid-column: 1 / -1; }
.seo-ranking-banner { display: block; margin: 18px 0; }
.seo-ranking-banner img { display: block; width: 100%; max-width: 468px; height: auto; aspect-ratio: 468 / 60; border-radius: 6px; }
.seo-ranking-position { color: #a9b7c8; font-size: 13px; }
.seo-ranking-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 16px 0; }
.seo-ranking-facts > div { min-width: 0; }
.seo-ranking-facts dt { color: #aeb9c7; font-size: 12px; }
.seo-ranking-facts dd { margin: 5px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.seo-list-notice { padding: 18px; margin: 24px 0; border: 1px solid #475367; border-radius: 12px; color: #c0ccd9; background: #1c2430; line-height: 1.7; }
.seo-home-top-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; }
.seo-home-top-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seo-home-top-grid .seo-ranking-card { padding: 20px; }
.seo-home-top-grid .seo-ranking-card h3 { font-size: 19px; }
.seo-home-top-grid .seo-ranking-card p { font-size: 13px; line-height: 1.6; color: #adbaca; }
.seo-home-top-grid .seo-ranking-card code { display: block; font-size: 12px; }
@media (max-width: 780px) { .seo-home-top-grid { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 761px) and (max-width: 1250px) {
  .directory-home #siteNav { gap: 13px; font-size: 12px; }
}
@media (max-width: 600px) {
  .seo-home-top, .seo-home-faq { width: calc(100% - 32px); margin: 36px auto; }
  .seo-faq-grid, .status-check-form-grid, .status-check-facts, .seo-home-category-grid, .seo-category-checklist ul { grid-template-columns: minmax(0, 1fr); }
  .seo-faq-grid article, .status-checker-panel { padding: 18px; }
  .seo-home-categories { padding: 21px 18px; }
  .status-checker-main > h1 { font-size: clamp(30px, 9vw, 43px); }
}
@media (max-width: 760px) {
  .directory-home .hero:has(#siteNav.open) { z-index: 5; }
  .directory-home #siteNav { max-height: calc(100dvh - 88px); overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 600px) {
  .directory-home .hero-server-logo { font-size: clamp(26px, 6.7vw, 38px); }
  .directory-home .hero .hero-copy { max-width: 440px; }
  .server-related-grid { grid-template-columns: minmax(0, 1fr); }
  .server-breadcrumbs { font-size: 12px; }
  .seo-category-card { padding: 18px; }
}
/* Draft reward tests are independent from final publication. */
#voteDialog [hidden]{display:none!important}
.votifier-draft-summary{margin:14px 0 0;padding:13px 15px;border:1px solid #a8d56b66;border-radius:6px;background:#a8d56b0c;color:#d7ecc1;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.votifier-draft-summary[hidden]{display:none!important}
.final-publish-confirmation{padding:15px;border:1px solid #a9baae50;border-radius:6px;background:#ffffff04}
.votifier-test-dialog .votifier-test-endpoint{display:grid;gap:7px;padding:14px 15px;border:1px solid #b8c5b5;border-radius:6px;background:#e8f0e3}
.votifier-test-endpoint>span{color:#5c6d58;font:850 9px ui-monospace,monospace;letter-spacing:.08em}
.votifier-test-endpoint>code{color:#243724;font-size:16px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}
.votifier-test-dialog .votifier-test-limit{color:#62715f;font-size:11px;line-height:1.65}
.votifier-test-dialog .votifier-test-outcome-note{padding:13px 14px;border-left:3px solid #7c9b69;border-radius:4px;background:#e8f0e2;color:#3b5637;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.votifier-test-dialog .notice.success{padding:12px 13px;border:1px solid #99b17e;border-radius:5px;background:#ecf4e3;color:#345728;font-size:13px;line-height:1.6}
.votifier-test-dialog .notice{overflow-wrap:anywhere}
@media(max-width:430px){.votifier-test-dialog{padding:22px 17px}.votifier-test-dialog .dialog-actions{display:grid;grid-template-columns:1fr}.votifier-test-dialog .dialog-actions>button{width:100%;min-height:44px}.votifier-test-endpoint>code{font-size:14px}.final-publish-confirmation{padding:12px}}

/* Discoverable tools and compact community additions, without another directory. */
.directory-home .hero-banner-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #a5b7a84a;border-radius:7px;background:#101d2399;color:#d6e5d1;font-size:13px;white-space:nowrap}
.directory-home .hero-banner-link:hover{border-color:#c6ec86;color:#d8f1b8;background:#172922}
.directory-home .hero-banner-link:focus-visible,.banner-editor-nav a:focus-visible,.banner-create-link:focus-visible{outline:2px solid #c6ec86;outline-offset:3px}
.directory-home .directory-country{grid-column:1/-1;grid-row:4;display:inline-flex;align-items:center;gap:7px;min-width:0;color:#aab9af;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.directory-country>.country-flag{display:inline-block;width:20px;height:15px;flex:0 0 20px;border-radius:2px;vertical-align:-.1em}
.new-this-week .country-flag{display:inline-block;width:20px;height:15px;margin-right:3px;border-radius:2px;vertical-align:middle}
.new-this-week{width:min(1100px,calc(100% - 48px));margin:24px auto;padding:18px 20px;border:1px solid #8eac9640;border-radius:10px;background:#112029b3}
.new-this-week>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 17px}.new-this-week h2{margin:0;color:#e0ecd8;font-size:21px;line-height:1.3;letter-spacing:-.02em}.new-this-week>div>p{margin:0;color:#99ada3;font-size:11px;line-height:1.6}
.new-this-week-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0 7px}.new-this-week-grid article{min-width:0;padding:11px 13px;border:1px solid #8eac962b;border-radius:6px;background:#06151c80}.new-this-week-grid h3{margin:0 0 4px;color:#dce9d4;font-size:15px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-this-week-grid h3 a{color:inherit;text-decoration:none}.new-this-week-grid h3 a:hover{text-decoration:underline}.new-this-week-grid p{margin:0;color:#9bac9f;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.new-this-week>a{display:inline-flex;align-items:center;min-height:40px;color:#c1dcac;font-size:11px;text-decoration:none}.new-this-week>a:hover{text-decoration:underline}.new-this-week a:focus-visible{outline:2px solid #c6ec86;outline-offset:3px}
.banner-create-help{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin:0;padding:13px 15px;border:1px solid #bccdac;border-radius:6px;background:#eef5e8;color:#4d6348;font-size:12px;line-height:1.6}
.banner-create-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;padding:9px 12px;border:1px solid #8da37a;border-radius:5px;background:#dfeecf;color:#304c27;font-size:12px;font-weight:800;text-decoration:none}
.banner-create-link:hover{background:#d3e7bd;color:#223d1c}
.banner-page .banner-intro{padding:34px 24px 24px}
.banner-page .banner-intro h1{font-size:clamp(38px,5vw,60px);line-height:1.03}
.banner-page .banner-intro p:not(.kicker){margin-top:15px;font-size:14px}
.banner-editor-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:min(1100px,calc(100% - 48px));margin:0 auto 12px}
.banner-editor-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid #94ad9650;border-radius:6px;background:#112127;color:#d2dfcf;font-size:12px;line-height:1.4;text-decoration:none}
.banner-editor-nav a:hover{border-color:#c6ec8680;color:#e1f3ce}.banner-editor-nav .banner-cancel{margin-left:auto;background:transparent;color:#a9bdae}
.banner-page .banner-studio{height:min(760px,75dvh);margin-bottom:35px;grid-template-rows:minmax(0,1fr);overflow:hidden}
.banner-page .banner-controls,.banner-page .banner-preview-area{align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#72956866 transparent;scroll-padding:15px}
.banner-page .banner-controls>*,.banner-page .banner-preview-area>*{flex-shrink:0}
.banner-page .banner-preview-area{position:static;top:auto}
.banner-page .banner-controls:focus-visible,.banner-page .banner-preview-area:focus-visible{outline:2px solid #a1c877;outline-offset:-3px}
.banner-page .banner-template-list{max-height:330px;overflow-y:auto;padding:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#72956866 transparent}
@media(max-width:1020px){.banner-page .banner-studio{height:min(900px,82dvh);grid-template-rows:minmax(0,.45fr) minmax(0,.55fr);grid-template-columns:minmax(0,1fr)}.banner-page .banner-preview-area{grid-row:1;padding:18px}.banner-page .banner-controls{grid-row:2;border-bottom:0;border-top:1px solid #d4ddcd;padding:20px;gap:14px}.banner-page .banner-live-head{margin-bottom:10px}.banner-page .exact-banner-stage{gap:10px;padding:13px}.banner-page .exact-banner-caption h2{font-size:21px}.banner-page .exact-banner-caption p{font-size:10px}.banner-page .banner-template-picker{margin-top:12px}.banner-page .banner-template-list{max-height:170px}.banner-editor-nav{width:calc(100% - 44px)}}
@media(max-width:920px){.directory-home .server-card .server-card-topline{grid-column:1/-1}.directory-home .server-summary-link{grid-row:2}.directory-home .directory-country{grid-row:4}}
@media(max-width:560px){.banner-page .banner-intro{padding:26px 18px 18px}.banner-page .banner-intro h1{font-size:42px}.banner-page .banner-intro p:not(.kicker){font-size:12px;line-height:1.6}.banner-editor-nav{width:calc(100% - 28px);gap:6px}.banner-editor-nav a{min-height:42px;padding:8px 10px;font-size:11px}.banner-editor-nav .banner-cancel{margin-left:0}.banner-page .banner-studio{height:82dvh}.banner-page .banner-preview-area{padding:15px}.banner-page .banner-controls{padding:17px}.banner-page .banner-live-head{gap:4px;font-size:9px}.banner-page .exact-banner-caption{gap:6px}.banner-page .exact-banner-caption h2{font-size:18px}.banner-page .exact-banner-caption p{line-height:1.5}.banner-page .banner-template-picker-label{font-size:9px}.banner-page .banner-template-card{padding:9px}.banner-create-help{padding:12px}.banner-create-link{min-height:44px}}
@media(max-width:600px){.new-this-week{width:calc(100% - 32px);padding:16px}.new-this-week-grid{grid-template-columns:minmax(0,1fr);gap:6px}.new-this-week-grid article{padding:9px 11px}.new-this-week-grid h3{font-size:14px}.new-this-week h2{font-size:20px}.new-this-week>a{min-height:44px}}
@media(max-width:560px){.banner-page .banner-template-card{grid-template-columns:minmax(0,1fr)}.banner-page .banner-template-card-copy{grid-column:1;grid-row:2}.banner-page .banner-template-selected{grid-column:1;grid-row:3;justify-self:start;padding:5px 8px;font-size:8px}.banner-page .banner-template-card-copy b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.banner-page .banner-template-card,.banner-page .banner-template-selected{transition:none}.banner-page .banner-template-card:hover{transform:none}}
.email-request-hint{margin:12px 0 0;color:#63705e;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
#modal form[aria-busy="true"] .button{opacity:.72;cursor:progress}
#modal .resend-verification{border-radius:6px}
#modal .resend-verification[open] summary{margin-bottom:14px}
.votifier-setup-guide{min-width:0;padding:0 14px;border:1px solid #a8d56b45;border-radius:6px;background:#071219;color:#abc1ae;font-size:12px;line-height:1.6}
.votifier-setup-guide summary{min-height:44px;padding:11px 0;color:#dff4c6;font-weight:800;cursor:pointer}
.votifier-guide-content{display:grid;gap:13px;padding:6px 0 14px;overflow-wrap:anywhere}
#votifierGuidePlugin{width:100%;min-width:0;min-height:44px;font-size:12px;font-weight:600}
.votifier-guide-content label{letter-spacing:normal}
.votifier-guide-content label small{font-size:11px;line-height:1.6}
.votifier-guide-content a{color:#dff4c6;text-decoration:underline;text-underline-offset:2px}
.votifier-guide-content section{min-width:0}
.votifier-guide-content .votifier-setup-steps{padding:12px 12px 12px 29px;font-size:12px;gap:10px}
#votifierTroubleshooting{border-top:1px solid #ffffff1a}
#votifierTroubleshooting p{margin:0;color:#abc1ae;font-size:12px;line-height:1.65}
#votifierTroubleshooting p+p{margin-top:8px}
.votifier-setup-guide summary:focus-visible,.votifier-guide-content a:focus-visible{outline:2px solid #c6ec86;outline-offset:3px}
#votifierTestGuideButton[hidden]{display:none!important}

/* Long country names must fit the existing mobile form width. */
#serverForm fieldset, #adminServerForm fieldset { min-width: 0; }
label:has(> #hostingCountry), label:has(> #adminCountry) { min-width: 0; }
#hostingCountry, #adminCountry { width: 100%; min-width: 0; max-width: 100%; }