/* Shared navigation and information frame for the beta. */
.info-page{overflow-x:hidden}.info-frame{display:grid;min-height:100dvh;grid-template-columns:58px minmax(0,1fr) 330px;grid-template-rows:auto minmax(0,1fr) auto;background:#050b12}.info-frame>.catalog-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:18px;min-height:80px;padding:14px 170px 14px 18px;box-sizing:border-box;max-width:none;border-bottom:1px solid #263348}.info-frame>.catalog-header>.sigil{display:grid;place-items:center;width:40px;height:40px;flex:none;color:#e6f3ff;text-decoration:none;font:bold 18px Arial}.info-frame>.beta-main{grid-column:2;grid-row:2;min-width:0;width:auto;max-width:none;margin:0;padding:24px 26px 70px;overflow:visible!important;height:auto!important;max-height:none!important}.info-frame>.forge-footer{grid-column:1/-1;grid-row:3}.info-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0;border-right:1px solid #263348}.info-rail b{writing-mode:vertical-rl;letter-spacing:.25em;font:9px monospace;color:#9cb4cc}.info-rail span{font:10px monospace;color:#e45d70}.info-categories{grid-column:3;grid-row:2;border-left:1px solid #263348;background:#04080f}.info-categories section{padding:18px 20px}.info-categories .console-label{font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:#a7bed7}.info-categories a{display:grid;grid-template-columns:30px 1fr;gap:3px 8px;padding:13px 8px;color:#e9f3ff;text-decoration:none}.info-categories a:hover,.info-categories a:focus-visible{background:#102035}.info-categories a span{grid-row:1/3;color:#80baff;font:11px monospace}.info-categories a b{font:700 15px Arial}.info-categories a small{grid-column:2;color:#9bb6d1;font:9px monospace;text-transform:uppercase}.info-page .beta-main .release-entry{border:0;border-top:0!important;border-bottom:0!important;margin:0;padding:28px 0}.info-page .beta-main .release-entry+.release-entry{border-top:1px solid #284258!important;margin-top:12px}.info-page .beta-main .release-entry:before,.info-page .beta-main .release-entry:after{display:none}.info-page .changelog-main{overflow:visible!important;max-height:none!important}.info-page .changelog-main h1{margin-top:0}.topnav a[aria-current=page]{color:#fff!important}.catalog-header .topnav,.game-topbar .topnav{display:flex;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;gap:8px!important;overflow:visible!important;white-space:nowrap;min-width:0}.info-frame .topnav a,.game-topbar .topnav a{font:600 11px/1.4 Arial,sans-serif;letter-spacing:.03em;padding:6px 2px;white-space:nowrap}.game-topbar{min-height:76px;height:auto!important;padding-right:160px!important}.game-topbar .topline{display:flex;align-items:center;min-width:0}.game-topbar .topline>span:first-child{display:none}.game-topbar .topnav{margin-left:12px}.game-topbar .topnav a.nav-game{padding:6px 7px}.game-topbar .topnav a.nav-site-start,.info-frame .topnav a.nav-site-start{padding-left:2px;margin-left:0;border-left:0}.info-frame .topnav a.nav-site-start{border-left:0;padding-left:2px;margin-left:0}.menu-toggle{display:none}.info-page .beta-main .game-heading{border-bottom:1px solid #263f56}.info-page .beta-main .info-body{overflow:visible!important;max-height:none!important}
@media(max-width:1450px){.game-topbar .topnav,.info-frame .topnav{gap:5px!important}.game-topbar .topnav a,.info-frame .topnav a{font-size:10px}.game-topbar .topnav a.nav-game{padding:5px}.game-topbar{padding-right:145px!important}.info-frame>.catalog-header{padding-right:150px}}
@media(max-width:1150px){.info-frame{grid-template-columns:48px minmax(0,1fr) 260px}.info-frame>.catalog-header{min-height:64px}.menu-toggle{display:block;margin-left:auto;border:1px solid #47688b;border-radius:5px;background:#10243a;color:#e8f4ff;padding:9px 15px;font:700 13px Arial;cursor:pointer}.catalog-header .topnav,.game-topbar .topnav{display:none!important}.catalog-header .topnav.menu-open,.game-topbar .topnav.menu-open{display:flex!important;position:absolute;z-index:80;top:100%;left:0;right:0;background:#091522;border:1px solid #324e68;box-shadow:0 20px 30px #0009;padding:16px;flex-wrap:wrap!important;gap:9px 16px!important;white-space:normal}.catalog-header,.game-topbar{position:relative}.game-topbar{padding-right:140px!important}.game-topbar .topline{justify-content:flex-end}.game-topbar .topline .menu-toggle{margin-right:10px}}
@media(max-width:760px){.info-frame{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto}.info-frame>.catalog-header{grid-column:1;grid-row:1;padding:10px 140px 10px 12px!important;min-height:66px;flex-direction:row;align-items:center}.info-frame>.beta-main{grid-column:1;grid-row:2;padding:24px 16px 36px}.info-rail{display:none}.info-categories{grid-column:1;grid-row:3;border-left:0;border-top:1px solid #263348}.info-categories section{padding:14px 16px}.info-categories section>a{display:inline-grid;min-width:120px}.info-frame>.forge-footer{grid-column:1;grid-row:4}.game-topbar{min-height:65px!important;padding-right:130px!important}.game-topbar .topline{padding:0 8px}.game-topbar .topline>span:first-child{display:none}.game-topbar .topline .menu-toggle{margin-right:0}.info-page .beta-main h1{font-size:clamp(30px,8vw,45px)}}
.info-frame>.catalog-header{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
@media(min-width:1451px){.info-frame .topnav a,.game-topbar .topnav a{font-size:12px}}
@media(min-width:1151px) and (max-width:1450px){.info-frame .topnav a,.game-topbar .topnav a{font-size:11px}}
/* Progressive navigation: game links stay in sight until they need the menu. */
.catalog-header .topnav,.game-topbar .topnav,.info-frame .topnav{display:flex!important;flex:1 1 auto;min-width:0;align-items:center;justify-content:flex-end;gap:0!important;position:static;padding:0;white-space:nowrap}
.topnav .nav-games,.topnav .nav-info{display:flex;align-items:center;gap:8px;min-width:0}
.topnav .nav-info{border-left:1px solid #486071;margin-left:12px;padding-left:12px}
.topnav .nav-info .nav-site-start{border:0;margin:0;padding-left:2px}
.info-frame .topnav .nav-game{display:inline-flex}
.info-frame>.catalog-header{padding-right:170px!important;min-height:76px}
.catalog-header,.game-topbar{position:relative}
.catalog-header .topnav a,.game-topbar .topnav a,.info-frame .topnav a{font:600 11px/1.4 Arial,sans-serif;letter-spacing:0;padding:6px 4px;white-space:nowrap}
.catalog-header .topnav .nav-game,.game-topbar .topnav .nav-game,.info-frame .topnav .nav-game{padding:7px 9px;border:1px solid #315247;border-radius:5px;background:#112820;color:#c5ffed}
.menu-toggle{display:none}
@media(max-width:1550px){.topnav .nav-games,.topnav .nav-info{gap:4px}.catalog-header .topnav a,.game-topbar .topnav a,.info-frame .topnav a{font-size:10px;padding:5px 2px}.catalog-header .topnav .nav-game,.game-topbar .topnav .nav-game,.info-frame .topnav .nav-game{padding:6px 6px}}
@media(max-width:1450px){.catalog-header .menu-toggle,.game-topbar .menu-toggle,.info-frame .menu-toggle{display:block;order:3;flex:none;margin-left:12px}.catalog-header .topnav,.game-topbar .topnav,.info-frame .topnav{display:flex!important;order:2;flex:1;justify-content:flex-end;background:none;border:0;box-shadow:none;padding:0}.topnav .nav-info{display:none}.topnav.menu-open .nav-info{display:flex;position:absolute;z-index:90;top:100%;right:135px;left:auto;width:min(620px,calc(100vw - 32px));box-sizing:border-box;flex-wrap:wrap;gap:9px 14px;background:#091522;border:1px solid #324e68;box-shadow:0 20px 30px #0009;padding:16px;margin:0}.game-topbar .topline{display:flex;width:100%;align-items:center}.game-topbar .topnav{margin-left:auto}.game-topbar .topline .menu-toggle{margin:0 0 0 10px}}
@media(max-width:950px){.catalog-header .topnav,.game-topbar .topnav,.info-frame .topnav{display:none!important}.catalog-header .topnav.menu-open,.game-topbar .topnav.menu-open,.info-frame .topnav.menu-open{display:flex!important;position:absolute;z-index:90;top:100%;left:12px;right:12px;width:auto;display:block!important;flex-direction:column;align-items:stretch;background:#091522;border:1px solid #324e68;box-shadow:0 20px 30px #0009;padding:14px;white-space:normal}.topnav.menu-open .nav-games,.topnav.menu-open .nav-info{display:flex;position:static;width:auto;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;box-shadow:none;background:none}.topnav.menu-open .nav-info{border-top:1px solid #324e68;margin-top:12px;padding-top:12px}.catalog-header,.info-frame>.catalog-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:10px;min-height:100px;padding:12px 140px 12px 18px!important}.catalog-header .menu-toggle,.info-frame .menu-toggle{order:3;align-self:flex-start;margin:0}.game-topbar .topline{justify-content:space-between}.game-topbar .menu-toggle{margin-left:auto}}
@media(max-width:600px){.catalog-header,.info-frame>.catalog-header{padding:14px 120px 14px 14px!important;min-height:104px}.topnav.menu-open .nav-games,.topnav.menu-open .nav-info{flex-direction:column;align-items:stretch}.topnav.menu-open a{font-size:14px!important;min-height:38px;box-sizing:border-box}.topnav.menu-open .nav-game{justify-content:flex-start}.game-topbar{min-height:65px!important}}
.achievement-guest-note{grid-column:1/-1;padding:18px 22px;background:#10243a;border:1px solid #456582;border-radius:8px;color:#d8e8f8}.achievement-guest-note a{color:#9fd2ff}.achievement-group.perfect{background:linear-gradient(135deg,#29210d,#151e29);border:1px solid #e1bc5c;box-shadow:inset 0 0 0 1px #7b6328}.achievement-group.perfect>summary{color:#ffe39b}
.catalog-intro{max-width:none!important;padding-bottom:22px!important}.catalog-intro h1{max-width:1100px!important}.catalog-intro>p{max-width:1000px!important;margin-bottom:28px!important}.home-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0 0}.home-features article{min-width:0;min-height:175px;box-sizing:border-box;background:#0d1c2d;border:1px solid #36536c;border-top:3px solid #66acfa;border-radius:7px;padding:22px}.home-features article:nth-child(2){border-top-color:#64ddba}.home-features article:nth-child(3){border-top-color:#e6bf62}.home-features span{font:11px monospace;color:#9fcee9;letter-spacing:.13em}.home-features h2{color:#f0f6ff;font-size:25px;margin:15px 0 8px}.home-features p{font-size:16px;line-height:1.55;color:#acc4dc;margin:0}.explore-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:10px 0 24px}.explore-heading h2{font-size:38px;color:#f0f6ff;margin:7px 0 0}.explore-heading .primary-link{white-space:nowrap}.category-directory{margin-top:0!important}@media(max-width:850px){.home-features{grid-template-columns:1fr 1fr}.home-features article:last-child{grid-column:1/-1}.explore-heading h2{font-size:30px}}@media(max-width:600px){.home-features{grid-template-columns:1fr}.home-features article:last-child{grid-column:auto}.explore-heading{align-items:flex-start;flex-direction:column}.home-features article{min-height:0}}
.menu-toggle{border:1px solid #47688b;border-radius:5px;background:#10243a;color:#e8f4ff;padding:9px 15px;font:700 13px Arial,sans-serif;cursor:pointer;min-height:38px}.menu-toggle:hover,.menu-toggle:focus-visible{background:#1a3958;outline-color:#8bc8ff}

.brand .brand-icon{display:block;flex:none;width:48px;height:48px;object-fit:contain}.sigil .brand-icon{display:block;width:38px;height:38px;object-fit:contain}.info-frame>.catalog-header>.sigil{width:44px;height:44px}.info-frame>.catalog-header>.sigil .brand-icon{width:44px;height:44px}@media(max-width:600px){.brand .brand-icon{width:44px;height:44px}}

/* Shared stable navigation across catalog, information, and play pages. */
.catalog-header .topnav,.game-topbar .topnav,.info-frame .topnav{justify-content:flex-start}
.catalog-header .brand,.info-frame>.catalog-header>.brand,.game-topbar .brand{display:inline-flex;flex:0 0 245px;align-items:center;gap:12px;width:245px;min-width:245px;text-decoration:none;color:#f4f8ff}
.catalog-header .brand span,.game-topbar .brand span{font:900 17px Arial,sans-serif;letter-spacing:.14em;white-space:nowrap}
.catalog-header .brand small,.game-topbar .brand small{display:block;font:8px monospace;letter-spacing:.18em;margin-top:5px;color:#a9c9e6}
.topnav #account-link{display:inline-block;min-width:42px;text-align:center}
@media(max-width:1450px){.catalog-header .brand,.info-frame>.catalog-header>.brand,.game-topbar .brand{flex-basis:200px;width:200px;min-width:200px}.catalog-header .topnav,.game-topbar .topnav,.info-frame .topnav{justify-content:flex-end}}
@media(max-width:950px){.catalog-header .brand,.info-frame>.catalog-header>.brand,.game-topbar .brand{flex-basis:auto;width:auto;min-width:0}}
.account-main .beta-panel form{display:grid;gap:12px}.account-main .beta-panel label{display:grid;gap:6px}.account-main .beta-panel details{margin-top:20px}.account-main .beta-panel button{justify-self:start}.account-main .beta-panel[hidden]{display:none}

@media(min-width:951px){.catalog-header .topnav,.game-topbar .topnav,.info-frame .topnav{justify-content:flex-start!important}}
.game-topbar .topline>span{display:none}
.legal-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 28px}.legal-jump a{display:inline-block;padding:9px 12px;border:1px solid #35516a;border-radius:5px;background:#10243a}.legal-main section{scroll-margin-top:24px;margin:32px 0}.legal-main section h2{font-size:29px}

@media(min-width:951px){.game-topbar{grid-template-columns:245px minmax(0,1fr)!important;padding-right:170px!important}.game-topbar .topline{min-width:0}.game-topbar .topnav{margin-left:0}}
@media(min-width:951px) and (max-width:1450px){.catalog-header .brand,.info-frame>.catalog-header>.brand,.game-topbar .brand{flex-basis:230px;width:230px;min-width:230px}.game-topbar{grid-template-columns:230px minmax(0,1fr)!important}}

@media(max-width:950px){.game-topbar{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px;padding:10px 125px 10px 14px!important;min-height:112px!important;box-sizing:border-box}.game-topbar .brand{flex:none;width:auto;min-width:0;height:auto}.game-topbar .topline{width:100%;height:auto;display:flex!important;justify-content:flex-start!important;padding:0;margin:0}.game-topbar .menu-toggle,.game-topbar .topline .menu-toggle{margin:0!important}.game-topbar .topnav.menu-open{top:100%}}
/* Shared header across the home, catalog, play, and information templates. */
.site-header,.info-frame>.site-header,.game-topbar.site-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:88px!important;min-height:88px!important;margin:0!important;padding:14px 170px 14px 24px!important;gap:18px!important;border-bottom:1px solid #263348!important;background:#080d13!important;grid-template-columns:none!important}
.site-header .topline{display:contents!important}.site-header .topline>span{display:none!important}
.site-header .brand{display:inline-flex!important;flex:0 0 245px!important;align-items:center!important;width:245px!important;min-width:245px!important;height:48px!important;padding:0!important;margin:0!important;gap:12px!important;text-decoration:none!important;color:#f4f8ff!important}
.site-header .brand .brand-icon{width:48px!important;height:48px!important;object-fit:contain}
.site-header .brand span{font:900 17px/1.1 Arial,sans-serif!important;letter-spacing:.14em!important;white-space:nowrap!important;text-transform:uppercase!important}
.site-header .brand small{display:block!important;font:8px/1.2 monospace!important;letter-spacing:.18em!important;margin-top:5px!important;color:#a9c9e6!important}
.site-header .topnav{display:flex!important;order:2!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:0!important;background:none!important;border:0!important;box-shadow:none!important;position:static!important;white-space:nowrap!important}
.site-header .topnav .nav-games,.site-header .topnav .nav-info{display:flex;align-items:center;gap:8px}
.site-header .topnav .nav-info{border-left:1px solid #486071;margin-left:12px;padding-left:12px}
.site-header .topnav a{font:600 12px/1.4 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;padding:6px 4px!important}
.site-header .topnav .nav-game{display:inline-flex!important;border:1px solid #315247!important;border-radius:5px!important;background:#112820!important;color:#c5ffed!important;padding:7px 9px!important}
.site-header .menu-toggle{display:none!important;order:3!important;flex:none!important}
@media(max-width:1450px){.site-header .topnav .nav-info{display:none}.site-header .topnav.menu-open .nav-info{display:flex!important;position:absolute!important;top:100%!important;right:170px!important;left:auto!important;width:min(620px,calc(100vw - 32px))!important;box-sizing:border-box!important;flex-wrap:wrap!important;gap:9px 14px!important;background:#091522!important;border:1px solid #324e68!important;box-shadow:0 20px 30px #0009!important;padding:16px!important;margin:0!important;z-index:90!important}.site-header .menu-toggle{display:block!important;margin-left:auto!important}}
@media(max-width:950px){.site-header,.info-frame>.site-header,.game-topbar.site-header{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;height:auto!important;min-height:112px!important;padding:12px 130px 12px 18px!important;gap:8px!important}.site-header .brand{flex:none!important;width:auto!important;min-width:0!important}.site-header .topnav{display:none!important}.site-header .topnav.menu-open{display:flex!important;position:absolute!important;z-index:90!important;top:100%!important;left:12px!important;right:12px!important;width:auto!important;flex-direction:column!important;align-items:stretch!important;background:#091522!important;border:1px solid #324e68!important;box-shadow:0 20px 30px #0009!important;padding:14px!important;white-space:normal!important}.site-header .topnav.menu-open .nav-games,.site-header .topnav.menu-open .nav-info{display:flex!important;position:static!important;width:auto!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}.site-header .topnav.menu-open .nav-info{border-top:1px solid #324e68!important;margin-top:12px!important;padding-top:12px!important}.site-header .menu-toggle{align-self:flex-start!important;margin:0!important}}
@media(max-width:600px){.site-header .topnav.menu-open .nav-games,.site-header .topnav.menu-open .nav-info{flex-direction:column!important;align-items:stretch!important}.site-header .topnav.menu-open a{font-size:14px!important;min-height:38px!important;box-sizing:border-box!important}}

.token-shop{margin:2rem 0}.token-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.token-pack{border:1px solid #31516a;background:#111e2e;border-radius:12px;padding:1.5rem}.token-pack h3{margin:.3rem 0}.token-pack button{margin-top:.6rem}@media(max-width:700px){.token-pack-grid{grid-template-columns:1fr}}

/* Account label waits for the account response; the group draws one divider. */
#account-link{visibility:hidden}
.site-header .topnav .nav-info .nav-site-start,.game-topbar .topnav .nav-info .nav-site-start,.info-frame .topnav .nav-info .nav-site-start{border-left:0!important;margin-left:0!important;padding-left:2px!important}
