@font-face{font-family:Literata;src:url(/assets/literata.ttf)format("truetype");font-weight:200 900;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/barlow.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/barlow-semibold.ttf)format("truetype");font-weight:600;font-display:swap}:root{--night:#151c24;--surface:#222a33;--ink:#f9f0e1;--muted:#c3beb6;--orange:#f6751f;--button-ink:#151c24;--line:#424a54;--ease:cubic-bezier(.16,1,.3,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--night);scrollbar-color:var(--line) var(--night);font-family:Barlow,sans-serif}*{box-sizing:border-box}body{background:var(--night);flex-direction:column;min-width:280px;min-height:100svh;margin:0;display:flex}::selection{color:var(--button-ink);background:var(--orange)}button{font:inherit;touch-action:manipulation}button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}[hidden]{display:none!important}#fire,.fire-still{z-index:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.fire-still{object-fit:fill}#fire:not([hidden])~.fire-still{display:none}main.login-page{z-index:2;place-items:center;min-height:100svh;padding:48px 24px;display:grid;position:relative}.welcome{text-align:center;isolation:isolate;width:min(100%,420px);position:relative;transform:translateY(-6svh)}.welcome:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#151c24f5 0%,#151c24e0 27%,#151c2487 49%,#151c2400 72%);width:min(760px,100vw);height:590px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand{flex-direction:column;align-items:center;gap:18px;display:flex}.brand img{object-fit:contain;width:92px;height:92px}h1{letter-spacing:-.025em;margin:0;font-family:Literata,serif;font-size:clamp(36px,5vw,48px);font-weight:500;line-height:1.2}.login{min-height:52px;color:var(--button-ink);background:var(--orange);cursor:pointer;transition:background .18s var(--ease);border:0;border-radius:2px;justify-content:center;align-items:center;gap:14px;margin-top:36px;padding:13px 25px;font-size:17px;font-weight:600;display:inline-flex}.login:hover{background:#feba55}.login:active{background:#e0641a}.login svg{flex:none;width:18px;height:18px}.status{max-width:36ch;color:var(--ink);text-wrap:pretty;background:var(--surface);border-radius:3px;margin:18px auto 0;padding:10px 12px;font-size:14px;line-height:1.5;position:absolute;top:100%;left:0;right:0}.status:empty{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motion{z-index:3;width:44px;height:44px;color:var(--muted);background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:3px;place-items:center;padding:12px;display:inline-grid;position:fixed;bottom:20px;right:20px}.motion:hover{color:var(--ink);border-color:var(--line)}.motion svg{width:14px;height:14px}.motion:disabled{cursor:default;color:var(--muted)}.motion:disabled:hover{border-color:#0000}@media (width<=700px){.brand img{width:80px;height:80px}.brand{gap:14px}.welcome:before{height:510px}.motion{bottom:12px;right:12px}}@media (height<=550px){main.login-page{padding:24px}.brand img{width:64px;height:64px}.brand{gap:8px}.login{margin-top:22px}.welcome{transform:translateY(-3svh)}}@media (prefers-reduced-motion:reduce){.login{transition:none}}.onboarding-room{width:min(100% - 48px,1200px)}.room main.onboarding{text-align:center;max-width:540px;margin:0 auto;padding:52px 32px 36px}.onboarding h1{text-wrap:balance;outline-offset:8px;line-height:1.3}.onboarding form>p{margin:18px 0 28px}.onboarding label{text-align:left;margin:28px 0 10px;font-weight:600;display:block}.onboarding input{width:100%;min-height:52px;color:var(--ink);background:var(--night);border:1px solid var(--line);caret-color:var(--orange);border-radius:3px;padding:12px 14px;font:400 20px Barlow,sans-serif}.onboarding input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.onboarding input[aria-invalid=true]{border-color:var(--orange)}.onboarding .onboarding-hint{margin:10px 0 0;font-size:14px}.onboarding form .onboarding-hint{text-align:left}.onboarding .login{min-width:150px;margin-top:28px}.onboarding button:disabled{cursor:wait;opacity:.65}.onboarding button.quiet:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}.onboarding .onboarding-error{color:var(--orange);text-wrap:pretty;margin:20px 0 0;font-size:16px}.onboarding-error:empty{display:none}.onboarding .minecraft-name{overflow-wrap:anywhere;margin:24px 0 0;font:600 24px Barlow,sans-serif}.skin-preview{place-items:center;min-height:300px;display:grid}.skin-preview canvas{width:min(100%,280px);height:auto;image-rendering:pixelated}.skin-preview>p{max-width:30ch}.skin-preview:has(canvas)>p{background:var(--night);padding:12px;position:absolute}.onboarding .onboarding-trust{max-width:38ch;margin:12px auto 0;font-size:15px}.onboarding-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.onboarding-actions .login{margin:0}@media (width<=700px){.onboarding-room{width:auto}.room main.onboarding{padding:32px 20px}.onboarding h1{font-size:28px}.onboarding-room header{gap:16px}.onboarding-room .room-brand{font-size:23px}.skin-preview{min-height:280px}.skin-preview canvas{width:250px}}@media (width<=350px){.room main.onboarding{padding:28px 16px}.onboarding h1{font-size:25px}.onboarding-actions{flex-direction:column;align-items:stretch}.onboarding-room header{padding:16px}.skin-preview canvas{width:232px}.skin-preview{min-height:252px}}.room{border:1px solid var(--line);background:var(--surface);border-radius:5px;max-width:1200px;min-height:80svh;margin:32px auto}.room header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 32px;display:flex}.room-brand{align-items:center;gap:12px;font:500 25px Literata,serif;display:flex}.room-brand img{width:42px;height:42px}.room main{padding:40px 32px}.room h1{font-size:32px}.room p{color:var(--muted);line-height:1.6}.quiet{min-height:44px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;padding:10px 14px}@media (width<=700px){.room{margin:12px}.room header{flex-wrap:wrap;padding:18px}.room main{padding:28px 18px}}main.home{background:radial-gradient(ellipse 70% 45% at 50% 0%,#1d2733 0%,var(--night) 70%);place-items:center;min-height:100svh;padding:48px 24px;display:grid}.home-card{text-align:center;flex-direction:column;align-items:center;width:min(100%,440px);display:flex}.home-emblem{object-fit:contain;width:72px;height:72px}.home h1{margin:22px 0 0;font-size:clamp(30px,4vw,38px);line-height:1.15}.home-name{letter-spacing:0;color:var(--orange);overflow-wrap:anywhere;margin-top:6px;font:600 clamp(22px,3vw,28px)/1.2 Barlow,sans-serif;display:block}.join{background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;margin-top:40px;padding:30px 28px 28px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font:600 12px/1 Barlow,sans-serif}.server-address{flex-direction:column;align-items:center;gap:14px;margin-top:14px;display:flex}.server-address code{letter-spacing:-.01em;color:var(--ink);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font:600 clamp(26px,7vw,34px)/1.1 Barlow,sans-serif}.copy-status{min-height:1.6em;color:var(--ink);margin:10px 0 0;font-size:14px;line-height:1.6}.pack{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin:20px 0 0;padding-top:22px;line-height:1.5;display:flex}.pack strong{color:var(--ink);font-size:17px;font-weight:600}.pack span{color:var(--muted);font-size:14px}.pack-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.join a{justify-content:center;align-items:center;gap:12px;min-height:44px;text-decoration:none;display:inline-flex}.join a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.join .quiet:hover{color:var(--ink);border-color:var(--muted)}.join .quiet:active{color:var(--orange);border-color:var(--orange)}.join button:disabled{cursor:wait;opacity:.65}.join .map-action{width:100%;margin-top:26px}.map-action svg{flex:none;width:22px;height:22px}.logout{min-height:44px;color:var(--muted);cursor:pointer;text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:0;margin-top:28px;padding:10px 14px;font-size:15px}.logout:hover{color:var(--ink);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}@media (width<=700px){main.home{padding:32px 16px}.home-emblem{width:64px;height:64px}.join{margin-top:32px;padding:24px 18px 22px}}@media (width<=350px){.pack-links{gap:8px}.pack-links .quiet{padding:10px;font-size:15px}}