:root{--brand:#1769e0;--brand-dark:#0d55bd;--bg:#f0f2f5;--surface:#fff;--text:#1c1e21;--muted:#65676b;--line:#e1e4e8;--green:#25a244;--green-d:#187333;--red:#d9363e;--red-d:#a8262d;--discord:#5865f2;--orange:#d88720;--shadow:0 2px 8px rgba(0,0,0,.10);--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.block{display:block;width:100%}
.topbar{height:60px;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 1px 4px rgba(0,0,0,.08)}.topbar-inner{height:100%;max-width:1580px;margin:auto;padding:0 16px;display:grid;grid-template-columns:260px minmax(470px,1fr) 330px;gap:12px;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:var(--brand);font-size:22px;font-weight:850}.brand img{width:42px;height:42px}.search input{width:100%;max-width:270px;padding:11px 15px;border:0;border-radius:999px;background:#f0f2f5;outline:none}.topnav{height:100%;display:flex;align-items:center;justify-content:center}.nav-icon{width:58px;height:48px;display:flex;align-items:center;justify-content:center;color:#65676b;font-size:21px;border-radius:8px}.nav-icon:hover{background:#f2f2f2}.nav-icon.active{color:var(--brand);border-bottom:3px solid var(--brand);border-radius:0}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.ghost-btn,.primary-small,.icon-btn{padding:9px 11px;border-radius:8px;font-weight:750}.ghost-btn{background:#e7f0ff;color:#145bbd}.primary-small{background:var(--brand);color:#fff}.icon-btn{background:#eee;color:#4c4f52}.avatar-btn,.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;background:#dbe7fb;color:#174b92}.avatar-btn{width:40px;height:40px}.avatar{width:40px;height:40px;flex:0 0 40px}.avatar-lg{width:44px;height:44px;flex-basis:44px}
.layout{max-width:1580px;margin:auto;padding:22px 18px;display:grid;grid-template-columns:270px minmax(560px,760px) 320px;justify-content:space-between;gap:26px}.left-rail,.right-rail{position:sticky;top:82px;align-self:start}.side-profile{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px}.side-profile:hover,.side-item:hover{background:#e4e6eb}.side-profile>span:last-child{display:flex;flex-direction:column}.side-profile small{color:var(--muted);margin-top:2px}.side-nav{margin-top:8px}.side-heading{padding:15px 10px 5px;font-size:10px;font-weight:900;letter-spacing:.09em;color:#8a8d91}.side-item{display:flex;align-items:center;gap:13px;padding:10px;border-radius:8px;font-weight:650}.side-item span{width:26px;text-align:center;color:var(--brand);font-size:18px}.side-item.active{background:#e8f1ff}.rail-footer{font-size:12px;color:#737373;padding:15px 10px;line-height:1.7}.right-rail{display:flex;flex-direction:column;gap:14px}.compact{padding:15px}.card-title,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-title{align-items:center;margin-bottom:10px}.card-title a,.text-link{font-size:12px;color:var(--brand);font-weight:750}.server-mini{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #eee}.server-mini>span:first-child{display:flex;flex-direction:column}.server-mini small,.contact small{color:var(--muted);margin-top:2px}.online-text,.status-good,.green-text{color:var(--green)!important}.contact{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.contact:hover{background:#f5f6f7}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block}
.discord-card{background:linear-gradient(145deg,#fff,#eef0ff)}.discord-dot{color:var(--discord)}.demo-pill{font-size:9px;font-weight:900;letter-spacing:.08em;background:#eceefc;color:#5865f2;padding:4px 6px;border-radius:99px}.discord-count{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:end;gap:4px;margin:12px 0}.discord-count strong{font-size:22px}.discord-count span{font-size:11px;color:var(--muted)}.discord-avatars{display:flex}.discord-avatars span{width:28px;height:28px;border-radius:50%;background:#dce0ff;color:#3945b7;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;margin-left:-5px}.discord-avatars span:first-child{margin-left:0}.discord-card p{font-size:12px;color:var(--muted);line-height:1.4}.discord-btn{display:inline-block;border:0;background:var(--discord);color:white;padding:10px 14px;border-radius:8px;font-weight:750;text-align:center}.discord-btn.large{padding:12px 17px}
.feed{min-width:0}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em}.eyebrow.light{color:#dfeaff}.blue{color:var(--brand)}.red-text{color:var(--red)}.tag{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:.07em}.tag.green{background:#ddf1e2;color:#1c7132}.tag.red{background:#fae0e1;color:#9c222a}
.network-hero{min-height:310px;padding:30px;margin-bottom:16px;background:radial-gradient(circle at 80% 15%,rgba(101,167,255,.32),transparent 30%),linear-gradient(135deg,#071b31,#0c3b70 55%,#1769e0);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;overflow:hidden}.network-hero-copy{max-width:530px}.hero-logo{width:64px;height:64px;margin-bottom:9px}.network-hero h1,.game-hero h1{font-size:40px;line-height:1.04;letter-spacing:-1.4px;margin:7px 0 10px}.network-hero p,.game-hero p{line-height:1.5;color:rgba(255,255,255,.87)}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.primary-btn,.secondary-btn,.danger-outline{display:inline-block;border:0;border-radius:8px;padding:10px 14px;font-weight:750;text-align:center}.primary-btn{background:var(--brand);color:#fff}.primary-btn:hover{background:var(--brand-dark)}.primary-btn.danger{background:var(--red)}.survival-btn{background:#2d9d50}.secondary-btn{background:#e4e6eb;color:#252525}.secondary-btn.glass{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}.hero-network-stats{display:grid;grid-template-columns:1fr;gap:8px;width:170px}.hero-network-stats div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px;display:flex;flex-direction:column}.hero-network-stats strong{font-size:22px}.hero-network-stats span{font-size:10px;color:#d7e5f6}
.game-switcher{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.game-choice{color:#fff;border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;box-shadow:var(--shadow)}.survival-choice{background:linear-gradient(135deg,#174f2a,#2d8a49)}.hardcore-choice{background:linear-gradient(135deg,#501a1e,#a32b34)}.choice-icon{font-size:27px}.game-choice span:nth-child(2){display:flex;flex-direction:column}.game-choice small{opacity:.8;margin-top:2px}
.composer{padding:12px 16px;margin-bottom:16px}.composer-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e6e6e6;padding-bottom:10px}.composer-input{border:0;flex:1;background:#f0f2f5;border-radius:22px;text-align:left;padding:11px 16px;color:#65676b}.composer-actions,.post-actions{display:grid;grid-template-columns:repeat(3,1fr)}.composer-actions a,.post-actions a,.post-actions button{border:0;background:transparent;padding:10px;border-radius:8px;text-align:center;color:#555;font-weight:650}.composer-actions a:hover,.post-actions a:hover,.post-actions button:hover{background:#f2f2f2}.post{margin-bottom:16px;padding-top:12px}.post-header{display:flex;align-items:center;gap:10px;padding:0 16px}.post-header>div{flex:1}.muted{color:var(--muted);font-size:12px}.dots{border:0;background:transparent}.post>p{padding:0 16px;line-height:1.5}.server-avatar{background:#1769e0;color:white}.post-actions{padding:5px 10px;border-top:1px solid #eee}.feed-event{margin:10px 16px 16px;padding:14px;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.hardcore-event{background:linear-gradient(135deg,#fff5f5,#fde4e6);border:1px solid #f2c3c7}.feed-event>span{font-size:28px}.feed-event div{display:flex;flex-direction:column}.feed-event small{font-weight:900;color:#a02a31}.feed-event p{margin:2px 0 0;color:var(--muted);font-size:12px}.feed-event b{background:#d9363e;color:#fff;font-size:9px;padding:5px 7px;border-radius:99px}.achievement{margin:12px 16px 16px;border:1px solid #dfe3e8;border-radius:10px;padding:14px;display:flex;gap:12px;align-items:center;background:#fafbfc}.survival-achievement{background:#f0faf3}.achievement-icon{font-size:32px}.achievement div{display:flex;flex-direction:column}.achievement small{color:var(--muted);margin-top:2px}.content-card{padding:22px;margin-bottom:16px}.content-card h2{font-size:24px;margin:6px 0 10px}.content-card>p{color:#45484c;line-height:1.6}.announcement-list{margin-top:12px}.announcement-list>a,.announcement-list>div{display:flex;gap:12px;padding:12px 0;border-top:1px solid #eee}.announce-icon{font-size:23px}.announcement-list div div,.announcement-list a div{display:flex;flex-direction:column}.announcement-list p{margin:3px 0;color:var(--muted);font-size:13px;line-height:1.45}.announcement-list small{color:#92969b}
.game-hero{min-height:330px;border-radius:16px;padding:32px;margin-bottom:16px;color:white;display:flex;justify-content:space-between;align-items:flex-end;position:relative;overflow:hidden;box-shadow:var(--shadow)}.game-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.18),transparent 28%)}.survival-hero{background:linear-gradient(135deg,#102e1a,#27683a 58%,#4b8f54)}.hardcore-hero{background:linear-gradient(135deg,#1b0b10,#5a1820 50%,#bd333d)}.hero-copy{position:relative;z-index:2;max-width:540px}.server-live-card{position:relative;z-index:2;width:145px;padding:18px;background:rgba(255,255,255,.93);color:#1c1e21;border-radius:14px;display:flex;flex-direction:column;text-align:center;align-items:center}.server-live-card.dark{background:rgba(20,7,10,.68);color:#fff;border:1px solid rgba(255,255,255,.15)}.server-live-card b{font-size:34px;margin-top:8px}.server-live-card small{opacity:.7}.live-pulse{width:10px;height:10px;background:#ff4c55;border-radius:50%;box-shadow:0 0 0 6px rgba(255,76,85,.15);margin-bottom:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:15px;display:flex;flex-direction:column}.stat-card small{color:var(--muted);margin-bottom:6px}.stat-card strong{font-size:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metric-grid>div{border:1px solid #e1e4e8;border-radius:10px;padding:13px;display:grid;grid-template-columns:auto 1fr;column-gap:9px}.metric-grid b{grid-row:1/3;font-size:20px}.metric-grid strong{font-size:13px}.metric-grid small{font-size:11px;color:var(--muted)}.product-grid{display:grid;gap:12px;margin-top:15px}.product-grid.three{grid-template-columns:repeat(3,1fr)}.product-grid.two{grid-template-columns:repeat(2,1fr)}.product-card,.rank-card{border:1px solid #e0e4e8;border-radius:11px;padding:17px;display:flex;flex-direction:column}.price{font-size:24px;font-weight:850;margin:9px 0}.price small{font-size:10px;color:var(--muted);font-weight:500;margin-left:4px}.product-link{font-size:12px;color:var(--brand);font-weight:750}.anchor-nav{display:flex;overflow:auto;gap:8px;padding:9px;margin-bottom:16px}.anchor-nav a{white-space:nowrap;font-size:12px;font-weight:750;padding:9px 11px;border-radius:8px;color:#4b4f56}.anchor-nav a:hover{background:#f1f3f5}.compact-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.compact-steps>div{padding:12px 8px;border:1px solid #e2e5e8;border-radius:9px;text-align:center;display:flex;flex-direction:column}.compact-steps span{width:29px;height:29px;border-radius:50%;margin:0 auto 7px;background:#f7dfe1;color:#a92830;display:flex;align-items:center;justify-content:center;font-weight:850}.compact-steps small{color:var(--muted);font-size:10px;margin-top:3px}.timeline-item{display:grid;grid-template-columns:75px 1fr;gap:14px;padding:14px 0;border-top:1px solid #eee}.timeline-item .time{font-size:10px;font-weight:900;color:#8a8d91}.timeline-item p{margin:3px 0;color:var(--muted);font-size:12px}.timeline-item.featured-event{margin:0 -9px;padding:14px 9px;border-radius:8px;background:#fff8e9}.timeline-item.winner{margin:0 -9px;padding:14px 9px;border-radius:8px;background:#ecf8ef}.kit-showcase{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.kit-tile{border:1px solid #e1e4e8;border-radius:10px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.kit-tile:hover{background:#f7f8fa}.kit-icon{width:42px;height:42px;border-radius:10px;background:#f2dfe1;color:#9c2028;display:flex;align-items:center;justify-content:center;font-weight:900}.kit-icon.large{width:58px;height:58px;font-size:22px}.kit-icon.huge{width:90px;height:90px;font-size:36px;flex:0 0 90px}.kit-tile>span:nth-child(2){display:flex;flex-direction:column}.kit-tile small{color:var(--muted);font-size:11px}.faq-list details{padding:13px 0;border-top:1px solid #eee}.faq-list summary{cursor:pointer;font-weight:750}.faq-list p{font-size:13px;color:var(--muted);line-height:1.5}
.signup-wrap{max-width:1100px;margin:55px auto;display:grid;grid-template-columns:1fr 500px;gap:55px;align-items:center;padding:0 20px}.signup-logo{width:82px}.signup-benefits h1{font-size:39px;line-height:1.08;margin:10px 0}.signup-benefits>p{font-size:17px;color:#4b4f56;line-height:1.55}.benefit-list>div{display:flex;gap:12px;margin:16px 0}.benefit-list>div>span{width:36px;height:36px;border-radius:50%;background:#e7f0ff;color:#1769e0;display:flex;align-items:center;justify-content:center}.benefit-list p{display:flex;flex-direction:column;margin:0}.benefit-list small{color:var(--muted);margin-top:2px}.signup-panel{padding:23px}.signup-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;margin-bottom:24px}.signup-steps>div{width:84px;text-align:center;display:flex;flex-direction:column;align-items:center}.signup-steps b{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dfe3e8;color:#71767a}.signup-steps .active b{background:var(--brand);color:#fff}.signup-steps span{font-size:10px;margin-top:5px}.signup-steps i{height:3px;background:#e1e4e8;margin-top:14px}.step-badge{font-size:9px;font-weight:900;color:var(--brand)}.signup-step-card h2{margin:5px 0}.signup-step-card>p,.signup-step-card li{color:var(--muted);line-height:1.5;font-size:13px}.command-box{display:flex;background:#0d1d2f;border-radius:9px;overflow:hidden;margin:14px 0}.command-box code{flex:1;color:#dcecff;padding:13px}.command-box button{border:0;background:#1769e0;color:#fff;padding:0 14px}.join-info{display:flex;justify-content:space-between;background:#f5f7f9;padding:11px;border-radius:8px;font-size:12px}.signup-visual{display:flex;gap:12px;align-items:center;background:#edf4ff;padding:12px;border-radius:10px;margin:15px 0}.minecraft-block{font-size:30px}.signup-visual p{margin:2px 0;color:var(--muted);font-size:12px}.existing-account{text-align:center;margin-top:14px;font-size:12px}.existing-account a{color:var(--brand)}
.status-header{padding:22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.big-status-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px #e3f5e7;margin-right:10px}.status-header h1{margin:5px 0}.status-header p{color:var(--muted);margin:0}.status-updated{display:flex;flex-direction:column;text-align:right}.status-updated small{color:var(--muted)}.status-columns{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}.status-group{padding:20px;margin-bottom:16px}.status-group h2{margin:0 0 5px}.status-group .section-heading p{margin:0;color:var(--muted);font-size:12px}.status-service{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #eee}.status-service>span{display:flex;align-items:center;gap:9px}.status-service.detailed>span>span{display:flex;flex-direction:column}.status-service small{color:var(--muted);font-size:10px}.status-service em{font-style:normal;font-size:11px;font-weight:800}.good{color:var(--green)}.warn{color:var(--orange)}.bad{color:var(--red)}.service-dot{width:9px;height:9px;border-radius:50%}.service-dot.good{background:var(--green)}.service-dot.warn{background:var(--orange)}.uptime-strip{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;margin-top:15px}.uptime-day{height:23px;border-radius:2px;background:#dfe3e8}.uptime-day.good{background:#54bd6b}.uptime-day.warn{background:#efb04f}.uptime-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}.incident{display:flex;gap:14px;padding:14px 0;border-top:1px solid #eee}.incident>span{height:max-content;font-size:9px;font-weight:900;background:#fff2db;color:#9b6216;padding:4px 7px;border-radius:99px}.incident.resolved>span{background:#e6f5e9;color:#26783a}.incident p{margin:3px 0;color:var(--muted);font-size:12px}.incident small{color:#969a9f}
.discord-hero{min-height:270px;padding:28px;background:radial-gradient(circle at 75% 10%,rgba(255,255,255,.15),transparent 30%),linear-gradient(135deg,#313aa7,#5865f2 60%,#7380ff);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.discord-logo-big{font-size:38px}.discord-hero h1{font-size:35px;line-height:1.07;margin:7px 0}.discord-hero p{max-width:530px;color:#e8eaff}.discord-live{width:150px;background:rgba(21,25,75,.35);border:1px solid rgba(255,255,255,.2);padding:14px;border-radius:12px;display:flex;flex-direction:column}.discord-live strong{font-size:31px;margin-top:8px}.discord-live b{margin-top:8px}.discord-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.discord-member-grid{display:grid;grid-template-columns:1fr 1fr}.discord-member-grid>div{display:flex;gap:9px;align-items:center;padding:9px 0}.discord-member-grid>div>span{width:35px;height:35px;border-radius:50%;background:#e0e3ff;color:#4954d0;display:flex;align-items:center;justify-content:center;font-weight:800}.discord-member-grid p{display:flex;flex-direction:column;margin:0}.discord-member-grid small{color:var(--muted)}.channel-list{display:flex;flex-wrap:wrap;gap:8px}.channel-list span{background:#f1f2f5;color:#50545a;border-radius:7px;padding:7px 9px;font-size:12px}
.page-hero{padding:23px;margin-bottom:16px}.page-hero h1{font-size:29px;margin:5px 0 7px}.page-hero p{margin:0;color:var(--muted);line-height:1.5}.leader-tabs,.shop-tabs,.directory-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.leader-tabs button,.shop-tabs a,.directory-filters button,.metric-pills button{border:0;background:#f0f2f5;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:750}.leader-tabs button.active,.shop-tabs a.active,.directory-filters button.active,.metric-pills button.active{background:#e1edff;color:#1769e0}.board-panel{display:none}.board-panel.active{display:block}.leader-feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.leader-feature-cards article{padding:14px;display:flex;flex-direction:column}.leader-feature-cards small{color:var(--muted)}.leader-feature-cards b{font-size:23px;margin-top:6px}.leaderboard-card{overflow:auto;margin-bottom:16px}.board-toolbar{display:flex;justify-content:space-between;padding:12px;gap:12px;align-items:center}.metric-pills{display:flex;gap:5px;flex-wrap:wrap}.metric-pills button{padding:7px 8px;font-size:10px}.board-toolbar select{border:1px solid #d7dbe0;border-radius:7px;padding:8px}.leader-row{display:grid;align-items:center;gap:7px;padding:12px 14px;border-top:1px solid #eee;font-size:12px;min-width:760px}.hard-row{grid-template-columns:32px 1.4fr repeat(8,.7fr)}.surv-row{grid-template-columns:32px 1.4fr repeat(6,.8fr)}.leader-row:hover:not(.leader-head){background:#f7f8fa}.leader-head{font-size:9px;font-weight:900;color:#7b8086;background:#f8f9fa}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-grid a{background:#f4f6f8;padding:10px;border-radius:8px;font-size:12px;font-weight:650}.category-grid a:hover{background:#e9eff7;color:var(--brand)}
.profile-card{overflow:hidden;margin-bottom:16px}.profile-cover{height:180px;background:linear-gradient(135deg,#133c25,#1769e0 50%,#7b2028);position:relative}.profile-cover-status{position:absolute;right:15px;bottom:15px;background:rgba(0,0,0,.55);color:white;padding:7px 10px;border-radius:99px;font-size:11px}.profile-main{padding:0 22px 15px;display:flex;align-items:flex-end;gap:15px}.profile-avatar{width:110px;height:110px;border-radius:50%;border:5px solid white;background:#dbe7fb;color:#174b92;font-size:44px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:-52px}.profile-title{flex:1}.profile-title h1{margin:0}.profile-title p{margin:4px 0;color:var(--muted)}.profile-name-line{display:flex;align-items:center;gap:7px}.rank-pill,.title-pill{font-size:9px;font-weight:900;border-radius:99px;padding:4px 7px;background:#ffe5a3;color:#825a00}.title-pill{background:#e7eaf0;color:#555}.profile-tabs{border-top:1px solid #eee;padding:0 15px;display:flex;gap:5px;overflow:auto}.profile-tabs a{padding:13px 10px;font-size:11px;font-weight:750;white-space:nowrap}.profile-tabs a.active{color:var(--brand);border-bottom:2px solid var(--brand)}.profile-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-facts>div{display:flex;gap:10px;align-items:center}.profile-facts>div>span{font-size:20px}.profile-facts p{display:flex;flex-direction:column;margin:0}.profile-facts small{color:var(--muted)}.identity-box,.connected-account{display:flex;align-items:center;gap:15px}.skin-preview{width:70px;height:85px;border-radius:8px;background:linear-gradient(#83b8ed 35%,#5d8f4d 35% 65%,#774e2b 65%);display:flex;align-items:center;justify-content:center;font-size:28px}.identity-box>div:last-child,.connected-account>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.identity-box small{color:var(--muted)}.profile-mode{border-top:4px solid transparent}.profile-mode#hardcore{border-color:#d9363e}.profile-mode#survival{border-color:#2d9d50}.mode-title{display:flex;align-items:center;gap:10px}.mode-title>span{font-size:28px}.mode-title>div{flex:1}.mode-title small{font-size:9px;font-weight:900}.mode-title h2{margin:0}.mode-title a{font-size:11px;color:var(--brand);font-weight:750}.big-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.big-stat-grid>div{background:#f6f7f9;border-radius:9px;padding:11px;display:flex;flex-direction:column}.big-stat-grid small{color:var(--muted);font-size:10px}.big-stat-grid strong{font-size:19px;margin-top:3px}.two-col-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col-detail h3{font-size:14px}.kit-performance>div,.record-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-top:1px solid #eee;font-size:11px}.kit-performance em{font-style:normal;color:var(--green)}.record-list>div{grid-template-columns:1fr auto}.match-table{overflow:auto}.match-table>div{display:grid;grid-template-columns:.7fr 1.2fr 1fr 1fr .6fr .6fr;gap:8px;align-items:center;padding:9px 7px;border-top:1px solid #eee;font-size:11px;min-width:590px}.match-table.extended>div{grid-template-columns:.7fr 1.2fr 1fr 1fr .6fr .6fr .8fr .7fr}.match-head{font-weight:850;color:#7b8086;background:#f8f9fa}.place{font-style:normal}.place.win{color:#d69a00}.positive{color:var(--green);font-style:normal}.negative{color:var(--red);font-style:normal}.achievement-badges{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.achievement-badges>div{text-align:center;border:1px solid #e1e4e8;border-radius:10px;padding:10px;display:flex;flex-direction:column}.achievement-badges span{font-size:25px}.achievement-badges strong{font-size:10px;margin-top:4px}.achievement-badges small{font-size:9px;color:var(--muted)}
.settings-layout{display:grid;grid-template-columns:185px 1fr;gap:16px}.settings-nav{position:sticky;top:82px;align-self:start;padding:12px;display:flex;flex-direction:column}.settings-nav>strong{padding:8px}.settings-nav a{padding:9px;border-radius:7px;font-size:12px}.settings-nav a.active,.settings-nav a:hover{background:#e8f1ff;color:#1769e0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.form-grid label{display:flex;flex-direction:column}.form-grid label.wide{grid-column:1/-1}.form-grid span{font-size:11px;font-weight:750;margin-bottom:5px}.form-grid input,.form-grid textarea,.form-grid select,.field input{border:1px solid #ccd0d5;border-radius:8px;padding:10px;outline:none}.form-grid textarea{min-height:80px;resize:vertical}.verified{font-size:10px;color:var(--green);font-weight:800}.connected-account button{margin-left:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #eee}.setting-row>div{display:flex;flex-direction:column}.setting-row small{color:var(--muted)}.toggle-list label{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid #eee}.toggle-list label>span{display:flex;flex-direction:column}.toggle-list small{color:var(--muted);margin-top:2px}.toggle-list input{width:18px;height:18px}.connection-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eee}.connection-row>span{font-size:25px}.connection-row>div{display:flex;flex-direction:column;flex:1}.connection-row small{color:var(--muted)}.danger-zone{border:1px solid #f4c7ca}.danger-outline{border:1px solid #d9363e;color:#b4262e;background:#fff}.history-filters{display:flex;gap:8px;margin-top:15px}.history-filters select{padding:8px;border:1px solid #d6d9de;border-radius:7px}
.big-search{display:flex;gap:8px;margin-top:16px}.big-search input{flex:1;padding:11px;border:1px solid #ccd0d5;border-radius:8px}.directory-card{overflow:auto}.directory-head,.directory-row{display:grid;grid-template-columns:40px 1.3fr .7fr .55fr 1fr .7fr .7fr;gap:8px;align-items:center;padding:10px 13px;min-width:680px}.directory-head{font-size:9px;font-weight:900;color:#777;background:#f8f9fa}.directory-row{border-top:1px solid #eee;font-size:11px}.directory-row:hover{background:#f7f8fa}.status-text.online{color:var(--green)}.status-text.away{color:var(--orange)}.status-text.offline{color:#999}.server-list-title{display:flex;align-items:center;gap:10px}.server-list-title h2{margin:0}.server-browser-row{display:grid;grid-template-columns:1.3fr 1fr .65fr .5fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eee}.server-browser-row>div{display:flex;flex-direction:column}.server-browser-row small{color:var(--muted)}.server-bar{height:7px;background:#e4e6e9;border-radius:99px;overflow:hidden}.server-bar i{display:block;height:100%;background:#1769e0}.server-browser-row em{font-size:10px;font-style:normal;font-weight:800}
.shop-tabs{display:flex;gap:8px;margin-top:16px}.shop-section-header{display:flex;justify-content:space-between;align-items:start}.shop-section-header h2{margin:6px 0}.shop-section-header>a{font-size:12px;color:var(--brand);font-weight:750}.rank-card h3{font-size:21px;margin:4px 0}.rank-card ul{list-style:none;padding:0;flex:1}.rank-card li{font-size:12px;color:#50545a;padding:4px 0}.shop-kit-card{border:1px solid #e0e4e8;border-radius:11px;padding:15px}.kit-main-link{display:flex;gap:11px}.kit-main-link>span:last-child{flex:1}.kit-main-link small{font-size:9px;color:#a3262e;font-weight:900}.kit-main-link h3{margin:3px 0}.kit-main-link p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.4}.kit-buy-row{display:flex;justify-content:space-between;align-items:center;padding-top:11px;margin-top:11px;border-top:1px solid #eee}.kit-detail-hero{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:16px}.kit-detail-hero h1{font-size:31px;margin:6px 0}.kit-detail-hero p{color:var(--muted)}.big-price{font-size:23px;font-weight:850}.callout{display:flex;gap:10px;background:#f4f7fb;border-radius:8px;padding:12px;margin-top:12px}
.auth-page{background:#eef1f6}.auth-simple{max-width:430px;margin:70px auto;padding:0 14px}.auth-card{padding:24px;text-align:center}.auth-logo{width:65px}.auth-card h1{margin:8px 0}.auth-card>p{color:var(--muted)}.field{display:block;text-align:left;margin:12px 0}.field span{display:block;font-size:11px;font-weight:800;margin-bottom:5px}.field input{width:100%}.large{padding:13px}.auth-links{display:flex;justify-content:space-between;margin-top:15px;font-size:12px}.auth-links a{color:var(--brand)}
.narrow-page{max-width:820px;margin:35px auto;padding:0 18px}.legal h1{font-size:31px}.legal .lead{font-size:16px;color:var(--muted)}.legal-section{padding:14px 0;border-top:1px solid #eee}.legal-section h2{font-size:18px;margin:0 0 5px}.legal-section p{margin:0;color:#4b4f56;line-height:1.55}
.footer{max-width:1200px;margin:25px auto;padding:22px 18px 35px;color:#777;font-size:11px;display:flex;align-items:center;gap:25px}.footer-brand{display:flex;gap:8px;align-items:center}.footer-brand img{width:38px}.footer-brand div{display:flex;flex-direction:column}.footer nav{display:flex;gap:12px;flex:1;justify-content:center}.footer>span{text-align:right}
@media(max-width:1240px){.topbar-inner{grid-template-columns:220px 1fr 235px}.account-actions .ghost-btn{display:none}.left-rail{display:none}.layout{grid-template-columns:minmax(560px,760px) 300px;justify-content:center}.nav-icon{width:49px}}
@media(max-width:900px){.topbar-inner{grid-template-columns:1fr auto}.search,.topnav{display:none}.account-actions .primary-small{display:none}.layout{display:block;max-width:760px;padding:13px 8px}.right-rail{display:none}.signup-wrap{grid-template-columns:1fr;max-width:600px}.signup-benefits{text-align:center}.benefit-list{text-align:left}.status-columns,.discord-grid,.profile-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.network-hero,.game-hero,.discord-hero{min-height:410px;padding:22px;align-items:flex-end}.network-hero h1,.game-hero h1,.discord-hero h1{font-size:31px}.hero-network-stats,.server-live-card,.discord-live{position:absolute;right:18px;top:18px;width:120px}.network-hero{position:relative}.hero-network-stats div:nth-child(n+2){display:none}.game-switcher,.stats-grid,.metric-grid,.product-grid.three,.product-grid.two,.compact-steps,.leader-feature-cards,.profile-facts,.big-stat-grid,.two-col-detail,.achievement-badges,.category-grid{grid-template-columns:1fr 1fr}.kit-showcase{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.settings-nav{grid-template-columns:1fr 1fr}.server-browser-row{grid-template-columns:1fr auto}.server-browser-row .server-bar,.server-browser-row em{display:none}.footer{flex-direction:column;align-items:flex-start}.footer nav{justify-content:flex-start;flex-wrap:wrap}.footer>span{text-align:left}.uptime-strip{grid-template-columns:repeat(45,1fr)}.uptime-day:nth-child(-n+45){display:none}.signup-steps>div{width:68px}.profile-main{flex-wrap:wrap}.profile-main>.secondary-btn{width:100%}}


/* ===== Header navigation update =====
   - Search moved to the far right
   - Main navigation centered
   - Navigation icons enlarged
   - Labels displayed below each icon
   - Login / signup buttons removed
*/
.topbar{
    height:78px;
}
.topbar-inner{
    height:100%;
    max-width:1580px;
    margin:auto;
    padding:0 18px;
    display:grid;
    grid-template-columns:240px minmax(600px,1fr) auto 300px;
    gap:16px;
    align-items:center;
}
.brand{
    justify-self:start;
}
.brand img{
    width:50px;
    height:50px;
}
.brand span{
    font-size:22px;
}

.topnav{
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}
.nav-icon{
    width:78px;
    min-width:68px;
    height:70px;
    padding:7px 5px 6px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:8px;
    color:#65676b;
    border-bottom:3px solid transparent;
}
.nav-icon:hover{
    background:#f2f2f2;
}
.nav-icon.active{
    color:var(--brand);
    border-bottom-color:var(--brand);
    border-radius:8px 8px 0 0;
}
.nav-glyph{
    display:flex;
    align-items:center;
    justify-content:center;
    height:34px;
    font-size:30px;
    line-height:1;
    font-weight:700;
}
.nav-label{
    display:block;
    font-size:10px;
    line-height:1;
    font-weight:750;
    white-space:nowrap;
}

.header-user-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.header-settings-btn{
    width:58px;
    height:58px;
    padding:5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
}
.header-action-glyph{
    font-size:21px;
    line-height:1;
}
.header-action-label{
    font-size:9px;
    line-height:1;
    font-weight:700;
}
.header-user-actions .avatar-btn{
    width:44px;
    height:44px;
}

.header-search{
    justify-self:end;
    width:100%;
}
.header-search input{
    width:100%;
    max-width:none;
    padding:12px 16px;
    border:0;
    border-radius:999px;
    background:#f0f2f5;
    outline:none;
}

@media(max-width:1300px){
    .topbar-inner{
        grid-template-columns:200px minmax(520px,1fr) auto 250px;
        gap:10px;
    }
    .nav-icon{
        width:68px;
        min-width:60px;
    }
    .nav-glyph{
        font-size:27px;
    }
    .nav-label{
        font-size:9px;
    }
}
@media(max-width:1030px){
    .topbar{
        height:72px;
    }
    .topbar-inner{
        grid-template-columns:175px 1fr 240px;
    }
    .header-user-actions{
        display:none;
    }
    .nav-icon{
        width:62px;
        min-width:55px;
        height:66px;
    }
    .nav-glyph{
        font-size:25px;
    }
}
@media(max-width:850px){
    .topbar{
        height:62px;
    }
    .topbar-inner{
        grid-template-columns:1fr 230px;
    }
    .topnav,
    .header-user-actions{
        display:none;
    }
    .brand img{
        width:44px;
        height:44px;
    }
    .header-search{
        display:block;
    }
}
@media(max-width:520px){
    .topbar-inner{
        grid-template-columns:52px 1fr;
        padding:0 10px;
    }
    .brand span{
        display:none;
    }
    .header-search input{
        padding:10px 13px;
    }
}


/* ===== Three-game-mode update ===== */

/* Header now contains only brand, centered nav and far-right search. */
.topbar-inner{
    grid-template-columns:220px minmax(680px,1fr) 300px !important;
    gap:16px !important;
}
.topnav{
    justify-content:center !important;
}
.header-search{
    grid-column:auto !important;
    justify-self:end !important;
}
.nav-icon{
    width:76px !important;
    min-width:66px !important;
}
.nav-label{
    font-size:9px !important;
}

/* True Minecraft Hardcore */
.true-hardcore-hero{
    background:
      radial-gradient(circle at 80% 16%,rgba(255,90,90,.24),transparent 28%),
      linear-gradient(135deg,#150708,#401012 55%,#8d1f24) !important;
}
.true-hardcore-choice{
    background:linear-gradient(135deg,#310b0d,#861c21) !important;
}
.hardcore-btn{
    background:#9e2228 !important;
    color:#fff !important;
}
.hardcore-btn:hover{
    background:#7e171c !important;
}
.hardcore-heart{
    font-size:28px;
    color:#ff454d;
    text-shadow:0 0 12px rgba(255,69,77,.5);
}
.hardcore-red{
    color:#ae2228;
}
.hardcore-rule-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:16px;
}
.hardcore-rule-grid>div{
    padding:14px;
    border:1px solid #ead9da;
    border-radius:10px;
    background:#fff8f8;
    display:flex;
    flex-direction:column;
}
.hardcore-rule-grid>div>span{
    font-size:25px;
    color:#a72228;
}
.hardcore-rule-grid strong{
    margin-top:7px;
}
.hardcore-rule-grid small{
    color:var(--muted);
    margin-top:3px;
}
.hardcore-death{
    background:#fff0f0 !important;
    margin:0 -9px;
    padding:14px 9px !important;
    border-radius:8px;
}
.hardcore-tag{
    background:#f6d9da !important;
    color:#921d23 !important;
}
.hardcore-server-note{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:12px;
    padding:10px;
    border-radius:8px;
    background:#fff3f3;
}
.hardcore-server-note>span{
    color:#ad252a;
    font-size:22px;
}
.hardcore-server-note p{
    margin:0;
    font-size:12px;
}
.true-hardcore-profile{
    border-top:4px solid #9f2329 !important;
}
.hardcore-life-title>span{
    color:#ae252b;
}
.hardcore-life-banner{
    display:grid;
    grid-template-columns:auto 1fr 1fr 1fr;
    gap:10px;
    align-items:center;
    padding:12px;
    margin:14px 0;
    background:#fff3f3;
    border-radius:9px;
}
.hardcore-life-banner>div{
    display:flex;
    flex-direction:column;
}
.hardcore-life-banner small{
    font-size:9px;
    color:var(--muted);
}
.alive-dot{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#24a148;
    box-shadow:0 0 0 5px #def3e3;
}
.alive-label{
    color:#249642;
    font-weight:800;
}
.hardcore-board-row{
    grid-template-columns:32px 1.35fr .65fr .9fr .6fr .6fr .8fr .7fr 1fr !important;
    min-width:820px !important;
}
.hardcore-shop-info{
    border-left:4px solid #9f2329;
}

/* Three cards on the home game switcher. */
.game-switcher{
    grid-template-columns:repeat(3,1fr) !important;
}
.composer-actions{
    grid-template-columns:repeat(3,1fr) !important;
}

/* Responsive header with extra game button */
@media(max-width:1380px){
    .topbar-inner{
        grid-template-columns:185px minmax(610px,1fr) 250px !important;
        gap:8px !important;
    }
    .nav-icon{
        width:68px !important;
        min-width:58px !important;
    }
    .nav-glyph{
        font-size:25px !important;
    }
    .brand span{
        font-size:19px !important;
    }
}
@media(max-width:1080px){
    .topbar-inner{
        grid-template-columns:165px minmax(560px,1fr) 220px !important;
    }
    .nav-icon{
        width:62px !important;
        min-width:52px !important;
    }
    .nav-label{
        font-size:8px !important;
    }
}
@media(max-width:930px){
    .topbar-inner{
        grid-template-columns:1fr 250px !important;
    }
    .topnav{
        display:none !important;
    }
}
@media(max-width:650px){
    .game-switcher,
    .hardcore-rule-grid{
        grid-template-columns:1fr !important;
    }
    .hardcore-life-banner{
        grid-template-columns:auto 1fr !important;
    }
}


/* ===== All Standard Kits + Shop terminology update ===== */
.standard-kit-hero{
    background:linear-gradient(135deg,#fff,#fff6f6);
    border-top:4px solid #d9363e;
}
.standard-kit-hero h1{
    font-size:34px;
    margin:7px 0;
}
.kit-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.kit-info-block{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:16px;
    padding:13px;
    border-radius:9px;
    background:#f7f8fa;
}
.kit-info-block>span{
    font-size:25px;
}
.kit-info-block>div{
    display:flex;
    flex-direction:column;
}
.kit-info-block small{
    color:var(--muted);
    margin-bottom:3px;
}
.kit-reference{
    border-left:4px solid #1769e0;
}
.kit-reference p{
    margin-bottom:8px;
}

.kit-directory-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:15px;
}
.kit-search{
    flex:1;
    display:flex;
    flex-direction:column;
}
.kit-search span{
    font-size:11px;
    font-weight:800;
    margin-bottom:6px;
}
.kit-search input{
    width:100%;
    padding:12px 14px;
    border:1px solid #ccd0d5;
    border-radius:9px;
    outline:none;
}
.kit-search input:focus{
    border-color:#1769e0;
    box-shadow:0 0 0 3px rgba(23,105,224,.10);
}
.kit-count-box{
    min-width:90px;
    padding:10px 13px;
    background:#fff2f3;
    border-radius:9px;
    text-align:center;
    display:flex;
    flex-direction:column;
}
.kit-count-box strong{
    font-size:22px;
    color:#ad252d;
}
.kit-count-box small{
    color:var(--muted);
    font-size:10px;
}
.kit-letter-nav{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:13px;
}
.kit-letter{
    border:0;
    border-radius:7px;
    padding:6px 8px;
    min-width:31px;
    background:#f0f2f5;
    font-size:10px;
    font-weight:800;
    color:#555;
}
.kit-letter.active,
.kit-letter:hover{
    background:#f7dfe1;
    color:#a9252d;
}
.sheet-source-badge{
    font-size:10px;
    font-weight:850;
    padding:5px 8px;
    border-radius:999px;
    background:#edf3ff;
    color:#1769e0;
}
.standard-kit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
    margin-top:15px;
}
.standard-kit-card{
    border:1px solid #e0e4e8;
    border-radius:11px;
    padding:14px;
    background:#fff;
    transition:transform .15s, box-shadow .15s;
}
.standard-kit-card:hover{
    transform:translateY(-1px);
    box-shadow:0 4px 13px rgba(0,0,0,.08);
}
.standard-kit-main{
    display:flex;
    gap:11px;
}
.standard-kit-main>span:last-child{
    min-width:0;
}
.standard-kit-main small{
    font-size:9px;
    font-weight:900;
    color:#a42830;
}
.standard-kit-main h3{
    margin:3px 0 5px;
    font-size:17px;
}
.standard-kit-main p{
    margin:0;
    color:var(--muted);
    line-height:1.42;
    font-size:11px;
}
.standard-kit-meta{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:10px;
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid #eee;
}
.standard-kit-meta>span{
    display:flex;
    flex-direction:column;
    color:#50545a;
    font-size:10px;
}
.standard-kit-meta b{
    color:#8a8d91;
    font-size:9px;
    margin-bottom:2px;
}
.standard-kit-meta a{
    white-space:nowrap;
    color:#1769e0;
    font-weight:750;
    font-size:11px;
}
.kit-no-results{
    text-align:center;
    color:var(--muted);
    padding:28px 10px;
}
.shop-all-kits-btn{
    margin-top:15px;
}
@media(max-width:650px){
    .standard-kit-grid,
    .kit-detail-grid{
        grid-template-columns:1fr;
    }
    .kit-directory-toolbar{
        align-items:stretch;
        flex-direction:column;
    }
    .kit-count-box{
        flex-direction:row;
        gap:6px;
        align-items:baseline;
        justify-content:center;
    }
}


/* ===== Five-item top navigation ===== */
.topbar-inner{
    grid-template-columns:220px minmax(480px,1fr) 320px !important;
}
.topnav{
    justify-content:center !important;
    gap:8px !important;
}
.nav-icon{
    width:102px !important;
    min-width:88px !important;
}
.nav-glyph{
    font-size:31px !important;
}
.nav-label{
    font-size:10px !important;
}
@media(max-width:1150px){
    .topbar-inner{
        grid-template-columns:180px minmax(430px,1fr) 260px !important;
    }
    .nav-icon{
        width:86px !important;
        min-width:72px !important;
    }
}
@media(max-width:900px){
    .topbar-inner{
        grid-template-columns:1fr 250px !important;
    }
    .topnav{
        display:none !important;
    }
}


/* =========================================================
   Cross-browser + mobile optimization
   Targets current Chrome, Edge, Firefox, Safari, iOS Safari
   and Chromium-based Android browsers.
   ========================================================= */

html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    scroll-behavior:smooth;
}
body{
    min-width:320px;
    min-height:100vh;
    min-height:100dvh;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
img,svg,video,canvas{
    max-width:100%;
    height:auto;
}
button,a,input,select,textarea{
    touch-action:manipulation;
}
input,textarea,select{
    max-width:100%;
}
button,input,select,textarea{
    font-family:inherit;
}
a,button{
    -webkit-tap-highlight-color:rgba(23,105,224,.12);
}
:focus-visible{
    outline:3px solid rgba(23,105,224,.32);
    outline-offset:2px;
}

/* Desktop header: 6 links centered; search locked to the far right. */
.topbar{
    height:78px !important;
}
.topbar-inner{
    grid-template-columns:205px minmax(660px,1fr) 300px !important;
    grid-template-areas:"brand nav search";
    align-items:center !important;
    gap:14px !important;
}
.brand{grid-area:brand}
.topnav{
    grid-area:nav;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
    min-width:0;
}
.header-search,
.topbar .search{
    grid-area:search;
    justify-self:end !important;
    width:100% !important;
    min-width:0;
}
.header-search input,
.topbar .search input{
    width:100% !important;
    max-width:300px !important;
}
.nav-icon{
    width:90px !important;
    min-width:78px !important;
    flex:0 0 auto;
}
.nav-glyph{
    font-size:29px !important;
}
.nav-label{
    font-size:9px !important;
}

/* Sidebar cards can shrink without forcing horizontal overflow. */
.layout,
.feed,
.left-rail,
.right-rail,
.card{
    min-width:0;
}
.right-rail{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.discord-card{order:1}
.server-status-card{order:2}

/* Tablet: compact left navigation becomes a horizontal strip. */
@media (max-width:1240px){
    .topbar-inner{
        grid-template-columns:170px minmax(540px,1fr) 240px !important;
        gap:8px !important;
    }
    .nav-icon{
        width:77px !important;
        min-width:68px !important;
    }
    .nav-glyph{font-size:26px !important}
    .nav-label{font-size:8px !important}

    .layout{
        grid-template-columns:minmax(0,1fr) 300px !important;
        gap:16px !important;
    }
    .left-rail{
        display:flex !important;
        grid-column:1 / -1;
        position:static !important;
        align-items:center;
        gap:10px;
        background:#fff;
        padding:8px;
        border-radius:12px;
        box-shadow:var(--shadow);
        overflow:hidden;
    }
    .left-rail .side-profile{
        flex:0 0 auto;
        white-space:nowrap;
    }
    .left-rail .side-nav{
        margin:0 !important;
        display:flex;
        align-items:center;
        gap:4px;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .left-rail .side-nav::-webkit-scrollbar{display:none}
    .left-rail .side-heading,
    .left-rail .rail-footer{
        display:none !important;
    }
    .left-rail .side-item{
        flex:0 0 auto;
        white-space:nowrap;
        padding:9px 10px;
    }
    .feed{grid-column:1}
    .right-rail{
        grid-column:2;
        position:static !important;
    }
}

/* Phones and narrow tablets: header becomes two rows.
   Top menu remains available as a touch-scroll strip instead of disappearing. */
@media (max-width:900px){
    .topbar{
        height:auto !important;
        position:sticky !important;
        top:0;
    }
    .topbar-inner{
        width:100%;
        grid-template-columns:auto minmax(0,1fr) !important;
        grid-template-areas:
            "brand search"
            "nav nav" !important;
        padding:7px 10px 0 !important;
        gap:7px 10px !important;
    }
    .brand{
        grid-area:brand;
        min-width:0;
    }
    .brand img{
        width:42px !important;
        height:42px !important;
    }
    .brand span{
        display:none;
    }
    .header-search,
    .topbar .search{
        grid-area:search;
        display:block !important;
        width:100%;
    }
    .header-search input,
    .topbar .search input{
        width:100% !important;
        max-width:none !important;
        min-height:42px;
    }
    .topnav{
        grid-area:nav;
        display:flex !important;
        justify-content:flex-start !important;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:3px;
    }
    .topnav::-webkit-scrollbar{display:none}
    .nav-icon{
        flex:0 0 83px;
        width:83px !important;
        min-width:83px !important;
        height:61px !important;
    }
    .nav-glyph{
        font-size:24px !important;
        height:27px !important;
    }
    .nav-label{
        font-size:8px !important;
    }

    .layout{
        display:flex !important;
        flex-direction:column;
        width:100%;
        max-width:760px;
        padding:10px 8px !important;
        gap:12px !important;
    }
    .left-rail{
        order:1;
        width:100%;
    }
    .feed{
        order:2;
        width:100%;
    }
    .right-rail{
        display:flex !important;
        order:3;
        width:100%;
        position:static !important;
    }
    .right-rail .compact{
        width:100%;
    }

    .game-hero,
    .network-hero,
    .discord-hero{
        border-radius:12px !important;
    }
    .stats-grid,
    .leader-feature-cards{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .product-grid.three,
    .product-grid.two,
    .standard-kit-grid{
        grid-template-columns:1fr 1fr !important;
    }
}

/* Phones */
@media (max-width:600px){
    .topbar-inner{
        padding-left:8px !important;
        padding-right:8px !important;
    }
    .nav-icon{
        flex-basis:76px;
        width:76px !important;
        min-width:76px !important;
    }

    .left-rail{
        display:block !important;
        padding:8px !important;
    }
    .left-rail .side-profile{
        width:100%;
        margin-bottom:5px;
    }
    .left-rail .side-nav{
        width:100%;
    }

    .network-hero,
    .game-hero,
    .discord-hero{
        min-height:390px !important;
        padding:18px !important;
    }
    .network-hero h1,
    .game-hero h1,
    .discord-hero h1{
        font-size:29px !important;
    }

    .stats-grid,
    .metric-grid,
    .leader-feature-cards,
    .profile-facts,
    .big-stat-grid,
    .two-col-detail,
    .achievement-badges,
    .category-grid,
    .product-grid.three,
    .product-grid.two,
    .standard-kit-grid,
    .kit-detail-grid,
    .discord-grid,
    .profile-grid{
        grid-template-columns:1fr !important;
    }

    .card,
    .content-card,
    .page-hero{
        border-radius:10px !important;
    }
    .content-card,
    .page-hero{
        padding:16px !important;
    }

    .board-toolbar,
    .section-heading,
    .store-section-header,
    .shop-section-header,
    .kit-directory-toolbar,
    .server-row-top{
        flex-direction:column;
        align-items:stretch !important;
    }
    .board-toolbar select,
    .history-filters select{
        width:100%;
    }

    .history-filters{
        display:grid !important;
        grid-template-columns:1fr !important;
    }

    .footer{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;
    }
    .footer nav{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
    }
}

/* Very narrow phones */
@media (max-width:380px){
    .nav-icon{
        flex-basis:70px;
        width:70px !important;
        min-width:70px !important;
    }
    .nav-label{font-size:7.5px !important}
    .header-search input,
    .topbar .search input{
        font-size:14px;
    }
}

/* Respect operating-system accessibility settings. */
@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}


/* PHP application additions */
.site-flash{max-width:1100px;margin:12px auto -2px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:650}
.site-flash.success{background:#e6f5e9;color:#1d7032;border:1px solid #bfe4c7}
.site-flash.error{background:#fff0f1;color:#a2242c;border:1px solid #f0c3c7}
.auth-note{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.5}
.dev-demo-box{margin-top:16px;border:1px solid #dfe3e8;border-radius:9px;padding:11px;background:#fafbfc}
.dev-demo-box summary{cursor:pointer;font-size:12px;font-weight:750;color:#1769e0}
.demo-signup-form{margin-top:12px}
.verification-demo-link{margin-top:12px;padding:10px;background:#eaf3ff;border-radius:8px;display:flex;flex-direction:column;gap:4px;font-size:11px;overflow-wrap:anywhere}
.verification-demo-link a{color:#1769e0}
.empty-state{padding:24px;text-align:center;color:var(--muted)}