:root {
  --bg: #0b1823;
  --ink: #edf3f7;
  --muted: #acbdc9;
  --accent: #8bd2f3;
  --line: #a4bfd326;
  --panel: #132736e8;
  --panel-radius: 18px;
  --glass-shadow: 0 10px 30px #0000001f;
  --glass-border: #bbd5e329;
  --glass-blur: blur(16px);
  color-scheme: dark;
}
body {
  font-size: 15px;
  line-height: 1.6;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea,
summary {
  -webkit-tap-highlight-color: transparent;
}
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.skip-link {
  position: fixed;
  top: -100px;
  left: 20px;
  z-index: 1100;
  padding: 10px 16px;
  border-radius: 8px;
  background: #edf3f7;
  color: #102332;
}
.skip-link:focus {
  top: 12px;
}
.aurora,
.embers,
.title-divider,
.hero-side {
  display: none;
}
.gradient {
  background: none;
  color: var(--accent);
  -webkit-text-fill-color: currentColor;
}
body > header {
  background: #132736e8;
  border-color: #d4e4ed33;
  border-radius: 20px;
  box-shadow: 0 8px 30px #0002;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
header nav a {
  font-size: 12px;
  letter-spacing: .25px;
  text-transform: none;
}
header nav a.active,
nav a.active {
  background: #8bd2f318;
  box-shadow: none;
  color: #d8f0fc;
}
.btn,
.staff-link {
  border-radius: 11px;
  min-height: 44px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  background: #a4cce210;
  border: 1px solid #a4cce238;
  color: #e2edf4;
  box-shadow: none;
  text-shadow: none;
  transition: background-color .16s, border-color .16s;
}
.btn:after {
  display: none;
}
.btn:hover,
.btn.primary:hover,
.discord-btn:hover {
  transform: none;
  box-shadow: none;
  background: #acd9f024;
}
.btn.primary {
  background: #95d6f2;
  color: #102637;
  border-color: #95d6f2;
  box-shadow: none;
  text-shadow: none;
}
.btn.primary:hover {
  background: #b5e5fa;
}
.discord-btn {
  background: #233e54;
  color: #e2edf4;
  border-color: #a4cce238;
}
.btn.danger {
  color: #ffced2;
  background: #ed8c9710;
  border-color: #ed8c9740;
}
.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
}
.glass,
.card,
.feature-card,
.rule-section,
.rule-nav,
.dashboard-panel,
.dashboard-stat,
.staff-sidebar,
.dashboard-welcome,
.upload-panel,
.settings-save,
dialog,
.discord-banner,
.admin-section,
.application {
  background-color: var(--panel);
  background-image: none;
  border-color: var(--line);
  border-radius: var(--panel-radius);
  box-shadow: 0 8px 24px #00000018;
}
.hero-logo,
.floating-rune,
.feature-number,
.tf-cup,
.demo-cursor,
.emblem-orbit,
.hero-scroll i {
  animation: none;
}
.scene-image {
  animation: none;
  transform: none;
  transition: none;
}
.feature-card,
.card {
  transform: none;
  transition: border-color .16s;
}
.feature-card:hover,
.card:hover {
  transform: none;
  border-color: #92c6e05c;
  box-shadow: 0 8px 24px #00000018;
}
.cinematic {
  min-height: 690px;
}
.hero-center > p {
  font-size: 16px;
  max-width: 520px;
}
.hero-buttons .btn {
  border-radius: 13px;
}
.hero-buttons .btn small {
  font-size: 12px;
  opacity: .85;
}
.hero-scroll {
  font-size: 10px;
  letter-spacing: 1px;
}
.eyebrow {
  font-size: 11px;
  letter-spacing: 1.4px;
  color: #a2c8dc;
}
.section-title {
  text-align: left;
  max-width: none;
  margin-bottom: 28px;
}
.section-title h2,
.section-head h2 {
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -.5px;
  line-height: 1.25;
}
.section-title > p,
.section-head p {
  font-size: 15px;
  max-width: 580px;
}
.community-strip {
  padding: 22px 0;
  margin-bottom: 56px;
}
.strip-icon {
  display: none;
}
.community-strip > div {
  justify-content: flex-start;
  padding-left: 24px;
}
.community-strip > div:first-child {
  padding-left: 0;
}
.community-strip > div > span:last-child {
  font-size: 11px;
  letter-spacing: .6px;
}
.community-strip b {
  font-size: 14px;
  line-height: 1.7;
}
.feature-grid {
  grid-template-columns: 1.15fr 1fr;
}
.feature-art {
  opacity: .7;
}
.feature-copy h3 {
  font-size: 25px;
  line-height: 1.3;
}
.feature-copy p {
  font-size: 14px;
  line-height: 1.75;
}
.feature-link {
  font-size: 12px;
}










.requirement-group {
  border-radius: 12px;
  background: #102434e6;
  box-shadow: none;
}
.requirement-group li {
  color: #c6d7e2;
  font-size: 14px;
}
.card h3 {
  font-size: 25px;
}
.card-icon {
  width: 44px;
  height: 44px;
  font-size: 23px;
  border-radius: 12px;
  box-shadow: none;
  transform: none;
}
.journey-card {
  background: none;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  padding: 24px 0;
}
.journey-card h3 {
  font-size: 15px;
}
.journey-card p {
  font-size: 14px;
  line-height: 1.7;
}
.discord-banner {
  background: #142b3b;
  padding: 30px;
}
.discord-banner h2 {
  font-size: clamp(24px, 3vw, 32px);
}
.discord-banner > .discord-mark {
  display: none;
}
.tiny,
.muted,
.rule-point span {
  color: var(--muted);
}
.tiny {
  font-size: 12px;
  line-height: 1.7;
}
label,
.birthdate-field legend {
  font-size: 14px;
}
input,
select,
textarea {
  border-radius: 10px;
  background: #091b29;
  border-color: #a4bfd344;
}
.error {
  line-height: 1.7;
}
.staff-nav button {
  font-size: 13px;
  min-height: 44px;
}
.staff-nav .nav-symbol {
  opacity: .7;
}
.staff-identity small,
.dashboard-topbar,
.dashboard-date {
  font-size: 12px;
}
.dashboard-welcome {
  background: #183347;
}
.dashboard-welcome p,
.dashboard-panel p {
  font-size: 14px;
}
.dashboard-welcome h2 {
  font-size: clamp(24px, 3vw, 33px);
}
.welcome-emblem,
.welcome-pill,
.workspace-symbol {
  display: none;
}
.dashboard-panel h2 {
  font-size: 20px;
}
.tf-cup {
  filter: none;
}
.tf-cup:before,
.tf-podium-base i {
  display: none;
}
.tf-medal,
.tf-history-match {
  border-radius: 16px;
  box-shadow: none;
}
.tf-medal:hover {
  transform: none;
  box-shadow: none;
}
.tf-history-info time,
.tf-history-footer,
.tf-history-totals {
  font-size: 12px;
}
.tf-history-player > strong,
.tf-history-player > span:last-child {
  font-size: 13px;
}
.tf-history-outcome {
  font-size: 12px;
}
.tf-history-match > summary {
  padding: 22px;
}
.reveal {
  transition-duration: .25s;
  transition-delay: 0s !important;
}
@media (max-width: 900px) {
  .feature-grid {
    grid-template-columns: 1fr;
  }
  body > header > nav > a {
    font-size: 15px;
  }
  .cinematic {
    min-height: 720px;
  }
  .community-strip > div {
    padding-left: 14px;
  }
  .hero-center > p {
    font-size: 15px;
  }
  .section-title {
    margin-bottom: 24px;
  }
}
@media (max-width: 540px) {
  .cinematic {
    min-height: max(700px, 90svh);
  }
  
  
  
  .community-strip > div,
  .community-strip > div:first-child {
    padding: 18px 0;
  }
  .discord-banner {
    padding: 24px;
  }
  .tf-history-info {
    flex-wrap: wrap;
  }
}

.particle-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:.68}
.particle-canvas[hidden]{display:none}
body.staff-mode .particle-canvas{opacity:.28}
@media(prefers-reduced-motion:no-preference){
 .hero-logo{animation:logo-float 5s ease-in-out infinite}
 .floating-rune{animation:rune-float 5s ease-in-out infinite}
 .hero-scroll i{animation:scroll-bounce 2s ease-in-out infinite}
 .tf-cup{animation:tf-cup-float 6s ease-in-out infinite}
 .scene-image{animation:panorama-arrive 1.6s ease both}
 .feature-card,.card{transition:transform .25s ease,border-color .2s ease}
 .feature-card:hover,.card:hover{transform:translateY(-3px)}
}

.recruit-section .apply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-top:0}
@media(max-width:650px){.recruit-section .apply-grid{grid-template-columns:minmax(0,1fr)}}

/* The account name must shrink inside the sidebar, never widen its scroll area. */
.staff-sidebar{min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
.staff-sidebar .sidebar-bottom,.staff-sidebar .staff-nav{min-width:0;max-width:100%;box-sizing:border-box}
.staff-nav button{min-width:0;width:100%;box-sizing:border-box;white-space:normal}
.staff-nav button>span:not(.nav-symbol){min-width:0;overflow-wrap:anywhere;line-height:1.4}
.staff-nav .nav-symbol,.staff-nav button>b{flex-shrink:0}
.staff-identity{display:grid;grid-template-columns:37px minmax(0,1fr) 32px;gap:8px;min-width:0;width:100%;box-sizing:border-box}
.staff-identity>div{min-width:0;max-width:100%}
.staff-identity b,.staff-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.staff-identity button{width:32px;min-width:32px;max-width:32px;margin-left:0;justify-self:end}
@media(max-width:760px){
 .staff-sidebar{overflow-y:visible}
 .staff-sidebar .sidebar-bottom{width:min(210px,calc(100vw - 165px));max-width:min(210px,calc(100vw - 165px))}
 .staff-identity{grid-template-columns:29px minmax(0,1fr) 32px}
 .staff-identity>div{display:block}
}
/* Keep the Staff navigation scrollable between the brand and account controls. */
body.staff-mode .staff-sidebar{position:sticky;top:24px;height:calc(100svh - 48px);min-height:0;box-sizing:border-box;overflow:clip}
body.staff-mode .staff-sidebar > :not(.staff-nav){flex-shrink:0}
body.staff-mode .staff-nav{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#547c93 transparent;flex-wrap:nowrap}
body.staff-mode .staff-nav > *{flex-shrink:0}
body.staff-mode .staff-nav:focus-visible{outline:2px solid #8edfff;outline-offset:-2px}
body.staff-mode .workspace-label>div{min-width:0;overflow-wrap:anywhere}
body.staff-mode .staff-identity b,body.staff-mode .staff-identity small{display:block}
@media(max-width:760px){
 body.staff-mode .staff-sidebar{position:relative;top:0;height:auto}
 body.staff-mode .staff-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px;max-height:min(40svh,320px)}
 body.staff-mode .staff-nav button{width:100%;min-width:0;white-space:normal;text-align:left}
}
@media(max-width:380px){
 body.staff-mode .sidebar-bottom{position:static;width:100%;max-width:100%;margin-top:12px}
 body.staff-mode .staff-identity{grid-template-columns:29px minmax(0,1fr) 32px}
}
[data-site-clock]{font-variant-numeric:tabular-nums;white-space:nowrap}
.dashboard-date [data-site-date]{font-size:inherit;color:inherit;margin:0}
.dashboard-date [data-site-clock]{display:block;margin-top:5px;font-size:20px;color:#c7ebff;letter-spacing:.04em}
.site-clock-label{display:inline-block;margin-left:12px;color:#afcadb}
@media(max-width:540px){.site-clock-label{display:block;margin:6px 0 0}}
.dashboard-date-line{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.dashboard-date .dashboard-date-line [data-site-clock]{display:inline;margin:0;font-size:inherit;letter-spacing:0}
.dashboard-date .dashboard-date-line [data-site-date]{display:inline;margin:0}
.dashboard-date .dashboard-date-line{font-size:18px;font-weight:600;line-height:1.5}
@media(max-width:540px){.dashboard-date .dashboard-date-line{font-size:16px}}
.login-password-field{position:relative}
.login-password-field input{padding-right:90px;box-sizing:border-box;width:100%}
.login-password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-height:36px;padding:6px 10px;border:1px solid #c0e4ff30;border-radius:10px;background:#a6dfff12;color:#c9edff;cursor:pointer;font:inherit;font-size:12px}
.login-password-field button:focus-visible{outline:2px solid #a2ddfc;outline-offset:2px}
.minecraft-avatar{width:100%;height:100%;border-radius:inherit;object-fit:cover;image-rendering:pixelated}
.minecraft-profile{max-width:700px;padding:28px}
.minecraft-profile h2{margin:12px 0 20px}.minecraft-profile p{line-height:1.7;color:#b7d3e3}
.minecraft-profile-avatar{width:96px;height:96px;border-radius:18px;image-rendering:pixelated}
.minecraft-profile code{display:block;padding:16px;border-radius:12px;background:#081f30;color:#a7e5ff;overflow-wrap:anywhere;user-select:all;font-size:18px}
.minecraft-profile .btn{margin:12px 8px 12px 0}
.home-credit{text-align:center;font-size:13px;color:#abc2d1;padding:24px 16px 10px;margin:0}
.credit-heart{color:#ef4444;font-size:17px;vertical-align:middle}
/* Reserve the actual width of all account actions instead of two buttons. */
.accounts-list{container-type:inline-size}
.accounts-list .account-row,.accounts-list .account-table-head{grid-template-columns:minmax(0,1fr) 90px 132px;column-gap:18px}
.accounts-list .account-actions{min-width:0;gap:6px;justify-content:flex-end}
.accounts-list .account-actions .icon-button{flex:0 0 28px;box-sizing:border-box}
.accounts-list .role-pill{justify-self:start;white-space:nowrap;max-width:100%;box-sizing:border-box}
.accounts-list .account-person>div{min-width:0;overflow-wrap:anywhere}
@container(max-width:480px){
 .accounts-list .account-table-head{display:none}
 .accounts-list .account-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .accounts-list .account-actions{grid-column:1 / -1;justify-content:flex-end;width:100%}
}
.security-secret{display:block;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all;padding:16px;border:1px solid #a7dcff35;border-radius:14px;background:#061c2c;color:#d3efff;font-size:14px;line-height:1.8}
.security-settings{max-width:620px}.security-settings p,.account-page p{line-height:1.7}
.account-page{padding:28px;max-width:760px;margin:30px auto}.account-page h1{font-size:30px}
[data-turnstile-action]{margin:16px 0;min-height:0;max-width:100%}
.accounts-list .account-row,.accounts-list .account-table-head{grid-template-columns:minmax(0,1fr) 90px 172px}
@container(max-width:520px){.accounts-list .account-table-head{display:none}.accounts-list .account-row{grid-template-columns:minmax(0,1fr) auto}.accounts-list .account-actions{grid-column:1 / -1}}
.user-avatar{width:88px;height:88px;border-radius:24px;object-fit:cover;flex-shrink:0}
.user-avatar-placeholder{display:grid;place-items:center;background:#9bdaff18;font-size:36px}
.profile-stats{display:grid;gap:14px}
.profile-stats>div{padding:18px;border:1px solid #b5dfff22;border-radius:18px}
.profile-stats strong,.profile-stats span{display:block}
.profile-stats strong{font-size:22px}
.profile-stats span{font-size:12px;color:#b9ccda;margin-top:8px}
.profile-application{padding:14px 0;border-bottom:1px solid #b4dbff1a}
.profile-application small{display:block;margin-top:6px}
@media(max-width:540px){.user-avatar{width:64px;height:64px}}
.application-account-notice{padding:22px 24px;margin:0 0 26px;border-color:#95daff55}.application-account-notice h2{font-size:20px;margin:0 0 8px}.application-account-notice p{color:#bfd2df;line-height:1.6}.application-account-notice .btn{margin-top:10px}
.apply-account-required{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:flex-end}.apply-account-required p{flex-basis:100%;font-size:12px;color:#b9d5e6;margin:0;text-align:right}.apply-account-required button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}

#home-latest-news[hidden]{display:none}#home-latest-news{margin:56px auto 24px}#home-latest-news>.section-head{margin-bottom:22px}#home-latest-news .news-card{width:100%;text-align:left}#home-latest-news .news-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}#home-latest-news .news-cover{height:260px}#home-latest-news .news-copy{align-self:center}#home-latest-news h3{overflow-wrap:anywhere}.site-footer-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 16px}.site-footer-meta .site-clock-label{display:inline-flex;gap:5px;margin:0}.site-footer-credit{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#afcadb}@media(max-width:700px){#home-latest-news .news-featured{grid-template-columns:minmax(0,1fr)}#home-latest-news .news-cover{height:190px}.site-footer-meta{justify-content:center;text-align:center}}

/* Local Minecraft menu illustration and small Technoblade tribute. */
@font-face{font-family:AstraPixel;src:url('/fonts/PressStart2P-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.mc-main-menu{container-type:inline-size;padding:25px 18px 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:325px}
.mc-main-menu .demo-landscape{filter:blur(2px) saturate(.8);background:linear-gradient(#0002,#0005),var(--site-scene,url(/hero-v2.webp)) center/cover}
.mc-main-menu .demo-minecraft{position:relative;flex-shrink:0;width:100%;margin:8px 0 32px;transform:none;line-height:1.2}
.mc-logo-word{display:block;font-family:AstraPixel,monospace;font-size:clamp(21px,6.4cqw,38px);letter-spacing:-1.5px;transform:scaleY(1.35);color:#d5d5d5;text-shadow:0 2px #777,0 4px #555,0 6px #333,2px 8px #151515,-2px 0 #151515,2px 0 #151515}
.mc-main-menu .demo-minecraft small{font-family:AstraPixel,monospace;font-size:clamp(6px,1.7cqw,9px);letter-spacing:2px;margin-top:13px;color:#e9e9e9}
.mc-tribute{position:absolute;right:0;top:38px;z-index:2;white-space:nowrap;font-family:AstraPixel,monospace;font-size:clamp(6px,1.9cqw,10px);letter-spacing:-.4px;color:#ffff55;text-shadow:1px 2px #3f3f00;transform:rotate(-15deg);transform-origin:center;pointer-events:none}
.mc-main-menu .demo-menu{width:74%;max-width:300px;margin:0 auto;gap:5px;flex-shrink:0}
.mc-main-menu .demo-menu>span,.mc-menu-bottom>span{font-family:AstraPixel,monospace;font-size:clamp(6px,1.7cqw,9px);line-height:1.7;letter-spacing:-.3px;padding:6px 4px;color:#fff;background:repeating-linear-gradient(0deg,#ffffff04 0 2px,#00000004 2px 4px),#777;border:2px solid #141414;border-radius:0;box-shadow:inset 2px 2px #aaa,inset -2px -2px #444;text-shadow:1px 2px #383838;animation:none}
.mc-main-menu .demo-menu>span.demo-highlight{background:repeating-linear-gradient(0deg,#ffffff04 0 2px,#00000004 2px 4px),#888;border-color:#f4f4f4;box-shadow:inset 2px 2px #b8b8b8,inset -2px -2px #555;color:#ffffa0;animation:none}
.mc-main-menu .demo-cursor{top:7px;right:8px;font-size:11px;line-height:1}
.mc-menu-bottom{width:74%;max-width:300px;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:13px auto 0;flex-shrink:0;text-align:center}
.mc-screen-footer{position:absolute;bottom:9px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;font:6px AstraPixel,monospace;color:#eee;text-shadow:1px 1px #222}
.bedrock-demo .mc-main-menu .demo-menu>span{background:#d5d5d5;color:#222;text-shadow:none;box-shadow:inset 0 -3px #888;border-color:#222;line-height:2.2}
.bedrock-demo .mc-main-menu .demo-menu>span.demo-highlight{background:#4b922e;color:#fff;box-shadow:inset 0 -3px #285b17;text-shadow:1px 1px #294b1c}
@media(prefers-reduced-motion:no-preference){.mc-tribute{animation:mc-tribute-pulse 1.6s ease-in-out infinite}@keyframes mc-tribute-pulse{0%,100%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(-15deg) scale(1.045)}}}
@media(max-width:540px){.mc-main-menu{height:305px;padding-top:24px}.mc-main-menu .demo-minecraft{margin-bottom:34px}.mc-tribute{top:32px;right:0}.mc-screen-footer{font-size:5px}.mc-menu-bottom{width:84%}.mc-main-menu .demo-menu{width:84%}}

/* Official Minecraft wordmark and Nether screenshot, local preview only. */
.mc-main-menu .mc-logo-word{display:block;width:min(86%,320px);height:auto;margin:0 auto;transform:none;filter:drop-shadow(0 3px 1px #0007)}
.mc-main-menu .demo-landscape{background:linear-gradient(#050b1020,#050b1065),url('/minecraft/trial-chambers.jpg') center/cover;filter:blur(1px) saturate(.9)}
.mc-main-menu .mc-tribute{top:42px}
@media(max-width:540px){.mc-main-menu .mc-tribute{top:35px}}

/* Original 1.21.8 panorama for Add Server and Multiplayer, local-only revision. */
.demo-world-screen{container-type:size;--mc-cube-size:max(100cqw,100cqh);background:#263e49}
.mc-world-panorama{position:absolute;inset:0;z-index:-1;overflow:hidden;perspective:calc(var(--mc-cube-size)/2);filter:blur(1.5px);pointer-events:none}
.mc-world-panorama:after{content:"";position:absolute;inset:0;background:#06101665}
.mc-world-cube{position:absolute;left:50%;top:50%;width:var(--mc-cube-size);height:var(--mc-cube-size);margin-left:calc(var(--mc-cube-size)/-2);margin-top:calc(var(--mc-cube-size)/-2);transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(25deg)}
.mc-world-face{position:absolute;inset:-.5px;background-size:100% 100%;background-repeat:no-repeat;backface-visibility:visible}
.mc-world-face-0{background-image:url('/minecraft/panorama-1.21.8/panorama_0.png');transform:translateZ(calc(var(--mc-cube-size)/-2))}
.mc-world-face-1{background-image:url('/minecraft/panorama-1.21.8/panorama_1.png');transform:rotateY(-90deg) translateZ(calc(var(--mc-cube-size)/-2))}
.mc-world-face-2{background-image:url('/minecraft/panorama-1.21.8/panorama_2.png');transform:rotateY(180deg) translateZ(calc(var(--mc-cube-size)/-2))}
.mc-world-face-3{background-image:url('/minecraft/panorama-1.21.8/panorama_3.png');transform:rotateY(90deg) translateZ(calc(var(--mc-cube-size)/-2))}
.mc-world-face-4{background-image:url('/minecraft/panorama-1.21.8/panorama_4.png');transform:rotateX(-90deg) translateZ(calc(var(--mc-cube-size)/-2))}
.mc-world-face-5{background-image:url('/minecraft/panorama-1.21.8/panorama_5.png');transform:rotateX(90deg) translateZ(calc(var(--mc-cube-size)/-2))}
.demo-world-screen .demo-form,.demo-world-screen .demo-server-list{position:relative;z-index:1}.demo-world-screen .demo-form label{color:#eee;text-shadow:1px 1px #111}
.demo-world-screen .demo-input{box-sizing:border-box;height:33px;padding:6px 9px;line-height:17px;background:#080808b8;letter-spacing:0;word-spacing:0;text-align:left}
.demo-world-screen .demo-typing{display:flex;align-items:center;gap:0;justify-content:flex-start}.demo-world-screen .demo-ip-text{flex:0 0 auto;letter-spacing:0;word-spacing:0;line-height:17px;white-space:nowrap}.demo-world-screen .demo-typing>i{flex:0 0 1px;margin:0 0 0 1px;padding:0}
@media(prefers-reduced-motion:no-preference){.demo-world-screen:not([hidden]) .mc-world-cube{animation:mc-world-rotation 160s linear infinite}@keyframes mc-world-rotation{from{transform:rotateX(-8deg) rotateY(25deg)}to{transform:rotateX(-8deg) rotateY(385deg)}}}

/* Java multiplayer layout matching the supplied game reference. */
#join-panel-2:has(.mc-multiplayer){padding:0;display:flex;flex-direction:column}#join-panel-2[hidden]{display:none}
.mc-multiplayer{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0;font-family:AstraPixel,monospace;font-size:clamp(5px,1.55cqw,8px);color:#eee;text-shadow:1px 1px #333;line-height:1.65}
.mc-multiplayer>h3{flex:0 0 auto;margin:0;padding:12px 8px 9px;text-align:center;font:inherit;font-size:clamp(7px,2cqw,11px);font-weight:400;border-bottom:1px solid #bbb5;background:#0004}
.mc-multiplayer-body{flex:1;min-height:0;background:#0005;padding:8px 12px}
.mc-server-entry{display:flex;gap:7px;align-items:flex-start;max-width:380px;width:94%;margin:0 auto;padding:2px 0;text-shadow:1px 1px #161616}
.mc-server-logo{width:32px;height:32px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}.mc-server-description{min-width:0;flex:1}.mc-server-description>span,.mc-server-description>strong{display:block;white-space:nowrap}.mc-server-description>strong{font:inherit;font-weight:400;color:#55ffff}.mc-server-description small{font:inherit;color:#aaa}.mc-server-description>.mc-server-motd{color:#55ffff;font-size:clamp(5px,1.35cqw,7px)}
.mc-server-connection{display:flex;align-items:center;gap:6px;color:#aaa;font-size:clamp(5px,1.3cqw,7px);white-space:nowrap}.mc-server-connection img{image-rendering:pixelated;width:12px;height:10px}
.mc-lan-search{text-align:center;margin:18px auto 0;display:grid;gap:3px;font-size:clamp(5px,1.45cqw,8px)}.mc-lan-dots{letter-spacing:4px;color:#aaa}
.mc-multiplayer-controls{border-top:1px solid #bbb5;padding:8px 12px 10px;background:#0004}.mc-primary-controls,.mc-secondary-controls{display:grid;gap:4px;max-width:380px;margin:0 auto}.mc-primary-controls{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:4px}.mc-secondary-controls{grid-template-columns:repeat(4,minmax(0,1fr))}
.mc-vanilla-button{display:grid;place-items:center;min-width:0;height:22px;padding:0 2px;box-sizing:border-box;border:2px solid transparent;border-image:url('/minecraft/gui-1.21.8/button.png') 2 fill stretch;color:#fff;font-size:clamp(4px,1.25cqw,7px);line-height:1.1;text-align:center;white-space:nowrap;image-rendering:pixelated;text-shadow:1px 1px #333}.mc-vanilla-disabled{border-image-source:url('/minecraft/gui-1.21.8/button_disabled.png');color:#a0a0a0}
@media(prefers-reduced-motion:no-preference){.mc-lan-dots{animation:mc-lan-scan 1.5s steps(3,end) infinite}@keyframes mc-lan-scan{0%,100%{opacity:.35}50%{opacity:1}}}
@media(max-width:540px){.mc-server-logo{width:26px;height:26px}.mc-server-entry{gap:5px;width:100%}.mc-multiplayer-body{padding:8px}.mc-multiplayer-controls{padding:8px}.mc-vanilla-button{height:23px}.mc-lan-search{font-size:5px}}

.account-hub{width:min(1080px,100%);margin:32px auto;display:grid;gap:20px}
.account-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#346780 0%,#172f42 52%,#122333 100%)}
.account-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.account-hero:has(.account-cover)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071725f5,#0b203080 80%)}
.account-identity{min-height:220px;display:flex;gap:20px;align-items:flex-end;padding:clamp(20px,4vw,36px)}
.account-identity .user-avatar{border:2px solid #a9dfff70;background-color:#132f43}
.account-identity>div{flex:1;min-width:0}
.account-identity h1{font-size:clamp(28px,5vw,48px);line-height:1.06;margin:8px 0;overflow-wrap:anywhere}
.account-identity p{margin:0;color:#d5e6f2;white-space:pre-wrap;overflow-wrap:anywhere}
.account-identity>.btn{flex-shrink:0}
.account-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.account-stats>div{background:#132839}
.account-stats strong{color:#c7ecff}
.account-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px}
.account-aside{display:grid;gap:20px;min-width:0}
.account-card,.account-aside>.minecraft-profile{padding:clamp(18px,3vw,28px);min-width:0}
.account-card h2,.account-aside>.minecraft-profile h2{margin:6px 0 16px}
.account-uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.account-uploads>div{min-width:0;padding:12px;border:1px solid #b5dfff22;border-radius:12px;background:#091d2b66}
.account-uploads input[type=file]{width:100%;min-width:0}
.account-uploads input[type=file]::file-selector-button{border:1px solid #a9dfff50;border-radius:6px;background:#1d4056;color:#eaf7ff;padding:5px 8px;margin-right:6px;cursor:pointer}
.account-actions{display:flex;flex-wrap:wrap;gap:10px}
.account-empty{margin:0;padding:14px 16px;border-radius:12px;background:#091d2b66;color:#bed5e5}
.account-danger{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:#e88c9650}
.account-danger h2{margin:0 0 6px;font-size:20px}
.account-danger p{margin:0;color:#bed5e5}
@media(max-width:800px){
 .account-columns{grid-template-columns:minmax(0,1fr)}
 .account-identity{align-items:flex-start;flex-wrap:wrap;align-content:flex-end}
}
@media(max-width:540px){
 .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .account-uploads{grid-template-columns:minmax(0,1fr)}
}

body.staff-mode .overview-columns{padding-bottom:24px}

.security-qr{display:block;width:min(224px,100%);height:auto;aspect-ratio:1;margin:16px auto;border-radius:8px;background:white;image-rendering:pixelated}