@font-face{font-family:Manrope;src:url("/client/fonts/manrope.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
/* Public Lumen framing is deliberately independent of earned Lumen One skins. */
.lumen-public-bar{--thread-ink:#eeeae5;--thread-muted:#c6bace;--thread-line:#b9a2cf44;display:flex;align-items:center;gap:14px;min-width:0;color:var(--thread-ink);font:11px/1.4 Manrope,Inter,system-ui,sans-serif;z-index:45}
.lumen-public-menu{position:relative;flex:none}
.lumen-public-menu>summary{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;list-style:none;font-size:11px;letter-spacing:.18em;color:inherit}
.lumen-public-menu>summary::-webkit-details-marker{display:none}
.lumen-public-menu>summary:after{content:'⌄';font-size:12px;color:var(--thread-muted);letter-spacing:0}
.lumen-public-menu svg{width:26px;height:26px;flex:none}
.lumen-public-menu>nav{display:block;position:absolute;left:0;top:calc(100% + 8px);width:min(290px,calc(100vw - 32px));padding:20px;background:#100d17;border:1px solid #8e779b77;box-shadow:0 14px 45px #0009;z-index:300;color:#eeeae5}
.lumen-public-menu>nav p{font:10px/1.6 Manrope,Inter,system-ui,sans-serif;letter-spacing:.1em;color:#bdafc8;margin:0 0 12px}
.lumen-public-menu>nav a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #93829e33;color:#eeeae5;text-decoration:none;font:13px/1.5 Manrope,Inter,system-ui,sans-serif;min-height:44px;box-sizing:border-box}
.lumen-public-menu>nav small{display:block;color:#ad9fba;font:11px/1.6 Manrope,Inter,system-ui,sans-serif;margin-top:16px}
.lumen-public-menu :is(summary,a):focus-visible{outline:2px solid #d7c3f3;outline-offset:4px}
.lumen-thread-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--thread-muted);max-width:260px;letter-spacing:.02em}
.lumen-thread-status:before{content:'';width:22px;height:1px;background:#796e80;flex:none}
.lumen-public-bar[data-connected=true] .lumen-thread-status:before{background:#cdb9ff;box-shadow:0 0 8px #a579ef88}
.lumen-arrival-scene{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 40%,#30203d 0,transparent 65%),#08070d;pointer-events:none;color:#eeeae5;overflow:hidden}
.lumen-arrival-window{position:absolute;left:4vw;top:13vh;bottom:7vh;width:51vw;margin:0;border:1px solid #cbb4e466;overflow:hidden;background:linear-gradient(145deg,#2f2544,#0e1226 65%,#17101e);border-radius:2px 30px 2px 2px}
.lumen-arrival-window:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 60px #08061188;background:linear-gradient(180deg,#09081200 30%,#09081244 55%,#090812ed 100%)}
.lumen-arrival-window img{width:100%;height:100%;object-fit:cover;object-position:46% 50%;image-rendering:pixelated;opacity:.88}
.lumen-arrival-window figcaption{position:absolute;z-index:1;left:clamp(20px,3vw,48px);right:20px;bottom:clamp(24px,5vh,56px)}
.lumen-arrival-window .lumen-overline{display:block;margin-bottom:16px;font:10px/1.6 Manrope,Inter,system-ui,sans-serif;letter-spacing:.22em;color:#d1c1e1}
.lumen-arrival-window h1{margin:0 0 20px;font:400 clamp(30px,4.4vw,70px)/1.06 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.055em;text-wrap:balance;color:#eeeae5}
.lumen-arrival-window p{margin:0;max-width:340px;font:13px/1.7 Manrope,Inter,system-ui,sans-serif;color:#d7cddd}
.lumen-arrival-window .lumen-scene-note{display:block;margin-top:18px;font:9px/1.5 Manrope,Inter,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#af9fbe}
.lumen-text-toggle{background:transparent!important;border:0!important;color:#c9b7dd!important;box-shadow:none!important;min-height:40px!important;padding:8px 0!important;font:11px/1.5 Manrope,Inter,system-ui,sans-serif!important;text-align:left;cursor:pointer}
.lumen-text-toggle:focus-visible{outline:2px solid #cab5e4;outline-offset:2px}
.lumen-text-toggle:disabled{opacity:.75}
.lumen-world-wait{padding:24px;color:#d3c5e0;font:16px/1.6 Manrope,Inter,system-ui,sans-serif}
body:not([data-lumen-surface=arrival]) :is(.lumen-text-toggle,.lumen-world-wait){display:none!important}
body[data-lumen-surface=arrival]{background:#08070d!important}
body[data-lumen-surface=arrival]:not(.astralis-hand) .client-workspace{position:relative;height:100dvh;min-height:0;display:block;padding:0 4vw 0 60vw;overflow:auto;background:transparent}
body[data-lumen-surface=arrival]:not(.astralis-hand) .client-workspace>aside{display:none!important}
body[data-lumen-surface=arrival]:not(.astralis-hand) .adventure-column{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:80px 0 32px;gap:0}
body[data-lumen-surface=arrival] .scene-top{position:fixed;inset:18px 4vw auto;display:flex;justify-content:space-between;align-items:center;padding:0;background:none;overflow:visible}
body[data-lumen-surface=arrival] .world-scene{position:static;min-height:0;height:0;background:none;overflow:visible}
body[data-lumen-surface=arrival] :is(.lumen-os-status,.feed-tabs,.console-head,.command-tools,.target-status,.frame-tl,.frame-tr,.frame-bl,.frame-br){display:none!important}
body[data-lumen-surface=arrival] .scene-top #connect{display:none}
body[data-lumen-surface=arrival] .scene-top .connection button{background:transparent;border:0;color:#bbaac8;font:11px Manrope,Inter,system-ui,sans-serif}
body[data-lumen-surface=arrival]:not(.astralis-hand) .console-frame{flex:0 1 auto;min-height:0;max-height:100%;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
body[data-lumen-surface=arrival]:not(.astralis-hand) .console{padding:0;background:none;border:0;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:auto}
body[data-lumen-surface=arrival] #login-welcome{position:relative;display:block;flex:0 0 auto;min-height:0;max-height:none;margin:0;padding:26px 0 12px;border:0;border-top:1px solid #bca8d14d;background:none;box-shadow:none;border-radius:0;color:#eeeae5;overflow:visible;font-family:Manrope,Inter,system-ui,sans-serif}
body[data-lumen-surface=arrival] #login-welcome[hidden]{display:none!important}
body[data-lumen-surface=arrival] #login-welcome:before,body[data-lumen-surface=arrival] #login-welcome:after{display:none}
body[data-lumen-surface=arrival] #login-welcome>.eyebrow{font:10px/1.6 Manrope,Inter,system-ui,sans-serif;letter-spacing:.18em;color:#bfadd4;margin:0 0 18px}
body[data-lumen-surface=arrival] #login-welcome h2{font:400 clamp(26px,3vw,42px)/1.15 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.04em;color:#eeeae5;margin:0 0 16px;text-wrap:balance}
body[data-lumen-surface=arrival] #login-welcome-status{font:13px/1.65 Manrope,Inter,system-ui,sans-serif;color:#c6bace;margin:0 0 22px}
body[data-lumen-surface=arrival] #login-welcome .welcome-actions{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;flex:none}
body[data-lumen-surface=arrival] #login-welcome button{border:1px solid #a38db45c;border-radius:2px;background:#16111e;color:#eeeae5;box-shadow:none;min-height:44px;padding:12px 18px;font:12px/1.4 Manrope,Inter,system-ui,sans-serif;letter-spacing:.01em;white-space:normal}
body[data-lumen-surface=arrival] #login-welcome :is(button.primary,#welcome-connect,.login-submit,.roster-play,.guide-form button[type=submit]){background:#eeeae5;color:#17101f;border-color:#eeeae5}
body[data-lumen-surface=arrival] #login-welcome button:hover:not(:disabled){border-color:#e4d4f3;filter:brightness(1.12)}
body[data-lumen-surface=arrival] #login-welcome button:disabled{opacity:.45}
body[data-lumen-surface=arrival] #login-welcome :is(input,select){font:16px/1.4 Manrope,Inter,system-ui,sans-serif;min-height:44px;border:1px solid #a38db466;border-radius:2px;background:#100d17;color:#f0e9f6;box-sizing:border-box;max-width:100%}
body[data-lumen-surface=arrival] #login-welcome :is(input,button,select):focus-visible{outline:2px solid #d7c3f3;outline-offset:3px}
body[data-lumen-surface=arrival] #login-welcome :is(.guide-form,.saved-login-form,.character-delete-form){background:none;border:0;padding:0;border-radius:0;margin-top:14px}
body[data-lumen-surface=arrival] #login-welcome label{color:#d6c8df;font-family:Manrope,Inter,system-ui,sans-serif}
body[data-lumen-surface=arrival] #login-welcome .roster-summary{width:100%;gap:10px;flex-wrap:wrap}
body[data-lumen-surface=arrival] #login-welcome .roster-grid{grid-template-columns:1fr;width:100%;max-height:none;overflow:visible;padding:0;gap:10px}
body[data-lumen-surface=arrival] #login-welcome .roster-card{border:1px solid #b3a1c340;border-radius:3px;background:#17111dd9;box-shadow:none;padding:15px;gap:8px}
body[data-lumen-surface=arrival] #login-welcome .roster-name{font:500 22px/1.2 Manrope,Inter,system-ui,sans-serif;color:#ede3f4}
body[data-lumen-surface=arrival] #login-welcome .roster-emblem{border:0;background:none;box-shadow:none}
body[data-lumen-surface=arrival] #login-welcome .roster-emblem:before{display:none}
body[data-lumen-surface=arrival] #login-welcome .roster-location{background:none;border:0;padding:0}
body[data-lumen-surface=arrival] #login-welcome .roster-footer{width:100%;border-color:#a38db444;gap:6px}
body[data-lumen-surface=arrival] #login-welcome .roster-card-actions .roster-delete{background:none;color:#cfa9bf;min-width:44px;border:0}
body[data-lumen-surface=arrival] #login-welcome[data-roster]{display:block;flex:0 0 auto;min-height:0;max-height:none;padding:26px 0 12px;background:none;border:0;border-top:1px solid #bca8d14d;border-radius:0;overflow:visible}
body[data-lumen-surface=arrival] #login-welcome[data-roster]>.welcome-actions{flex:0 0 auto;min-height:auto;overflow:visible}
body[data-lumen-surface=arrival] #login-welcome[data-roster]>h2{color:#eeeae5}
body[data-lumen-surface=arrival][data-lumen-text=false] :is(#output,#latest,#command-form,#input-options,.hand-compose-host){display:none!important}
body[data-lumen-surface=arrival][data-lumen-text=true] #output{display:block!important;flex:0 0 180px!important;height:180px!important;max-height:35vh!important;min-height:80px!important;overflow:auto!important;margin:8px 0!important;background:#100b18!important;border:1px solid #b2a1c440!important;border-radius:2px;padding:12px!important;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
body[data-lumen-surface=arrival] #command-form{flex:none;min-height:44px;background:#15101d;border-color:#ad90c6;border-radius:2px}
body[data-lumen-surface=arrival] .input-options{flex:none}
/* In play, these additions do not restyle any purchased skin or change the grid. */
body[data-lumen-surface=world]:not(.lumen-os) .scene-top{background:linear-gradient(#100c1be8,#100c1b44)}
body[data-lumen-surface=world]:not(.lumen-os) .console-head>span{color:#cbb4e5;letter-spacing:.12em}
body[data-lumen-surface=world] .world-scene{overflow:visible}
body.lumen-world-arrived .lumen-public-bar{transition:color .18s}
body.lumen-os .scene-top>.lumen-public-bar .lumen-thread-status{display:none}
/* Mobile uses the same actual controls, in its existing visible-viewport root. */
#astralis-hand .lumen-public-bar{flex:none;gap:6px}
#astralis-hand .lumen-public-menu>summary{font-size:9px;letter-spacing:.12em}
#astralis-hand .lumen-public-menu svg{width:20px;height:24px}
#astralis-hand .lumen-thread-status{display:none}
#astralis-hand .hand-top{gap:10px}
#astralis-hand .hand-identity{flex:1}
#astralis-hand #hand-name{max-width:140px}
body[data-lumen-surface=arrival] #astralis-hand{background:linear-gradient(180deg,#0e09124d,#0c0812 260px),url('/assets/waymeet-pixel.webp') center top/auto 280px no-repeat,#0c0812;gap:0}
body[data-lumen-surface=arrival] #astralis-hand .hand-top{min-height:60px;flex:none;justify-content:space-between;background:linear-gradient(#100b16da,transparent);align-items:flex-start;padding-top:8px}
body[data-lumen-surface=arrival] #astralis-hand .lumen-public-menu>summary{font-size:11px}
body[data-lumen-surface=arrival] #astralis-hand .lumen-thread-status{display:flex;max-width:180px;font-size:9px}
body[data-lumen-surface=arrival] #astralis-hand .hand-connection{display:none}
body[data-lumen-surface=arrival] #astralis-hand :is(.hand-identity,.hand-vitals,.hand-effects,.hand-world-nav,.hand-tools,.hand-view-head,.hand-combat-header){display:none!important}
body[data-lumen-surface=arrival] #astralis-hand .hand-content{padding-top:clamp(30px,12vh,120px);overflow:auto;flex:1;min-height:0}
body[data-lumen-surface=arrival] #astralis-hand .hand-console-host{flex:1 0 auto;min-height:0;overflow:visible}
body[data-lumen-surface=arrival] #astralis-hand .console-frame,body[data-lumen-surface=arrival] #astralis-hand .console{overflow:visible!important;flex:1 0 auto!important}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome{flex:none;max-height:none;overflow:visible;padding:20px 6px 12px;border-top:1px solid #baa4d166;background:linear-gradient(#100b16c9,#100b1600);margin:0}
body[data-lumen-surface=arrival] #astralis-hand .lumen-text-toggle{margin:0 6px}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome h2{font-size:30px}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome[data-roster] h2{font-size:26px}
body[data-lumen-surface=arrival] #astralis-hand.hand-typing .hand-content{padding-top:4px}
body[data-lumen-surface=arrival] #astralis-hand.hand-typing .hand-top{display:none}
body[data-lumen-surface=arrival].astralis-hand>.lumen-arrival-scene{display:none}
@media(max-width:1000px) and (min-width:761px){.lumen-arrival-window{left:3vw;width:41vw}body[data-lumen-surface=arrival]:not(.astralis-hand) .client-workspace{padding-left:48vw;padding-right:3vw}}
@media(max-height:520px){body[data-lumen-surface=arrival] #astralis-hand .hand-content{padding-top:0}body[data-lumen-surface=arrival] #astralis-hand .hand-top{min-height:44px}body[data-lumen-surface=arrival] #astralis-hand #login-welcome{padding-top:12px}body[data-lumen-surface=arrival]:not(.astralis-hand) .adventure-column{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.lumen-public-bar{transition:none!important}}
.lumen-done-typing{display:none!important}
body[data-lumen-surface=arrival] #astralis-hand{background-size:auto,auto min(55vh,440px),auto;background-image:linear-gradient(180deg,#0e09124d,#0c0812 min(52vh,410px)),url('/assets/waymeet-pixel.webp'),none}
body[data-lumen-surface=arrival] #astralis-hand .hand-content{padding-top:clamp(30px,23vh,190px)}
body[data-lumen-entry=roster] #astralis-hand .hand-content{padding-top:45px}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome{background:linear-gradient(#100b16ee,#100b16dd)!important}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome .saved-login-form button[type=submit]{background:#eeeae5;color:#17101f;border-color:#eeeae5}
body[data-lumen-surface=arrival] #astralis-hand.hand-typing .hand-content{padding-top:0}
body[data-lumen-surface=arrival] #astralis-hand.hand-typing .lumen-done-typing{display:block!important;position:sticky;top:0;z-index:20;flex:none;background:#100b16;border:0;color:#d7c3f3;text-align:right;min-height:44px;border-radius:0;font:12px Manrope,Inter,system-ui,sans-serif}
@media(max-height:520px){body[data-lumen-surface=arrival] #astralis-hand .hand-content{padding-top:0}}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome h2{color:#eeeae5!important}
body[data-lumen-surface=arrival] #astralis-hand #login-welcome[data-roster]{border-radius:0!important}
