/* ISLE VILLAGE portal: shared visual layer and responsive navigation. */
:root{--bg:#0d1411;--surface:#151f19;--surface2:#1b2820;--line:#2b382f;--text:#f0f0e5;--muted:#a2b0a4;--accent:#cfdfa9;--gold:#d3b689;--font:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif}
body{background:radial-gradient(ellipse at 85% 10%,#1e2e1b50,transparent 48%),var(--bg);font-size:15px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
svg{display:block}nav svg,.feature-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sidebar{width:238px;padding:34px 18px 28px;background:#101a14;border-color:#29362b;z-index:12}
.brand{padding:3px 12px 43px;gap:13px;font-size:25px;letter-spacing:5px}.brand img{width:43px;height:51px}.brand-sub{letter-spacing:5.8px;font-size:10px}
.side-label{color:#8a9e89;letter-spacing:1.8px;font-size:9px;margin-top:5px;padding-bottom:20px}
nav{gap:8px}nav a{padding:13px 15px;font-size:13px;font-weight:500;border-radius:6px;position:relative;gap:14px}nav .nav-label{font-size:13px;line-height:1.4;width:auto}nav a.active{background:#253425;color:#dae7bb;border:1px solid #405039}nav a.active::before{content:"";position:absolute;left:-19px;width:3px;height:24px;background:var(--accent);border-radius:0 3px 3px 0}
.side-bottom{padding-inline:14px}.side-bottom small{color:#7d907b}.side-bottom p{color:#8b9d89;font-size:12px}.edition{font-size:9px}
.shell{margin-left:238px}.topbar{height:84px;padding:0 38px;border-color:#26332a;background:#0d1510a3}.breadcrumb{font-size:10px;letter-spacing:1.5px}.top-right{gap:18px}.connection-badge{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap;color:#b7c6ad}.test-badge{font-size:8px;letter-spacing:1.1px;padding:5px 8px;border-radius:3px}.steam-btn{border-radius:4px}.steam-btn img{max-width:154px}.account{background:#1d2c20;border-radius:5px}
main{padding:30px 38px 24px;max-width:1650px}.hero{min-height:500px;border-radius:10px;background:#17281e;border-color:#46533c;isolation:isolate}.hero-art{object-position:center;width:100%;height:100%;opacity:1}.hero-shade{background:linear-gradient(90deg,#0b1a12e8 0%,#0e2016c9 30%,#0e201647 65%,#0e201606 100%),linear-gradient(0deg,#0b160fd6,transparent 35%)}.hero-content{padding:46px 42px 78px;max-width:610px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:650}.eyebrow-separator{padding:0 10px;color:#a1b58f}.hero h1{font-size:clamp(45px,4.35vw,72px);font-weight:650;letter-spacing:-2.5px;line-height:1.06;margin:25px 0 23px;max-width:650px;text-wrap:balance}.hero h1 em{color:#e1e8cd;letter-spacing:-1.8px}.hero p{font-size:14px;color:#c3cdbd;line-height:1.85;max-width:370px;margin-bottom:28px}.hero-actions{gap:12px}.button{padding:13px 18px;border-radius:4px;font-size:12px;min-height:44px;font-weight:600;gap:22px;transition:background .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-1px)}.primary{color:#19241b;background:#d1dfaf;box-shadow:0 4px 16px #0001}.ghost{background:#182c1e70;border-color:#7b8d645e;color:#e1e7d5}.ghost:hover{background:#31472c;border-color:#889a6d}.hero-tags{display:flex;gap:17px;margin-top:23px;color:#acbca4;font-size:10px;letter-spacing:.5px}.hero-tags span+span::before{content:"·";margin-right:17px;color:#d6dfbf}.hero-caption{left:42px;right:28px;bottom:23px;color:#a6b69b;font-size:8px;letter-spacing:1.7px}.hero-caption>span:first-child{display:flex;align-items:center;gap:10px}.caption-line{width:25px;height:1px;background:#afc68c}
.server-strip{margin-top:14px;border-radius:7px;background:linear-gradient(115deg,#202e23,#162119);grid-template-columns:1.4fr .5fr .65fr 1fr auto;gap:19px;padding:22px}.server-name{position:relative;gap:10px}.server-emblem{display:flex;align-items:center;margin-right:3px}.server-name>.dot{position:absolute;left:25px;bottom:1px;width:6px;height:6px;border:2px solid #203023;box-sizing:content-box}.server-name b{letter-spacing:1.2px;font-size:11px}.server-strip small{font-size:8px;letter-spacing:1.2px;color:#a2b095}.server-name small{font-size:9px;letter-spacing:0;color:#b0bf9e}.server-strip strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;color:#eff2e3}.server-join{font-size:10px;padding:10px 14px;border-color:#536044;gap:14px}.text-link{font-size:12px;font-weight:500}.section-heading{margin:38px 0 20px;align-items:center}.section-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:550}.section-heading .quiet{display:flex;gap:9px;align-items:center;font-size:10px}.muted{color:#a4b398}.quiet{color:#a3b29e;font-size:12px}
.feature-grid{gap:17px}.feature-card{border-radius:7px;padding:25px 25px 20px;background:linear-gradient(125deg,#1b2a20,#141e18);box-shadow:0 5px 22px #0000000a}.feature-card:hover{border-color:#677b52;background:linear-gradient(125deg,#233421,#19261c)}.feature-icon{width:44px;height:44px;border-radius:7px;background:#2e422a;border-color:#495e3c;margin-bottom:25px}.feature-card h3{font-size:18px;font-weight:550;letter-spacing:-.3px}.feature-card p{font-size:12px;color:#acb9a5;line-height:1.85;max-width:300px;min-height:67px;margin-bottom:22px}.card-index{font-size:10px;top:29px;color:#8b9f80;letter-spacing:1px}.card-link{font-size:11px;padding-top:16px;color:#d1dcc4}.card-link b{color:#a4b68e}.feature-icon.fossil{background:#352f23;border-color:#574a33;color:#d9bd8d}.feature-icon.game-icon{background:#233c34;border-color:#3c5b4e;color:#a7cab7}
.island-details{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:28px}.mechanics-panel,.getting-started{padding:30px;border:1px solid var(--line);border-radius:8px;background:#141f18}.mechanics-panel .section-heading{margin:0 0 23px}.mechanics-panel h2,.getting-started h2{font-size:26px;font-weight:500;line-height:1.3;letter-spacing:-.7px;margin:9px 0}.outline-mark{font:italic 63px Georgia,serif;color:#3a4b34;letter-spacing:-7px;padding:0 10px}.mechanic-row{display:flex;gap:16px;padding:21px 0;align-items:flex-start;border-top:1px solid var(--line)}.mechanic-number{font-size:10px;color:#849a78;padding-top:3px}.mechanic-row>div{flex:1}.mechanic-row h3{font-size:14px;font-weight:550;margin-bottom:6px}.mechanic-row p{font-size:12px;color:#9fad97;line-height:1.75;margin-bottom:0;max-width:260px}.mechanic-value{font-size:21px;color:#d1dfb8;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.4}.mechanic-value small{font-size:8px;display:block;text-align:right;color:#95a786;letter-spacing:1px}.mechanics-panel>.text-link{display:flex;justify-content:space-between;margin-top:9px;font-size:11px}.getting-started{background:linear-gradient(145deg,#24322160,#141f18)}.getting-started ol{list-style:none;margin:25px 0 24px;padding:0;display:grid;gap:20px}.getting-started li{display:flex;gap:15px}.getting-started li>span{width:29px;height:29px;flex:none;background:#263523;border:1px solid #3c4f32;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#c7d7ac}.getting-started h3{font-size:13px;margin:0 0 4px;font-weight:550}.getting-started p{font-size:12px;line-height:1.7;color:#a0af97;margin:0}.getting-started>.button{width:100%;justify-content:space-between;font-size:11px}
.notice{background:#1b261b7a;border-color:#364632;margin-top:24px;padding:17px 20px;align-items:center}.notice p{font-size:11px;color:#abb9a0}.notice p b{color:#d5dfc6}.notice-mark{margin:0}.page-heading{padding:18px 0 26px}.page-heading h1{font-size:42px;font-weight:550;letter-spacing:-1.2px;margin:11px 0}.page-heading p{font-size:14px;color:#acb8a6}.panel{border-radius:8px;background:linear-gradient(120deg,#19261d,#141e18);padding:28px}.panel h2{font-weight:500}.panel p{color:#b1bda7}.tag{font-size:9px;color:#c6d5ad;letter-spacing:1.6px}.rules-grid,.profile-grid{gap:20px}.vital-head{color:#bdc7b4}.vitals{gap:20px}.vital-head b{font-variant-numeric:tabular-nums}.wallet-card{background:#24302060;padding:23px;border-radius:6px}.wallet-card strong{font-size:36px;font-variant-numeric:tabular-nums}.wallet-card span{font-size:10px;color:#abb59e}.wallet-card small{font-size:12px}.wallet-card:nth-child(2){border-color:#444a4a;background:#272d2c50}.subtle-box{font-size:12px;line-height:1.8;background:#21311f70;color:#b9c6ac}.pill{font-size:10px;letter-spacing:.2px}.quest{min-height:280px}.quest-reward{font-size:36px;padding:30px;border-left:1px solid var(--line)}.quest-reward small{margin-top:7px;font-size:10px}.quest-copy{max-width:650px}.quest-meta{font-size:11px;gap:15px}.table-wrap{border-radius:5px}th{font-size:9px;color:#a2b194;padding-top:17px}td{font-size:12px;padding-block:15px;color:#c4cdbb}table td small{font-size:10px;color:#99a58e}.status-line{color:#b9c7ac}.empty-state{padding:30px 20px;color:#a5b29b}.admin-actions{gap:12px}.message-form input{font-size:13px;min-height:46px}
.auth-wall{position:relative;overflow:hidden;isolation:isolate;min-height:430px;gap:10px;background:#16281c;box-shadow:inset 0 0 0 1px #485b3620}.auth-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102316d9,#102316e8),url('/isle-dawn-v1.png') 75% center/cover}.auth-wall .feature-icon{background:#263c2566;border-color:#72835450;height:66px;width:66px;margin-bottom:12px}.auth-wall h2{font-size:31px;line-height:1.2;font-weight:500;margin:3px 0}.auth-wall p{max-width:405px;font-size:13px;margin:4px 0 12px;color:#b7c6ad}.auth-wall a{transition:opacity .18s}.auth-wall a:hover{opacity:.85}
.game-wallet{background:linear-gradient(100deg,#26331f,#17231a);border-color:#415136;padding:24px 28px}.game-wallet strong{color:#e0d2ac;font-size:26px;font-variant-numeric:tabular-nums}.game-wallet .tag{margin:0}.game-wallet p{font-size:12px;color:#aeba9e}.chance-card{position:relative;overflow:hidden}.chance-card .game-top{min-height:75px}.chance-symbol{height:76px;width:76px;display:grid;place-items:center;border-radius:50%;border:1px solid #83704e;background:radial-gradient(circle at 30% 25%,#5d5236,#302c20 70%);color:#e1c58e;box-shadow:inset 0 0 0 6px #b79b6533,0 8px 24px #0003;font-size:37px;line-height:1}.chance-card:nth-child(2) .chance-symbol{border-radius:16px;background:linear-gradient(135deg,#35503e,#1b3024);color:#d3e2c8;border-color:#526e4e;box-shadow:inset 0 0 0 5px #66845c22,0 8px 24px #0003}.chance-card h2{font-size:25px;margin:26px 0 7px}.chance-card>p{min-height:45px}.bet-form input,.bet-form select{border-color:#4b5e3d;background:#111d14;min-height:46px;border-radius:4px}.bet-form label{font-size:12px;color:#c7d1bd}.bet-form fieldset:disabled{opacity:.62}.bet-terms{min-height:44px;font-size:11px;color:#b9caa5}.bet-history h2{font-size:22px}.bet-history{margin-top:24px}.game-wallet+.chance-grid{margin-bottom:20px}.chance-grid+.subtle-box{font-size:11px}.positive{color:#cfe7a7}.negative{color:#e0b59c}
footer{margin:20px 38px 0;padding:28px 0 32px;align-items:center;border-color:#2c392b;gap:20px;font-size:10px;color:#8c9f86;line-height:1.8;letter-spacing:0}.footer-brand{font-size:13px;letter-spacing:3px;font-weight:750;color:#c6d1b7;white-space:nowrap}.footer-brand span{display:block;font-size:7px;color:#8b9b7e;letter-spacing:1px;margin-top:4px}.footer-links{display:flex;gap:17px;align-items:center}.footer-links a,.footer-links button{font-size:10px;color:#b6c2a9;white-space:nowrap}.footer-links a:hover,.footer-links button:hover{color:var(--accent)}
dialog{padding:30px;max-height:calc(100dvh - 40px);border-radius:9px;background:#19261c;border-color:#536743;max-width:570px}dialog p{color:#bdc8b1}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-close{width:35px;height:35px;display:grid;place-items:center;border:1px solid #4a5b3d;border-radius:4px;background:transparent;color:#c9d3bd;font-size:24px;line-height:1}.server-address{padding:22px;border:1px solid #465d39;background:#112016;border-radius:6px;display:grid;justify-items:start;gap:14px;margin-top:20px}.server-address>span{font-size:9px;letter-spacing:1.7px;color:#a5b794}.server-address strong{font-size:23px;letter-spacing:.3px;font-variant-numeric:tabular-nums}.server-address .button{font-size:11px}.server-address~.quiet{font-size:11px;margin-top:18px}#toast{font-size:13px;background:#283921;border-color:#82975f;line-height:1.6}
@media(min-width:1700px){.hero{min-height:560px}.hero-content{padding:65px 52px 80px;max-width:740px}.hero h1{font-size:76px}.hero p{font-size:16px;max-width:450px}.hero-caption{left:52px}.feature-card p{font-size:13px}.server-strip{padding:26px 30px}}
@media(max-width:1250px){.sidebar{width:214px;padding-inline:14px}.shell{margin-left:214px}.topbar{padding-inline:28px}.top-right{gap:12px}.test-badge{display:none}main{padding:26px 28px}.hero-content{padding:42px 34px 76px;max-width:540px}.hero h1{font-size:55px}.hero-caption{left:34px}.hero{min-height:490px}.server-strip{grid-template-columns:1.4fr .55fr .7fr .9fr;gap:16px}.server-join{display:none}.feature-card{padding:23px 20px 20px}.island-details{grid-template-columns:1.1fr 1fr}.mechanics-panel,.getting-started{padding:25px}.mechanics-panel h2,.getting-started h2{font-size:23px}.mechanic-row{gap:12px}.mechanic-value{font-size:19px}footer{margin-inline:28px}.footer-links{gap:10px}nav a.active::before{left:-15px}}
@media(max-width:1000px){.sidebar{width:80px;padding:29px 10px;align-items:center}.brand{padding:0 0 34px}.brand>span,.side-label,.side-bottom,nav .nav-label{display:none}nav a{padding:14px;gap:0;font-size:0}nav a.active::before{left:-11px}nav svg{height:22px;width:22px}.shell{margin-left:80px}.topbar{height:74px}.connection-badge{font-size:9px}.hero{min-height:475px}.hero-content{max-width:540px}.hero h1{font-size:54px}.hero-caption span:last-child{display:none}.feature-grid{gap:12px}.feature-card{padding:23px 18px 18px}.feature-card h3{font-size:16px}.feature-card p{min-height:78px}.card-index{right:18px}.section-heading h2{font-size:25px}.island-details{grid-template-columns:1fr 1fr}.mechanic-number{display:none}.mechanic-row p{font-size:11px}.outline-mark{display:none}.rules-grid,.profile-grid{grid-template-columns:1fr}.chance-grid{grid-template-columns:1fr 1fr}.game-wallet{flex-direction:row;align-items:center}.game-wallet strong{font-size:22px}footer{flex-wrap:wrap}.footer-links{margin-left:auto}footer>span{display:none}.quest-reward{font-size:30px;padding:20px}}
@media(max-width:720px){.topbar{padding-inline:21px}.connection-badge{display:none}main{padding:22px}.hero h1{font-size:47px}.hero-content{padding:38px 27px 75px}.hero-caption{left:27px}.hero{min-height:475px}.hero p{font-size:13px}.hero-actions .button{font-size:11px;gap:12px}.server-strip{grid-template-columns:1.4fr .8fr .9fr}.server-strip>div:nth-child(4){display:none}.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:44px 1fr;gap:0 17px;padding:24px}.feature-icon{grid-row:1/3;margin:0}.feature-card h3{font-size:18px;padding-right:22px}.feature-card p{min-height:0;font-size:12px;max-width:100%;margin-bottom:16px}.card-link{grid-column:2}.card-index{top:26px;right:23px}.island-details{grid-template-columns:1fr}.mechanic-number{display:block}.mechanic-row p{font-size:12px;max-width:340px}.mechanic-value{font-size:23px}.outline-mark{display:block}.section-heading .quiet{display:none}.mechanics-panel h2,.getting-started h2{font-size:26px}.chance-grid{grid-template-columns:1fr}.game-wallet{flex-direction:column;align-items:flex-start;gap:10px}footer{margin-inline:22px}.wallet-card{padding:18px}}
@media(max-width:600px){.sidebar{position:relative;inset:auto;width:auto;height:69px;padding:0 20px;flex-direction:row;align-items:center;justify-content:flex-start;border-right:0;background:#101b14;z-index:15}.brand{gap:10px;padding:0;font-size:16px;letter-spacing:3.6px}.brand img{width:29px;height:36px}.brand>span{display:block}.brand-sub{font-size:7px;letter-spacing:4px;margin-top:4px}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:stretch;justify-content:space-around;gap:0;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #405039;background:#101b15f5;backdrop-filter:blur(16px)}nav a{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 1px;border-radius:6px;min-height:53px}nav a .nav-label{display:block;font-size:8px;line-height:1.3;white-space:nowrap;width:auto}nav svg{width:20px;height:20px}nav a.active{border-color:transparent;background:#2b3c25}nav a.active::before{display:none}.shell{margin:0;padding-bottom:83px}.topbar{position:absolute;top:0;right:0;left:160px;height:69px;padding:0 17px;background:transparent;border:0;justify-content:flex-end}.breadcrumb{display:none}.top-right{gap:0}.steam-btn img{width:129px;max-width:129px}.account{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:8px 10px}main{padding:16px}.hero{min-height:580px;border-radius:8px}.hero-art{object-position:72% center;opacity:1}.hero-shade{background:linear-gradient(0deg,#0b1b13 0%,#0c1d15ed 30%,#0c1d15a3 58%,#0c1d150a 100%)}.hero-content{padding:205px 24px 64px;max-width:none}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.eyebrow-separator{padding:0 5px}.hero h1{font-size:44px;letter-spacing:-1.5px;margin:19px 0 17px;line-height:1.08}.hero h1 em{letter-spacing:-1.3px}.hero p{font-size:12px;line-height:1.75;margin-bottom:21px;max-width:300px}.hero-actions{flex-direction:row;align-items:stretch;max-width:none;gap:8px}.hero-actions .button{padding:11px 12px;font-size:10px;gap:12px;min-height:43px}.hero-tags{font-size:9px;gap:12px;margin-top:18px}.hero-tags span+span::before{margin-right:12px}.hero-caption{left:24px;bottom:19px;font-size:7px;letter-spacing:1.2px}.server-strip{grid-template-columns:1fr 1fr;padding:20px;gap:19px;margin-top:12px}.server-name{grid-column:1/-1;padding-bottom:17px;border-bottom:1px solid var(--line);gap:12px}.server-name>.dot{bottom:18px}.server-name b{font-size:12px}.server-name small{font-size:10px;margin-top:3px}.server-strip small{font-size:8px}.server-strip strong{font-size:21px}.server-strip>div:nth-child(4){display:flex;grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px;justify-content:space-between;align-items:center}.server-strip>div:nth-child(4) strong{font-size:16px;margin:0}.section-heading{margin:30px 0 19px}.section-heading h2{font-size:24px;margin-top:6px}.eyebrow{font-size:9px;letter-spacing:1.6px}.feature-card{padding:22px;grid-template-columns:40px 1fr;gap:0 15px}.feature-icon{width:39px;height:39px}.feature-icon svg{width:21px;height:21px}.feature-card h3{font-size:17px}.feature-card p{font-size:12px;line-height:1.75}.card-link{font-size:11px}.card-index{top:24px;right:20px}.island-details{margin-top:20px;gap:16px}.mechanics-panel,.getting-started{padding:24px}.mechanics-panel h2,.getting-started h2{font-size:25px}.mechanic-row{gap:10px}.mechanic-number{display:none}.mechanic-row p{font-size:11px}.mechanic-row h3{font-size:14px}.mechanic-value{font-size:20px}.getting-started p{font-size:12px}.notice{padding:17px;align-items:flex-start;margin-top:18px}.notice-mark{margin-top:4px}.notice p{font-size:11px}.page-heading{padding:17px 3px 22px}.page-heading h1{font-size:32px;margin:12px 0}.page-heading p{font-size:13px}.panel{padding:23px}.panel h2{font-size:22px}.panel p{font-size:12px}.tag{font-size:9px}.wallet-card{padding:15px}.wallet-card strong{font-size:30px}.wallet-card small{font-size:11px}.wallet-card span{font-size:9px}.wallet-grid{gap:10px}.quest{flex-direction:column;align-items:stretch;gap:15px}.quest-reward{border-left:0;border-top:1px solid var(--line);padding:19px 0 0;text-align:left;display:flex;gap:10px;align-items:center;font-size:28px}.quest-reward small{margin:0}.quest-meta{font-size:10px;flex-wrap:wrap}.auth-wall{min-height:430px;gap:10px}.auth-wall h2{font-size:29px}.auth-wall p{max-width:300px;font-size:13px}.auth-wall .eyebrow{font-size:8px}.auth-art{background-position:70% center}.chance-card .game-top{margin-bottom:14px;flex-wrap:nowrap}.chance-symbol{width:67px;height:67px;font-size:32px}.chance-card h2{font-size:25px}.chance-card>p{min-height:0;font-size:13px}.game-wallet{padding:23px}.game-wallet strong{font-size:24px}.game-wallet p{font-size:11px}.bet-form label{font-size:12px}.bet-form input,.bet-form select{font-size:16px}.bet-form .button{font-size:12px}.bet-terms{font-size:11px;min-height:44px}.bet-history{padding:23px 18px}.message-form{flex-direction:column}.admin-actions .button{font-size:11px}footer{margin:20px 17px 0;gap:20px;padding:24px 0;align-items:flex-start}.footer-brand{font-size:12px}.footer-brand span{font-size:7px}.footer-links{flex-wrap:wrap;margin-left:0;gap:18px;width:100%}.footer-links a,.footer-links button{font-size:11px}dialog{margin:auto;padding:24px;width:calc(100% - 30px);max-height:calc(100dvh - 30px)}dialog h2{font-size:25px;line-height:1.3}dialog p{font-size:13px}.dialog-actions{flex-direction:column}.server-address{padding:19px}.server-address strong{font-size:21px}.server-address .button{font-size:11px}#toast{bottom:88px;left:16px;right:16px;padding:16px;font-size:12px;z-index:100}}
@media(max-width:600px){.topbar{z-index:20}}
@media(max-width:365px){.hero-content{padding-inline:20px}.hero h1{font-size:39px}.hero-actions{flex-direction:column;max-width:240px}.hero-actions .button{justify-content:space-between}.hero{min-height:620px}.hero-caption{left:20px}.server-strip{padding:17px}.topbar{left:155px;padding-right:12px}.steam-btn img{width:117px;max-width:117px}.sidebar{padding-left:17px}nav a .nav-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}