/* CraftStube design system: shared navigation, components and responsive layouts. */
:root {
 color-scheme: light;
 --paper:#f2f3f6; --card:#fff; --ink:#202a36; --text:#202a36;
 --muted:#697585; --line:#dfe4e9; --gold:#f1b743; --gold-hover:#ffd16e;
 --blue:#188998; --cyan:#43bac7; --radius:10px;
}
body {margin:0;background:var(--paper);color:var(--text);font:14px/1.65 "Segoe UI",Arial,sans-serif}
.wrap {max-width:1360px;margin:auto;padding-inline:40px}
button,input,textarea,select {font:inherit}
button,a,summary {touch-action:manipulation}
button {cursor:pointer}
button:disabled {opacity:.45;cursor:wait}
input,textarea,select {width:100%;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:11px 13px;color:var(--text)}
textarea {resize:vertical;line-height:1.65}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid var(--gold);outline-offset:3px}
label {font-size:12px;font-weight:650}
input[type=checkbox] {width:19px;height:19px;accent-color:var(--gold);flex-shrink:0}
h1,h2,h3 {color:inherit;letter-spacing:-.6px}
h1 {font-size:clamp(38px,5vw,68px);line-height:1.07;letter-spacing:-2px}
h2 {font-size:31px;line-height:1.2;margin:0}
h3 {font-size:19px;line-height:1.35}
a {color:inherit;text-decoration:none}
a:hover {color:var(--blue)}
.icon {width:20px;height:20px;flex-shrink:0;vertical-align:middle;display:inline-block}
.primary,.secondary,.ghost-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;min-height:44px;padding:11px 18px;font-size:12px;font-weight:750;box-shadow:none}
.primary {background:var(--gold);border:1px solid var(--gold);color:#261e0e}
.primary:hover {background:var(--gold-hover);color:#261e0e;border-color:var(--gold-hover)}
.primary:active {transform:none;box-shadow:none}
.secondary {background:transparent;color:var(--text);border:1px solid var(--line)}
.secondary:hover {border-color:var(--gold);color:var(--text)}
.ghost-button {background:#ffffff12;color:#fff;border:1px solid #ffffff55}
.ghost-button:hover {background:#ffffff25;color:#fff}
.text-link {background:none;border:0;padding:0;color:var(--blue);font-size:12px;font-weight:700;display:inline-flex;gap:9px;align-items:center}
.text-link .icon {width:17px;height:17px}
.eyebrow {font-size:9px;font-weight:750;letter-spacing:1.7px;color:var(--muted);margin:0 0 12px}
.subtle,.field-help {color:var(--muted);font-size:11px;line-height:1.7}
.field-help {margin:0 0 9px}
.skip {position:absolute;z-index:200;left:20px;top:-100px;background:var(--gold);color:#251c0d;padding:12px 18px}
.skip:focus {top:10px}
.site-header {background:#1b232d;color:#fff;border-bottom:1px solid #ffffff12;position:relative;z-index:20}
.header-inner {min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand {display:flex;align-items:center;gap:12px;font-weight:850;font-size:25px;letter-spacing:-.9px;line-height:1.15;color:inherit}
.brand img {width:40px;height:40px}
.brand-accent {color:var(--gold)}
.brand small {display:block;font-size:7px;letter-spacing:1.7px;font-weight:650;color:#afbdcb;margin-top:7px}
.site-header nav {display:flex;align-items:center;gap:25px;font-size:11px;font-weight:650}
.site-header nav a {color:#c2ccd8;display:inline-flex;align-items:center;gap:7px;min-height:40px}
.site-header nav a:hover {color:#fff}
.site-header nav .nav-cta {background:var(--gold);color:#281e0e;padding:10px 16px;border-radius:5px;margin-left:4px}
.site-header .nav-cta:hover {background:var(--gold-hover);color:#281e0e}
.discord-link .icon {width:13px;height:13px}
.menu-toggle {display:none;color:#fff;border-color:#4b5564;padding:8px 11px}
.network-strip {background:#26333f;color:#b9c5d1;font-size:10px}
.network-strip .wrap {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:10px}
.network-strip strong {color:#f4c86d;font-size:10px}
.network-strip b {color:#fff;margin-left:10px}
.network-strip a {color:#c4d0dc}
.live-dot,.status-indicator {display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;flex-shrink:0}
.home-feature {padding:0;display:block;max-width:none}
.feature-scene {position:relative;isolation:isolate;background:#274148 url('/assets/harbor-hero.webp') center 48%/cover;color:#fff}
.feature-scene:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111dd9 0%,#07111d80 55%,#07111d26 100%);z-index:-1}
.feature-scene[data-scene="1"] {background-image:url('/assets/skywars-card.webp')}
.feature-scene[data-scene="2"] {background-image:url('/assets/bedwars-card.webp')}
.feature-content {min-height:565px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:60px}
.feature-copy {max-width:660px;text-shadow:0 2px 25px #0004}
.feature-copy .eyebrow {color:#ffdc94;font-size:10px;letter-spacing:2px}
.feature-copy h1 {font-size:clamp(42px,4.8vw,68px);margin:20px 0;max-width:650px;white-space:pre-line;font-weight:850}
.feature-copy>p:not(.eyebrow) {max-width:495px;font-size:15px;color:#f0f3f5;line-height:1.8;margin:0}
.feature-actions {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:29px;text-shadow:none}
.feature-index {align-self:flex-end;display:flex;align-items:baseline;gap:10px;font-weight:800;color:#fff9;padding-bottom:20px}
.feature-index span {font-size:58px;letter-spacing:-3px;line-height:1}
.feature-index small {font-size:16px}
.feature-bottom {display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:18px;border-top:1px solid #fff4;background:#10202bc7}
.feature-bottom>p {display:flex;gap:12px;align-items:center;font-size:12px;margin:0}
.feature-bottom>p>span {color:#d2dce5;font-size:10px;margin-left:10px}
.feature-bottom .icon {color:var(--gold);width:18px}
.slide-controls {display:flex;gap:7px;flex-wrap:wrap}
.slide-controls button {background:#ffffff10;border:1px solid #ffffff35;border-radius:4px;color:#e3eaf1;font-size:10px;font-weight:700;min-height:34px;padding:7px 13px}
.slide-controls button[aria-pressed=true] {background:var(--gold);border-color:var(--gold);color:#282011}
.join-ribbon {display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px;margin-bottom:63px;padding-block:23px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 16px #20314404}
.join-ribbon>div:first-child {display:flex;align-items:flex-start;gap:12px;max-width:720px}
.join-ribbon .status-indicator {margin-top:9px;box-shadow:0 0 0 5px #f1b7431a}
.join-ribbon strong {font-size:14px;font-weight:750}
.join-ribbon .availability {font-size:11px;color:var(--muted);max-width:660px;margin-top:3px}
.join-ribbon>div:last-child {flex-shrink:0}
.copy-result {font-size:10px;color:var(--muted);margin:8px 0 0;min-height:16px}
.section-heading {display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}
.section-heading .eyebrow {margin-bottom:10px}
.section-heading h2 {font-size:30px}
.section-note {font-size:11px;color:var(--muted);max-width:270px;margin:0}
.news-section {padding-bottom:65px}
.news-toolbar {display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}
.filters {display:flex;gap:7px;flex-wrap:wrap;margin:0}
.filters button,.world-filters button {background:#e6e9ee;border:1px solid transparent;border-radius:5px;color:#637080;padding:9px 14px;min-height:39px;font-size:11px;font-weight:650}
.filters button[aria-pressed=true],.filters button:hover,.world-filters button[aria-pressed=true] {background:#253642;border-color:#253642;color:#fff}
.search-label {display:block;min-width:240px;font-size:10px;color:var(--muted)}
.search-label input {display:block;margin-top:5px;font-size:11px;font-weight:400;padding-block:10px}
.news-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-card {background:var(--card);border:1px solid #dfe5eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 8px #1d334508;min-width:0}
.news-image {height:185px;position:relative;overflow:hidden}
.news-image img {width:100%;height:100%;object-fit:cover;display:block}
.news-image .badge {position:absolute;left:15px;top:15px;background:#f9f0db;color:#6b4d0e;border:0;border-radius:4px;font-size:9px;font-weight:750;padding:5px 9px}
.news-image .badge.progress {background:#213d47;color:#b9e8ee}
.news-body {padding:24px;display:flex;flex-direction:column;flex:1}
.news-body time {font-size:10px;color:#82909f}
.news-body h3 {font-size:20px;letter-spacing:-.4px;margin:9px 0 12px;line-height:1.35}
.news-body p {font-size:12px;color:#6b7787;line-height:1.75;margin:0 0 19px;overflow-wrap:anywhere}
.news-body details {margin-top:auto;padding-top:5px}
.news-body summary {font-size:11px;font-weight:750;color:#197f8d;cursor:pointer}
.news-body details p {margin:14px 0 0;white-space:pre-wrap}
#news-more {display:flex;margin:26px auto 0;background:#fff}
.feed-state {font-size:10px;color:var(--muted);margin:20px 0 0}
.games-section {background:#e6eaee;padding-block:63px}
.game-catalog {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.world-card {position:relative;min-height:290px;overflow:hidden;border-radius:9px;isolation:isolate;color:#fff;background:#19303a;display:block}
.world-card:first-child {grid-column:span 2}
.world-card:after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c192c12 0%,#0c192c05 28%,#0c192cbb 100%);z-index:-1}
.world-card img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.world-card:hover {color:#fff}
.world-card:hover img {transform:scale(1.04)}
.world-category {position:absolute;top:20px;left:20px;font-size:8px;font-weight:750;letter-spacing:1.5px;background:#10202ab3;padding:5px 8px;border-radius:3px}
.world-copy {position:absolute;left:22px;bottom:25px;right:45px;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 10px #0009}
.world-copy strong {font-size:26px;font-weight:850;line-height:1.1;letter-spacing:-.6px}
.world-copy>span {font-size:10px;color:#f0f4f6}
.world-arrow {position:absolute;right:18px;bottom:25px;background:#ffffff20;border:1px solid #ffffff40;width:28px;height:28px;display:grid;place-items:center;border-radius:50%}
.world-arrow .icon {width:15px;height:15px}
.discover-section {display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:75px}
.discover-section h2 {font-size:39px;letter-spacing:-1px;line-height:1.13}
.discover-section>div:first-child>p:not(.eyebrow) {max-width:460px;color:var(--muted);font-size:13px;margin:20px 0}
.benefit-list {list-style:none;margin:24px 0;padding:0;color:#4a5a6b;font-size:12px;display:grid;gap:14px}
.benefit-list li {display:flex;align-items:center;gap:10px}
.benefit-list .icon {color:#258d91;width:18px;height:18px}
.skin-showcase {background:#142a38;color:#dce8f0;border-radius:11px;border:1px solid #365263;box-shadow:0 12px 30px #14293718}
.skin-showcase:before,.skin-showcase:after {display:none}
.skin-nameplate {color:#edf5fc}
.scene-caption,.skin-local-note,.drag-hint {color:#a8c3d1}
.skin-controls button,.viewer-toolbar button,.upload-skin {color:#e1edf4;background:#173b4c;border-color:#426575;border-radius:4px}
.skin-controls button[aria-pressed=true] {border-color:var(--gold);background:#30434b;color:#ffe0a6}
.skin-feedback {color:#d7e5ef}
.faq-section {max-width:1040px;padding-block:15px 70px}
.faq-section h2 {margin-bottom:27px}
.faq-section details {background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px 24px;margin-top:11px}
.faq-section summary {font-size:13px;font-weight:750;cursor:pointer}
.faq-section details p {font-size:12px;color:var(--muted);max-width:800px;line-height:1.8}
footer.site-footer {display:block;background:#19222b;color:#a4b3c2;padding:0;border:0}
.footer-grid {display:grid;grid-template-columns:1.5fr 1fr 1.15fr .9fr;gap:55px;padding-block:55px}
.footer-grid .brand {display:inline-flex;font-size:24px;gap:0;color:#fff}
.footer-grid p {font-size:11px;line-height:1.9;max-width:255px;margin:16px 0}
.footer-grid h3 {color:#f4f7f9;font-size:12px;letter-spacing:0;margin:0 0 17px;font-weight:750}
.footer-grid>div>a:not(.brand) {display:block;font-size:11px;padding-block:5px}
.footer-grid .footer-discord {color:#f0c171}
.footer-discord .icon {width:15px;height:15px}
.footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff13;padding-block:20px;font-size:9px}
.breadcrumb {display:flex;align-items:center;gap:10px;font-size:10px;margin-bottom:28px;color:#b6c3cf}
.breadcrumb .icon {width:13px;height:13px}
.worlds-intro {background:#1d2b36;color:#fff;padding-block:36px 45px}
.worlds-intro h1 {font-size:52px;margin-bottom:20px}
.worlds-intro .eyebrow {color:#e0b66b}
.worlds-intro>.wrap>p:not(.eyebrow) {font-size:13px;max-width:570px;color:#b6c5d3}
.world-filters {display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.world-filters button {background:#344553;color:#e0e7ed}
.world-filters button[aria-pressed=true] {background:var(--gold);color:#2b2211;border-color:var(--gold)}
.world-guides {padding-block:45px 65px}
.world-guide {display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:28px;scroll-margin-top:25px}
.guide-image {position:relative;min-height:400px}
.guide-image img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.guide-image>span {position:absolute;top:22px;left:22px;background:#162a3ce0;color:#fff;padding:6px 12px;border-radius:4px;font-size:9px;letter-spacing:1.5px;font-weight:750}
.guide-content {padding:40px}
.guide-content h2 {font-size:36px}
.guide-content h3 {font-size:17px;margin:14px 0}
.guide-content>p:not(.eyebrow),.guide-content li {font-size:12px;line-height:1.85;color:var(--muted)}
.guide-content ol {padding-left:19px;margin-block:22px}
.guide-content li {padding-left:5px;margin-bottom:8px}
.guide-content li::marker {color:#9b742e;font-weight:800}

/* Account workspace. Same components and information hierarchy in UCP and ACP. */
.portal-page {
 color-scheme:dark;--paper:#202226;--card:#171a1f;--text:#edf0f5;--ink:#edf0f5;
 --muted:#9aa8b8;--line:#30363f;--blue:#8fcad2;--rank:#9aabbf;
 background:var(--paper);color:var(--text);
}
.portal-page[data-rank=ADMIN] {--rank:#ff7888}
.portal-page[data-rank=DEVELOPER] {--rank:#6cd3f1}
.portal-page[data-rank=CONTENT] {--rank:#7ed4af}
.portal-page[data-rank=PREMIUMPLUS] {--rank:#bba5fc}
.portal-page[data-rank=PREMIUM] {--rank:#f2ca75}
.portal-page .site-header {background:#151b23}
.portal-banner {background:#233e45 url('/assets/harbor-hero.webp') center 46%/cover;position:relative;isolation:isolate;color:#fff}
.portal-banner:before {content:"";position:absolute;inset:0;background:#101c2bc4;z-index:-1}
.portal-banner>.wrap {padding-block:27px 45px}
.portal-banner .breadcrumb {margin-bottom:25px}
.portal-banner h1 {font-size:39px;margin:0 0 12px;letter-spacing:-1px;line-height:1.15}
.portal-banner>.wrap>p:not(.eyebrow) {font-size:12px;color:#c2cfdb;margin:0}
.portal-banner .eyebrow {color:#e3bf78;font-size:8px;letter-spacing:1.8px}
.portal-main {padding-block:38px 70px;min-height:650px}
.login-layout {display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;max-width:1070px;margin:20px auto}
.section-symbol {width:48px;height:48px;background:#f1b74315;border:1px solid #9e7c3c4d;border-radius:10px;color:#f1c56f;display:inline-grid;place-items:center;flex-shrink:0}
.section-symbol .icon {width:26px;height:26px}
.login-intro .section-symbol {margin-bottom:25px}
.login-intro h2 {font-size:36px;line-height:1.2;letter-spacing:-.9px;margin-bottom:21px}
.login-intro>p:not(.eyebrow) {font-size:13px;color:#9fabbc;max-width:420px;line-height:1.9}
.login-features {display:grid;gap:15px;margin-top:29px}
.login-features>div {display:flex;gap:13px;align-items:center;font-size:12px;color:#bbc6d3}
.login-features .icon {color:#d8b369;width:18px;height:18px}
.panel {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:27px;margin-bottom:22px;min-width:0}
.panel h3 {margin:0 0 12px}
.panel>p:not(.eyebrow),.panel>div>p:not(.eyebrow) {font-size:12px;color:var(--muted);line-height:1.85}
.panel-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.panel-heading .eyebrow {font-size:8px;margin-bottom:8px;letter-spacing:1.2px}
.panel-heading h3 {font-size:18px;margin:0}
.panel-heading>.icon {color:#8191a5;width:23px;height:23px}
.login-card {box-shadow:0 15px 40px #0002;background:#15191e;border-color:#35404b;padding:32px}
.login-card h2 {font-size:26px}
.login-steps {font-size:12px;line-height:1.8;color:#b2c0cf;margin-block:25px;padding-left:20px}
.login-steps li {margin-bottom:15px;padding-left:6px}
.login-steps li::marker {color:var(--gold);font-weight:750}
code {background:#302a20;color:#f6cb7a;font-size:12px;padding:2px 7px}
#login-code {background:#0e1319;border:1px solid #3c4b5c;border-radius:5px;color:#fff;font-size:14px;padding:13px}
#login-form label {font-size:11px;color:#c0ccda;margin-bottom:8px}
#login-form .primary {width:100%;margin-top:17px}
.login-note {font-size:10px!important;color:#8e9caf!important;line-height:1.8;margin-top:23px}
.form-state {font-size:11px;color:#a8c7cf;min-height:18px;margin:12px 0 20px}
[data-error=true] {color:#f9a89e!important}
.portal-layout {display:grid;grid-template-columns:254px minmax(0,1fr);gap:31px;align-items:start}
.portal-sidebar {background:#15181d;border:1px solid #2f353e;border-radius:9px;position:sticky;top:24px;overflow:hidden}
.sidebar-account {display:flex;align-items:center;gap:13px;padding:22px 19px;border-bottom:1px solid var(--line)}
.account-monogram {width:42px;height:42px;display:grid;place-items:center;border:1px solid #a3895b4a;background:#383124;color:#e9bf76;font-size:15px;font-weight:850;border-radius:8px;letter-spacing:.4px;flex-shrink:0}
.account-monogram.large {width:69px;height:69px;font-size:25px;border-radius:12px;border:2px solid #d1ac6d4f;background:#3e3527}
.sidebar-account>div {min-width:0}
.sidebar-account strong {display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.4}
.sidebar-account #sidebar-rank {display:inline-block;margin-top:5px;font-size:10px;color:var(--rank)}
.sidebar-label {font-size:8px;letter-spacing:1.3px;color:#748497;margin:22px 20px 10px;font-weight:700}
.side-nav {display:flex;flex-direction:column;gap:4px;padding:0 10px 17px}
.side-nav button {background:none;color:#a7b5c6;border:1px solid transparent;padding:11px 12px;display:flex;align-items:center;gap:11px;min-height:43px;font-size:11px;font-weight:650;text-align:left;border-radius:5px}
.side-nav button>.icon:first-child {width:18px;height:18px;color:#8191a7}
.side-nav button>.icon:last-child {width:12px;height:12px;margin-left:auto;color:#5d6c7e}
.side-nav button:hover {background:#222832;color:#fff}
.side-nav button[aria-current=page] {background:#352d20;color:#f4cd85;border-color:#9f7d3f38}
.side-nav button[aria-current=page]>.icon {color:#e8bf73}
.sidebar-link {display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;padding:9px 22px;font-size:11px;text-align:left;color:#96a5b8}
.sidebar-link .icon {width:15px;height:15px}
.sidebar-link:hover {color:#fff}
.sidebar-help {border-top:1px solid var(--line);padding:21px;margin-top:15px;display:grid;gap:5px;font-size:11px}
.sidebar-help strong {font-size:11px;font-weight:650;color:#b4c1ce}
.sidebar-help>span {color:#7f91a7;font-size:10px;margin-bottom:4px}
.sidebar-help .text-link {font-size:10px;color:#d0af74}
.portal-content {min-width:0}
.content-heading {display:flex;align-items:center;justify-content:space-between;gap:20px}
.content-heading h2 {font-size:28px;letter-spacing:-.6px}
.content-heading .eyebrow {font-size:8px;letter-spacing:1.4px;margin-bottom:6px}
.content-heading .secondary {min-height:36px;font-size:10px;padding:8px 12px;color:#aebdce}
.content-heading .icon {width:14px;height:14px}
#account-state {font-size:9px;color:#7c8fa6;margin-block:9px 22px}
.profile-banner {position:relative;background:#192532 url('/assets/harbor-hero.webp') 65% 40%/cover;isolation:isolate;border-radius:10px;overflow:hidden;display:flex;gap:22px;align-items:center;padding:29px;min-height:140px;border:1px solid #3b4b5b}
.profile-banner:before {content:"";position:absolute;inset:0;background:#142333e6;z-index:-1}
.profile-banner h3 {font-size:27px;margin:0 0 7px;letter-spacing:-.7px;overflow-wrap:anywhere}
.profile-banner .eyebrow {font-size:8px;color:#9fb2c7;letter-spacing:1.3px;margin-bottom:7px}
.profile-label {color:#899db5;font-size:10px}
.rank-badge {display:inline-block;background:#ffffff0c;border:1px solid #ffffff19;padding:2px 8px;border-radius:4px;color:var(--rank);font-weight:750;margin-right:7px;font-size:9px}
.rank-badge[data-rank=PLAYER] {color:#9aabbf}.rank-badge[data-rank=ADMIN] {color:#ff7888}.rank-badge[data-rank=PREMIUM] {color:#f2ca75}.rank-badge[data-rank=PREMIUMPLUS] {color:#bba5fc}.rank-badge[data-rank=DEVELOPER] {color:#6cd3f1}.rank-badge[data-rank=CONTENT] {color:#7ed4af}.rank-badge[data-rank=VIP],.rank-badge[data-rank=JUNIORMEDIA] {color:#d398ef}.rank-badge[data-rank=STAFF],.rank-badge[data-rank=SENIORSTAFF],.rank-badge[data-rank=MODERATOR],.rank-badge[data-rank=SENIORMODERATOR] {color:#ef9ba4}.rank-badge[data-rank=BUILDER] {color:#e9d077}
.verified-label {margin-left:auto;color:#96cdb0;background:#203d32;border:1px solid #3b71574d;border-radius:4px;padding:5px 9px;font-size:9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.verified-label .icon {width:13px;height:13px}
.account-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0 25px}
.stat-card {display:flex;flex-direction:column;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:23px;position:relative;overflow:hidden}
.stat-card:after {content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:#d4ad60}
.stat-card:nth-child(2):after {background:#4ea7b7}.stat-card:nth-child(3):after {background:#9783cb}
.stat-card>span {font-size:10px;color:#9baabe}.stat-card>strong {font-size:29px;color:#e9eef5;line-height:1.25;overflow-wrap:anywhere}.stat-card>small {font-size:9px;color:#71839a}
.overview-columns {display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:stretch}
.overview-columns .panel {padding:24px}
.identity-list {display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px 12px;margin:20px 0 25px;font-size:10px}
.identity-list dt {color:#8192a8}.identity-list dd {margin:0;overflow-wrap:anywhere;color:#b8c6d6;min-width:0}
.identity-list dd:has(#identity-uuid) {display:flex;align-items:flex-start;gap:7px;font-size:9px}
.icon-button {padding:0;border:0;background:none;color:#859bb2;flex-shrink:0;min-width:22px;min-height:22px}.icon-button .icon {width:13px;height:13px}
.recent-ticket {width:100%;text-align:left;display:flex;gap:12px;justify-content:space-between;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);padding:15px 0;color:#c4d0df}
.recent-ticket strong {font-size:11px;font-weight:650;overflow-wrap:anywhere}.recent-ticket:hover {color:#fff}
.recent-ticket:last-of-type {margin-bottom:15px}
.favorite-banner {background:#1b2834;border:1px solid #344557;border-radius:8px;padding:21px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.favorite-banner>div {display:flex;gap:14px;align-items:center}.favorite-banner small {display:block;color:#8096b0;font-size:8px;letter-spacing:1px}.favorite-banner strong {display:block;font-size:16px;line-height:1.5}.favorite-banner>.icon,.favorite-banner>div>.icon {color:#e1bc77;width:30px;height:30px}.favorite-banner .secondary {font-size:10px;min-height:35px;padding:7px 12px}.favorite-banner .text-link {font-size:10px}
.filter-panel {display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,.6fr);gap:12px;align-items:center;padding:17px 20px}.filter-panel label {font-size:10px;color:#8e9fb4}.filter-panel input,.filter-panel select {font-size:11px;padding-block:9px}.filter-panel:has(#ticket-owner) {grid-template-columns:90px minmax(0,1fr)}
.game-statistics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.game-stat {padding:0;background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.game-stat-heading {position:relative;min-height:105px;display:flex;align-items:flex-end;isolation:isolate}.game-stat-heading:before {content:"";position:absolute;inset:0;background:#12203583;z-index:-1}.game-stat-heading img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.game-stat h3 {padding:17px 23px;margin:0;font-size:20px;color:#fff;letter-spacing:-.4px}
.game-stat dl {padding:19px 23px 15px;margin:0}.game-stat dl>div {display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:11px}.game-stat dt {color:#8f9fb3}.game-stat dd {margin:0;color:#d4e0ed;font-weight:650}.game-stat>.win-rate,.game-stat>.stat-empty {margin:0 23px 9px;color:#8c9fb5;font-size:10px}.game-stat>.stat-empty {margin-bottom:22px}
.game-stat progress {display:block;width:calc(100% - 46px);height:5px;margin:0 23px 25px;border:0;border-radius:9px;overflow:hidden;background:#293643;accent-color:#d6b674}.game-stat progress::-webkit-progress-bar {background:#293643}.game-stat progress::-webkit-progress-value {background:#d6b674}.game-stat progress::-moz-progress-bar {background:#d6b674}
.portal-form {display:flex;flex-direction:column;gap:9px}.portal-form>label {font-size:11px;color:#a9b7c8;margin-top:7px}.portal-form input:not([type=checkbox]),.portal-form textarea,.portal-form select {background:#10151c;border-color:#34404e;font-size:12px;color:#dce5f0}.portal-form input:focus,.portal-form textarea:focus,.portal-form select:focus {border-color:#8c744d}.portal-form .primary,.portal-form>.secondary {align-self:flex-start;margin-top:10px}.portal-form p[role=status] {font-size:11px;margin:6px 0 0;min-height:16px;color:#a1c5ce}.form-actions {display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:15px}.form-actions p {margin:0;font-size:11px}.form-two {display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-two label {display:block;font-size:11px;color:#a8b8cb;margin:10px 0 7px}
.request-composer>p:not(.eyebrow) {max-width:620px}.request-composer h3 {font-size:23px}.request-composer .portal-form {margin-top:25px}.list-title {font-size:18px;margin:33px 0 20px;letter-spacing:-.2px}
.ticket-row {width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px 23px;margin-bottom:11px;color:var(--text)}.ticket-row:hover {border-color:#776847;background:#1a1e24}.ticket-row-copy {display:flex;flex-direction:column;min-width:0;gap:6px}.ticket-row strong {font-size:13px;font-weight:700;overflow-wrap:anywhere}.ticket-row small {font-size:9px;color:#8194ac}.ticket-row small.ticket-reference {font-size:8px;font-weight:650;letter-spacing:.5px;color:#72859d}.ticket-row-meta {display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0;max-width:40%}
.ticket-badge {display:inline-block;background:#193d32;border:1px solid #3e6b5740;color:#9fceba;font-size:8px;font-weight:650;border-radius:4px;padding:4px 8px;white-space:nowrap}.ticket-badge[data-status=waiting] {background:#3c311f;color:#e3c38b;border-color:#76603b44}.ticket-badge[data-status=closed] {background:#29313c;color:#95a7bd;border-color:#43536944}.priority-high {font-size:8px;color:#f0a09c}
.empty-state {padding:28px;border:1px dashed #3e4a59;border-radius:8px;color:#8e9fb4;font-size:11px;line-height:1.85;background:#151b23}.news-grid>.empty-state {color:#657487;background:#fff;border-color:#c4d1de;grid-column:1/-1}.compact-empty {padding:20px;margin:0 0 20px;font-size:10px}
.ticket-detail {padding:28px}.ticket-detail-bar {display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ticket-detail-bar .subtle {font-size:9px}.ticket-detail>.eyebrow {margin-top:26px;font-size:8px}.ticket-detail h3 {font-size:25px;margin:10px 0 26px;overflow-wrap:anywhere}.message {padding:20px 22px;background:#202730;border:1px solid #303b48;border-radius:8px;margin-bottom:15px}.message[data-team=true] {background:#25251f;border-color:#6b603b65;border-left:3px solid #b1945b}.message header {display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#91a1b7}.message header strong {font-size:10px;color:#c7d3e0}.message p {white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#c4d0df;margin:12px 0 0}.ticket-detail #reply-form {margin-top:27px}.internal-workspace {border-top:1px solid #3c4653;margin-top:32px;padding-top:28px}.internal-workspace .eyebrow {color:#bea56c}.internal-note {padding:15px 18px;border-left:2px solid #6d6b62;background:#20252d;margin:12px 0;font-size:10px}.internal-note strong {color:#a7b3c4;font-size:9px}.internal-note p {color:#c3cfdf;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.security-intro {display:flex;gap:20px;align-items:center}.security-intro h3 {margin-bottom:8px;font-size:21px}.security-intro p {margin:0}.session-row {display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.session-row>div {display:grid;gap:5px}.session-row strong {font-size:12px}.session-row small {font-size:9px;color:#8092aa}.session-row .secondary {font-size:10px;min-height:34px;padding:7px 12px}.current-session {color:#9bcbb0;background:#1e352b;border:1px solid #41664b55;border-radius:4px;padding:4px 8px;font-size:9px;white-space:nowrap}.setting-toggle {display:flex!important;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:22px 0 15px;margin:6px 0 0!important}.setting-toggle strong {display:block;font-size:12px;color:#c5d1df}.setting-toggle small {display:block;font-size:10px;color:#8496af;font-weight:400;margin-top:6px;max-width:450px}
.news-preview {background:#1c2530;border-color:#364a60}.news-preview h3 {font-size:24px;overflow-wrap:anywhere}.news-preview>p {white-space:pre-wrap;overflow-wrap:anywhere}.news-preview>.eyebrow {color:#94b7c5;white-space:normal}.editor-entry {background:var(--card);border:1px solid var(--line);border-radius:8px;padding:23px;display:flex;gap:25px;align-items:center;justify-content:space-between;margin-bottom:15px}.editor-entry>div:first-child {min-width:0}.editor-entry h3 {font-size:17px;margin:10px 0}.editor-entry p {font-size:11px;color:#8fa0b6;overflow-wrap:anywhere;margin:0 0 12px}.editor-state {font-size:8px;color:#96c4a8;border:1px solid #3e6d5344;background:#21372e;padding:4px 7px;border-radius:4px}.editor-state[data-state=draft] {color:#bdc7d5;background:#2b3441;border-color:#4f607744}.editor-state[data-state=progress] {color:#e2c48d;background:#3d321f;border-color:#7c674244}.editor-actions {display:flex;flex-direction:column;align-items:center;gap:15px;flex-shrink:0}.editor-actions .secondary {min-height:34px;padding:8px 13px;font-size:10px}.editor-actions .text-link {font-size:9px}.audit-row {display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;border-top:1px solid var(--line)}.audit-row strong {display:block;font-size:11px;font-weight:650}.audit-row small {display:block;font-size:9px;color:#879ab2;margin-top:5px}.audit-row time {font-size:9px;color:#8295ae;flex-shrink:0}.portal-page .site-footer {background:#14191f}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lookup-form {display:flex;gap:12px;margin-top:24px}.lookup-form input {min-width:0;background:#10151c;font-size:12px}.lookup-form .primary {flex-shrink:0}
.lookup-pagination {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.lookup-pagination .secondary {min-height:32px;font-size:10px;padding:6px 12px}
.player-result {display:flex;gap:16px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.player-result>div {min-width:0}.player-result strong {display:block;font-size:12px;overflow-wrap:anywhere}.player-result small {display:block;color:#8499b1;font-size:9px;overflow-wrap:anywhere;margin-top:4px}.player-result .rank-badge {margin-left:auto;white-space:nowrap}.player-result .account-monogram {width:36px;height:36px;font-size:12px}
.compact-view .panel {padding:20px}.compact-view .ticket-row {padding:14px 18px}.compact-view .stat-card {padding:17px 20px}.compact-view .account-cards,.compact-view .game-statistics {gap:13px}.compact-view .message {padding:15px 19px}
.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(min-width:1600px) {.feature-content {min-height:610px}.feature-copy h1 {font-size:74px}}
@media(max-width:1120px) {
 .site-header nav {gap:15px}.site-header nav a {font-size:10px}.brand {font-size:22px}.brand img {width:35px;height:35px}.discord-link {display:none!important}
 .wrap {padding-inline:29px}.feature-content {min-height:510px}.feature-copy h1 {font-size:59px}.feature-copy {max-width:600px}.feature-bottom>p>span {display:none}.join-ribbon {margin-inline:29px}.news-grid {gap:18px}.news-body {padding:21px}.news-image {height:165px}.game-catalog {gap:16px}.world-card {min-height:255px}.world-copy strong {font-size:24px}.world-copy>span {font-size:9px}.discover-section {gap:42px}.footer-grid {gap:30px}.portal-layout {grid-template-columns:226px minmax(0,1fr);gap:24px}.side-nav button {font-size:10px;padding-inline:10px}.sidebar-account {padding:20px 16px}.sidebar-account strong {font-size:11px}.sidebar-account .account-monogram {width:36px;height:36px;font-size:13px}.overview-columns {grid-template-columns:1fr}.account-cards {gap:12px}.stat-card {padding:20px}.stat-card>strong {font-size:26px}.profile-banner {gap:17px;padding:25px}.profile-banner h3 {font-size:24px}.profile-banner .eyebrow {font-size:7px}.verified-label {font-size:8px}.favorite-banner {padding:20px}.favorite-banner>div:last-child {flex-direction:column;gap:10px}.filter-panel {grid-template-columns:1fr 1fr;gap:10px}.login-layout {gap:55px}.guide-content {padding:30px}.guide-image {min-height:390px}
}
@media(max-width:800px) {
 .header-inner {min-height:80px;flex-wrap:wrap;padding-block:20px;gap:18px}.site-header nav {width:100%;justify-content:center;flex-wrap:wrap;gap:8px 24px;padding-top:4px}.menu-toggle {display:inline-flex;margin-left:auto;min-height:38px}.js-ready .site-header nav:not([data-open=true]) {display:none}.js-ready .site-header nav[data-open=true] {display:flex}.site-header nav a {min-height:37px;font-size:11px}.site-header nav .nav-cta {margin-left:0}.discord-link {display:inline-flex!important}.network-strip .wrap {padding-block:10px;font-size:9px}.network-strip .wrap>a {display:none}.feature-content {min-height:465px;padding-block:45px}.feature-copy {max-width:570px}.feature-copy h1 {font-size:53px}.feature-copy>p:not(.eyebrow) {font-size:14px}.feature-index {display:none}.feature-bottom {padding-block:15px}.feature-bottom>p {font-size:10px;gap:9px}.slide-controls button {font-size:9px;padding:6px 10px;min-height:32px}.join-ribbon {gap:22px;align-items:start;margin-bottom:45px}.join-ribbon .primary {font-size:10px;gap:6px;padding:10px 12px;white-space:nowrap}.join-ribbon strong {font-size:12px}.join-ribbon .availability {font-size:10px}.join-ribbon .copy-result {font-size:9px;max-width:170px}.news-section {padding-bottom:45px}.section-heading h2 {font-size:27px}.news-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.news-toolbar {align-items:stretch;flex-direction:column;gap:18px}.search-label {min-width:0;max-width:330px}.games-section {padding-block:45px}.game-catalog {grid-template-columns:repeat(2,minmax(0,1fr))}.world-card {min-height:280px}.world-card:first-child {grid-column:span 2}.discover-section {grid-template-columns:1fr;padding-block:50px;gap:35px}.discover-section>div:first-child>p:not(.eyebrow) {max-width:600px}.skin-showcase {max-width:570px;width:100%;justify-self:center}.footer-grid {grid-template-columns:1.3fr 1fr;gap:35px 50px;padding-block:40px}.footer-grid>div:first-child {grid-column:auto}.portal-banner>.wrap {padding-block:22px 35px}.portal-banner h1 {font-size:33px}.portal-main {padding-top:25px}.portal-layout {grid-template-columns:1fr;gap:26px}.portal-sidebar {position:static}.sidebar-account {padding:15px 18px}.sidebar-label {display:none}.side-nav {flex-direction:row;flex-wrap:wrap;padding:9px 10px;gap:5px}.side-nav button {flex:1;justify-content:center;font-size:10px;gap:7px;min-height:39px;padding:8px 10px;white-space:nowrap}.side-nav button>.icon:last-child {display:none}.side-nav button>.icon:first-child {width:15px;height:15px}.sidebar-link {display:inline-flex;width:auto;padding:9px 15px 13px;font-size:10px}.sidebar-help {display:none}.overview-columns {grid-template-columns:1.1fr 1fr;gap:18px}.content-heading h2 {font-size:27px}.profile-banner {padding:25px}.account-cards {gap:15px}.filter-panel:has(#ticket-owner) {grid-template-columns:auto minmax(0,1fr)}.login-layout {grid-template-columns:1fr;gap:25px;max-width:580px;margin-block:0}.login-intro h2 {font-size:32px}.login-intro .section-symbol {display:none}.login-features {grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 10px}.login-features>div {flex-direction:column;align-items:start;font-size:10px;gap:7px}.login-intro>p:not(.eyebrow) {max-width:none}.guide-content {padding:28px}.world-guide {grid-template-columns:1fr}.guide-image {min-height:300px}.worlds-intro h1 {font-size:43px}.world-guides {padding-block:30px 45px}
}
@media(max-width:540px) {
 .wrap {padding-inline:20px}.header-inner {min-height:76px;padding-block:17px}.brand {font-size:22px;gap:10px}.brand small {font-size:6px;letter-spacing:1.45px}.brand img {width:35px;height:35px}.network-strip .wrap {font-size:8px;gap:8px;flex-wrap:wrap}.network-strip strong {font-size:9px}.feature-content {min-height:440px;padding-block:43px}.feature-copy .eyebrow {font-size:8px;letter-spacing:1.5px}.feature-copy h1 {font-size:43px;letter-spacing:-1.7px;margin-block:20px}.feature-copy>p:not(.eyebrow) {font-size:13px;line-height:1.85}.feature-actions {gap:10px;margin-top:25px}.feature-actions .primary,.feature-actions .ghost-button {font-size:10px;min-height:40px;padding:10px 13px;gap:7px}.feature-actions .icon {width:15px;height:15px}.feature-bottom {flex-wrap:wrap;gap:14px;padding-block:15px}.feature-bottom>p {font-size:10px}.slide-controls {width:100%}.slide-controls button {flex:1;font-size:10px}.join-ribbon {margin:20px 20px 40px;display:block;padding:20px;border-radius:8px}.join-ribbon>div:first-child {gap:8px}.join-ribbon>div:last-child {margin-top:18px;padding-left:15px}.join-ribbon strong {font-size:13px}.join-ribbon .primary {font-size:11px}.join-ribbon .copy-result {max-width:none;font-size:9px}.section-heading {align-items:start;flex-direction:column;gap:14px;margin-bottom:23px}.section-heading h2 {font-size:27px;letter-spacing:-.7px}.section-note {font-size:10px;max-width:none}.news-grid {grid-template-columns:1fr;gap:21px}.news-image {height:195px}.news-body {padding:23px}.news-body h3 {font-size:21px}.news-body p {font-size:12px}.news-toolbar {gap:17px}.filters {gap:5px}.filters button {font-size:10px;padding:8px 11px}.search-label {max-width:none}.game-catalog {gap:14px}.world-card {min-height:235px}.world-card:first-child {min-height:265px}.world-category {left:14px;top:15px;font-size:7px;padding:4px 6px}.world-copy {left:16px;right:30px;bottom:21px}.world-copy strong {font-size:24px}.world-copy>span {font-size:9px;line-height:1.5;max-width:135px}.world-arrow {right:12px;bottom:20px;width:23px;height:23px}.world-arrow .icon {width:12px;height:12px}.discover-section h2 {font-size:34px}.discover-section>div:first-child>p:not(.eyebrow) {font-size:12px}.benefit-list {font-size:11px}.faq-section {padding-bottom:45px}.faq-section h2 {font-size:27px}.faq-section details {padding:18px}.faq-section summary {font-size:12px}.footer-grid {grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:38px}.footer-grid>div:first-child {grid-column:1/-1}.footer-grid>div:last-child {grid-column:1/-1}.footer-grid p {max-width:280px;font-size:11px}.footer-grid>div>a:not(.brand) {font-size:10px}.footer-grid h3 {font-size:11px;margin-bottom:12px}.footer-bottom {font-size:8px;flex-wrap:wrap;gap:9px}.portal-banner .breadcrumb {font-size:9px;margin-bottom:20px}.portal-banner h1 {font-size:29px;letter-spacing:-.8px}.portal-banner .eyebrow {font-size:7px;letter-spacing:1.3px}.portal-banner>.wrap>p:not(.eyebrow) {font-size:11px;max-width:300px}.portal-banner>.wrap {padding-block:20px 30px}.portal-main {padding-block:22px 45px}.login-card {padding:25px}.login-intro h2 {font-size:29px}.login-features {grid-template-columns:1fr;gap:11px;margin-bottom:10px}.login-features>div {flex-direction:row;gap:10px;align-items:center;font-size:11px}.login-features .icon {width:16px;height:16px}.sidebar-account {gap:11px}.side-nav {gap:5px;padding:9px}.side-nav button {font-size:9px;padding:8px 9px;min-height:35px;gap:6px;flex:1 1 auto}.side-nav button>.icon:first-child {width:14px;height:14px}.sidebar-link {font-size:9px;padding:8px 11px 12px}.content-heading h2 {font-size:24px}.content-heading .eyebrow {font-size:7px;letter-spacing:1px}.content-heading .secondary {font-size:9px;padding:7px 9px;min-height:33px;gap:5px}.content-heading .secondary .icon {width:12px;height:12px}#account-state {margin-block:8px 18px;font-size:8px}.profile-banner {padding:22px 19px;gap:14px;flex-wrap:wrap;min-height:135px}.account-monogram.large {width:55px;height:55px;font-size:20px}.profile-banner h3 {font-size:22px;letter-spacing:-.6px}.profile-banner .eyebrow {font-size:6px;letter-spacing:.7px}.profile-label {font-size:8px}.rank-badge {font-size:8px;padding:2px 5px}.verified-label {margin-left:0;font-size:8px;padding:4px 8px}.account-cards {gap:10px;margin:15px 0 20px}.stat-card {padding:18px 12px;gap:8px}.stat-card>span {font-size:8px}.stat-card>strong {font-size:22px}.stat-card>small {font-size:8px}.overview-columns {grid-template-columns:1fr;gap:0}.panel,.overview-columns .panel {padding:22px}.panel-heading {gap:13px;margin-bottom:18px}.panel-heading h3 {font-size:17px}.panel-heading .eyebrow {font-size:7px;letter-spacing:1px}.panel-heading .secondary {font-size:8px;padding:7px;min-height:32px}.panel-heading>.icon {width:20px;height:20px}.identity-list {font-size:10px;grid-template-columns:85px minmax(0,1fr);gap:14px 10px}.identity-list dd:has(#identity-uuid) {font-size:8px}.favorite-banner {padding:18px;gap:17px;align-items:start;flex-direction:column}.favorite-banner>div:last-child {flex-direction:row;gap:18px}.favorite-banner small {font-size:7px}.favorite-banner strong {font-size:15px}.favorite-banner>div>.icon {width:24px;height:24px}.filter-panel,.filter-panel:has(#ticket-owner) {grid-template-columns:1fr;padding:18px;gap:7px}.filter-panel label {margin-top:5px}.game-statistics {grid-template-columns:1fr;gap:20px}.game-stat-heading {min-height:125px}.game-stat h3 {font-size:23px}.game-stat dl {padding:18px 22px}.game-stat dl>div {font-size:11px}.ticket-row {padding:18px;gap:16px;align-items:flex-start}.ticket-row strong {font-size:12px}.ticket-row small {font-size:8px}.ticket-row small.ticket-reference {font-size:7px}.ticket-row-meta {max-width:40%;gap:8px}.ticket-row-meta small {font-size:7px}.ticket-badge {font-size:7px;padding:4px 6px;white-space:normal;text-align:center}.priority-high {font-size:7px}.ticket-detail {padding:20px}.ticket-detail-bar {gap:10px;margin-bottom:18px}.ticket-detail-bar .subtle {font-size:8px}.ticket-detail h3 {font-size:23px}.message {padding:17px}.message header {font-size:9px;flex-direction:column;gap:6px}.message header strong {font-size:9px}.message p {font-size:11px}.form-two {grid-template-columns:1fr;gap:4px}.security-intro {align-items:start;gap:15px}.security-intro h3 {font-size:19px}.security-intro .section-symbol {width:36px;height:36px}.security-intro .section-symbol .icon {width:21px;height:21px}.session-row {gap:15px}.session-row strong {font-size:11px}.session-row small {font-size:8px}.current-session {font-size:7px;padding:4px 6px}.setting-toggle strong {font-size:11px}.setting-toggle small {font-size:9px}.editor-entry {padding:20px;flex-direction:column;align-items:stretch;gap:20px}.editor-actions {flex-direction:row;justify-content:space-between;gap:15px}.editor-entry h3 {font-size:18px}.audit-row {gap:14px;align-items:start}.audit-row strong {font-size:10px}.audit-row small {font-size:8px}.audit-row time {font-size:8px;max-width:80px;text-align:right}.worlds-intro h1 {font-size:35px}.worlds-intro>.wrap>p:not(.eyebrow) {font-size:12px}.world-filters {gap:6px}.world-filters button {font-size:10px;padding:8px 11px}.guide-image {min-height:235px}.guide-content {padding:25px}.guide-content h2 {font-size:32px}.guide-content h3 {font-size:16px}.guide-content .form-actions {align-items:flex-start;flex-direction:column;gap:18px}
}
@media(max-width:350px) {.wrap {padding-inline:16px}.brand {font-size:20px}.brand small {font-size:5px}.feature-copy h1 {font-size:38px}.join-ribbon {margin-inline:16px}.account-cards {grid-template-columns:1fr 1fr}.stat-card:last-child {grid-column:1/-1}.profile-banner>div:nth-child(2) {min-width:0;max-width:100%}.profile-banner h3 {font-size:20px}.content-heading {gap:10px}.content-heading h2 {font-size:22px}.feature-actions {align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*:before,*:after {transition:none!important;animation:none!important}}