:root{color:#f2f0d9;font-synthesis:none;background:#102924;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}#hud{pointer-events:none;background:linear-gradient(#091d245c,#0000 24% 74%,#071b26a6);position:fixed;inset:0}a,button,input{pointer-events:auto}a{color:inherit;text-decoration:none}.topbar{justify-content:space-between;align-items:center;margin:28px 38px;display:flex}.wordmark{letter-spacing:7px;font-family:Georgia,serif;font-size:27px;font-weight:700}.wordmark span{letter-spacing:3px;color:#dadfc1;margin-top:7px;font:8px Segoe UI,sans-serif;display:block}.connection{color:#e2e9df;background:#102e2b99;border:1px solid #dbe3bd26;border-radius:30px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex}.connection i{background:#d3b572;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #e5bb5380}.connection i.online{background:#9cdb9c}#ping{color:#ccd3bd;border-left:1px solid #ffffff30;padding-left:10px}.region{position:absolute;top:137px;left:38px}.eyebrow{letter-spacing:2.6px;color:#d5c08c;font-size:9px;font-weight:600}h1{margin:12px 0;font-family:Georgia,serif;font-size:33px;font-weight:400}p{color:#d4dfd0;font-size:12px;line-height:1.8}.region p{margin:0}.world-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#122b28b8;border:1px solid #c4d0a52b;border-radius:4px;width:220px;padding:22px;position:absolute;top:142px;right:38px}.world-card strong{margin-top:16px;font-family:Georgia,serif;font-size:19px;font-weight:400;display:block}.world-card strong b{color:#e6d49c;font-weight:400}.world-card p{margin-bottom:16px;font-size:10px}.separator{background:#d8e0b622;height:1px;margin-bottom:15px}.small{color:#b6c6b1;font-size:9px;line-height:2;display:block}.bottom-bar{align-items:center;gap:25px;display:flex;position:absolute;bottom:28px;left:38px;right:38px}.character{align-items:center;gap:13px;min-width:230px;display:flex}.avatar{color:#e2ce92;background:#203e35;border:1px solid #bda779;border-radius:50%;place-items:center;width:46px;height:46px;font-size:29px;display:grid}.character strong{font-size:13px;font-weight:500;display:block}.character div span{color:#bfd1bf;margin-top:6px;font-size:9px;display:block}.controls{color:#c7d5c4;flex:1;justify-content:center;gap:25px;font-size:10px;display:flex}.controls>span{align-items:center;gap:5px;display:flex}kbd{background:#15352a99;border:1px solid #cad7b53b;border-radius:3px;justify-content:center;align-items:center;min-width:21px;height:22px;margin-right:1px;font:10px inherit;display:inline-flex}.coordinates{color:#b7c8b7;font-family:monospace;font-size:10px}.compass{color:#e6d8a6;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:125px;right:48px}.compass span{letter-spacing:2px;font-size:8px}.compass div{margin:4px;font-family:Georgia,serif;font-size:45px}.gate{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061b2440;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-card{background:linear-gradient(145deg,#173b35f5,#102924fa);border:1px solid #c2b67d66;border-radius:6px;width:390px;padding:38px;box-shadow:0 30px 100px #0005}.join-card h2{margin:18px 0 12px;font:32px Georgia,serif}.join-card label{color:#c9d6c3;letter-spacing:.5px;margin-bottom:10px;font-size:10px;display:block}.join-card input{color:#f2f0d9;background:#0d2624;border:1px solid #c6d5af4a;border-radius:3px;outline:none;width:100%;padding:13px;font:13px inherit}.join-card input:focus{border-color:#e2c88e}.join-card button{color:#243b31;cursor:pointer;background:#dcc68e;border:0;border-radius:3px;justify-content:space-between;width:100%;margin-top:16px;padding:14px 17px;font-weight:600;display:flex}.join-card button:hover{background:#ead7a7}.join-card button:disabled{opacity:.55;cursor:wait}.join-card small{color:#92ac9e;margin-top:23px;font-size:9px;line-height:1.9;display:block}#join-error{color:#f2b3a4;min-height:0;margin:10px 0 0;font-size:11px}.maintenance{text-align:center;background:#2c3326ed;border:1px solid #d8bb77;border-radius:5px;min-width:320px;padding:18px 28px;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0003}.maintenance strong{margin-bottom:7px;font:18px Georgia,serif;display:block}.maintenance span{color:#e8ce92;font-size:13px}.maintenance p{margin:5px 0 0;font-size:10px}.hidden{display:none!important}@media (max-width:850px){.topbar{margin:20px}.wordmark{font-size:21px}.wordmark span{font-size:6px}.region{top:105px;left:20px}h1{font-size:25px}.world-card,.compass{display:none}.bottom-bar{bottom:20px;left:20px;right:20px}.controls{justify-content:flex-end}.controls>span:not(:first-child){display:none}.character{min-width:0}.coordinates{display:none}.connection{gap:6px;padding:8px;font-size:9px}#ping{display:none}.join-card{width:min(390px,90vw);padding:28px}.maintenance{top:90px}.region p{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.gate{padding:24px 0;overflow-y:auto}.join-card{flex-shrink:0;width:420px;margin:auto;padding:28px 34px}.join-card h2{margin:14px 0 8px;font-size:29px}.join-card p{margin-bottom:16px}.join-card label{margin:14px 0 7px}.join-card .auth-tabs{gap:8px;margin-bottom:18px;display:flex}.join-card .auth-tabs button{color:#c9d6c3;background:0 0;border:1px solid #c6d5af4a;justify-content:center;margin:0;padding:10px 12px}.join-card .auth-tabs button[aria-pressed=true]{color:#f2e3b9;background:#ffffff09;border-color:#d5c08c}.join-card .secondary-button{color:#c9d6c3;background:0 0;border:1px solid #c6d5af4a;justify-content:center;margin-top:10px;padding:10px;font-size:11px}.join-card .secondary-button:hover{background:#ffffff09}.join-card small{margin-top:16px}.field-help{color:#afc3b4;margin-top:7px;font-size:10px;line-height:1.6;display:block}.account-actions{gap:12px;margin-top:8px;display:flex}.account-actions button{color:#e6d49e;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d5c08c66;padding:0 0 3px;font:10px inherit}.account-actions button:disabled{opacity:.5}#account-error{color:#f2b3a4;max-width:220px}button:focus-visible{outline-offset:3px;outline:2px solid #f2e3b9}@media (max-width:850px){.join-card{width:min(420px,90vw);padding:24px}.bottom-bar{gap:12px}.controls{font-size:9px}}