:root{--ink:#142025;--dark:#10181b;--gold:#d8b777;--paper:#f2efe7;--muted:#9ba2a2;--line:rgba(213,184,131,.25);--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--dark);color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #db9e48;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif)}em{font-style:normal}button{border:0}section{scroll-margin-top:20px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--gold);color:var(--dark);padding:12px}.skip:focus{top:10px}.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--line);background:linear-gradient(#0c141de6,#0c141d44)}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap;font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:3px}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:2.1px;line-height:1.8;color:#b6b4a9}.seal{width:39px;height:44px;display:grid;place-items:center;background:#9e3828;border:1px solid #b86b47;outline:1px solid #9e3828;outline-offset:3px;color:#edd9ab;font-family:var(--serif);font-weight:400;font-size:31px;line-height:1;letter-spacing:0;transform:rotate(-3deg)}nav{display:flex;height:100%;gap:31px;align-items:center}nav a{height:100%;display:flex;align-items:center;font-size:13px;letter-spacing:1px;position:relative;color:#bec2bf}nav a:hover,nav a.active{color:var(--gold)}nav a.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--gold)}.nav-play{border:1px solid #b99455;color:#e7ca92;padding:8px 20px;font-size:13px}.nav-play span{margin-left:15px}.menu-toggle{display:none;background:none;font-size:25px}.hero{min-height:850px;height:100svh;max-height:1150px;position:relative;overflow:hidden;isolation:isolate;background:#0d1720}.hero-art{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#0e1820ed 3%,#0e18207a 46%,#0e182019 75%),linear-gradient(0deg,#10181b 0%,transparent 38%,#0e182059 100%),url('/official/assets/siege.jpg') center/cover}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 55%,#a84e1024,transparent 60%)}.hero-lines{position:absolute;inset:110px 4% 105px;border:1px solid #d8b77712;z-index:-1;pointer-events:none}.hero-lord{position:absolute;width:min(60vw,850px);height:87%;object-fit:contain;object-position:center bottom;right:-1%;bottom:50px;z-index:-1;filter:drop-shadow(0 20px 40px #0007);animation:arrival 1.1s ease-out both}.hero-copy{position:relative;padding:clamp(180px,20vh,260px) 0 150px 9%;max-width:760px;animation:arrival .9s ease-out both}.eyebrow{font-size:10px;font-weight:500;letter-spacing:3px;color:var(--gold);font-family:inherit}.hero .eyebrow{display:flex;gap:13px;align-items:center;font-size:12px;letter-spacing:4px}.eyebrow span{display:inline-block;width:30px;height:1px;background:var(--gold)}.hero-pretitle{font-family:var(--serif);font-size:19px;letter-spacing:6px;color:#d6d4c9;margin:36px 0 8px}.hero h1{font-size:clamp(68px,7.5vw,112px);font-weight:900;letter-spacing:8px;line-height:1.25;color:#efdfb4;text-shadow:2px 5px 20px #0008}.hero-slogan{font-family:var(--serif);font-size:25px;letter-spacing:8px;margin:15px 0 26px;color:#e1c58c}.hero-slogan span{padding:0 14px;color:#a47b40}.hero-desc{font-size:14px;line-height:2;letter-spacing:1px;color:#adb6b8}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:220px;padding:16px 25px;font-weight:600;letter-spacing:3px;transition:background .2s,transform .2s}.primary{background:linear-gradient(115deg,#e4c58b,#c8a368);color:#241e13;box-shadow:inset 0 0 0 1px #e9d3a7;position:relative}.primary:after{content:"";position:absolute;inset:4px;border:1px solid #67513940;pointer-events:none}.primary:hover{background:#eed3a3;transform:translateY(-2px)}.text-link{font-size:12px;letter-spacing:1px;color:#e0cfaf;display:inline-flex;gap:18px;align-items:center}.text-link:hover{color:#fff}.hero-hint{font-size:10px;letter-spacing:2px;color:#9ca3a0;margin-top:17px;display:flex;align-items:center;gap:15px}.hero-hint i{width:2px;height:2px;background:#ad9f86}.vertical-note{position:absolute;right:4%;top:35%;writing-mode:vertical-rl;letter-spacing:9px;font:14px var(--serif);color:#d8b77780}.scroll-cue{position:absolute;left:4%;bottom:120px;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px;color:#b6b0a0}.scroll-cue span{font-size:20px}.server-strip{position:absolute;bottom:0;left:0;right:0;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:25px 8%;min-height:88px;background:#111d21e8;border-block:1px solid var(--line);font-size:12px}.server-strip>div{display:flex;align-items:center;gap:14px}.status-dot{display:inline-block;background:#b3bc93;box-shadow:0 0 12px #bcc69660;width:6px;height:6px;border-radius:50%}.server-strip strong{font-weight:500;color:#e1c58d}.server-name{color:#8e989a;border-left:1px solid #526064;padding-left:14px}.server-strip p{color:#8e989a;font-size:11px}.server-strip a{color:#d4b680;white-space:nowrap}.server-strip a span{margin-left:20px}.section{padding:100px 8%;background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section .eyebrow{color:#938264;font-size:9px;margin-bottom:14px;letter-spacing:2.6px}.section h2{font-size:38px;letter-spacing:3px;line-height:1.5;font-weight:500}.section h2 em{color:#957343}.section-heading>p{font-size:12px;color:#787c76;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{border-bottom:1px solid #c9c4b7;padding-bottom:28px}.feature-image{height:238px;background:#c0b49b;position:relative;overflow:hidden}.feature-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature:hover .feature-image>img{transform:scale(1.04)}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1620237a,transparent 65%)}.feature-image>span{position:absolute;z-index:1;bottom:17px;left:20px;font-size:10px;letter-spacing:3px;color:#fff4d7}.feature-general .feature-image{background:radial-gradient(ellipse at 50% 20%,#576065,#1e2b32)}.feature-general .feature-image img{object-fit:contain;object-position:50% 5%;height:180%;width:100%;position:absolute;top:-4px}.feature-map img{object-fit:cover;transform:scale(1.1)}.feature-map:hover img{transform:scale(1.15)}.feature-body{padding-top:25px}.feature h3{font-size:25px;letter-spacing:3px;font-weight:500;margin-bottom:11px}.feature p{font-size:12px;color:#767a75;line-height:2}.kingdoms{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#354144,#101c23 70%);border-block:1px solid #a9996c33}.kingdom-inner{display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:auto;min-height:760px;padding:80px 8% 60px}.kingdom-copy{position:relative;z-index:2}.kingdoms h2{font-weight:500;font-size:45px;letter-spacing:5px;line-height:1.65;margin:20px 0}.kingdoms h2 em{color:var(--gold)}.kingdom-intro{font-size:12px;line-height:2;color:#9aa6a8;letter-spacing:1px}.kingdom-tabs{display:flex;gap:0;margin:30px 0;border-bottom:1px solid var(--line);max-width:480px}.kingdom-tabs button{padding:13px 0;flex:1;background:none;position:relative;font-size:14px;color:#97a2a5;font-family:var(--serif)}.kingdom-tabs button[aria-selected=true]{color:#ecd59f}.kingdom-tabs button[aria-selected=true]:after{content:"";height:2px;background:var(--gold);position:absolute;bottom:-1px;left:20%;right:20%}#kingdom-panel{max-width:390px;min-height:170px}.country-index{font-size:9px;color:#8d9b9e;letter-spacing:3px}#country-name{font-size:30px;color:#dec591;font-weight:400;margin:2px 0 8px;letter-spacing:6px}#country-desc{font-size:12px;line-height:2;color:#a5adae;margin-bottom:20px}.kingdom-art{position:relative;align-self:stretch}.kingdom-art img{position:absolute;height:110%;max-width:none;width:120%;object-fit:contain;bottom:-10%;left:-10%;z-index:1;filter:drop-shadow(0 15px 25px #0005)}.giant-seal{font-family:var(--serif);font-size:440px;line-height:1;position:absolute;right:-15%;top:-5%;color:#b0955830;opacity:.6;font-weight:900}.art-ring{position:absolute;width:95%;aspect-ratio:1;top:17%;left:5%;border:1px solid #b99b6530;border-radius:50%;outline:1px solid #b99b6515;outline-offset:20px}.art-caption{position:absolute;bottom:0;right:-6%;writing-mode:vertical-rl;color:#9da39b80;font-size:9px;letter-spacing:4px}.kingdom-footnote{max-width:1500px;margin:auto;padding:0 8% 24px;font-size:9px;color:#899592;letter-spacing:2px}.news{padding-bottom:80px}.section-stamp{font-size:11px;color:#8b7454;letter-spacing:5px;border:1px solid #b7a27f;padding:8px 15px}.news-list{border-top:1px solid #c7c2b5}.news-item{width:100%;display:grid;grid-template-columns:100px 1fr 105px 24px;align-items:center;gap:28px;text-align:left;padding:27px 0;background:none;border-bottom:1px solid #d3cfc5;color:var(--ink);transition:padding .2s}.news-item:hover{padding-left:12px;padding-right:12px;background:#e9e5db}.news-category{color:#9b794a;font-size:11px;letter-spacing:2px}.news-item h3{font-size:20px;font-weight:500;letter-spacing:1px}.news-item p{font-size:11px;color:#85887f;margin-top:6px}.news-item time,.news-date{font-size:10px;color:#898c84;letter-spacing:1px}.news-arrow{color:#9a794c;font-size:24px}.guide{background:#e6e4dc;border-top:1px solid #d6d2c7}.small{min-width:175px;padding:12px 20px;font-size:12px;gap:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;counter-reset:step;margin:45px 0 65px;gap:45px}.steps li{padding:0 0 0 55px;position:relative;border-right:1px solid #c8c3b4}.steps li:last-child{border:0}.steps li>span{position:absolute;left:0;top:-6px;color:#9e825a;font-size:34px;font-family:var(--serif)}.steps h3{font-size:20px;font-weight:500;letter-spacing:2px;margin-bottom:12px}.steps p{font-size:12px;line-height:2;color:#797e76;max-width:235px;padding-right:18px}.faq{border-top:1px solid #c7c2b5;display:grid;grid-template-columns:1fr 2fr;padding-top:45px;gap:45px}.faq>h3{font-weight:400;font-size:19px;letter-spacing:1px}details{border-bottom:1px solid #c7c2b5;padding:0 0 18px;margin-bottom:20px}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:#8f724b;font-size:22px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:#747b72;padding:15px 35px 0 0;line-height:2}.final-cta{padding:75px 20px 85px;text-align:center;background:linear-gradient(#101a21e8,#101a21de),url('/official/assets/siege.jpg') center 60%/cover;border-bottom:1px solid var(--line)}.final-cta h2{font-size:43px;font-weight:500;letter-spacing:5px;margin:20px 0 28px}.final-cta>p:last-child{font-size:10px;color:#a5a69b;letter-spacing:4px;margin-top:20px}.mobile-break{display:none}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 6%;gap:35px;background:#0d1519;color:#758180}footer .brand{font-size:20px;color:#c3b597}footer .seal{background:#55352c;outline-color:#55352c;border-color:#79523a}footer>div{font-size:10px;line-height:2;text-align:center}footer small{font-size:9px;color:#666f6d;display:block;margin-top:8px}footer small a{color:#c4ac7b}.back-top{border:1px solid #544e3d;padding:7px 17px;color:#c4ac7b}dialog{background:var(--paper);color:var(--ink);border:1px solid #ac8d58;padding:48px;max-width:620px;width:calc(100% - 40px);max-height:85svh}dialog::backdrop{background:#081116c9;backdrop-filter:blur(5px)}dialog h2{font-size:27px;margin:16px 0 25px;line-height:1.6}dialog .eyebrow{color:#8c6e43}#dialog-body p{font-size:14px;line-height:2;color:#67716c;margin-bottom:16px}dialog .button{margin-top:20px}.dialog-close{position:absolute;right:15px;top:6px;background:none;font-size:32px;color:#88724e}@keyframes arrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1350px)/2)}.section{padding-left:max(8%,calc((100vw - 1280px)/2));padding-right:max(8%,calc((100vw - 1280px)/2))}.hero-lord{right:7%}}
@media(max-width:1100px){nav{gap:18px}.header{gap:18px;padding:0 4%}.brand{font-size:20px}.hero{min-height:790px}.hero-copy{padding-left:7%}.hero h1{font-size:80px}.hero-lord{right:-10%;width:70vw;height:83%;opacity:.88}.hero-copy{max-width:670px}.server-strip{padding:23px 6%}.server-strip p{display:none}.feature-image{height:190px}.kingdoms h2{font-size:36px}.kingdom-inner{padding-inline:6%}.section{padding:80px 6%}.kingdom-tabs{gap:0}.kingdom-art img{width:135%;left:-16%}footer .brand{display:none}}
@media(max-width:760px){.header{height:72px;padding:0 22px;gap:18px}.header .brand{font-size:19px;letter-spacing:2px;gap:10px}.brand small{font-size:6px;letter-spacing:1.4px}.seal{width:29px;height:34px;font-size:25px}.nav-play{margin-left:auto;font-size:11px;padding:6px 12px}.nav-play span{margin-left:8px}.menu-toggle{display:block;font-size:22px;padding:0}.header nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;background:#101c23f5;padding:20px 24px;gap:0;box-shadow:0 15px 30px #0004}.header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav a{padding:13px 0;font-size:14px;border-bottom:1px solid #d8b77718}.header nav a.active:after{display:none}.hero{height:850px;min-height:0;max-height:none}.hero-art{background:linear-gradient(90deg,#0e1820d9,#0e18203a),linear-gradient(0deg,#10181b 8%,transparent 60%),url('/official/assets/siege.jpg') 62% center/cover}.hero-lord{width:110%;height:65%;right:-37%;bottom:81px;opacity:.65;object-position:right bottom;mask-image:linear-gradient(90deg,transparent,#000 20%)}.hero-copy{padding:130px 24px 0;max-width:none}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-pretitle{font-size:14px;margin-top:31px;letter-spacing:4px}.hero h1{font-size:clamp(55px,13vw,87px);letter-spacing:5px;position:relative;z-index:1}.hero-slogan{font-size:19px;letter-spacing:4px;margin:14px 0 26px}.hero-slogan span{padding:0 8px}.hero-desc{font-size:11px;line-height:2.2;max-width:265px;text-shadow:0 2px 10px #000}.hero-actions{margin-top:31px;gap:19px;align-items:start;flex-direction:column}.button{min-width:195px;padding:14px 23px;font-size:14px}.hero-hint{font-size:9px;letter-spacing:1px;margin-top:17px;gap:9px}.hero-actions .text-link{font-size:11px}.vertical-note{display:none}.hero-lines{inset:89px 12px 123px}.scroll-cue{bottom:142px;left:25px;font-size:7px}.server-strip{min-height:109px;padding:20px 24px;gap:12px}.server-strip>div{flex-wrap:wrap;gap:8px}.server-strip strong{font-size:12px}.server-name{width:100%;border:0;margin-left:14px;padding:0;font-size:10px}.server-strip a{font-size:11px;white-space:nowrap}.server-strip a span{margin-left:9px}.section{padding:65px 24px}.section-heading{margin-bottom:30px;align-items:start}.section-heading>p{display:none}.section h2{font-size:29px;letter-spacing:2px}.section .eyebrow{font-size:8px;letter-spacing:1.9px}.feature-grid{grid-template-columns:1fr;gap:29px}.feature{display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center;padding-bottom:27px}.feature-image{height:165px}.feature-body{padding:0}.feature h3{font-size:22px}.feature p{font-size:11px;line-height:2}.feature p br{display:none}.feature-image>span{font-size:8px;letter-spacing:1px;left:12px;bottom:12px}.feature-general .feature-image img{height:135%;top:0}.kingdom-inner{padding:55px 24px 0;display:block;min-height:920px}.kingdoms h2{font-size:32px;letter-spacing:3px;margin:18px 0;line-height:1.5}.kingdoms .eyebrow{font-size:8px;letter-spacing:2px}.kingdom-intro{font-size:11px}.kingdom-tabs{margin:25px 0}.kingdom-tabs button{font-size:14px;padding:12px 0}#kingdom-panel{min-height:168px;max-width:none}#country-desc{max-width:280px}.kingdom-art{height:340px;max-width:380px;margin:-15px auto 0}.kingdom-art img{height:125%;width:100%;left:8%;bottom:-15%}.giant-seal{font-size:290px;right:-2%;top:-8%}.art-ring{width:74%;top:5%;left:15%}.art-caption{right:0}.kingdom-footnote{padding:15px 24px 25px;font-size:8px;position:relative}.news .section-stamp{font-size:9px;letter-spacing:3px;padding:5px 9px;margin-top:24px}.news-item{grid-template-columns:1fr 24px;gap:10px;padding:22px 0}.news-category{grid-column:1;font-size:9px}.news-item>div{grid-row:2;grid-column:1}.news-item h3{font-size:17px;line-height:1.7;letter-spacing:0}.news-item p{font-size:10px}.news-item time,.news-date{grid-row:3;font-size:9px}.news-arrow{grid-column:2;grid-row:2;font-size:22px}.guide .section-heading{flex-direction:column;gap:20px}.guide .button{padding:12px 18px;min-width:170px;font-size:12px}.steps{display:block;margin:35px 0 45px}.steps li{border-right:0;border-bottom:1px solid #cbc7bc;padding:0 0 24px 55px;margin-bottom:25px}.steps p{max-width:none;padding-right:0}.steps li>span{font-size:30px}.steps h3{font-size:19px;margin-bottom:7px}.faq{grid-template-columns:1fr;gap:24px;padding-top:30px}.faq>h3{font-size:18px}summary{font-size:12px}.final-cta{padding:60px 22px}.final-cta .eyebrow{font-size:8px;letter-spacing:2px}.final-cta h2{font-size:34px;letter-spacing:3px;line-height:1.6}.mobile-break{display:block}footer{padding:30px 20px;gap:15px}footer>div{font-size:8px;text-align:left;line-height:2.2}footer small{font-size:8px}.back-top{padding:6px 12px}dialog{padding:35px 25px}dialog h2{font-size:24px}#dialog-body p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Official account controls */
[hidden]{display:none!important}.header{gap:20px}.header nav{gap:20px}.account-actions{display:flex;gap:13px;align-items:center;white-space:nowrap;font-size:13px}.account-actions button{color:#e0c58b;background:none;border:0;padding:8px 0;cursor:pointer;font:inherit}.account-actions button:hover{color:#fff}#account-label{max-width:132px;overflow:hidden;text-overflow:ellipsis;color:#e0c58b}#account-dialog{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:38px;background:#f2efe7;color:#243033;overflow-y:auto}#account-dialog h2{font-size:28px;margin:12px 0}.account-close{position:absolute;top:12px;right:18px;border:0;background:transparent;font-size:30px;color:#776b54;cursor:pointer}.account-intro,.account-note{font-size:12px;line-height:1.8;color:#716a5f}.account-tabs{display:flex;border-bottom:1px solid #cbc1aa;margin:22px 0}.account-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:12px;color:#7c7568;font:inherit;cursor:pointer}.account-tabs button[aria-pressed=true]{color:#885e24;border-bottom-color:#a97b36}#account-form>label:not(.consent),#confirm-field label{display:block;font-size:13px;margin:15px 0 7px}#account-form input:not([type=checkbox]){display:block;width:100%;border:1px solid #c7bead;border-radius:3px;padding:12px;background:#fffef9;color:#243033;font-size:16px}#account-form input:focus-visible{outline:2px solid #ae8046;outline-offset:2px}.consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0 8px;font-size:12px;line-height:1.9}.consent input{margin-top:5px;flex-shrink:0;width:16px;height:16px;accent-color:#997035}.consent a{color:#885e24;text-decoration:underline;text-underline-offset:3px}#account-message{min-height:22px;font-size:13px;color:#a13c2c;line-height:1.6;margin:8px 0}#account-submit{width:100%;margin-bottom:15px;cursor:pointer}#account-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:1150px){.header nav{gap:12px}.header{gap:13px}.header nav a{font-size:12px}.header .brand small{display:none}}
@media(max-width:800px){.header .nav-play{display:none}.account-actions{margin-left:auto;font-size:12px;gap:12px}#account-label{max-width:105px}.header{gap:12px}#account-dialog{padding:30px 24px}.account-tabs{margin:15px 0}}

.site-registration{margin-top:12px;font-size:12px;line-height:1.9;color:#c5c8c5}.site-registration span,.site-registration>a{display:block}.site-registration>a{color:#cfb681}.site-registration>a:hover{text-decoration:underline}

.server-zones{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.server-zones a{border:1px solid #b99455;color:#e7ca92;padding:3px 10px;font-size:12px;letter-spacing:1px}.server-zones a:hover{background:#b9945522;color:#fff}

/* 简化七国展示，移除圆环和虚线装饰 */.kingdoms .art-ring,.kingdoms .giant-seal{display:none!important}.kingdoms .kingdom-art img{filter:drop-shadow(0 15px 25px #0005)}

/* 手机端布局增强 */
@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .hero{height:100svh;min-height:680px}
  .hero-copy{padding-top:112px}
  .server-strip{min-height:96px;padding-top:16px;padding-bottom:16px}
  .server-zones{gap:5px}
  .server-zones a{padding:3px 8px;font-size:11px}
  .kingdom-art img{height:118%;bottom:-7%}
  footer{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:380px){
  .hero{min-height:640px}
  .hero-copy{padding-top:100px}
  .hero h1{font-size:52px}
  .server-strip{padding-left:18px;padding-right:18px}
}