:root{font-family:Arial,sans-serif;color:#fff1f8;background:#38263f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world,#labels{position:fixed;inset:0;width:100%;height:100%}#labels{pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;background:#59425f;color:#fff1f8;border:1px solid #bf8fab80;border-radius:10px;padding:12px 18px}button:hover{background:#73547a}button:disabled{opacity:.5;cursor:default}body>header{position:fixed;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:20px 26px;background:linear-gradient(#38263fcc,transparent)}body>header a{font-size:10px;letter-spacing:.18em}body>header strong{display:block;font-size:26px;letter-spacing:-.045em;margin-top:3px}body>header>div{font-size:12px;background:#38263fac;border:1px solid #e7c5de44;border-radius:30px;padding:11px 17px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9be8c5;margin-right:10px;box-shadow:0 0 12px #9be8c580}kbd{font:10px Arial;opacity:.7;margin-left:7px}#directory{position:fixed;left:25px;top:125px;width:213px;background:#38263fe0;border:1px solid #bb8faa60;border-radius:16px;padding:20px;box-shadow:0 12px 30px #38263f22}#directory h2{font-size:26px;letter-spacing:-.04em;margin:8px 0}#directory>p:not(.eyebrow){font-size:12px;color:#cdbbcd}#directory>div{display:flex;gap:12px;margin-top:20px;align-items:center;font-size:13px}#directory i{width:9px;height:25px;display:block;background:var(--game);border-radius:4px}#directory small{display:block;color:#c9b7ca;font-size:10px;margin-top:4px;line-height:1.5}.directory-note{border-top:1px solid #ad7fa950;padding-top:16px;margin-top:23px!important}.eyebrow{font-size:10px;letter-spacing:.17em;color:#f6b5d0;margin:0}#join-panel,dialog{border:1px solid #e3b3cf60;border-radius:22px;background:#38263ff2;box-shadow:0 25px 80px #25152f44;color:#fff1f8;padding:32px;max-width:440px}#join-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-height:calc(100dvh - 130px);overflow:auto}h1{font-size:45px;line-height:1.06;letter-spacing:-.045em;margin:18px 0}p{font-size:13px;line-height:1.7;color:#dfcddd}label{font-size:11px}input{display:block;width:100%;padding:13px;margin:8px 0;border:1px solid #aa83a260;border-radius:9px;background:#291d31;color:#fff4fa}#join-panel button,dialog:not(.character-select) button,dialog:not(.character-select)>a{display:block;width:100%;margin-top:10px;text-align:center}.primary{background:#ffafcd;color:#38263f;border-color:#ffafcd;font-weight:700}.primary:hover{background:#ffc6dc}#choice{display:block;text-align:center;margin-top:14px;color:#d2bad0}dialog::backdrop{background:#24152f88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:28px;letter-spacing:-.03em}#interact{position:fixed;bottom:95px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #36213e44}body>footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:center;gap:28px;padding:17px;background:#38263fe0;color:#d4bdcf;font-size:10px}body>footer b{color:#fff1f8;font-weight:400;margin-left:7px}.world-name{position:absolute;transform:translate(-50%,-100%);background:#38263fc9;border:1px solid #ead2e433;color:#fff0f7;padding:4px 9px;border-radius:6px;font-size:10px;white-space:nowrap}.world-name.me{border-color:#ffb4d1;color:#ffcade}[hidden]{display:none!important}.portal-in-transit #labels,.portal-in-transit #directory,.portal-in-transit #interact{visibility:hidden}@media(max-width:800px){#directory{display:none}body>header{padding:14px}body>header>div{font-size:10px;padding:8px}body>header strong{font-size:22px}body>header button{padding:10px}body>footer{gap:12px;font-size:9px}body>footer b{display:block;margin:5px 0 0}h1{font-size:39px}#join-panel,dialog{padding:25px}dialog{width:calc(100% - 32px);max-height:85dvh;overflow:auto}}