@font-face{font-family:Minecraft;src:url('assets/Monocraft.otf') format('opentype');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--ink:#171717;--panel:#313233;--accent:#7505ed;--muted:#bababb}*{box-sizing:border-box}html{min-height:100%;background:#15141b}body{margin:0;color:#f7f7f7;font-family:Minecraft,monospace;font-size:14px;line-height:1.6}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}button{border-radius:0}h1,h2,h3,p{margin:0}h2,h3{font-weight:400}h2{font-size:23px;line-height:1.4}h3{font-size:17px}p{color:#cececf}button{color:inherit}[hidden]{display:none!important}.world{position:fixed;inset:-30px;z-index:-1;background:linear-gradient(#17121b60,#111019a8),url('assets/social-banner.webp') center/cover;filter:blur(7px);transform:scale(1.06)}.topbar{height:62px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;background:#171719df;border-bottom:3px solid #0c0c0d;box-shadow:0 2px #ffffff14;font-size:12px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:29px;height:29px;image-rendering:pixelated}.edition{color:#9b989f;font-size:10px;letter-spacing:2px}.masthead{position:relative;text-align:center;max-width:770px;margin:31px auto 28px;padding:0 20px}.masthead h1{font-size:clamp(38px,6vw,72px);line-height:1.3;letter-spacing:3px;color:#dedee1;text-shadow:0 3px #777,0 6px #555,0 9px #1b1b1b,4px 10px #111,-3px 0 #111,3px 0 #111}.masthead p{font-size:11px;letter-spacing:3px;margin-top:13px;color:#e1dbe6}.splash{position:absolute;right:-5px;top:61px;transform:rotate(-10deg);font-size:14px;color:#ffff55;text-shadow:2px 2px #3e3e14}.game-window{max-width:1120px;margin:0 auto;border:3px solid #101011;background:var(--panel);box-shadow:0 4px #0008,0 12px 35px #0006}.window-title{height:43px;background:#e0e0e0;color:#242424;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:inset 0 3px #fff,inset 0 -3px #8a8b8d;font-size:17px}.beta-label{background:#525238;color:#f4f4b8;font-size:10px;padding:2px 9px;border:2px solid #323224}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#202122;padding:10px 12px 0;border-bottom:3px solid #111}.tab{background:#47484a;padding:13px;text-align:center;border:2px solid #121313;border-bottom:0;box-shadow:inset 0 3px #ffffff1f,inset 0 -4px #0004;color:#d4d4d4}.tab:hover{background:#58595b}.tab.active{background:#353637;color:white;position:relative;box-shadow:inset 0 4px var(--accent)}.tab.active:after{content:'';position:absolute;height:3px;background:#353637;bottom:-3px;left:0;right:0}.screen{display:grid;grid-template-columns:290px 1fr;min-height:520px}.sidebar{border-right:3px solid #191a1b;padding:23px 14px 18px;background:#272829;display:flex;flex-direction:column}.label{font-size:10px;letter-spacing:1px;color:#b6b6b9}.sidebar>.label{padding:0 8px;margin-bottom:14px}.mode-list{display:grid;gap:8px}.mode{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#444547;border:2px solid #161617;padding:14px 10px;box-shadow:inset 0 2px #ffffff20,inset 0 -3px #0004;font-size:13px}.mode:hover{background:#565759}.mode.selected{background:#5311a2;outline:2px solid #c38aff;outline-offset:-2px;box-shadow:inset 0 3px #9941f5,inset 0 -4px #35029c}.mode small{display:block;color:#c5c5c6;font-size:9px;margin-top:4px}.mode.selected small{color:#e1c7ff}.arrow{margin-left:auto;font-size:25px;line-height:1}.item{width:33px;height:34px;display:grid;place-items:center;font-size:28px;text-shadow:3px 3px #0007;flex-shrink:0}.portal{color:#cb84ff}.sword{color:#79e6e6}.block{color:#b080f5}.sapling{color:#e4aeff}.sidebar-bottom{margin-top:auto;padding:30px 9px 0}.sidebar-bottom p{font-size:19px;line-height:1.5;margin:9px 0 17px}.version{font-size:10px;background:#1b1c1d;border:2px solid #414243;padding:6px 9px;color:#aaa}.main-panel{padding:20px;min-width:0}.server-art{position:relative;height:222px;border:3px solid #151516;box-shadow:0 2px #ffffff16;overflow:hidden;background:#17141c}.server-art img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.image-badge{position:absolute;left:10px;top:10px;background:#161317bf;padding:5px 9px;font-size:9px;color:#ddd;border:1px solid #ffffff25}.mode-info{padding:20px 0 18px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{font-size:9px;line-height:1.5;background:#5b435f;border:1px solid #9f74aa;color:#f5d7fd;padding:4px 7px;white-space:nowrap}.tag.core{background:#321a48;border-color:#8344bd;color:#dcb5ff}.mode-info>p{font-size:12px;margin:11px 0 14px;min-height:39px;line-height:1.75}.traits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.traits span{font-size:9px;color:#bbb;background:#242526;padding:3px 7px;border-left:2px solid #777}.play-row{display:grid;grid-template-columns:1fr 190px;gap:10px}.button{display:flex;align-items:center;justify-content:center;gap:13px;text-align:center;background:#d3d3d3;color:#202020;border:2px solid #111;box-shadow:inset 0 3px #f4f4f4,inset 0 -5px #888,0 2px #111;min-height:48px;padding:10px 16px 14px;font-size:14px;transition:background .1s}.button:hover{background:#f0f0f0;outline:2px solid white;outline-offset:-4px}.button:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,inset 0 -2px #0004}.button.primary{background:#7505ed;color:#ffffff;box-shadow:inset 0 3px #a84dff,inset 0 -5px #35029c,0 2px #111}.button.primary:hover{background:#8c24fb}.notice{display:flex;align-items:center;gap:13px;background:#252525;border:2px solid #181818;border-left:3px solid #dfb454;padding:12px}.notice p{font-size:9px;line-height:1.8;flex:1}.notice strong{color:#edcb79;font-weight:400}.notice-icon{flex-shrink:0;color:#edcb79;font-size:22px}.notice a{font-size:9px;color:#edcb79;white-space:nowrap}.window-bottom{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;background:#202122;border-top:2px solid #111;box-shadow:inset 0 2px #ffffff09;font-size:10px;color:#bcbcbc}.tiny-block{display:inline-block;width:8px;height:8px;background:#b186da;margin-right:7px}.muted{color:#555}footer{max-width:1120px;margin:20px auto 25px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#bcb6c1;font-size:10px;text-shadow:2px 2px #111}footer div{display:flex;gap:25px}footer a:hover{color:white;text-decoration:underline}footer small{font-size:8px;width:100%;opacity:.7}.page-screen{padding:30px;min-height:520px}.page-heading{max-width:820px;margin-bottom:24px}.page-heading h2{margin:8px 0 10px}.page-heading p,.community-layout p{font-size:12px}.join-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.steps{margin:0;padding:0;list-style:none;display:grid;gap:15px}.steps li{display:flex;gap:18px;align-items:center;background:#272829;padding:16px;border:2px solid #171718;box-shadow:inset 0 2px #ffffff0b}.steps b{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#5311a2;border:2px solid #9941f5;font-size:20px;font-weight:400}.steps p{font-size:11px;margin-top:5px}.steps h3{font-size:14px}.connect-box{background:#222324;border:2px solid #111;padding:18px;display:flex;align-items:stretch;flex-direction:column;text-align:center}.connect-box img{object-fit:contain;height:100px;margin:0 auto 10px}.connect-box label,.connect-box p{font-size:10px}.connect-box input{margin:8px 0 12px;width:100%;text-align:center;background:#111;color:white;border:2px solid #777;padding:10px}.connect-box p{margin-top:12px}.text-button{border:0;background:none;color:#c796ff;text-decoration:underline;font-size:11px;padding:7px}.faq{margin-top:28px}.faq h3{margin-bottom:12px}details{border:2px solid #191919;background:#292a2b;margin-bottom:8px}summary{cursor:pointer;padding:12px 15px;font-size:12px}details p{font-size:12px;padding:0 15px 15px}.owners{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.owners article{background:#242525;border:2px solid #151515;padding:20px;text-align:center}.owners h3{margin:10px 0 5px}.owners p{font-size:11px}.owner-art{height:130px;display:grid;place-items:center;background:repeating-conic-gradient(#ffffff03 0 25%,transparent 0 50%) 0/24px 24px;margin-bottom:16px}.community-layout{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:center;margin-bottom:28px}.community-layout img{width:100%;height:auto;border:3px solid #18131b}.community-layout h2{margin:10px 0 15px}.community-layout .button{margin-top:25px;max-width:360px}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.toast{position:fixed;right:22px;bottom:22px;z-index:10;display:flex;align-items:center;gap:16px;background:#262626;border:3px solid #070707;box-shadow:inset 0 0 0 2px #777,0 6px #0007;padding:16px 22px;max-width:calc(100% - 44px)}.toast>span{color:#c796ff;font-size:30px}.toast strong{color:#ffff55;font-size:12px;font-weight:400}.toast p{font-size:10px;margin-top:4px}.skip{position:absolute;top:-100px;left:10px;background:#111;padding:10px;z-index:20}.skip:focus{top:10px}
@media(min-width:1500px){.masthead{margin-top:45px;margin-bottom:38px}.screen{min-height:550px}.server-art{height:250px}}
@media(max-width:1180px){.game-window,footer{margin-left:24px;margin-right:24px}.splash{right:25px}.edition{display:none}}
@media(max-width:900px){.topbar{padding:0 16px;height:52px}.masthead{margin:24px auto 28px}.masthead h1{font-size:clamp(28px,8vw,52px);letter-spacing:1px}.masthead p{font-size:8px;letter-spacing:1px;margin-top:18px}.splash{font-size:10px;top:43px;right:14px}.game-window,footer{margin-left:12px;margin-right:12px}.window-title{padding:0 12px}.tabs{gap:3px;padding:8px 5px 0}.tab{font-size:10px;padding:13px 4px}.screen{grid-template-columns:1fr}.sidebar{padding:14px;border-right:0;border-bottom:3px solid #161616}.sidebar>.label{font-size:9px;margin-bottom:10px}.mode-list{grid-template-columns:1fr 1fr;gap:7px}.mode{padding:9px 7px;font-size:10px;gap:6px}.mode small{font-size:7px}.item{width:24px;font-size:23px}.arrow{display:none}.sidebar-bottom{display:none}.main-panel{padding:14px}.server-art{height:190px}.heading-row{align-items:flex-start;flex-wrap:wrap;gap:8px}.mode-info h2{font-size:20px}.mode-info>p{font-size:11px}.play-row{grid-template-columns:1fr 125px}.button{font-size:11px;padding-left:8px;padding-right:8px}.notice{gap:9px;flex-wrap:wrap}.notice a{margin-left:auto}.window-bottom{font-size:8px;padding:10px}.page-screen{padding:20px 14px}.join-grid{grid-template-columns:1fr;gap:18px}.page-heading h2{font-size:21px}.owners{gap:10px}.owners article{padding:12px 7px}.owners p{font-size:8px}.community-layout{grid-template-columns:1fr;gap:20px}.community-layout img{max-width:170px;margin:auto}.socials{grid-template-columns:1fr 1fr}footer{font-size:8px}footer div{gap:14px}footer small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Pitschonix palette: original #7505ed / #35029c / #a911fd. */
::selection{background:#7505ed;color:#fff}
.language-switch{display:flex;gap:3px;padding:3px;background:#141116;border:2px solid #080709}
.language-switch button{background:#39363f;color:#c7c1ce;border:0;box-shadow:inset 0 2px #ffffff20,inset 0 -3px #0005;padding:5px 10px;font-size:11px}
.language-switch button[aria-pressed="true"]{background:#7505ed;color:white;box-shadow:inset 0 2px #ab58ff,inset 0 -3px #35029c}
.language-switch button:hover{color:white;outline:1px solid #c38aff}
.world{background-image:linear-gradient(#150c2270,#100d18c9),url('assets/lobby.png');filter:blur(4px)}
.brand img{width:43px;height:43px;object-fit:contain}
.masthead{margin:20px auto 27px;max-width:790px}
.masthead h1{height:116px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wordmark{width:620px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 5px 0 #24192d)}
.masthead p{margin-top:0;color:#cac1d3}
.splash{top:87px;right:10px;font-size:12px}
.game-window{box-shadow:0 4px #08070b,0 18px 60px #0008;border-color:#100c15}
.tab.active{box-shadow:inset 0 4px #a911fd}
.mode.selected{background:#5311a2}
.sidebar-bottom p{font-size:17px}
.server-art{height:236px;background:#160f20}
.server-art .lobby-shot{object-position:center 57%;filter:brightness(1.2);transition:transform .4s}
.server-art:hover .lobby-shot{transform:scale(1.035)}
.server-art .hero-wordmark{position:absolute;inset:0;margin:auto;width:65%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 0 #100717);pointer-events:none}
.image-badge{border-color:#a36bd64d;background:#180e25d9;color:#e6d8f4}
.button.primary{color:#fff;text-shadow:2px 2px #35029c}
.traits span{border-color:#8751bb}
.owner-art{height:200px;position:relative;background:radial-gradient(ellipse at 50% 65%,#7505ed30,transparent 65%),repeating-conic-gradient(#ffffff03 0 25%,transparent 0 50%) 0/24px 24px;border-bottom:2px solid #4c325e}
.skin-head{width:160px;height:160px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 8px #0006);transition:transform .2s}
.owners article:hover .skin-head{transform:translateY(-5px)}
.owners article{box-shadow:inset 0 3px #5c3b77}
.tag.core{color:#e6c9ff}
.connect-box img{image-rendering:pixelated}
@media(min-width:1500px){.masthead{margin-top:30px;margin-bottom:35px}.server-art{height:260px}}
@media(max-width:900px){.masthead{margin:17px auto 24px;padding:0 15px}.masthead h1{height:80px}.wordmark{width:400px}.masthead p{font-size:7px;margin-top:12px}.splash{top:69px;right:17px;font-size:9px}.server-art{height:200px}.owner-art{height:155px}.skin-head{width:125px;height:125px}.language-switch button{padding:4px 8px}.sidebar-bottom p{font-size:15px}.notice p{font-size:10px}.tag{font-size:8px}.mode small{font-size:8px}.topbar .brand{font-size:10px;gap:6px}.heading-row{gap:10px}.page-heading h2{font-size:20px}}
@media(max-width:380px){.owners{grid-template-columns:1fr}.skin-head{width:140px;height:140px}.owner-art{height:170px}}

/* Native UI motion and persistent header. */
html{scroll-padding-top:85px}
.topbar{position:sticky;top:0;z-index:50;background:#17141bf5;box-shadow:0 2px #ffffff14,0 5px 18px #0004}
.splash{animation:splash-pulse 1.55s ease-in-out infinite;transform-origin:center}
@keyframes splash-pulse{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-10deg) scale(1.065)}}
.button,.mode,.tab,.language-switch button{transition:background-color 120ms ease,color 120ms ease,box-shadow 120ms ease,transform 120ms ease}
.mode:active,.tab:active,.language-switch button:active{transform:translateY(2px)}
.tabs,.window-title,.topbar,.mode-list,.label,.traits,.image-badge,.masthead,.button,.text-button,.tag,.version,summary,.toast{user-select:none;-webkit-user-select:none}
.selectable,input,textarea,.privacy-copy,.privacy-copy .label{user-select:text;-webkit-user-select:text}
.loading-screen{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;background:linear-gradient(#140c2040,#0f091c80),url('assets/lobby.png') center/cover;opacity:1;transition:opacity 180ms ease;pointer-events:auto}
html.booting{overflow:hidden}
html.booting .loading-screen{display:flex}
.loading-screen.finished{opacity:0}
.loading-content{width:min(760px,calc(100% - 36px));margin-top:-60px}
.loading-logo{display:block;width:90%;height:155px;object-fit:cover;margin:0 auto 32px;filter:drop-shadow(0 6px 0 #170e20)}
.loading-panel{border:3px solid #111;background:#c6c6c6;padding:0 13px 13px;box-shadow:inset 0 3px #fff,inset 0 -4px #666,4px 5px #111}
.loading-title{text-align:center;padding:11px;color:#464646;font-size:21px;user-select:none}
.loading-inner{border:2px solid #fff;box-shadow:inset 0 0 0 2px #141414;background:#17151ce6;padding:18px 22px 25px}
.loading-inner p{font-size:17px;line-height:1.6;color:white;min-height:90px;text-align:center}
.loading-track{height:12px;margin:22px 10px 0;border:2px solid #100a16;background:repeating-linear-gradient(90deg,#261339 0 22px,#0e0716 22px 25px);overflow:hidden}
.loading-fill{height:100%;width:40%;background:repeating-linear-gradient(90deg,#b677ff 0 22px,#492374 22px 25px);box-shadow:inset 0 2px #deb2ff,inset 0 -2px #7505ed;animation:loading-slide 1.1s ease-in-out infinite alternate}
@keyframes loading-slide{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
.privacy-toolbar{display:flex;gap:12px;justify-content:space-between;padding:16px 24px;border-bottom:2px solid #161219;background:#252327}
.privacy-toolbar .button{font-size:11px;min-height:42px}
.privacy-heading{padding:28px 30px 10px}
.privacy-heading h1{font-weight:400;font-size:30px;margin:8px 0 15px;line-height:1.4}
.privacy-heading p{max-width:830px;font-size:13px;line-height:1.9}
.privacy-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:25px;padding:22px 30px 30px;align-items:start}
.privacy-copy{min-width:0}
.privacy-card{padding:21px 23px;background:#262427;border:2px solid #171319;box-shadow:inset 0 2px #ffffff08;margin-bottom:16px;scroll-margin-top:85px}
.privacy-card:first-child{border-top:3px solid #a911fd}
.privacy-card h2{font-size:19px;line-height:1.55;margin:8px 0 14px}
.privacy-card p,.privacy-card li{font-size:12px;line-height:1.95;color:#d2ccd9}
.privacy-card p+p{margin-top:14px}
.privacy-card ul{padding-left:20px;margin-bottom:0}
.privacy-card li{padding-left:4px;margin:7px 0}
.privacy-card li::marker{color:#b677ff}
.privacy-aside{position:sticky;top:85px;display:grid;gap:16px}
.privacy-index,.document-version{padding:17px;background:#242126;border:2px solid #151218}
.privacy-index a{display:block;font-size:10px;line-height:1.6;padding:10px 0;border-bottom:1px solid #48404f;user-select:none}
.privacy-index a:hover{color:#d4a7ff}
.document-version p{font-size:11px;margin-top:10px}
.privacy-aside .button{font-size:10px}
.local-note{border-left:3px solid #9941f5}
@media(max-width:900px){.loading-content{margin-top:-20px}.loading-logo{height:95px;margin-bottom:24px}.loading-title{font-size:17px}.loading-inner{padding:16px 12px}.loading-inner p{font-size:12px;min-height:110px}.loading-track{margin:15px 0 5px}.privacy-layout{grid-template-columns:1fr;padding:18px 16px}.privacy-aside{position:static;grid-row:1}.privacy-index{display:none}.document-version{padding:12px}.privacy-heading{padding:22px 18px 0}.privacy-heading h1{font-size:24px}.privacy-heading p{font-size:12px}.privacy-toolbar{padding:12px;gap:8px}.privacy-toolbar .button{font-size:9px;flex:1}.privacy-card{padding:17px 15px}.privacy-card h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-fill{width:100%;opacity:.6}.server-art:hover .lobby-shot,.owners article:hover .skin-head{transform:none}}
.audio-controls{display:flex;gap:6px;user-select:none}
.audio-controls button{background:#363139;color:#cfc6d7;border:2px solid #100d13;box-shadow:inset 0 2px #ffffff20,inset 0 -3px #0005;font-size:10px;padding:6px 9px;transition:background-color 120ms,transform 120ms}
.audio-controls button[aria-pressed="true"]{background:#452568;color:#e9d4ff;box-shadow:inset 0 2px #8247b5,inset 0 -3px #29143f}
.audio-controls button:hover{background:#563675}.audio-controls button:active{transform:translateY(1px)}
.audio-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:1180px){.edition{display:none}}
@media(max-width:650px){.topbar{display:grid;grid-template-columns:1fr auto;min-height:91px;height:auto;padding:5px 14px;gap:1px 10px}.audio-controls{grid-row:2;grid-column:1/-1;justify-content:center;padding-bottom:4px}.language-switch{grid-row:1;grid-column:2}.audio-controls button{font-size:9px;padding:4px 12px}html{scroll-padding-top:110px}.privacy-card{scroll-margin-top:110px}}