/* Persian Mine / Liquid Worlds. Native CSS materials, no remote dependencies. */
:root {
  color-scheme: light;
  --bg:#f3f5fa; --bg-soft:#edf1f8; --bg-card:#fff; --bg-alt:#edf2f9;
  --text:#172233; --text-soft:#4c5a70; --muted:#5f6e84;
  --primary:#1767d9; --primary-dim:#0950b6; --primary-glow:rgba(30,111,222,.14);
  --gold:#1767d9; --gold2:#2a70d8; --gold-dim:#0950b6; --gold-glow:rgba(33,116,227,.13);
  --cyan:#077d9f; --green:#097a56; --red:#bd3548; --purple:#7654bb;
  --glass:rgba(255,255,255,.66); --glass-hover:rgba(255,255,255,.9);
  --glass-border:rgba(255,255,255,.95); --glass-border-hover:rgba(123,160,208,.46);
  --line:rgba(45,67,105,.13); --solid:#f8faff; --nav-surface:rgba(249,251,255,.84);
  --material:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.54));
  --shadow:0 12px 36px -20px rgba(24,46,82,.3),inset 0 1px 0 rgba(255,255,255,.9);
  --shadow-lg:0 28px 74px -34px rgba(24,58,113,.32),inset 0 1px 0 #fff;
  --shadow-primary:0 8px 28px rgba(24,100,209,.18); --shadow-gold:var(--shadow-primary);
  --radius:22px; --radius-lg:30px; --radius-xl:40px;
  --font-body:'Vazirmatn','Segoe UI',Tahoma,sans-serif; --font-display:var(--font-body);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
html[data-theme=dark] {
  color-scheme:dark;
  --bg:#0e1320; --bg-soft:#151d2d; --bg-card:#1b2538; --bg-alt:#121c2e;
  --text:#eef4ff; --text-soft:#b5c2d8; --muted:#a0b0c8;
  --primary:#8ac1ff; --primary-dim:#5ca6ff; --gold:#8ac1ff; --gold2:#afd5ff;
  --cyan:#83d9ed; --green:#7ddab6; --red:#ff9caa; --purple:#c5b2fb;
  --glass:rgba(32,45,66,.73); --glass-hover:rgba(46,64,91,.88);
  --glass-border:rgba(170,197,236,.15); --glass-border-hover:rgba(170,197,236,.3);
  --line:rgba(161,190,231,.17); --solid:#1b273b; --nav-surface:rgba(20,30,47,.88);
  --material:linear-gradient(145deg,rgba(43,57,80,.88),rgba(24,35,55,.74));
  --shadow:0 16px 38px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(210,231,255,.1);
  --shadow-lg:0 30px 70px -25px rgba(0,0,0,.55),inset 0 1px 0 rgba(210,231,255,.1);
}
html {scrollbar-color:#9aaec8 var(--bg);scroll-padding-top:120px}
body {
  font-family:var(--font-body); color:var(--text); line-height:1.85; font-weight:450;
  background:radial-gradient(ellipse at 4% 3%,rgba(121,169,243,.15),transparent 33rem),radial-gradient(ellipse at 98% 20%,rgba(173,160,239,.13),transparent 32rem),var(--bg);
  overflow-x:clip;
}
body::before,body::after {content:none}
*,*::before,*::after {box-sizing:border-box}
[hidden] {display:none!important}
img,video,canvas {max-width:100%}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea {touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a {text-underline-offset:4px}
a {color:var(--primary)}
button {cursor:pointer}
h1,h2,h3,h4,h5,h6 {color:var(--text);font-family:var(--font-body);letter-spacing:-.035em;line-height:1.55;overflow-wrap:anywhere}
h1 {font-weight:850} h2 {font-weight:800} h3 {font-weight:750}
p {line-height:1.95}
::selection {background:#aacfff;color:#11294d}
:focus-visible {outline:3px solid var(--primary);outline-offset:5px;border-radius:8px}
.container {width:min(1220px,calc(100% - 64px));padding-inline:0;max-width:1220px}
.section {padding-block:56px}
.section.container {margin-inline:auto}
.inner-page {padding-top:46px;padding-bottom:48px;min-height:55vh}
.fine-print {display:block;color:var(--text-soft);font-size:.78rem;line-height:1.9;margin-top:16px}
.muted {color:var(--muted)}
.eyebrow {display:block;font-family:var(--font-body);font-size:.66rem;font-weight:750;letter-spacing:.13em;color:var(--text-soft);line-height:1.8;direction:ltr;text-align:inherit}
.liquid-text,.gold-blue-text {background:linear-gradient(100deg,#116fd9 4%,#6f5fc7 52%,#148f9d 98%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme=dark] .liquid-text,html[data-theme=dark] .gold-blue-text {background-image:linear-gradient(100deg,#99d7ff,#c9b3ff,#9aebd4)}
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link {position:fixed;top:-120px;right:20px;padding:12px 20px;background:var(--solid);border:2px solid var(--primary);z-index:9999;border-radius:16px}
.skip-link:focus {top:12px}
.btn {min-height:46px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:.86rem;letter-spacing:0;gap:12px;box-shadow:none;transition:background .18s,box-shadow .18s,transform .18s}
.btn::before,.btn::after {display:none}
.btn-gold,.btn-primary,.btn-gold-glow,.btn-premium-hero,.btn-donate-hero {background:linear-gradient(165deg,#3a88f4,#1262d0);color:#fff!important;border:1px solid rgba(20,88,181,.28);box-shadow:0 6px 18px rgba(18,97,208,.18),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-gold:hover,.btn-primary:hover,.btn-gold-glow:hover {background:linear-gradient(165deg,#2879e5,#0755be);color:#fff;box-shadow:0 9px 25px rgba(18,97,208,.23);transform:translateY(-2px)}
.btn-glass {background:var(--material);color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn-glass:hover {background:var(--glass-hover);color:var(--text);border-color:var(--line);transform:translateY(-2px)}
.btn-sm {min-height:38px;padding:8px 16px;font-size:.77rem}
.text-button {display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--primary);padding:8px 0;font-size:.86rem;font-weight:650;text-decoration:none}
.text-button:hover {text-decoration:underline}
.glass-card,.floating-glass {background:var(--material);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text)}
.glass-card:hover {border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg);transform:none}
.announcement-bar {background:var(--bg-alt);border:0;color:var(--text);font-size:.8rem;padding:8px 20px}
.site-header {position:sticky;top:16px;width:calc(100% - 40px);max-width:1300px;margin:16px auto 0;border-radius:24px;background:var(--nav-surface);border:1px solid var(--glass-border);box-shadow:0 10px 35px -24px rgba(27,53,92,.4),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);z-index:1000}
.site-header::before,.site-header::after {display:none}
.header-inner {width:100%;padding:0 22px;min-height:72px;gap:22px;max-width:none}
.brand {gap:10px;flex-shrink:0}
.brand-icon {height:34px;width:34px;padding:0;box-shadow:none;background:none;border:0;border-radius:10px}
.brand-logo {width:34px;height:34px;filter:none}
.brand-name {color:var(--text);font-family:var(--font-body);font-size:1.01rem;font-weight:850;white-space:nowrap;background:none;-webkit-text-fill-color:currentColor;letter-spacing:-.03em}
.header-nav {display:flex;gap:4px;align-items:center;justify-content:center;flex:1}
.nav-link {color:var(--text-soft);padding:8px 11px;border-radius:999px;font-size:.75rem;white-space:nowrap;font-weight:650;border:0;background:none}
.nav-link:hover,.nav-link.active {color:var(--text);background:var(--glass-hover);box-shadow:inset 0 0 0 1px var(--line)}
.nav-link::after,.nav-link-donate::before {display:none}
.nav-link-donate {color:var(--text-soft)!important}
.nav-donate-heart {display:none}
.header-actions {gap:8px;flex-shrink:0}
.appearance-button {height:38px;width:38px;padding:0;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);background:var(--glass);color:var(--text);border-radius:50%;font:24px/1 system-ui}
.appearance-button:hover {background:var(--glass-hover)}
.user-avatar-btn {width:38px;height:38px;border-radius:14px;border-color:var(--line);box-shadow:none}
.user-dropdown {background:var(--solid);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:10px}
.user-dropdown-header {color:var(--text-soft);border-color:var(--line)}
.user-dropdown-item {border-radius:12px;color:var(--text)}
.user-dropdown-item:hover {background:var(--bg-alt);color:var(--primary)}
.mobile-menu-btn {width:40px;height:40px;border:1px solid var(--line);border-radius:50%;padding:11px;background:var(--glass)}
.mobile-menu-btn span {background:var(--text);height:2px;box-shadow:none}
.network-hero {padding-block:76px 32px;position:relative;overflow:hidden;overflow:clip}
.network-hero-grid {display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:24px;min-height:510px}
.network-hero-copy {position:relative;z-index:2;padding-block:18px}
.network-hero-copy .eyebrow {display:flex;align-items:center;gap:8px;letter-spacing:.1em;font-size:.64rem;justify-content:flex-end}
.signal-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(89,158,249,.12)}
.network-hero h1,.game-hero h1 {font-size:clamp(2.6rem,4.6vw,4.5rem);line-height:1.5;font-weight:900;letter-spacing:-.065em;margin:20px 0 18px}
.network-hero-copy>p {font-size:1.02rem;max-width:475px;color:var(--text-soft);margin-bottom:24px}
.hero-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-coin-shop {gap:9px}
.coin-button-mark {width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(125,169,232,.5);border-radius:50%;font:800 10px/1 Arial,sans-serif;color:#165da9;background:linear-gradient(145deg,#fff,#d7e9ff 58%,#c9c0f1);box-shadow:2px 2px 0 rgba(79,127,194,.23),inset 0 1px 0 #fff}
.network-mini-stats {display:flex;gap:32px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);max-width:450px}
.network-mini-stats div {display:flex;flex-direction:column;gap:4px;min-width:0}
.network-mini-stats strong {font-size:1.35rem;color:var(--text);font-weight:750;font-variant-numeric:tabular-nums}
.network-mini-stats span {font-size:.65rem;color:var(--text-soft)}
.world-stage {position:relative;min-height:490px;isolation:isolate;direction:ltr}
.stage-disc {position:absolute;inset:15% 7% 15%;border-radius:50%;background:radial-gradient(ellipse at 25% 20%,rgba(255,255,255,.92),rgba(180,203,242,.14) 65%);border:1px solid var(--glass-border);box-shadow:inset 0 2px 4px rgba(255,255,255,.6),0 24px 80px -35px rgba(107,141,208,.25);transform:rotate(-22deg) skew(3deg)}
html[data-theme=dark] .stage-disc {background:radial-gradient(ellipse at 25% 20%,rgba(118,163,220,.26),rgba(27,45,79,.15) 65%)}
.stage-orbit {position:absolute;border:1px solid rgba(128,161,211,.23);border-radius:50%;inset:12% 0 10%;transform:rotate(-24deg);z-index:-1}
.orbit-two {inset:4% 12% 2%;transform:rotate(26deg)}
.world-island {position:absolute;width:118%;max-width:none;left:-10%;top:5%;filter:drop-shadow(0 30px 24px rgba(52,88,133,.12));animation:world-float 10s ease-in-out infinite}
.stage-chip {display:flex;align-items:center;gap:12px;position:absolute;text-decoration:none;color:var(--text);padding:16px 19px;border-radius:22px;z-index:3;box-shadow:var(--shadow-lg)}
.stage-chip:hover {color:var(--text);transform:translateY(-4px)}
.stage-chip small {display:block;color:var(--text-soft);font-size:.5rem;letter-spacing:.12em}
.stage-chip strong {display:block;font-family:var(--font-body);font-size:1.4rem;line-height:1.6;font-weight:850;letter-spacing:-.03em}
.stage-chip span:not(.chip-glyph) {display:block;font-size:.67rem;direction:rtl;color:var(--text-soft)}
.stage-chip b {align-self:flex-start;font-size:1.1rem;color:var(--primary)}
.chip-bedwars {left:-2%;top:5%;transform:rotate(-4deg)}
.chip-glyph {font-size:2.6rem;color:#d09a34;line-height:1;padding:10px;border-radius:16px;background:rgba(232,200,127,.15)}
.chip-roleplay {right:-2%;bottom:6%;padding:9px 18px 9px 0;gap:3px;transform:rotate(4deg)}
.chip-roleplay img {width:103px;height:85px;object-fit:contain}
.stage-coordinate {position:absolute;bottom:-3%;left:11%;letter-spacing:.16em;font-size:.5rem;color:var(--muted)}
@keyframes world-float {50%{transform:translateY(-10px) rotate(1deg)}}
.editorial-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.editorial-heading h2 {font-size:clamp(1.6rem,2.7vw,2.4rem);margin-top:7px;font-weight:850}
.editorial-heading p {max-width:340px;color:var(--text-soft);font-size:.88rem;margin:0}
.world-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.world-card {position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:535px;border:1px solid var(--glass-border);box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(218,238,250,.66))}
.world-roleplay {background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(229,225,251,.66))}
html[data-theme=dark] .world-card {background:linear-gradient(155deg,#1d3147,#193447)}
html[data-theme=dark] .world-roleplay {background:linear-gradient(155deg,#2b2c4c,#272c40)}
.world-card-copy {padding:32px 34px 0;position:relative;z-index:2}
.world-card h3 {font-family:var(--font-body);font-size:2.8rem;font-weight:900;direction:ltr;text-align:right;letter-spacing:-.055em;line-height:1.35;margin-top:13px}
.world-card h3 span {display:block;font-size:1.12rem;direction:rtl;letter-spacing:-.02em;margin-top:10px}
.world-card p {font-size:.82rem;color:var(--text-soft);max-width:365px;margin:10px 0 0}
.world-card>img {position:absolute;width:100%;height:310px;object-fit:contain;bottom:32px;left:0;transition:transform .5s}
.world-card:hover>img {transform:translateY(-6px)}
.world-card-bottom {position:absolute;bottom:23px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}
.mode-tags {display:flex;flex-wrap:wrap;gap:6px;direction:ltr}
.mode-tags>span {background:var(--glass);border:1px solid var(--glass-border);padding:4px 10px;border-radius:999px;font-size:.6rem;color:var(--text-soft)}
.round-link {width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:var(--text);background:var(--glass-hover);border:1px solid var(--glass-border);font-size:1.4rem;box-shadow:var(--shadow)}
.round-link:hover {background:var(--primary);color:var(--bg)}
.server-status-section {margin:26px auto;padding:0}
.server-status-inner {padding:22px 28px;border-radius:24px;background:var(--material);border:1px solid var(--glass-border);box-shadow:var(--shadow)}
.server-ip-badge,.footer-server-chip {color:var(--text);background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:none}
.server-status-dot {box-shadow:none}
.ip-text,.players-num {color:var(--text)}
.server-copy-toast,.network-toast {position:fixed;bottom:calc(24px + var(--safe-bottom));left:50%;transform:translate(-50%,24px);background:var(--solid);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:20px;padding:14px 24px;max-width:calc(100% - 32px);font-size:.86rem;z-index:3000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s}
.network-toast.visible,.server-copy-toast.show {opacity:1;visibility:visible;transform:translate(-50%,0)}
.page-intro {text-align:center;padding:28px 0 34px;max-width:860px;margin:0 auto}
.page-intro h1 {font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.5;letter-spacing:-.06em;margin:18px 0}
.page-intro>p {max-width:620px;margin:0 auto;color:var(--text-soft);font-size:.96rem}
.intro-badges {display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}
.intro-badges>span,.subtle-pill {font-size:.68rem;border:1px solid var(--line);background:var(--glass);color:var(--text-soft);padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}
.game-segment {display:flex;flex-direction:row;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:0 auto 28px;padding:5px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);box-shadow:var(--shadow);gap:3px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.game-segment>a {padding:8px 26px;border-radius:999px;font-size:.8rem;color:var(--text-soft);font-weight:700;white-space:nowrap}
.game-segment>a[aria-current=page] {background:var(--bg-card);color:var(--text);box-shadow:0 2px 8px rgba(26,59,111,.08)}
.context-nav {padding-top:30px}
.context-nav+.inner-page {padding-top:10px}
.rank-filter {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px auto 36px}
.rank-filter button {padding:8px 20px;background:transparent;border:1px solid var(--line);color:var(--text-soft);border-radius:999px;font-size:.78rem;min-height:41px}
.rank-filter button[aria-pressed=true] {background:var(--text);border-color:var(--text);color:var(--bg)}
.bw-rank-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.bw-rank-grid.single-rank {grid-template-columns:minmax(0,380px);justify-content:center}
.bw-rank-card {position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:18px;border-radius:28px;border:1px solid var(--glass-border);background:var(--material);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.bw-rank-card::before {content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 22%,color-mix(in srgb,var(--rank-accent) 13%,transparent),transparent 56%);border-radius:inherit}
.bw-rank-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.rank-card-top {display:flex;justify-content:space-between;align-items:center;gap:4px}
.rank-card-top .subtle-pill {font-size:.57rem;padding:3px 8px}
.rank-number {font-size:.5rem;letter-spacing:.08em;color:var(--muted)}
.rank-art {display:grid;place-items:center;height:172px;margin-block:8px}
.rank-art img {height:172px;width:172px;max-width:115%;filter:drop-shadow(0 12px 10px rgba(29,42,67,.14));transition:transform .35s}
.bw-rank-card:hover .rank-art img {transform:scale(1.055)}
.bw-rank-card header {text-align:center}
.bw-rank-card h2 {font-size:1.4rem;letter-spacing:.01em;font-weight:850;margin:0;line-height:1.3}
.bw-rank-card header>span {font-size:.68rem;color:var(--text-soft)}
.bw-rank-card header>p {font-size:.67rem;min-height:38px;color:var(--text-soft);margin-block:9px}
.xp-feature {display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 4px;margin-block:9px;border-block:1px solid var(--line)}
.xp-feature strong {font-size:1.6rem;color:var(--text);font-weight:850;direction:ltr}
.xp-feature span {font-size:.65rem;color:var(--text-soft)}
.rank-feature-list {list-style:none;margin:8px 0 18px;padding:0;font-size:.69rem;line-height:2.05;color:var(--text-soft);display:grid;gap:9px}
.rank-feature-list li {padding-right:14px;position:relative}
.rank-feature-list li::before {content:'';width:4px;height:4px;background:var(--rank-accent);border-radius:50%;position:absolute;top:10px;right:0}
.rank-card-purchase {margin-top:auto;padding-top:16px;border-top:1px solid var(--line);text-align:center}
.rank-card-purchase strong {display:block;font-size:.7rem;color:var(--text-soft);margin-bottom:12px}
.rank-card-purchase .btn {font-size:.67rem;padding:10px 12px;gap:6px}
.network-table {border-collapse:collapse;width:100%;text-align:right;font-size:.85rem;min-width:580px;color:var(--text)}
.network-table th {font-weight:750;color:var(--text-soft);background:var(--glass);font-size:.75rem}
.network-table th,.network-table td {padding:18px 22px;border-bottom:1px solid var(--line)}
.network-table tr:last-child>* {border-bottom:0}
.network-table tbody tr:hover {background:var(--glass)}
.table-scroll {max-width:100%;overflow:auto;border:1px solid var(--glass-border);border-radius:26px;background:var(--material);box-shadow:var(--shadow);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.comparison-table {min-width:800px}
.comparison-table th,.comparison-table td {font-size:.73rem;min-width:120px;text-align:center}
.comparison-table th:first-child {text-align:right;position:sticky;right:0;background:var(--solid);z-index:2;min-width:172px}
.yes {color:var(--green);font-weight:700}
.purchase-guide {display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.guide-copy h2 {font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.55;letter-spacing:-.05em;margin:14px 0}
.guide-copy p {color:var(--text-soft);font-size:.92rem;max-width:450px;margin-bottom:24px}
.guide-steps {display:grid;gap:16px;list-style:none;margin:0;padding:0}
.guide-steps li {display:flex;gap:20px;border:1px solid var(--glass-border);border-radius:24px;background:var(--material);box-shadow:var(--shadow);padding:24px}
.guide-steps li>span {font-size:1.9rem;line-height:1.3;color:var(--muted);font-weight:800}
.guide-steps h3 {font-size:1rem}
.guide-steps p {font-size:.82rem;color:var(--text-soft);margin-top:5px}
.command-chip {display:inline-flex;direction:ltr;align-items:center;gap:10px;border:1px solid var(--line);color:var(--primary);background:var(--glass);padding:4px 12px;border-radius:10px;font-family:monospace;font-size:.84rem}
.faq-section {max-width:900px;margin:auto}
.faq-section details {border-top:1px solid var(--line);padding:22px 0}
.faq-section details:last-child {border-bottom:1px solid var(--line)}
.faq-section summary {font-size:.94rem;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-section summary::-webkit-details-marker {display:none}
.faq-section summary::after {content:'+';font-size:1.4rem;font-weight:400;color:var(--primary)}
.faq-section details[open] summary::after {content:'−'}
.faq-section p {padding-top:14px;color:var(--text-soft);font-size:.85rem;max-width:800px}
.game-hero {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:450px;padding-block:14px 30px}
.game-hero>div {max-width:580px}
.game-hero p {color:var(--text-soft);font-size:.96rem;margin:10px 0}
.game-hero>img {width:100%;filter:drop-shadow(0 25px 20px rgba(50,93,144,.12))}
.bw-mode-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bw-mode-card {border:1px solid var(--glass-border);background:var(--material);border-radius:28px;padding:18px 23px 24px;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column}
.bw-mode-card>img {height:170px;object-fit:contain;width:100%;transform:scale(1.14)}
.bw-mode-card>.eyebrow {font-size:.55rem}
.bw-mode-card h3 {font-size:1.65rem;letter-spacing:-.04em;line-height:1.3;margin-top:9px}
.bw-mode-card h3 small {font-size:.68rem;display:block;font-weight:500;color:var(--text-soft);margin-top:8px}
.bw-mode-card p {font-size:.78rem;color:var(--text-soft);margin:14px 0 12px}
.bw-mode-card button {font-size:.74rem;margin-top:auto}
.feature-bento {display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.feature-large,.feature-small {border:1px solid var(--glass-border);background:var(--material);border-radius:32px;box-shadow:var(--shadow);padding:34px;overflow:hidden;position:relative}
.feature-large {grid-row:span 2;min-height:560px;padding-bottom:260px;background:linear-gradient(155deg,var(--glass),rgba(151,192,236,.17))}
.feature-large h2 {font-size:2.1rem;letter-spacing:-.05em;margin-top:12px}
.feature-large p {font-size:.9rem;color:var(--text-soft);max-width:430px;margin:16px 0 20px}
.feature-large>img {position:absolute;width:260px;height:260px;bottom:-18px;left:calc(50% - 130px);filter:drop-shadow(0 24px 18px rgba(50,77,119,.15))}
.feature-small {padding-inline-end:82px;min-height:235px}
.feature-small h3 {font-size:1.35rem;margin-top:9px}
.feature-small p {font-size:.84rem;color:var(--text-soft);margin:9px 0}
.feature-symbol {position:absolute;left:26px;top:25px;font-size:2.4rem;color:var(--primary);line-height:1}
.compact-search {display:flex;align-items:center;gap:6px;padding:5px 7px;background:var(--solid);border:1px solid var(--line);border-radius:999px;max-width:390px;margin-top:17px}
.compact-search input {min-width:0;width:100%;border:0;background:transparent;box-shadow:none!important;border-radius:999px;padding:9px 12px;font-size:.81rem;color:var(--text)}
.compact-search button {width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;background:var(--primary);color:var(--bg);border:0;border-radius:50%;font-size:1.2rem}
.competitive-track {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--glass-border);border-radius:32px;background:var(--material);padding:25px 12px;box-shadow:var(--shadow)}
.competitive-track article {text-align:center;min-width:0}
.competitive-track img {height:110px;width:110px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(15,42,78,.1))}
.competitive-track h3 {font-size:.71rem;letter-spacing:0;line-height:1.5}
.competitive-track span {font-size:.64rem;color:var(--text-soft)}
.empty-state {text-align:center;padding:48px 24px;border-radius:30px;color:var(--text-soft)}
.empty-state>span[aria-hidden] {font-size:2.2rem;color:var(--primary);display:block;margin-bottom:10px}
.empty-state h3 {font-size:1.4rem;margin-bottom:10px}
.empty-state p {font-size:.89rem;max-width:540px;margin:12px auto}
.player-link {display:inline-flex;align-items:center;gap:11px;color:var(--text);direction:ltr}
.player-link img {image-rendering:pixelated;border-radius:9px;border:1px solid var(--line)}
.join-banner {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;padding:45px;border:1px solid var(--glass-border);border-radius:36px;background:linear-gradient(130deg,rgba(91,158,236,.16),var(--glass));box-shadow:var(--shadow)}
.join-banner>div {flex:1 1 280px;min-width:0}
.join-banner h2 {font-size:2rem}
.join-banner p {color:var(--text-soft);font-size:.88rem;margin-top:10px}
.join-banner .btn {flex-shrink:0}
.store-destinations {display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:.83rem}
.bw-profile-header {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;margin-bottom:24px}
.bw-player-identity {display:flex;align-items:center;gap:26px;min-width:0}
.bw-player-identity>img {width:98px;height:98px;image-rendering:pixelated;border-radius:23px;box-shadow:var(--shadow);border:5px solid var(--glass-hover)}
.bw-player-identity h1 {font-size:2.4rem;font-weight:850;letter-spacing:-.035em;line-height:1.4;margin:6px 0 12px;overflow-wrap:anywhere}
.bw-player-identity .subtle-pill {margin-left:6px}
.bw-profile-overview {display:grid;grid-template-columns:1.05fr 1fr;gap:22px}
.competitive-profile {padding:25px;display:flex;align-items:center;gap:25px}
.competitive-profile>img {width:160px;height:160px;object-fit:contain}
.competitive-profile>div {flex:1;min-width:0}
.competitive-profile h2 {font-size:1.45rem;text-align:right}
.competitive-profile strong {display:block;text-align:right;font-size:1.3rem;color:var(--primary)}
.competitive-profile progress {width:100%;height:6px;border-radius:20px;accent-color:var(--primary);margin-top:13px;border:0;overflow:hidden;background:var(--bg-alt)}
.competitive-profile progress::-webkit-progress-bar {background:var(--bg-alt)}
.competitive-profile progress::-webkit-progress-value {background:var(--primary);border-radius:20px}
.competitive-profile p {font-size:.69rem;color:var(--text-soft);margin-top:9px}
.profile-season {padding:30px}
.profile-season h2 {font-size:1.4rem;margin-top:8px}
.mini-metrics {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.mini-metrics strong {display:block;font-size:1.7rem;font-weight:800}
.mini-metrics span {font-size:.63rem;color:var(--text-soft)}
.stat-bento {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.stat-bento article {padding:20px 24px;border:1px solid var(--glass-border);background:var(--material);border-radius:24px;box-shadow:var(--shadow)}
.stat-bento span {color:var(--text-soft);font-size:.72rem;display:block}
.stat-bento strong {font-size:1.7rem;display:block;font-weight:800;margin-top:8px}
.stat-bento strong small {font-size:.59rem;font-weight:500;color:var(--text-soft)}
.wallet-banner {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px}
.wallet-banner h2 {font-size:2.3rem;text-align:right}
.wallet-banner h2 small {font-size:1rem;color:var(--muted)}
.wallet-banner p {font-size:.82rem;color:var(--text-soft)}
.profile-empty h1 {font-size:2.3rem;margin-top:18px}
.profile-empty .compact-search {margin:25px auto}
.medal-collection {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.medal-collection article {border:1px solid var(--glass-border);border-radius:24px;background:var(--material);padding:20px 10px;text-align:center;box-shadow:var(--shadow)}
.medal-collection img {height:110px;width:110px;object-fit:contain}
.medal-collection h3 {font-size:.73rem;letter-spacing:0;margin:8px 0}
.medal-collection span {font-size:.8rem;color:var(--primary)}
.result-pill {display:inline-block;background:var(--bg-alt);border-radius:8px;padding:4px 12px;color:var(--text-soft);font-size:.75rem}
.result-win {background:rgba(30,163,112,.12);color:var(--green)}
/* Existing sections keep their behavior and admin data, but share one material system. */
.download-shell,.download-intro,.download-option-card,.store-card,.leaderboard-card,.auth-card,.stat-card,.admin-sidebar,.settings-card,.dashboard-hero-panel,.dashboard-module-card,.profile-section-card,.profile-data-panel,.skin-showcase,.garage-controls-panel,.garage-list-panel,.garage-viewer-panel,.payment-result-card,.blog-card,.donate-form-card,.donate-leaderboard-card,.donate-info-card,.rp-rank-card,.rp-premium-card,.rp-ladder-card {
  background:var(--material);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text)
}
.download-shell {overflow:hidden;box-shadow:var(--shadow-lg)}
.download-intro,.download-option-card {backdrop-filter:none;-webkit-backdrop-filter:none}
.download-intro h2,.download-visual-title,.download-card-title,.download-option-card h3 {color:var(--text)}
.download-intro p,.download-option-card p,.download-option-card li {color:var(--text-soft)}
.download-visual {background:radial-gradient(ellipse at 50% 20%,rgba(115,167,235,.13),transparent 70%);border:0;box-shadow:none}
.download-visual::before,.download-visual::after {display:none}
.client-version-pill,.download-version-pill,.client-download-section .badge {background:var(--glass);color:var(--text);border-color:var(--line)}
.section-head h2,.page-header h1 {color:var(--text);font-family:var(--font-body);font-weight:850}
.page-header h1 {font-size:clamp(2rem,4vw,3.6rem);line-height:1.5}
.page-header p,.section-head p,.auth-sub {color:var(--text-soft)}
.mini-title,.mini-title.gold {background:var(--glass);border:1px solid var(--line);color:var(--primary);font-size:.68rem;letter-spacing:0;border-radius:999px}
.alt-section {background:rgba(155,185,224,.05);border-block:1px solid var(--line)}
.game-mode-card,.gallery-card {border-color:var(--glass-border);border-radius:25px;box-shadow:var(--shadow)}
.game-mode-overlay {background:linear-gradient(transparent,rgba(12,25,43,.91));color:#fff}
.game-mode-overlay h3,.game-mode-overlay p {color:#fff}
.premium-banner,.donate-banner {background:var(--material);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--shadow);color:var(--text)}
.premium-banner-glow,.donate-banner-glow {opacity:.12;background:radial-gradient(ellipse,rgba(87,152,240,.8),transparent 70%)}
.premium-banner h2,.donate-banner h2 {color:var(--text);font-family:var(--font-body)}
.premium-banner p,.donate-banner p {color:var(--text-soft)}
.premium-banner-crown,.donate-banner-crown {color:var(--primary);background:rgba(86,155,244,.1);box-shadow:none;border-color:var(--line)}
.leaderboard-title,.leaderboard-header,.lb-table th {color:var(--text)}
.lb-table tr,.lb-table td,.leaderboard-header {border-color:var(--line)}
.lb-table th {background:var(--glass);color:var(--text-soft)}
.lb-table tbody tr:hover {background:var(--glass)}
.lb-avatar,.lb-avatar-time,.lb-avatar-donate {box-shadow:none;border-color:var(--line)}
.lb-name,.lb-balance,.lb-time,.lb-donate-amount {color:var(--text)}
.lb-rank-1 {color:#b98115}
.player-search-results {background:var(--solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);color:var(--text)}
.player-search-result {color:var(--text)}
.auth-card {padding:38px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.auth-side,.auth-visual {background:linear-gradient(140deg,rgba(107,170,246,.1),rgba(171,153,235,.12));border-color:var(--line);border-radius:30px}
.form-group input,.form-group textarea,.form-group select,.form-input,input[type=search],input[type=text],input[type=password],input[type=tel],input[type=email],input[type=number],textarea,select {
  color:var(--text);background:var(--glass);border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 1px 2px rgba(20,50,88,.025);min-height:45px
}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
.form-group label,.field-label {color:var(--text-soft)}
input:focus,textarea:focus,select:focus {border-color:var(--primary);background:var(--solid);box-shadow:0 0 0 3px var(--primary-glow)}
.wizard-step,.wizard-step.active {color:var(--text-soft);border-color:var(--line)}
.wizard-step.active {background:var(--glass-hover);color:var(--primary)}
.store-grid {gap:24px}
.store-card {overflow:hidden}
.store-card:hover {border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.store-card-img {background:radial-gradient(ellipse at 50% 50%,rgba(144,181,239,.18),transparent 74%);height:175px;color:var(--primary);border-bottom:1px solid var(--line)}
.store-card-img img {object-fit:contain;padding:15px}
.store-card-img.coin-art {position:relative;isolation:isolate;height:235px;overflow:hidden;background:radial-gradient(ellipse at 52% 54%,rgba(157,198,252,.27),transparent 70%),linear-gradient(130deg,rgba(255,255,255,.38),rgba(164,166,231,.08));}
.coin-art::before {content:'';position:absolute;inset:28px 28px 37px;border:1px solid rgba(148,173,220,.2);border-radius:50%;transform:rotate(-14deg);z-index:-1}
.coin-art .coin-art-render {position:absolute;inset:14px 0 0;width:100%;height:calc(100% - 21px);padding:0;object-fit:contain;image-rendering:auto;transition:transform .3s ease}
.store-card:hover .coin-art-render {transform:translateY(-4px)}
.coin-art-kicker {position:absolute;top:16px;right:21px;z-index:2;font:700 8px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--text-soft);direction:ltr}
.coin-art-quantity {position:absolute;bottom:16px;left:20px;z-index:2;display:flex;align-items:baseline;gap:7px;padding:8px 14px;border:1px solid var(--glass-border);border-radius:16px;background:var(--nav-surface);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text)}
.coin-art-quantity strong {font-family:var(--font-body);font-size:1.05rem;line-height:1.1;font-weight:850;font-variant-numeric:tabular-nums}
.coin-art-quantity>span {font:750 10px/1 Arial,sans-serif;color:var(--text-soft)}
html[data-theme=dark] .store-card-img.coin-art {background:radial-gradient(ellipse at 52% 54%,rgba(101,160,242,.22),transparent 72%),linear-gradient(145deg,rgba(110,145,200,.08),rgba(143,112,211,.08))}
.store-coin-amount .coin-icon {width:27px;height:27px;font:800 10px/1 Arial,sans-serif;display:inline-grid;place-items:center;color:var(--primary);background:var(--glass);border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.store-card-body {padding:26px}
.store-card-body h3 {font-size:1.2rem;color:var(--text)}
.store-coin-amount,.store-price {color:var(--text)}
.coin-visual {height:86px;width:86px;border-radius:50%;display:grid;place-items:center;font:800 28px/1 var(--font-body);color:#835b12;background:linear-gradient(140deg,#fff5c6,#eac573);border:6px double #bc8d3a;box-shadow:8px 7px 0 #bd944c,0 20px 24px rgba(168,129,58,.15);transform:rotate(-15deg)}
.dashboard-layout,.admin-layout {gap:24px}
.admin-sidebar-link {color:var(--text-soft);border-radius:12px}
.admin-sidebar-link.active {color:var(--primary);background:var(--glass-hover);border-color:var(--line)}
.admin-main .data-table,.admin-main table {color:var(--text)}
.admin-main table th,.admin-main table td {border-color:var(--line)}
.admin-main table th {background:var(--glass);color:var(--text-soft)}
.profile-hero,.profile-skin-panel,.profile-section-card,.dashboard-module-card {box-shadow:var(--shadow)}
.profile-info-list>div,.profile-quick-stats>div,.dashboard-friend-row,.profile-car-item,.friend-row {background:var(--glass);border-color:var(--line);color:var(--text)}
.profile-head-3d {box-shadow:var(--shadow);border-color:var(--glass-border)}
.skin-stage {background:radial-gradient(ellipse at center,rgba(149,182,235,.16),transparent 68%);border-color:var(--line)}
.skin-stage::before,.skin-stage-glow {opacity:.12}
.garage-modal {background:rgba(14,25,45,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.garage-dialog,.garage-modal-content {background:var(--solid);border-color:var(--line);border-radius:28px;box-shadow:var(--shadow-lg);color:var(--text)}
.badge-blue,.badge-gold,.badge-green {color:var(--primary);background:var(--glass);border:1px solid var(--line)}
.badge-red {color:var(--red);background:rgba(209,71,91,.08);border:1px solid var(--line)}
.rp-hero {background:none;border:0;box-shadow:none;text-align:center;padding-top:22px}
.rp-hero-bg,.rp-hero-particles,.rp-rank-glow,.rp-premium-glow {display:none}
.rp-hero-title {font-family:var(--font-body);font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;color:var(--text);background:none;-webkit-text-fill-color:currentColor;direction:ltr}
.rp-hero-sub,.rp-hero-eyebrow {color:var(--text-soft)}
.rp-chip,.rp-chip-all,.rp-tab {background:var(--glass);border:1px solid var(--line);color:var(--text-soft);border-radius:999px;box-shadow:none;min-height:40px}
.rp-chip.active,.rp-tab.active {background:var(--glass-hover);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
.rp-rank-card {margin-bottom:22px;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}
.rp-card {background:var(--material);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:30px;will-change:auto;backdrop-filter:none;-webkit-backdrop-filter:none}
.rp-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line)}
.rp-card::after {opacity:.16}
.rp-card:hover::after {opacity:.2}
.rp-card-title {background:none;color:var(--text);-webkit-text-fill-color:currentColor;filter:none;line-height:1.4}
.rp-card-rank-num,.rp-price-amount,.rp-price-icon {color:var(--text);filter:none}
.rp-card-icon {border-color:var(--line)}
.rp-card-icon-img,.rp-card:hover .rp-card-icon-img {filter:drop-shadow(0 9px 10px rgba(32,62,106,.16))}
.rp-badge,.rp-badge:hover {color:var(--text-soft);background:var(--glass);border-color:var(--line)}
.rp-tab-btn {color:var(--text-soft)}
.rp-tab-btn.active {color:var(--text);background:var(--glass-hover);border-color:var(--line)}
.rp-tabs {border-color:var(--line)}
.rp-premium-benefits li,.rp-premium-benefits li:hover {color:var(--text-soft)}
.rp-rank-card::before {opacity:.12}
.rp-premium-title,.rp-rank-name,.rp-rank-title,.rp-rank-label,.rp-price-value {color:var(--text);font-family:var(--font-body);-webkit-text-fill-color:currentColor}
.rp-premium-desc,.rp-rank-desc,.rp-feature,.rp-perk,.rp-kit-item {color:var(--text-soft)}
.rp-price-tag,.rp-premium-price-tag,.rp-tag-pill,.rp-stat-box,.rp-kit-item {background:var(--glass);border-color:var(--line);border-radius:16px}
.rp-rank-body,.rp-rank-info,.rp-tab-panel,.rp-premium-perks,.rp-ability-item,.rp-perk-item {background:transparent;color:var(--text-soft)}
.rp-divider {background:var(--line);box-shadow:none}
.rp-premium-icon,.rp-premium-crown {color:var(--purple);text-shadow:none;background:none;box-shadow:none}
.rp-list,.rp-abilities-list,.rp-perks-list {color:var(--text-soft)}
.rp-list li,.rp-abilities-list li,.rp-perks-list li {border-color:var(--line)}
.rp-buy-btn {background:var(--primary);color:var(--bg);border:0;border-radius:999px;box-shadow:none}
.donate-hero,.donate-hero-section {background:none}
.donate-title,.donate-form-title {color:var(--text);font-family:var(--font-body)}
.donate-subtitle,.donate-form-desc {color:var(--text-soft)}
.donate-amount-chip {background:var(--glass);border-color:var(--line);color:var(--text)}
.donate-amount-chip.active {background:var(--primary);color:var(--bg)}
.donate-slider {accent-color:var(--primary)}
.site-footer {background:var(--material);border-top:1px solid var(--line);padding-top:60px;padding-bottom:calc(25px + var(--safe-bottom));margin-top:30px;box-shadow:none}
.footer-grid {gap:56px;grid-template-columns:1.25fr 1fr 1fr}
.footer-brand>p {color:var(--text-soft);font-size:.85rem;max-width:340px}
.footer-col h4 {color:var(--text);font-size:.88rem;margin-bottom:20px}
.footer-col>a {color:var(--text-soft);font-size:.79rem;padding-block:4px}
.footer-col>a:hover {color:var(--primary)}
.footer-bottom {border-top:1px solid var(--line);color:var(--text-soft);font-size:.69rem;padding-top:25px;gap:16px;flex-wrap:wrap}
.footer-bottom .text-button {font-size:.72rem}
.social-btn {background:var(--glass);border:1px solid var(--line);color:var(--text);box-shadow:none}
.enamad-badge {background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px}
.enamad-logo {filter:none;width:70px;height:70px;object-fit:contain}
/* Make transparency optional, including on engines with no backdrop-filter. */
html[data-transparency=reduced] {--glass:var(--bg-card);--glass-hover:var(--solid);--material:linear-gradient(var(--bg-card),var(--bg-card));--nav-surface:var(--solid)}
html[data-transparency=reduced] * {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root {--glass:#fff;--material:linear-gradient(#fff,#f6f9fd);--nav-surface:#f8faff}
  html[data-theme=dark] {--glass:#202c40;--material:linear-gradient(#202c40,#1b273b);--nav-surface:#1b273b}
}
@media (max-width:1120px) {
  .header-inner {min-height:65px;gap:14px;padding:0 17px}
  .header-actions {margin-inline-start:auto}
  .mobile-menu-btn {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}
  .header-nav {position:absolute;top:calc(100% + 9px);left:0;right:0;bottom:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:auto;max-height:calc(100dvh - 125px);overflow:auto;gap:4px;padding:15px;border-radius:24px;background:var(--solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity .15s,transform .15s}
  body.nav-open .header-nav {display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .header-nav .nav-link {padding:12px 17px;font-size:.88rem;min-height:45px;border-radius:13px;text-align:right}
  .bw-rank-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .bw-rank-card {padding:23px}
  .rank-art {height:190px}
  .rank-feature-list {font-size:.78rem}
  .network-hero h1 {font-size:3.3rem}
  .world-stage {min-height:440px}
  .competitive-track {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .medal-collection {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px) {
  .container {width:calc(100% - 40px)}
  .section {padding-block:42px}
  .network-hero {padding-top:38px}
  .network-hero-grid {grid-template-columns:1fr;max-width:680px;gap:12px}
  .network-hero-copy {text-align:center}
  .network-hero-copy .eyebrow {justify-content:center}
  .network-hero-copy>p {margin-inline:auto;max-width:510px}
  .network-hero-copy .hero-actions {justify-content:center}
  .network-mini-stats {justify-content:center;margin-inline:auto;gap:45px}
  .world-stage {width:min(100%,500px);margin:auto;min-height:420px}
  .world-island {top:-1%}
  .world-grid {gap:17px}
  .world-card {min-height:485px}
  .world-card-copy {padding:25px 25px 0}
  .world-card h3 {font-size:2.25rem}
  .world-card>img {height:255px;bottom:53px}
  .world-card-bottom {right:22px;left:22px}
  .editorial-heading {gap:24px;align-items:flex-start}
  .editorial-heading p {max-width:260px;font-size:.79rem}
  .game-hero {grid-template-columns:1fr;max-width:680px;text-align:center;padding-top:25px}
  .game-hero>div {max-width:none}
  .game-hero .hero-actions {justify-content:center}
  .game-hero>img {max-height:330px;object-fit:contain}
  .bw-mode-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-bento {grid-template-columns:1fr 1fr}
  .feature-large {grid-column:1 / -1;grid-row:auto;min-height:330px;padding-bottom:35px;padding-left:40%}
  .feature-large>img {left:1%;bottom:35px;width:35%;height:auto}
  .feature-small {padding:26px}
  .feature-symbol {display:none}
  .purchase-guide {gap:32px}
  .bw-profile-overview {grid-template-columns:1fr}
  .stat-bento {grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-layout,.admin-layout {grid-template-columns:1fr}
  .admin-sidebar {position:static;max-height:none;display:flex;flex-wrap:wrap;gap:5px;padding:12px}
  .admin-sidebar-link {flex:1 1 130px;justify-content:center;text-align:center}
  .public-profile-grid,.profile-lower-grid {grid-template-columns:1fr}
  .footer-grid {gap:30px}
  .join-banner {padding:30px}
  .join-banner h2 {font-size:1.5rem}
}
@media (max-width:620px) {
  .site-header {top:8px;margin-top:8px;width:calc(100% - 18px);border-radius:20px}
  .site-header .brand {gap:7px;min-width:0}
  .site-header .brand .brand-name {display:block}
  .site-header .brand .brand-icon,.site-header .brand .brand-logo {width:29px;height:29px}
  .header-inner {min-height:60px;padding:0 12px;gap:10px}
  .brand-name {font-size:.84rem}
  .brand-icon,.brand-logo {width:29px;height:29px}
  .brand {gap:7px}
  .header-actions>a.btn-gold {display:none}
  .header-actions .btn {padding:7px 12px;font-size:.72rem}
  .appearance-button {width:34px;height:34px;font-size:22px}
  .mobile-menu-btn {width:35px;height:35px;padding:9px}
  .mobile-menu-btn span {width:16px}
  .container {width:calc(100% - 32px)}
  .section {padding-block:32px}
  .inner-page {padding-top:30px}
  .network-hero {padding-top:20px;padding-bottom:18px}
  .network-hero h1,.game-hero h1 {font-size:clamp(2.15rem,9vw,3rem);letter-spacing:-.06em;margin-block:18px}
  .network-hero-copy .eyebrow {font-size:.51rem;letter-spacing:.08em}
  .network-hero-copy>p {font-size:.84rem;line-height:2;max-width:360px}
  .hero-actions {gap:9px}
  .hero-actions .btn {font-size:.73rem;padding:11px 17px}
  .network-mini-stats {gap:24px;margin-top:28px;padding-top:18px}
  .network-mini-stats span {font-size:.58rem}
  .network-mini-stats strong {font-size:1.22rem}
  .world-stage {min-height:330px;width:min(390px,100%)}
  .world-island {width:112%;left:-6%;top:7%}
  .stage-chip {padding:10px 12px;gap:8px;border-radius:17px}
  .stage-chip strong {font-size:1.1rem}
  .stage-chip small {font-size:.41rem}
  .stage-chip span:not(.chip-glyph) {font-size:.57rem}
  .chip-bedwars {left:3%;top:2%}
  .chip-glyph {font-size:1.9rem;padding:6px}
  .chip-roleplay {right:2%;bottom:4%;padding:5px 11px 5px 0}
  .chip-roleplay img {width:78px;height:65px}
  .stage-coordinate {font-size:.42rem;left:8%;bottom:-5px}
  .editorial-heading {display:block;margin-bottom:24px}
  .editorial-heading h2 {font-size:1.65rem}
  .editorial-heading p {max-width:none;margin-top:9px}
  .eyebrow {font-size:.57rem}
  .world-grid {grid-template-columns:1fr}
  .world-card {min-height:474px;border-radius:30px}
  .world-card-copy {padding:25px 27px 0}
  .world-card h3 {font-size:2.4rem}
  .world-card>img {height:270px;bottom:42px}
  .world-card-bottom {bottom:22px}
  .world-card p {font-size:.8rem;max-width:290px}
  .server-status-inner {padding:19px;gap:16px;flex-wrap:wrap;justify-content:center;text-align:center}
  .server-status-info {width:100%;justify-content:center}
  .server-ip-badge {max-width:100%;overflow-wrap:anywhere;padding:10px 14px}
  .server-ip-badge .ip-text {font-size:.9rem}
  .server-players-badge {min-width:65px}
  .page-intro {padding-top:10px}
  .page-intro h1 {font-size:2.35rem}
  .page-intro>p {font-size:.84rem;padding-inline:8px}
  .intro-badges {gap:7px}
  .intro-badges>span {font-size:.58rem;padding:5px 9px}
  .game-segment {margin-bottom:20px}
  .game-segment>a {padding:8px 23px;font-size:.76rem}
  .rank-filter {gap:7px;margin-bottom:25px}
  .rank-filter button {font-size:.73rem;padding:7px 16px}
  .bw-rank-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .bw-rank-card {padding:15px;border-radius:25px}
  .rank-art {height:155px;margin-block:4px}
  .rank-art img {height:155px;width:155px}
  .rank-number {font-size:.42rem}
  .bw-rank-card h2 {font-size:1.16rem}
  .bw-rank-card header>p {font-size:.62rem;min-height:45px}
  .xp-feature {flex-direction:column;gap:1px}
  .xp-feature strong {font-size:1.6rem}
  .rank-feature-list {font-size:.67rem;gap:8px;margin-bottom:12px}
  .rank-card-purchase .btn {font-size:.65rem;padding:10px 6px;gap:3px}
  .rank-card-purchase strong {font-size:.63rem}
  .purchase-guide {grid-template-columns:1fr;gap:27px}
  .guide-copy h2 {font-size:2.15rem}
  .guide-copy p {font-size:.85rem}
  .guide-steps li {padding:22px;gap:16px}
  .guide-steps li>span {font-size:1.65rem}
  .faq-section summary {font-size:.85rem}
  .faq-section p {font-size:.8rem}
  .game-hero h1 {margin-top:10px}
  .game-hero p {font-size:.84rem}
  .game-hero>img {height:270px}
  .bw-mode-grid {gap:12px}
  .bw-mode-card {padding:10px 17px 20px;border-radius:25px}
  .bw-mode-card>img {height:126px}
  .bw-mode-card h3 {font-size:1.38rem}
  .bw-mode-card>.eyebrow {font-size:.48rem;letter-spacing:.04em}
  .bw-mode-card p {font-size:.72rem}
  .bw-mode-card button {font-size:.66rem}
  .feature-bento {grid-template-columns:1fr;gap:16px}
  .feature-large {grid-column:auto;padding:28px 28px 260px;min-height:580px}
  .feature-large h2 {font-size:1.85rem}
  .feature-large>img {width:250px;height:250px;left:calc(50% - 125px);bottom:0}
  .feature-large p {font-size:.85rem}
  .feature-small {min-height:0;padding:28px}
  .feature-symbol {display:block;font-size:1.8rem;left:20px;top:22px}
  .feature-small>.eyebrow {max-width:85%}
  .competitive-track {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px;padding:24px 10px}
  .competitive-track img {width:94px;height:94px}
  .competitive-track h3 {font-size:.63rem}
  .competitive-track span {font-size:.59rem}
  .join-banner {display:block;padding:28px;border-radius:29px}
  .join-banner .btn {margin-top:23px}
  .join-banner h2 {font-size:1.65rem}
  .network-table th,.network-table td {padding:15px 18px}
  .bw-profile-header {display:block;padding:22px}
  .bw-player-identity {gap:15px}
  .bw-player-identity>img {width:76px;height:76px;border-radius:18px;flex-shrink:0}
  .bw-player-identity h1 {font-size:1.7rem}
  .bw-player-identity .eyebrow {font-size:.48rem}
  .bw-player-identity .subtle-pill {font-size:.55rem;padding:4px 8px}
  .bw-profile-header>.btn {margin-top:22px;font-size:.74rem}
  .competitive-profile {padding:22px;gap:14px}
  .competitive-profile>img {width:109px;height:125px}
  .competitive-profile h2 {font-size:1.18rem}
  .competitive-profile strong {font-size:1rem}
  .profile-season {padding:24px}
  .stat-bento {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .stat-bento article {padding:18px 20px;border-radius:22px}
  .stat-bento span {font-size:.67rem}
  .stat-bento strong {font-size:1.5rem}
  .wallet-banner {display:block;padding:24px}
  .wallet-banner .hero-actions {margin-top:20px}
  .medal-collection {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .medal-collection article {padding:15px 8px;border-radius:20px}
  .medal-collection img {height:82px;width:82px}
  .medal-collection h3 {font-size:.59rem}
  .footer-grid {grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand {grid-column:1 / -1}
  .site-footer {padding-top:40px;margin-top:15px}
  .footer-bottom {justify-content:center;text-align:center;gap:20px}
  .footer-bottom>span {flex-basis:100%}
  .auth-card {padding:26px 21px;border-radius:27px}
  .auth-card h1 {font-size:1.65rem}
  .premium-banner,.donate-banner {padding:26px;border-radius:28px}
  .premium-banner h2,.donate-banner h2 {font-size:1.35rem}
  .rp-hero-title {font-size:2rem}
  .rp-chip {padding:8px 15px;font-size:.72rem}
  .rp-rank-card,.rp-premium-card {border-radius:25px}
  .profile-hero {flex-wrap:wrap;padding:22px}
  .profile-quick-stats {width:100%;margin-top:18px}
  .admin-layout {display:block}
  .admin-sidebar {margin-bottom:22px}
  .admin-main {width:100%;min-width:0}
  .store-grid {gap:17px}
  .store-card-body {padding:23px}
  .store-destinations {font-size:.75rem;gap:14px}
}
@media (max-width:380px) {
  .container {width:calc(100% - 26px)}
  .brand-name {font-size:.74rem}
  .brand-icon,.brand-logo {width:26px;height:26px}
  .header-inner {gap:6px;padding:0 10px}
  .header-actions {gap:5px}
  .header-actions .btn {padding:7px 10px}
  .appearance-button {width:30px;height:30px}
  .mobile-menu-btn {width:32px;height:32px}
  .network-mini-stats {gap:17px}
  .network-hero-copy>p {font-size:.8rem}
  .world-stage {min-height:300px}
  .chip-bedwars {left:0}
  .chip-roleplay {right:0}
  .bw-rank-grid {grid-template-columns:1fr}
  .bw-rank-card {padding:26px}
  .rank-art {height:190px}
  .rank-art img {height:190px;width:190px}
  .bw-rank-card h2 {font-size:1.7rem}
  .bw-rank-card header>p {min-height:0;font-size:.77rem}
  .xp-feature {flex-direction:row;gap:12px}
  .rank-feature-list {font-size:.81rem}
  .rank-card-purchase .btn {font-size:.78rem}
  .bw-mode-grid {grid-template-columns:1fr}
  .bw-mode-card {padding:18px 26px 24px}
  .bw-mode-card>img {height:185px}
  .bw-mode-card p {font-size:.8rem}
  .competitive-profile {gap:10px;padding:17px}
  .competitive-profile>img {width:83px;height:110px}
  .bw-player-identity>img {width:62px;height:62px}
  .bw-player-identity h1 {font-size:1.35rem}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .world-card:hover>img,.bw-rank-card:hover,.bw-rank-card:hover .rank-art img {transform:none}
}
@media (hover:none) {
  .world-island {animation:none}
  .btn:hover,.world-card:hover>img,.bw-rank-card:hover,.bw-rank-card:hover .rank-art img {transform:none}
}
@media (forced-colors:active) {
  .liquid-text,.gold-blue-text {background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
  .glass-card,.floating-glass,.world-card,.bw-rank-card,.site-header {border:1px solid CanvasText}
}