@font-face{font-family:Roboto;src:url('/assets/fonts/roboto-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('/assets/fonts/roboto-italic-latin.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
:root{--u:min(.09478673vw,1.3px);--cyan:#00c6ff;--blue:#0074ff;--ink:#030c13;--white:#f5f8fb;--muted:#b4c3cf;--line:#166786;--font:Roboto,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#030b11;color:var(--white);font:400 calc(13 * var(--u))/1.4 var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}h1,h2{font-style:italic;font-weight:900;line-height:1.08}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:#027dc2;color:#fff}.icon{display:inline-block;width:calc(22 * var(--u));height:calc(22 * var(--u));object-fit:contain;flex-shrink:0}.skip-link{position:fixed;top:-70px;left:20px;padding:12px;background:#087cd0;z-index:99}.skip-link:focus{top:10px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:calc(2.6 * var(--u));font-size:calc(11 * var(--u));font-weight:700;line-height:1.25}.section-heading h2{font-size:calc(25 * var(--u));text-transform:uppercase;margin-top:calc(3 * var(--u))}.section-heading h2 em{font-style:inherit;color:var(--cyan)}.section-glow{position:relative;border-bottom:1px solid #07506c;background:radial-gradient(ellipse at 50% 100%,#08202d66,transparent 67%),#030c13}.section-glow:after{content:"";position:absolute;bottom:-1px;left:2%;right:2%;height:1px;background:linear-gradient(90deg,transparent,#01c5ff 18%,#05caff 50%,#01baff 82%,transparent);box-shadow:0 0 8px 1px #00b9ff6b;pointer-events:none;z-index:2}.streaks{position:relative;isolation:isolate}.streaks:before,.streaks:after{content:"";position:absolute;top:0;width:calc(77 * var(--u));height:100%;background:repeating-linear-gradient(140deg,transparent 0 8px,#0079e8 9px 14px,transparent 15px 19px,#00bcf0 20px 23px,transparent 24px 35px);clip-path:polygon(0 0,100% 0,0 80%);z-index:-1;pointer-events:none}.streaks:before{left:0}.streaks:after{right:0;transform:rotate(180deg);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}
.site-header{height:calc(69 * var(--u));border-bottom:1px solid #087ca1;background:linear-gradient(180deg,#05131c,#01080d);z-index:10;box-shadow:0 2px 12px #001321}.nav-wrap{height:100%;width:calc(900 * var(--u));max-width:calc(100% - 50px);margin:auto;display:flex;align-items:center}.brand{width:calc(174 * var(--u));flex-shrink:0;margin-right:calc(44 * var(--u))}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:calc(12 * var(--u))}.main-nav>a,.nav-server>a{display:flex;align-items:center;gap:calc(8 * var(--u));white-space:nowrap;font-size:calc(12.5 * var(--u));font-weight:700;padding:calc(8 * var(--u)) calc(9 * var(--u));border:1px solid transparent}.main-nav .icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.main-nav a:hover{color:var(--cyan)}.main-nav [aria-current=page]{background:linear-gradient(135deg,#0076bd,#0058b9 70%,#0066f0);border-color:#00c9ff;border-radius:5px;box-shadow:inset 0 0 8px #00b3ff,0 0 10px #00a6ff80;transform:skewX(-15deg)}.main-nav [aria-current=page]>*{transform:skewX(15deg)}.main-nav .nav-discord{padding:calc(7 * var(--u)) calc(16 * var(--u));background:linear-gradient(120deg,#00bdeb,#0055ff);border:1px solid #00adff;border-radius:5px;transform:skewX(-15deg);box-shadow:0 0 9px #007aff55}.nav-discord>*{transform:skewX(15deg)}.main-nav .nav-discord:hover{color:white;filter:brightness(1.15)}.nav-server{position:relative}.chevron{font-size:.9em}.nav-dropdown{position:absolute;top:100%;left:0;min-width:185px;border:1px solid #0d6686;background:#06111cf5;padding:8px;border-radius:4px;display:none;box-shadow:0 10px 25px #0008}.nav-dropdown a{display:block;padding:10px 12px;font-size:13px}.nav-server:hover .nav-dropdown,.nav-server:focus-within .nav-dropdown{display:block}.mobile-toggle{display:none}
.hero{position:relative;height:calc(310 * var(--u));overflow:hidden;border-bottom:1px solid #04b7ef;background:#061523}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00111a12,#00142233 33%,#0013212b 68%,#00101708),linear-gradient(0deg,#020b13a8,transparent 50%,#00142114)}.hero-content{position:relative;z-index:1;width:calc(680 * var(--u));max-width:90%;text-align:center;margin:auto;padding-top:calc(9 * var(--u))}.hero-logo{width:calc(440 * var(--u));height:calc(147 * var(--u));object-fit:contain;margin:0 auto calc(3 * var(--u));filter:drop-shadow(0 3px 4px #000)}.hero h1{font-size:calc(14.5 * var(--u));font-style:normal;font-weight:800;letter-spacing:calc(4 * var(--u));text-transform:uppercase;text-shadow:0 2px 4px black;line-height:1.5}.hero-content>p{font-size:calc(13 * var(--u));line-height:1.24;margin-top:calc(8 * var(--u));text-shadow:0 1px 4px black}.hero-actions{display:flex;justify-content:center;gap:calc(22 * var(--u));margin-top:calc(18 * var(--u))}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #19baf6;border-radius:5px;background:linear-gradient(160deg,#09202a,#020a11);transform:skewX(-15deg);min-height:calc(37 * var(--u));padding:calc(7 * var(--u)) calc(19 * var(--u));font-weight:800;text-transform:uppercase;white-space:nowrap;font-size:calc(13.5 * var(--u));box-shadow:inset 0 0 8px #005b8640,0 2px 5px #0008;transition:filter .18s,box-shadow .18s}.button>span{display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));transform:skewX(15deg)}.button .icon{width:calc(19 * var(--u));height:calc(19 * var(--u))}.button.primary{background:linear-gradient(125deg,#00d4ff 0%,#008bff 35%,#0056ec 90%);border-color:#00c2ff;box-shadow:inset 0 0 7px #42dcff66,0 0 11px #007eff66}.button.outline{border-color:#9ed2e8}.button:hover{filter:brightness(1.18);box-shadow:0 0 14px #00afff80}.button-small{min-height:calc(28 * var(--u));padding:calc(5 * var(--u)) calc(13 * var(--u));font-size:calc(10.5 * var(--u));font-weight:600;text-transform:none}.button-small.outline{border-color:#008fc7}
.intro{height:calc(191 * var(--u));overflow:hidden}.intro-copy{position:relative;z-index:1;margin-left:max(calc((100% - 1266px)/2 + 46px),calc(46 * var(--u)));padding-top:calc(16 * var(--u));width:calc(440 * var(--u));max-width:46%}.intro-copy>p{font-size:calc(12.2 * var(--u));line-height:1.28;margin-top:calc(7 * var(--u))}.trust-row{display:flex;margin-top:calc(12 * var(--u));gap:calc(12 * var(--u))}.trust-row>div{display:flex;align-items:center;gap:calc(9 * var(--u));font-size:calc(10.2 * var(--u));line-height:1.25;flex:1}.trust-row>div+div{border-left:1px solid #8ba9b04f;padding-left:calc(12 * var(--u))}.trust-row .icon{width:calc(25 * var(--u));height:calc(25 * var(--u))}.intro-art{position:absolute;right:0;top:calc(7 * var(--u));width:52.4%;height:calc(184 * var(--u));background:#00b9ff;clip-path:polygon(20% 0,100% 0,100% 72%,90% 100%,0 100%);filter:drop-shadow(0 0 5px #00c3ff)}.intro-art img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;object-position:50% 50%;clip-path:polygon(20% 0,100% 0,100% 72%,90% 100%,0 100%)}
.features{height:calc(230 * var(--u));padding:calc(14 * var(--u)) max(calc((100% - 1278px)/2),calc(36 * var(--u))) calc(18 * var(--u))}.features>.section-heading{margin-left:calc(10 * var(--u))}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(12 * var(--u));margin-top:calc(13 * var(--u))}.feature-card{position:relative;display:block;height:calc(145 * var(--u));overflow:hidden;border-radius:calc(8 * var(--u));border:1px solid #05c0fd;box-shadow:0 0 5px #00aeff88,inset 0 0 5px #00aeff66;background:#06121d;transition:transform .18s,box-shadow .18s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 0 14px #00adffb0}.feature-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;opacity:.5}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#010a12 6%,#010b14c9 47%,#0014292b 100%);box-shadow:inset 0 -2px 5px #008be073;pointer-events:none}.feature-content{position:relative;z-index:1;text-align:center;padding:calc(12 * var(--u)) calc(10 * var(--u)) 0}.feature-content>.icon{display:block;width:calc(47 * var(--u));height:calc(47 * var(--u));margin:auto;filter:drop-shadow(0 0 7px #05abff99)}.gmod-mark{display:block;margin:auto;height:calc(47 * var(--u));width:calc(45 * var(--u));line-height:calc(43 * var(--u));font-size:calc(48 * var(--u));font-family:Arial,sans-serif;font-weight:bold;border-radius:calc(4 * var(--u));background:linear-gradient(110deg,#00ceff,#0084ee);box-shadow:0 0 10px #00bcffa0}.feature-content h3{font-size:calc(18 * var(--u));line-height:1.1;margin:calc(9 * var(--u)) 0 calc(5 * var(--u));text-transform:uppercase;font-weight:900}.feature-content p{font-size:calc(11 * var(--u));line-height:1.2;text-shadow:0 1px 2px #000}
.latest-news{height:calc(227 * var(--u));padding:calc(14 * var(--u)) max(calc((100% - 1254px)/2),calc(45 * var(--u))) calc(18 * var(--u))}.latest-news>.button{position:absolute;right:max(calc((100% - 1254px)/2),calc(39 * var(--u)));top:calc(18 * var(--u))}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16 * var(--u));margin-top:calc(10 * var(--u))}.news-card{display:block;overflow:hidden;height:calc(147 * var(--u));border:1px solid #74868f;border-radius:calc(7 * var(--u));background:linear-gradient(150deg,#07141e,#030d14);transition:border-color .18s,transform .18s}.news-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.news-image{height:calc(72 * var(--u));position:relative;overflow:hidden}.news-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#031019,transparent 75%)}.news-tag{position:absolute;left:calc(12 * var(--u));top:calc(5 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));font-size:calc(9.5 * var(--u));font-style:italic;font-weight:800;line-height:1.25;text-transform:uppercase;background:linear-gradient(120deg,#00a5ff,#0069f2);transform:skewX(-12deg);z-index:1}.news-tag.purple{background:linear-gradient(120deg,#a500ff,#5b19e1)}.news-body{position:relative;padding:0 calc(12 * var(--u)) calc(8 * var(--u))}.news-body h3{font-size:calc(14 * var(--u));font-weight:700;line-height:1.15;margin-bottom:calc(3 * var(--u))}.news-body time{display:flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(9.5 * var(--u));color:#c1cbd5;line-height:1.2}.news-body time .icon{height:calc(10 * var(--u));width:calc(10 * var(--u))}.news-body p{font-size:calc(10.7 * var(--u));line-height:1.25;margin-top:calc(5 * var(--u))}
.people-status{height:calc(221 * var(--u));padding:calc(13 * var(--u)) max(calc((100% - 1254px)/2),calc(45 * var(--u))) calc(16 * var(--u));display:grid;grid-template-columns:1.1fr .98fr;gap:calc(40 * var(--u));background:linear-gradient(90deg,#030c13 50%,#03111ac9),url('/assets/images/map_brookside_hotel_de_ville.webp') 100% 12%/50% auto no-repeat}.staff-preview{position:relative}.staff-preview:after{content:"";position:absolute;right:calc(-22 * var(--u));top:0;bottom:calc(9 * var(--u));width:1px;background:linear-gradient(transparent,#adccd1aa,transparent)}.people-status .section-heading h2{font-size:calc(22 * var(--u))}.staff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12 * var(--u));margin-top:calc(11 * var(--u))}.staff-card{position:relative;height:calc(146 * var(--u));display:block;border:1px solid #00bdff;border-radius:calc(7 * var(--u));background:linear-gradient(#071722,#020d16);text-align:center;overflow:hidden;box-shadow:0 0 5px #00a5ff66;transition:box-shadow .18s}.staff-card:hover{box-shadow:0 0 12px #00b8ffbb}.staff-portrait{height:calc(91 * var(--u));position:relative;overflow:hidden;background:#091a29}.staff-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020d16,transparent 40%)}.staff-portrait img{position:absolute;width:530%;max-width:none;height:auto;top:-40%;left:-105%}.portrait-admin img{left:-230%;top:-55%}.portrait-support img{left:-7%;top:-85%}.portrait-moderator img{left:-260%;top:-135%}.staff-role-icon{position:absolute;top:calc(80 * var(--u));left:50%;transform:translateX(-50%);filter:drop-shadow(0 0 4px #00bfff)}.staff-role-icon .icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.staff-card h3{margin-top:calc(10 * var(--u));font-size:calc(14.5 * var(--u));font-weight:800;line-height:1.1}.staff-card p{color:var(--cyan);font-size:calc(11 * var(--u));line-height:1.1;margin-top:calc(5 * var(--u))}.illustration-note{color:#93aabb;font-size:calc(8 * var(--u));margin-top:calc(4 * var(--u));line-height:1}.stats-board{height:calc(145 * var(--u));border:1px solid #738692;border-radius:calc(9 * var(--u));background:linear-gradient(115deg,#020c14df,#09151ddd);overflow:hidden;margin-top:calc(10 * var(--u));box-shadow:inset 0 0 8px #00b5ff17}.stats-live{height:calc(57 * var(--u));display:flex;align-items:center;padding:calc(7 * var(--u)) calc(16 * var(--u));gap:calc(14 * var(--u));border-bottom:1px solid #526774}.status-dot{width:calc(15 * var(--u));height:calc(15 * var(--u));border-radius:50%;background:#7f95a3;box-shadow:0 0 9px #7f95a344;flex-shrink:0}.stats-board.is-online .status-dot{background:#24ff54;box-shadow:0 0 12px #2cff7566}.stats-board.is-offline .status-dot{background:#f3ac47}.stats-live h3{font-size:calc(18 * var(--u));font-weight:800;line-height:1.2;white-space:nowrap}.stats-live h3 em{color:#30ff54;font-style:normal}.stats-live p{font-size:calc(10.5 * var(--u));white-space:nowrap}.player-count{display:flex;align-items:center;margin-left:auto;gap:calc(12 * var(--u));line-height:1}.player-count>.icon{width:calc(33 * var(--u));height:calc(27 * var(--u))}.player-count>div{white-space:nowrap;font-size:calc(20 * var(--u));font-weight:400;text-align:center}.player-count strong{font-size:calc(25 * var(--u));font-weight:900}.player-count small{display:block;font-size:calc(9 * var(--u));margin-top:calc(6 * var(--u))}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);height:calc(86 * var(--u));align-items:center;text-align:center}.stats-grid>div{display:flex;align-items:center;flex-direction:column;gap:calc(4 * var(--u))}.stats-grid>div+div{border-left:1px solid #314654}.stats-grid .icon{width:calc(25 * var(--u));height:calc(25 * var(--u))}.stats-grid strong{font-size:calc(12.5 * var(--u));font-weight:800;line-height:1.1}.stats-grid span{font-size:calc(9 * var(--u));color:#dde5e9;line-height:1.1}
.discord-section{height:calc(120 * var(--u));background:radial-gradient(ellipse at 58% 100%,#00345790,transparent 70%),linear-gradient(100deg,#02101d,#021420 65%,#011627);border-bottom:1px solid #00bfff;border-top:1px solid #00668e;overflow:hidden;box-shadow:inset 0 -4px 14px #00a5ff22}.discord-section:before,.discord-section:after{width:calc(75 * var(--u))}.discord-inner{height:100%;width:calc(945 * var(--u));max-width:calc(100% - 84px);margin:auto;display:flex;align-items:center;gap:calc(45 * var(--u));position:relative}.discord-tile{display:flex;align-items:center;justify-content:center;width:calc(93 * var(--u));height:calc(94 * var(--u));flex-shrink:0;border-radius:calc(20 * var(--u));background:linear-gradient(135deg,#4aa0ff 4%,#3d63ff 45%,#1628b5);border:1px solid #78c9ff;box-shadow:inset 0 0 9px #9cdbff88,0 4px 1px #16105e,0 0 20px #0074ff77;transform:rotate(-13deg)}.discord-tile .icon{width:calc(64 * var(--u));height:calc(58 * var(--u));filter:drop-shadow(0 2px 3px #003790)}.discord-copy{position:relative;z-index:1}.discord-copy h2{font-size:calc(25 * var(--u));text-transform:uppercase;white-space:nowrap;margin-top:calc(3 * var(--u))}.discord-copy>p:last-child{font-size:calc(12.5 * var(--u));line-height:1.25;margin-top:calc(5 * var(--u))}.discord-inner>.button{margin-left:auto;font-size:calc(13 * var(--u));padding-left:calc(17 * var(--u));padding-right:calc(17 * var(--u));z-index:1}.skyline{position:absolute;width:calc(190 * var(--u));height:calc(60 * var(--u));bottom:-2px;left:59%;fill:none;stroke:#00bfff;stroke-width:1.5;filter:drop-shadow(0 0 4px #008bff)}
.site-footer{background:linear-gradient(#040e15,#020a0f);height:calc(123 * var(--u))}.footer-main{height:calc(84 * var(--u));max-width:calc(965 * var(--u));margin:auto;display:grid;grid-template-columns:21% 30% 26% 23%;align-items:center}.footer-main>div{border-left:1px solid #a7bec680;padding-left:calc(41 * var(--u));min-height:calc(56 * var(--u));display:flex;justify-content:center;flex-direction:column}.footer-brand img{width:calc(165 * var(--u));height:auto}.footer-main h3{font-style:italic;text-transform:uppercase;font-size:calc(11 * var(--u));font-weight:900;margin-bottom:calc(7 * var(--u));line-height:1}.footer-main p{font-size:calc(9.5 * var(--u));line-height:1.3}.footer-links>div{display:grid;grid-template-columns:repeat(2,1fr);font-size:calc(9.5 * var(--u));line-height:1.35;gap:calc(1 * var(--u)) calc(13 * var(--u))}.footer-links a:hover{color:var(--cyan)}.footer-social>div{display:flex;gap:calc(8 * var(--u))}.footer-social a,.footer-social button{width:calc(33 * var(--u));height:calc(33 * var(--u));display:flex;align-items:center;justify-content:center;border:1px solid #879ca9;border-radius:5px;background:#051019;padding:calc(6 * var(--u))}.footer-social .icon{width:100%;height:100%}.footer-social a:hover,.footer-social button:hover{border-color:var(--cyan);background:#06324a}.footer-main .footer-social{padding-left:calc(37 * var(--u))}.footer-bottom{min-height:calc(37 * var(--u));border-top:1px solid #24434d;max-width:calc(965 * var(--u));margin:auto;display:flex;justify-content:center;align-items:flex-start;padding-top:calc(9 * var(--u));gap:calc(12 * var(--u));font-size:calc(8.5 * var(--u));color:#c0cbd4;white-space:nowrap}.footer-bottom>*+*{border-left:1px solid #657b83;padding-left:calc(12 * var(--u))}
.inner-page{min-height:75vh}.page-heading{padding:65px 25px 45px;text-align:center;background:linear-gradient(#02132080,#020c13ef),url('/assets/images/map_brookside_vie_nocturne.webp') 50% 45%/cover;border-bottom:1px solid #0579a3}.page-heading h1{font-size:clamp(30px,4vw,52px);margin:10px 0 15px}.page-heading>p:last-of-type{font-size:15px;color:#d3e1e9}.page-content,.article-content{width:calc(100% - 70px);max-width:1150px;margin:35px auto 50px;font-size:15px;line-height:1.65}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.document-card{padding:28px;border:1px solid #135a75;border-radius:9px;background:linear-gradient(140deg,#071923,#040d15);margin-bottom:24px;position:relative;min-width:0}.document-card h2{font-size:24px;margin:0 0 15px}.document-card p+p{margin-top:14px}.document-card .stats-board{--u:1px;margin:15px 0 0}.document-card .stats-live{padding:8px;gap:8px}.document-card .stats-live h3{font-size:16px}.document-card .player-count{gap:6px}.document-image{width:100%;height:300px;object-fit:cover;border-radius:5px;margin:20px 0}.server-address{color:var(--cyan);font:700 21px var(--font);margin:20px 0}.inline-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.plain-button{color:var(--cyan);border:1px solid #18627e;border-radius:5px;padding:9px 15px;background:#05131d}.plain-button:hover{background:#082f44}.feedback{color:var(--cyan);min-height:20px}.muted{color:#afc0ce;font-size:13px;margin:15px 0}.rule-number{position:absolute;right:24px;top:15px;color:#0f5069;font-size:36px;font-weight:900;font-style:italic}.document-card>h2{position:relative}.key-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.key-list>div{display:flex;gap:12px;align-items:center}.key-list dt{color:var(--cyan);font-weight:bold;border:1px solid #126582;border-radius:4px;padding:5px 9px}.key-list dd{margin:0;font-size:13px}.state-badge{display:inline-block;color:#7cddff;background:#06334b;border:1px solid #095e80;border-radius:4px;padding:4px 9px;font-size:12px;font-weight:bold;margin-bottom:15px}.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-placeholder{text-align:center;min-height:210px}.shop-placeholder>.icon{height:45px;width:45px;margin:0 auto 20px}.shop-placeholder .state-badge{margin:20px 0 0}.shop-intro{text-align:center}.team-page{--u:1.5px;margin:30px 0 40px}.news-page{--u:1.25px;margin:30px 0}.news-page .news-card{height:230px}.news-page .news-image{height:110px}.news-page .news-body{padding:10px 15px}.article-content{max-width:850px}.article-content .document-image{height:350px;margin:0 0 25px}.text-link{color:var(--cyan);display:inline-block;margin-top:24px}.page-heading .button{margin-top:20px}dialog{background:#061724;color:var(--white);border:1px solid #00baff;box-shadow:0 0 35px #0084bb55;border-radius:10px;width:calc(100% - 35px);max-width:520px;padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin:12px 0}dialog>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-bottom:25px}.dialog-close{position:absolute;right:10px;top:5px;font-size:28px;border:none;background:none;color:#b8d7e5}
@media(min-width:1372px){.intro-copy{margin-left:calc((100% - 1254px)/2)}.intro-art{width:51%}}
@media(max-width:800px){:root{--u:1px}body{font-size:14px}.site-header{height:76px}.nav-wrap{width:auto;max-width:none;margin:0 24px;justify-content:space-between}.brand{width:155px;margin:0}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:#051823;border:1px solid #166381;border-radius:5px;width:44px;height:38px;padding:9px}.mobile-toggle span{height:2px;background:#eaf7ff;width:100%}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#020e18fa;border-bottom:1px solid #00a9e4;padding:18px 25px;box-shadow:0 15px 20px #000a;flex-direction:column;align-items:stretch;gap:6px}.main-nav.is-open{display:flex}.main-nav>a,.nav-server>a{font-size:15px;padding:11px}.main-nav [aria-current=page],.main-nav .nav-discord{transform:none}.main-nav [aria-current=page]>*,.nav-discord>*{transform:none}.main-nav .icon{width:21px;height:21px}.nav-dropdown{display:none!important}.hero{height:365px}.hero-background{object-position:34% 48%}.hero-content{max-width:92%;width:auto;padding-top:25px}.hero-logo{width:360px;max-width:90%;height:130px}.hero h1{font-size:13px;letter-spacing:2.5px;margin:4px 0 10px}.hero-content>p{font-size:13px;line-height:1.5}.hero-actions{margin-top:23px;gap:15px}.button{font-size:12px;min-height:39px;padding:8px 14px}.button .icon{width:17px;height:17px}.intro{height:auto;padding:24px 25px 0;overflow:hidden}.intro-copy{width:auto;max-width:none;margin:0;padding:0}.section-heading h2{font-size:25px}.intro-copy>p{font-size:13px;line-height:1.55}.trust-row{margin:18px 0 22px;gap:10px}.trust-row>div{font-size:10px;gap:8px}.trust-row>div+div{padding-left:10px}.trust-row .icon{width:23px;height:23px}.intro-art{position:relative;right:auto;top:0;width:calc(100% + 50px);margin-left:-25px;height:210px;clip-path:polygon(12% 0,100% 0,100% 90%,93% 100%,0 100%)}.intro-art img{clip-path:inherit;object-position:center}.features,.latest-news{height:auto;padding:25px}.features>.section-heading{margin:0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.feature-card{height:174px}.feature-content{padding:17px 10px}.feature-content>.icon{height:49px;width:49px}.feature-content h3{font-size:18px;margin-top:13px}.feature-content p{font-size:12px;line-height:1.35}.gmod-mark{height:49px}.latest-news>.button{position:static;margin-top:18px;margin-bottom:5px}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.news-card{height:220px}.news-image{height:95px}.news-body{padding:6px 10px}.news-body h3{font-size:14px;line-height:1.25}.news-body time{font-size:10px;margin:5px 0}.news-body p{font-size:11px;line-height:1.4}.people-status{height:auto;display:block;padding:25px;background-size:cover}.staff-preview:after{display:none}.staff-preview{margin-bottom:30px}.people-status .section-heading h2{font-size:25px}.staff-grid{gap:14px;margin-top:20px}.staff-card{height:185px}.staff-portrait{height:124px}.staff-role-icon{top:112px}.staff-card h3{font-size:16px;margin-top:13px}.staff-card p{font-size:12px}.illustration-note{font-size:9px;margin-top:8px}.stats-board{height:160px;margin-top:18px}.stats-live{height:65px}.stats-live h3{font-size:19px}.stats-live p{font-size:11px}.stats-grid{height:93px}.stats-grid .icon{height:26px;width:26px}.stats-grid strong{font-size:14px}.stats-grid span{font-size:10px}.discord-section{height:auto;min-height:180px;padding:25px}.discord-inner{max-width:none;width:auto;gap:22px;flex-wrap:wrap}.discord-tile{width:75px;height:75px;border-radius:17px}.discord-tile .icon{width:50px;height:45px}.discord-copy{flex:1}.discord-copy h2{font-size:23px;white-space:normal}.discord-copy>p:last-child{font-size:12px;line-height:1.45}.discord-inner>.button{margin:0 0 0 98px}.skyline{left:auto;right:0;opacity:.5}.site-footer{height:auto}.footer-main{height:auto;max-width:none;margin:0 25px;padding:28px 0;grid-template-columns:1fr 1fr;gap:25px}.footer-main>div{padding-left:20px;min-height:60px}.footer-main .footer-social{padding-left:20px}.footer-main h3{font-size:12px}.footer-main p,.footer-links>div{font-size:11px}.footer-brand img{width:165px}.footer-bottom{margin:0 25px;padding:15px 0;white-space:normal;flex-wrap:wrap;font-size:9px;gap:8px}.footer-bottom>*+*{padding-left:8px}.footer-social a,.footer-social button{width:33px;height:33px}.page-heading{padding:45px 25px 35px}.page-content,.article-content{width:calc(100% - 40px);font-size:14px;margin:25px auto 35px}.document-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(3,1fr);gap:12px}.shop-placeholder{padding:20px 12px}.document-card{padding:22px}.key-list{grid-template-columns:repeat(2,1fr)}.team-page{--u:1px}.news-page{--u:1px}.document-image,.article-content .document-image{height:220px}}
@media(max-width:520px){.hero{height:380px}.hero-logo{max-width:100%;width:330px;height:125px}.hero h1{font-size:11px;letter-spacing:2px}.hero-actions{flex-direction:column;align-items:center;gap:13px;margin-top:19px}.hero-actions .button{min-width:225px}.section-heading h2{font-size:23px}.eyebrow{font-size:10px;letter-spacing:2.2px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:last-child{grid-column:1/-1;height:155px}.feature-card:last-child .feature-picture{object-position:50% 40%}.feature-content p{font-size:11.5px}.news-grid{grid-template-columns:1fr}.news-card{height:auto;min-height:230px}.news-image{height:128px}.news-body{padding:5px 13px 14px}.news-body h3{font-size:16px}.news-body p{font-size:12px}.news-tag{font-size:11px;top:8px}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-card{height:191px}.staff-portrait{height:130px}.staff-role-icon{top:119px}.people-status .section-heading h2{font-size:23px}.stats-live{padding:10px;gap:10px}.stats-live h3{font-size:16px}.stats-live p{font-size:9px}.player-count{gap:8px}.player-count>.icon{width:27px;height:25px}.player-count>div{font-size:18px}.player-count strong{font-size:24px}.player-count small{font-size:8px}.stats-grid strong{font-size:12px}.stats-grid span{font-size:8.5px}.trust-row .icon{width:21px;height:21px}.trust-row>div{font-size:9px;gap:6px}.trust-row>div+div{padding-left:7px}.discord-section{padding:27px 25px}.discord-inner{gap:18px}.discord-copy h2{font-size:21px}.discord-tile{width:64px;height:68px}.discord-copy>p:last-child{font-size:11.5px}.desktop-break{display:none}.discord-inner>.button{margin-left:82px;font-size:11px}.footer-main{grid-template-columns:1fr 1fr;gap:25px 15px}.footer-main>div{padding-left:15px}.footer-main .footer-social{padding-left:15px}.footer-brand img{width:143px}.footer-main h3{font-size:11px}.footer-main p,.footer-links>div{font-size:9.5px}.footer-social>div{gap:5px}.footer-social a,.footer-social button{width:28px;height:28px;padding:5px}.footer-bottom{font-size:8px;gap:7px}.footer-bottom>*+*{padding-left:7px}.shop-grid{grid-template-columns:1fr}.document-card h2{font-size:22px}.server-address{font-size:18px}.key-list{grid-template-columns:1fr}.document-card .stats-live h3{font-size:14px}.document-card .stats-live{gap:7px}.document-card .player-count>.icon{display:none}.document-card .stats-live p{font-size:8px}.rule-number{font-size:29px;right:15px}.team-page .staff-card{height:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Second visual comparison: align card rows with the 1055 × 1491 reference. */
@media(min-width:801px){.section-heading h2{font-size:calc(26.5 * var(--u));letter-spacing:calc(.1 * var(--u))}.intro .section-heading h2{font-size:calc(27 * var(--u))}.feature-grid{margin-top:calc(7.5 * var(--u))}.latest-news .news-grid{margin-top:calc(.5 * var(--u));grid-template-columns:1.05fr 1fr 1fr}.people-status{grid-template-columns:1.18fr 1fr;gap:calc(60 * var(--u))}.people-status .section-heading h2{font-size:calc(25 * var(--u))}.people-status .staff-grid{margin-top:calc(1.25 * var(--u))}.people-status .stats-board{margin-top:calc(.25 * var(--u))}.discord-inner{width:calc(930 * var(--u));gap:calc(41 * var(--u))}.discord-copy h2{font-size:calc(27 * var(--u))}.discord-inner>.button{padding-left:calc(20 * var(--u));padding-right:calc(20 * var(--u))}}
.feature-picture{opacity:.68}.feature-content>.icon{filter:brightness(1.25) drop-shadow(0 0 7px #00b8ff99)}.stats-live h3 em.offline-word{color:#f4bc62}.clipboard-helper{position:fixed;left:-10000px;top:0}
.news-card:nth-child(2) .news-image img,.feature-card:nth-child(5) .feature-picture{filter:hue-rotate(30deg) saturate(1.15)}.portrait-founder img{top:-65%}.portrait-admin img{left:-260%;top:-135%}.portrait-support img{left:-230%;top:-55%}.portrait-moderator img{left:-7%;top:-85%}@media(min-width:801px){.intro .section-heading h2{transform:scaleX(1.07);transform-origin:left center}.footer-main p,.footer-links>div{font-size:calc(10 * var(--u))}.footer-main h3{font-size:calc(11.5 * var(--u))}}
.portrait-founder{background:#02060b}.portrait-founder img{position:static;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center}.portrait-founder:after{display:none}