/* Astralis cockpit: existing live modules, arranged around the approved concept. */
.astralis-cockpit .character-switch{display:inline-flex;align-items:center;margin:8px 0 0;padding:5px 9px;min-height:30px;border:1px solid #596579;border-radius:7px;background:#091c2b;color:#b9cfe0;font:500 11px/1.4 Inter,system-ui,sans-serif;gap:6px}
.astralis-cockpit .character-switch:hover:not(:disabled){border-color:#d8b06b;color:#ffe0a1;background:#132a39}
@media(max-width:600px){.astralis-cockpit .character-switch{min-height:40px}}
.account-settings{margin-top:24px;padding-top:20px;border-top:1px solid #66502f}
.nearby-display-setting{margin:18px 0;padding:6px 14px 12px;border:1px solid #53647d;border-radius:8px;min-width:0}
.nearby-display-setting legend{padding:0 6px;color:#ead0a0;font-size:13px}
.nearby-display-setting .setting-row{font-size:14px;cursor:pointer;min-height:36px}
.nearby-display-setting input[type="checkbox"]{width:22px;height:22px;min-width:22px;accent-color:#70d4ff}
.nearby-display-setting .hint{line-height:1.6;margin:6px 0 0}
.nearby-display-setting [role="status"]:empty{display:none}
.account-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-heading h3,.account-heading .eyebrow{margin:0 0 6px}
.account-identity{display:flex;gap:12px;align-items:center;font-size:12px;color:#9eafcb}.account-identity strong{color:#f4ce83;overflow-wrap:anywhere}
.account-preferences,.account-password-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-settings label{display:grid;gap:7px;font-size:12px;color:#becde3;min-width:0}
.astralis-cockpit .account-settings input,.astralis-cockpit .account-settings select{width:100%;min-width:0;min-height:42px;padding:9px 10px;background:#051324;color:#e4d7bd;border:1px solid #53647d;font-size:16px;box-sizing:border-box}
.astralis-cockpit .account-settings :disabled{opacity:.5}
.astralis-cockpit .account-password-form{display:block;max-width:none;width:100%;margin:22px 0 0;padding:18px 0 0;border-top:1px solid #354359}
.account-password-form h4{margin:0 0 14px;color:#f4ce83;font:600 16px Georgia,serif}.account-password-fields>label:first-child{grid-column:1/-1}
.astralis-cockpit #account-password-submit{border-color:#b78643;color:#ffdb91;min-height:42px}
#account-password-status{min-height:1.65em}
@media(max-width:600px){.account-preferences,.account-password-fields{grid-template-columns:1fr}.account-settings{margin-top:18px;padding-top:16px}}
.astralis-cockpit .feature-drawer{transform:translate(var(--panel-x,0px),var(--panel-y,0px))}
.astralis-cockpit .feature-heading{cursor:grab;touch-action:none;user-select:none;gap:8px;flex-shrink:0}
.astralis-cockpit .feature-heading h2{margin-right:auto}
.astralis-cockpit .feature-heading .panel-move{cursor:grab;touch-action:none;color:#8ad7ed;min-width:36px;padding:4px 8px;font-size:20px}
.astralis-cockpit .feature-drawer.is-dragging .feature-heading,.astralis-cockpit .feature-drawer.is-dragging .panel-move{cursor:grabbing}
.astralis-cockpit .feature-heading .feature-close{cursor:pointer}
.astralis-cockpit{--ink:#020c1b;--surface:#041222;--edge:#a77c3e;--gold:#f4c570;--silver:#acbbd8;--feed-size:15px;background:#020a16;color:#c0cce1;font-family:Inter,system-ui,sans-serif}
.astralis-cockpit::before{opacity:.25;background:linear-gradient(#020c1b66,#020814ef),url('/assets/astralis-moonlit-city.webp') center/cover fixed;pointer-events:none}
.astralis-cockpit *{scrollbar-width:thin;scrollbar-color:#5b536a #031020}
.astralis-cockpit .client-workspace{width:100%;max-width:none;height:100dvh;min-height:660px;padding:10px;display:grid;grid-template-columns:clamp(210px,15vw,265px) minmax(0,1fr) clamp(280px,21.5vw,370px);gap:12px;overflow:hidden}
.astralis-cockpit .traveler-rail,.astralis-cockpit .world-rail{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}
.astralis-cockpit .traveler-rail{overflow-y:auto;overflow-x:hidden;padding:0 2px 2px}
.astralis-cockpit .world-rail{overflow-y:auto;overflow-x:hidden;padding:2px}
.astralis-cockpit .adventure-column{display:grid;grid-template-rows:70px minmax(330px,1fr);min-width:0;min-height:0;gap:0}
/* Display intact reference pixels through viewports; never warp artwork. */
.art-crop{position:relative;display:block;overflow:hidden;aspect-ratio:var(--crop-w)/var(--crop-h);flex-shrink:0;isolation:isolate}
.art-crop img{position:absolute!important;width:var(--art-width)!important;max-width:none!important;height:auto!important;left:var(--art-left);top:var(--art-top);image-rendering:pixelated!important;pointer-events:none;user-select:none;border-radius:0!important;object-fit:initial!important}
.astralis-brand{display:block;flex:0 0 auto;margin:4px 0 10px}.brand-art{width:100%}
.astralis-cockpit .gold-panel{position:relative;border:1px solid var(--edge);border-radius:0;background:linear-gradient(115deg,#061426f5,#020b19fa);box-shadow:inset 0 0 0 3px #091522,inset 0 0 0 4px #4b423248,0 0 0 1px #05070e;min-width:0}
.gold-panel::before,.gold-panel::after{content:'';position:absolute;pointer-events:none;width:15px;height:15px;z-index:2;border-color:#ebba5b;border-style:solid;box-shadow:inset 3px 3px #e8b35933}
.gold-panel::before{top:3px;left:3px;border-width:2px 0 0 2px}.gold-panel::after{bottom:3px;right:3px;border-width:0 2px 2px 0;transform:rotate(0);box-shadow:inset -3px -3px #e8b35933}
.astralis-cockpit button,.astralis-cockpit select,.astralis-cockpit input,.astralis-cockpit textarea{border-radius:0;font:inherit}
.astralis-cockpit button{min-height:36px;background:linear-gradient(#10223a,#05101f);border:1px solid #374661;box-shadow:inset 0 0 0 2px #030b18;color:#adbedb;padding:8px 12px;touch-action:manipulation}
.astralis-cockpit button:hover:not(:disabled){color:#ffdc8a;border-color:#e6ae4e;background:#0e243b}.astralis-cockpit button:disabled{opacity:.45}
.astralis-cockpit :focus-visible{outline:2px solid #75dfff;outline-offset:3px}
.astralis-cockpit h1,.astralis-cockpit h2,.astralis-cockpit h3{color:var(--gold);font-family:Georgia,'Times New Roman',serif}
.astralis-cockpit .eyebrow{color:#74d5ed;letter-spacing:1.3px;font-size:10px}
.astralis-cockpit .hint{color:var(--silver);font-size:12px;line-height:1.65}.astralis-cockpit .text-link{display:block;margin:18px 0;font-size:12px;color:#8cd9ff}
.astralis-cockpit .character-card{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 10px;flex:0 0 auto;align-items:center}.character-data{min-width:0}.character-data #name{display:block;font-size:17px;color:#ffd17c;overflow-wrap:anywhere}.character-data #details{display:block;color:#b0bfda;font-size:11px;line-height:1.5;margin:4px 0 9px}
.astralis-cockpit .meters{display:grid;grid-template-columns:1fr;gap:7px;margin:0}.astralis-cockpit .meter div{font-size:10px;letter-spacing:0;margin-bottom:3px;color:#9bafcd;gap:4px}.astralis-cockpit .meter b{white-space:nowrap;color:#dedfe8;font-size:10px}
.astralis-cockpit progress{height:7px;border:1px solid #333f53;border-radius:0;padding:0}.astralis-cockpit .hp{--bar:#ef485b}.astralis-cockpit .mana{--bar:#369eee}.astralis-cockpit .move{--bar:#73b947}.astralis-cockpit .xp{--bar:#aa7de3}
.astralis-cockpit .client-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:6px;flex:1 0 auto;justify-content:space-evenly}
.astralis-cockpit .client-navigation button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;font-size:15px;background:transparent;border-color:transparent;box-shadow:none;min-height:40px;padding:3px 10px}
.astralis-cockpit .client-navigation button[aria-expanded=true]{background:linear-gradient(90deg,#15304c,#071326);color:#ffe3a1;border-color:#7f6c48}
.astralis-cockpit .client-navigation .nav-entry{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;gap:3px;width:100%}
.astralis-cockpit .client-navigation .nav-entry>button:first-child{min-width:0}
.astralis-cockpit .client-navigation .nav-command{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;align-self:center;padding:0;aspect-ratio:1;color:#8deaff;border:1px solid #5b6f94;background:#0c1c36;box-shadow:inset 0 0 0 2px #050b19;font-size:16px}
.astralis-cockpit .client-navigation .nav-command:hover:not(:disabled){color:#ffe09a;border-color:#d5a85c;background:#17365c}
.astralis-cockpit .client-navigation .nav-direct>span:last-child::after{content:' ↗';color:#8deaff}
.nav-glyph{width:27px;flex:0 0 27px}.rail-links{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:10px;line-height:1.4;padding:0 7px 3px}.rail-links span{color:#7797ba;letter-spacing:1px;font-size:8px}
.astralis-cockpit .wisp-card{position:relative;border:1px solid var(--edge);border-radius:0;padding:11px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:6px;background:#041121;box-shadow:inset 0 0 0 3px #071a2b;margin:0;flex-shrink:0}
.astralis-cockpit .wisp-heading{grid-column:1/-1}.astralis-cockpit .wisp-heading h2{font:600 13px/1.3 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0;color:#f4c570}.astralis-cockpit #wisp-emblem{border:0;background:none;box-shadow:none;flex-basis:20px;height:20px;font-size:18px}
.astralis-cockpit #wisp-art{grid-row:2;margin:0;border:0;box-shadow:none;background:transparent;align-self:center}.astralis-cockpit #wisp-sprite{width:74px;height:74px;object-fit:contain;max-width:100%;aspect-ratio:1;image-rendering:pixelated}
.astralis-cockpit #wisp-art-state{font-size:8px;padding:0;letter-spacing:0;line-height:1.5}.astralis-cockpit #wisp-status{margin:0;grid-column:2;font-size:11px;line-height:1.6;align-self:center}
.wisp-details{grid-column:1/-1;font-size:10px;margin-top:4px}.wisp-details summary{color:#9fb7d8;cursor:pointer;padding:7px 0}.astralis-cockpit .wisp-actions button{font-size:10px;min-height:36px;padding:6px}.astralis-cockpit #wisp-preview-open{font-size:10px;margin:7px 0;width:100%}.wisp-details a{display:block;font-size:10px;margin-top:5px}
.world-scene{position:relative;min-height:0;overflow:hidden;background:#061127}
.scene-top{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3;padding:8px 10px;background:linear-gradient(#031124e8,#03112488);flex-wrap:wrap}.scene-top{top:0}.scene-label{font:10px Georgia,serif;letter-spacing:2px;color:#e4cb8c}.astralis-cockpit .connection{gap:7px;font-size:10px;flex-wrap:wrap}.astralis-cockpit #connection{color:#a9c7df}.astralis-cockpit .connection button{font-size:11px;min-height:32px;padding:6px 12px;border-color:#b78643;color:#ffd883;background:#061324eb}
.astralis-cockpit .movement-panel{position:fixed;z-index:35;right:clamp(15px,22vw,380px);bottom:20dvh;width:230px;padding:14px;background:#031024fa}.astralis-cockpit .movement-panel button{font-size:12px;min-height:38px;padding:8px}.astralis-cockpit .compass{gap:5px}.astralis-cockpit .quick{gap:6px}
.feature-drawer{position:absolute!important;z-index:6;inset:8px;display:flex;flex-direction:column;overflow:hidden;background:#041121fc!important}.feature-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;border-bottom:1px solid #896d3f}.feature-heading h2{margin:0;font-size:24px}.feature-heading button{min-height:32px}.feature-body{padding:14px 18px;overflow:auto;flex:1;min-height:0}.feature-body h3{font-size:22px;margin:4px 0 12px}.feature-body .card{border:0;background:transparent;box-shadow:none;padding:0;margin:0}.feature-body #inventory-list{max-height:none;display:block}.feature-body .inventory-item{min-height:52px;padding:10px}.feature-body .effects-panel{margin-top:22px;padding-top:10px;border-top:1px solid #564834}.feature-body #effects-list{max-height:none}
.feed-area{display:flex;flex-direction:column;position:relative;min-height:0;min-width:0}.feed-tabs{display:flex;align-items:stretch;gap:3px;padding:5px 9px 0;background:#020b19;flex:0 0 40px;overflow:auto;border:1px solid #856536;border-bottom:0}.astralis-cockpit .feed-tabs button{padding:6px 17px;min-width:76px;min-height:34px;font-size:13px;border-bottom:0}.astralis-cockpit .feed-tabs button[aria-selected=true]{color:#ffd373;border-color:#d39e43;box-shadow:inset 0 2px #e4ac4e;background:#112036}.astralis-cockpit .feed-tabs #quick-toggle{min-width:88px;font-size:11px;padding:0 10px;margin-left:auto;color:#efbd68}
.astralis-cockpit .console-frame{--frame-size:12px;align-self:stretch;flex:1;min-height:0;padding:9px;background:#030b18;display:flex;border:1px solid #b98a42}.astralis-cockpit .console-frame>span{background-size:initial;z-index:2}.astralis-cockpit .console-frame .frame-tl,.astralis-cockpit .console-frame .frame-tr,.astralis-cockpit .console-frame .frame-bl,.astralis-cockpit .console-frame .frame-br{background-size:16px 16px;width:16px;height:16px}.astralis-cockpit .console-frame .frame-top,.astralis-cockpit .console-frame .frame-bottom,.astralis-cockpit .console-frame .frame-left,.astralis-cockpit .console-frame .frame-right{display:none}
.astralis-cockpit .console{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column;border:0;box-shadow:none;outline:none;border-radius:0;background:#020c19;align-self:stretch}.astralis-cockpit .console-head{padding:3px 7px;background:#020c19;border:0;min-height:24px;flex:0 0 auto;font-size:8px;letter-spacing:1px;color:#7086a4}.console-head>div{display:flex;gap:4px}.astralis-cockpit .console-head button{min-height:23px;padding:1px 5px;font-size:10px;background:transparent;box-shadow:none;border:0}.astralis-cockpit #output{flex:1;min-height:0;height:auto;padding:7px 9px 14px;font-size:var(--feed-size);line-height:1.55;background:#020c19;color:#bec8dd;overscroll-behavior:contain}.astralis-cockpit .welcome{font:var(--feed-size)/1.75 ui-monospace,Consolas,monospace;color:#a7b6d1}
.astralis-cockpit #command-form{flex-shrink:0;background:#061325;padding:4px 7px;gap:6px;border:1px solid #56627b;box-shadow:inset 0 0 0 2px #020b19}.astralis-cockpit #command{background:transparent;font-size:16px;padding:8px;min-height:38px}.astralis-cockpit #send{min-height:38px;padding:6px 10px;font-size:12px}.astralis-cockpit .input-options{padding:5px 8px;background:#020c19;gap:10px;flex-shrink:0;font-size:9px}.astralis-cockpit .input-options>span{font-size:9px}.astralis-cockpit #latest{bottom:92px;z-index:7}.target-status{position:absolute;right:14px;top:-29px;display:none}
.channel-view{flex:1;min-height:0;overflow:auto;padding:14px;background:#020c19}.channel-view h2{margin:4px 0 12px;font-size:25px}.channel-view .hint{max-width:60ch}.channel-view label{display:grid;gap:5px;font-size:12px;color:#a9c3df}.channel-view input,.channel-view textarea{width:100%;border:1px solid #3c526e;background:#07172a;color:#f1e6d0;padding:10px;min-height:40px}.channel-view form{display:grid;gap:12px;max-width:600px}.quick-menu{display:flex;flex-wrap:wrap;gap:6px;background:#081729;padding:7px;border-top:1px solid #526480}.quick-menu button{font-size:11px}.plain-list{padding:0;margin:0;list-style:none;line-height:1.6;font-size:12px}.plain-list li{border-bottom:1px solid #263b53;padding:10px 0}.plain-list strong{color:#ead0a0;font-weight:500}.plain-list small{display:block;color:#a4b6d1;font-size:11px}.action-list{display:grid;gap:8px}.action-list button{text-align:left;display:block;width:100%}.action-list strong{display:block;font-size:13px;color:#f2d6a2}.action-list small{display:block;font-size:10px;margin-top:4px;color:#a6beda}.action-list p{font-size:12px;line-height:1.6;margin:4px 0;color:#a6beda}.setting-row{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;margin:12px 0}.setting-row select{color:#e4d3ba;background:#061429;border:1px solid #52637e;padding:9px}.setting-row input{accent-color:#70d4ff}
.astralis-cockpit .chat-channel{display:flex;flex-direction:column;overflow:hidden}.chat-heading{flex:0 0 auto;border-bottom:1px solid #53462f;padding-bottom:10px}.chat-heading p{margin:0}.chat-heading h2{margin:3px 0 5px}.chat-log{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;padding-top:10px;font:var(--feed-size)/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.chat-message{margin:0 0 7px;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere;color:#c5d0e4;background:#061426;border:1px solid #223750;border-left:2px solid #5fcbe4}.chat-roleplay{border-left-color:#e4c47e;color:#ead9b8}.chat-ooc{border-left-color:#d789df;color:#dfc7e8}#chat-empty{margin:12px 0 0}
.skills-live{margin-top:16px;padding-top:13px;border-top:1px solid #4d4c52}.skills-live-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.skills-live-heading h4{margin:0;color:#f3c86f;font:600 13px/1.4 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.8px}.skills-live-mark{color:#6de1ee}.skills-live-list{display:grid;gap:7px;margin-top:9px}.skill-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,1.2fr);gap:4px 14px;align-items:center;padding:9px 10px;border:1px solid #263b53;border-left:2px solid #68d8e8;background:#061426}.skill-name{color:#e8d19b;font-size:12px}.skill-value{color:#b8cbe2;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}.skill-progress{grid-column:1/-1;height:4px;background:#0b2038;box-shadow:inset 0 0 0 1px #233f5d}.skill-progress i{display:block;height:100%;background:linear-gradient(90deg,#7654d5,#65dbea)}.skill-note{padding:8px 10px;color:#b8cbe2;background:#061426;border-left:2px solid #7259a7;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.skills-group{margin:7px 0 0;color:#74ddeb;font:600 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase}@media(max-width:600px){.skill-row{grid-template-columns:1fr}.skill-value{text-align:left}.skill-progress{grid-column:1}}
.skills-guide{margin-top:20px;padding-top:13px;border-top:1px solid #4d4c52}.skills-guide-content{display:grid;gap:6px;margin-top:9px}.skill-guide-heading{margin:10px 0 1px;padding-bottom:5px;border-bottom:1px solid #263b53;color:#74ddeb;font:600 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase}.skill-guide-line,.skill-guide-command{margin:0;padding:8px 10px;border-left:2px solid #7259a7;background:#061426;color:#b8cbe2;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.skill-guide-command{display:grid;grid-template-columns:minmax(135px,.65fr) minmax(0,1fr);gap:6px 14px;border-left-color:#68d8e8}.skill-guide-command strong{color:#e8d19b}.skill-guide-command span{min-width:0}@media(max-width:600px){.skill-guide-command{grid-template-columns:1fr;gap:2px}}
.guild-response{margin-top:16px;padding-top:13px;border-top:1px solid #4d4c52}.guild-response-content{display:grid;gap:7px;min-width:0}.guild-response-heading{margin:8px 0 3px;color:#74ddeb;font:600 13px/1.5 Inter,system-ui,sans-serif;overflow-wrap:anywhere}.guild-response-line,.guild-response-row{margin:0;padding:10px;border-left:2px solid #7259a7;background:#061426;color:#b8cbe2;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.guild-response-row{display:grid;gap:4px;border-left-color:#68d8e8}.guild-response-row strong{color:#e8d19b}.guild-response-row span{min-width:0}[data-panel-response="guild"][aria-expanded="true"]{color:#f3c86f;border-color:#c79a4b}
.social-who{margin-top:16px;padding-top:13px;border-top:1px solid #4d4c52;min-width:0}#social-who-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}.astralis-cockpit .social-who .who-player{min-width:0;padding:12px;border:1px solid #263b53;border-left:2px solid #68d8e8;background:#061426}.astralis-cockpit .social-who .who-name{color:#e8d19b;font-size:14px}.astralis-cockpit .social-who .who-identity,.astralis-cockpit .social-who .who-location,.astralis-cockpit .social-who .who-player-status{font-size:12px;line-height:1.6}#social-who-open[aria-expanded="true"]{color:#f3c86f;border-color:#c79a4b}
.character-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;min-width:0}.character-sheet-heading{grid-column:1/-1;margin:14px 0 0;padding-bottom:7px;border-bottom:1px solid #4d4c52;color:#74ddeb;font:600 13px/1.5 Inter,system-ui,sans-serif;overflow-wrap:anywhere}.character-sheet-field{min-width:0;margin:0;padding:12px;border:1px solid #263b53;border-left:2px solid #68d8e8;background:#061426;overflow-wrap:anywhere}.character-sheet-field dt{color:#e8d19b;font:600 12px/1.5 Inter,system-ui,sans-serif;margin-bottom:5px}.character-sheet-field dd{margin:0;color:#c5d0e4;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.character-sheet-wide,.character-sheet-note{grid-column:1/-1}.character-sheet-note{margin:0;color:#c5d0e4;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.quest-journal{margin-top:18px;padding-top:13px;border-top:1px solid #4d4c52;min-width:0}#quest-journal-content{display:grid;gap:10px;min-width:0}.quest-journal-heading{margin:9px 0 0;color:#74ddeb;font:600 13px/1.5 Inter,system-ui,sans-serif;overflow-wrap:anywhere}.quest-journal-entry{min-width:0;padding:12px;border:1px solid #263b53;border-left:2px solid #68d8e8;background:#061426}.quest-journal-entry h6{margin:0;color:#e8d19b;font:600 13px/1.5 Inter,system-ui,sans-serif;overflow-wrap:anywhere}.quest-journal-objective,.quest-journal-note,.quest-journal-completed{margin:0;color:#b8cbe2;font:12px/1.7 Inter,system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.quest-journal-entry .quest-journal-objective{margin-top:6px}.quest-journal-completed{padding:9px 12px;color:#9ee1bc;background:#061c25;border-left:2px solid #73c79d}
.location-card{flex:0 1 auto;padding:12px 14px;max-height:47%;overflow:auto}.location-heading{display:flex;gap:10px;align-items:center;margin:0 0 12px}.location-heading>div{flex:1;min-width:0}.location-heading h1{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:.5px;margin:0;text-transform:uppercase;overflow-wrap:anywhere}.location-heading p{margin:3px 0 0;font-size:12px;color:#dddacb}.location-star{font-size:38px;line-height:1;color:#e8b958}.astralis-cockpit #room-look{min-width:30px;min-height:30px;padding:3px;font-size:18px;color:#edc479;border-color:#886c42}.location-art{width:100%;border:1px solid #9e753f;outline:1px solid #091c31;outline-offset:2px}.location-card #room-description{font-size:13px;line-height:1.55;margin:12px 0 5px;color:#b6c3db;white-space:pre-line}.art-caption{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#617b9b;margin:0}.room-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.room-actions button{font-size:10px;padding:6px 7px;min-height:30px}
.world-tabs-panel{display:flex;flex-direction:column;min-height:175px;flex:1;overflow:hidden}.world-tabs{display:flex;border-bottom:1px solid #3d506b;padding:4px 5px 0;gap:2px}.astralis-cockpit .world-tabs button{flex:1;min-width:0;font-size:12px;min-height:30px;padding:5px 3px;border-bottom:0}.astralis-cockpit .world-tabs button[aria-selected=true]{color:#f5cb73;border-color:#cda04d;background:#132239}.world-tabs-panel>section{overflow:auto;min-height:0;flex:1}.world-tab-content{padding:13px}.world-tab-content h2{font:600 14px/1.3 Inter,system-ui,sans-serif;margin:0 0 12px}.astralis-cockpit .who-panel{position:static;border:0;background:transparent;box-shadow:none;padding:12px;margin:0}.astralis-cockpit .who-heading .eyebrow,.astralis-cockpit .who-live,.astralis-cockpit .who-note{display:none}.astralis-cockpit .who-heading h2{font:600 14px Inter,system-ui,sans-serif;margin:2px 0 8px}.astralis-cockpit #who-count{min-width:23px;min-height:23px;border:0;background:transparent;color:#efb75a;font-size:12px}.astralis-cockpit .who-tools{padding:0;border:0;justify-content:flex-end}.astralis-cockpit #who-refresh{font-size:9px;padding:3px 7px;min-height:25px}.astralis-cockpit #who-status{font-size:10px;line-height:1.5;min-height:0;margin:6px 0;color:#809aba}.astralis-cockpit #who-list{max-height:none;display:block;overflow:visible}.astralis-cockpit .who-player{padding:8px 0}.astralis-cockpit .who-name{font:500 13px Inter,system-ui,sans-serif;color:#b7cae6}.astralis-cockpit .who-badges{font-size:10px;color:#e0bafa}.astralis-cockpit .who-identity,.astralis-cockpit .who-location,.astralis-cockpit .who-player-status{font-size:10px;margin:3px 0 0;line-height:1.4}.exit-list{display:grid;gap:6px}.exit-list button{display:flex;gap:10px;align-items:center;text-align:left;font-size:11px}.exit-list strong{color:#f4ce7e;min-width:24px;text-transform:uppercase}.quest-entry{border-bottom:1px solid #314057;padding:10px 0}.quest-entry h3{font:500 14px Inter,system-ui,sans-serif;margin:0 0 6px;color:#f3ca77}.quest-entry p{font-size:11px;line-height:1.6;margin:5px 0;color:#b3c6df}.quest-entry button{font-size:10px;min-height:28px;padding:4px 8px}
.radio-card{min-height:158px;flex:0 0 21%;padding:14px 15px;overflow:hidden;display:flex;flex-direction:column}.radio-card-art{position:absolute;inset:38% 0 0;opacity:.85;pointer-events:none}.station-art{width:100%}.radio-card::before,.radio-card::after{z-index:2}.radio-card h2,.radio-card>p,.radio-card-controls{position:relative;z-index:3}.radio-card h2{font-size:25px;letter-spacing:2px;margin:0 0 6px}.radio-card>p{font-size:9px;letter-spacing:1px;color:#a0ddff;margin:0}.radio-card-controls{margin-top:auto;display:flex;align-items:center;gap:10px;background:#031122e8;padding:7px 0 0}.radio-card-controls a{margin-left:auto;font-size:20px;padding:6px;color:#f5c36c}.radio-card-controls #radio-now{color:#95b8d2;font-size:10px;max-width:100px;line-height:1.5}
.astralis-cockpit .item-panel{z-index:60;border-color:#cc9b4e;background:#061324}.astralis-cockpit dialog{z-index:65;background:#061324}.astralis-cockpit .item-description{font-family:Inter,system-ui,sans-serif}
.astralis-cockpit .feature-drawer{position:fixed!important;inset:10vh 25vw;z-index:20}.astralis-cockpit .skip-client:focus{position:fixed;inset:10px auto auto 10px;clip-path:none;width:auto;height:auto;z-index:2000;background:#071528;padding:10px}
@media(min-width:1550px){.astralis-cockpit .client-workspace{grid-template-columns:240px minmax(0,1fr) 355px}.astralis-cockpit .character-card{grid-template-columns:minmax(0,1fr);padding:10px 8px}.astralis-cockpit .meter div,.astralis-cockpit .meter b{font-size:10px}.astralis-cockpit .client-navigation button{font-size:17px;min-height:43px}.astralis-cockpit .character-data #details{font-size:11px}.astralis-cockpit .location-card #room-description{font-size:15px}.astralis-cockpit .location-heading h1{font-size:21px}}
@media(max-width:1150px){.astralis-cockpit .client-workspace{grid-template-columns:190px minmax(0,1fr) 255px;gap:8px;padding:8px}.astralis-cockpit .character-card{grid-template-columns:minmax(0,1fr);padding:12px}.astralis-cockpit .client-navigation button{font-size:13px;gap:8px}.scene-label{display:none}.astralis-cockpit .feed-tabs button{min-width:57px;padding:6px 8px;font-size:12px}.location-card{padding:10px}.location-heading h1{font-size:16px}.location-star{font-size:28px}.radio-card h2{font-size:21px}.radio-card{padding:12px}.radio-card-controls{gap:5px}.astralis-cockpit .input-options>span{display:none}}
@media(max-width:950px){.astralis-cockpit .client-workspace{grid-template-columns:175px minmax(0,1fr);height:auto;min-height:100dvh;overflow:visible;align-items:start}.astralis-cockpit .adventure-column{height:calc(100dvh - 16px);min-height:650px;grid-template-rows:70px minmax(330px,1fr)}.astralis-cockpit .traveler-rail{max-height:calc(100dvh - 16px);position:sticky;top:8px}.astralis-cockpit .world-rail{grid-column:2;display:grid;grid-template-columns:1fr 1fr;overflow:visible}.location-card{max-height:none;grid-row:span 2}.world-tabs-panel{height:300px}.radio-card{min-height:160px}.astralis-cockpit #who-list{display:block}.astralis-cockpit .feature-drawer .card{padding:0}.feature-body{padding:12px}.astralis-cockpit .wisp-card{grid-template-columns:56px minmax(0,1fr)}.astralis-cockpit #wisp-sprite{width:56px;height:56px}.astralis-cockpit .world-scene{margin:0}}
@media(max-width:600px){.astralis-cockpit .client-workspace{padding:8px;display:flex;flex-direction:column;gap:10px;height:auto;min-height:100dvh}.astralis-cockpit .traveler-rail{display:grid;width:100%;grid-template-columns:115px minmax(0,1fr);gap:9px;position:static;max-height:none;overflow:visible;padding:0}.astralis-brand{margin:8px 0;align-self:center}.astralis-cockpit .character-card{padding:9px;grid-template-columns:minmax(0,1fr);min-height:116px}.character-data #name{font-size:15px}.astralis-cockpit .character-data #details{font-size:10px;margin:2px 0 6px}.astralis-cockpit .meters{grid-template-columns:1fr 1fr;gap:7px}.astralis-cockpit .meter div,.astralis-cockpit .meter b{font-size:9px}.astralis-cockpit .client-navigation{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;padding:3px;gap:0;flex:none;justify-content:flex-start}.astralis-cockpit .client-navigation button{flex:0 0 auto;width:auto;gap:5px;font-size:12px;min-height:44px;padding:4px 10px}.astralis-cockpit .client-navigation .nav-entry{display:flex;width:auto;flex:0 0 auto;gap:2px}.astralis-cockpit .client-navigation .nav-command{width:36px;min-width:36px;padding:0}.nav-glyph{width:22px;flex-basis:22px}.astralis-cockpit .wisp-card{grid-column:1/-1;grid-template-columns:54px minmax(0,1fr);padding:8px}.astralis-cockpit .wisp-heading{grid-column:2;grid-row:1}.astralis-cockpit #wisp-art{grid-row:1/3;grid-column:1}.astralis-cockpit #wisp-status{grid-row:2;line-height:1.4;font-size:10px}.wisp-details{grid-column:1/-1}.wisp-details summary{padding:3px 0;font-size:10px}.rail-links{grid-column:1/-1;font-size:10px;justify-content:space-between}.astralis-cockpit .adventure-column{width:100%;height:calc(100svh - 80px);min-height:580px;grid-template-rows:50px minmax(360px,1fr)}.astralis-cockpit .scene-top{padding:7px}.astralis-cockpit .connection{width:100%;justify-content:space-between}.astralis-cockpit .feed-tabs{padding:3px 3px 0;gap:2px;flex-basis:39px}.astralis-cockpit .feed-tabs button{flex:1;min-width:0;font-size:12px;padding:6px}.astralis-cockpit .feed-tabs #quick-toggle{min-width:30px;flex:0 0 30px}.astralis-cockpit .console-frame{padding:6px}.astralis-cockpit #output{padding:8px;font-size:var(--feed-size);line-height:1.5}.astralis-cockpit #send{font-size:10px;padding:4px 8px}.astralis-cockpit #command-form{padding:2px 5px}.astralis-cockpit .input-options{padding:5px;min-height:30px}.astralis-cockpit .world-rail{display:flex;width:100%;gap:10px;overflow:visible}.location-card{max-height:none;padding:13px}.location-art{max-height:180px}.world-tabs-panel{flex:none;height:330px}.radio-card{min-height:180px;flex:none}.radio-card h2{font-size:26px}.radio-card-controls{margin-top:70px}.radio-card-art{top:25%}.astralis-cockpit .feature-drawer{position:fixed!important;inset:10dvh 10px 14dvh;z-index:40}.astralis-cockpit .movement-panel{position:fixed;bottom:20dvh;right:15px;z-index:35}.astralis-cockpit #radio-deck{height:65dvh;top:auto;bottom:0}.astralis-cockpit .item-panel{z-index:60;max-height:calc(100dvh - 20px)}.astralis-cockpit .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.astralis-cockpit *{scroll-behavior:auto;animation:none;transition:none}}


/* Each rail item owns its height; labels and meters cannot escape the card. */
.astralis-cockpit .traveler-rail{overflow-y:auto;overflow-x:hidden;align-items:stretch;position:relative;z-index:auto}
.astralis-cockpit .astralis-brand{width:100%;max-width:100%;margin:4px 0 8px}
.astralis-cockpit .character-card{width:100%;max-width:100%;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding:14px;overflow:hidden}
.astralis-cockpit .character-data{min-width:0}.astralis-cockpit .character-data #name{font-size:19px;line-height:1.25}
.astralis-cockpit .character-data #details{font-size:11px;line-height:1.45;margin:4px 0 10px}
.astralis-cockpit .meters{gap:9px;min-width:0;line-height:1.2}
.astralis-cockpit .meter{min-width:0;line-height:1.2}.astralis-cockpit .meter div{font-size:10px;line-height:1.25;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.astralis-cockpit .meter b{font-size:10px;line-height:1.25;margin-left:auto}.astralis-cockpit progress{display:block;width:100%;height:7px;margin:0;vertical-align:top}
.astralis-cockpit .client-navigation{flex:0 0 auto;flex-wrap:nowrap;min-height:auto;justify-content:flex-start}
.astralis-cockpit .client-navigation button{flex:0 0 auto;min-height:42px}
@media(min-width:1151px){.astralis-cockpit .client-workspace{grid-template-columns:clamp(265px,19vw,320px) minmax(0,1fr) clamp(280px,21.5vw,370px)}}
@media(min-width:1550px){.astralis-cockpit .client-workspace{grid-template-columns:300px minmax(0,1fr) 355px}}
@media(min-width:601px) and (max-width:1150px){.astralis-cockpit .character-card{grid-template-columns:minmax(0,1fr);padding:11px}}
@media(max-width:600px){.astralis-cockpit .traveler-rail{overflow:visible}.astralis-cockpit .character-card{grid-template-columns:minmax(0,1fr);padding:9px;gap:7px}.astralis-cockpit .character-data #name{font-size:15px}.astralis-cockpit .character-data #details{font-size:10px}.astralis-cockpit .meters{grid-template-columns:1fr;gap:6px}.astralis-cockpit .meter div,.astralis-cockpit .meter b{font-size:9px}.astralis-cockpit .client-navigation{flex-direction:row;flex-wrap:nowrap}.astralis-cockpit .client-navigation button{min-height:44px}}

/* Guild conversation uses the existing navy-and-gold console. */
.astralis-cockpit .guild-channel{display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:16px}
.guild-chat-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-shrink:0;border-bottom:1px solid #53462f;padding-bottom:12px}
.guild-chat-heading h2{margin:3px 0 5px}.guild-chat-heading p{margin:0}.guild-chat-tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.astralis-cockpit .guild-chat-tools button{font-size:11px;min-height:36px;padding:6px 9px}
#guild-chat-log{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;padding:4px 7px 4px 0;overflow-wrap:anywhere;font-size:var(--feed-size);line-height:1.6}
.guild-message,.guild-notice{padding:10px 12px;margin:0 0 8px;background:#061426;border:1px solid #223750;border-left:2px solid #99733e}
.guild-author{display:block;font-size:12px;color:#f4c570}.guild-message p,.guild-notice p{margin:2px 0 0;white-space:pre-wrap;color:#c0cce1}.guild-notice{border-left-color:#67c8e2}.guild-notice p{font-size:13px;color:#acd6e5}
#guild-chat-empty,#guild-chat-status{margin:0;flex-shrink:0}#guild-chat-status{min-height:20px;font-size:11px}
.astralis-cockpit #guild-chat-form{display:grid;gap:6px;max-width:none;width:100%;flex-shrink:0;margin:0;padding-top:8px;border-top:1px solid #53462f}
.guild-compose{display:flex;gap:8px;align-items:center}.astralis-cockpit #guild-message{min-width:0;flex:1;font-size:16px;min-height:44px}.astralis-cockpit #guild-send{min-height:44px;border-color:#b78643;color:#ffd883;font-size:12px;white-space:nowrap}
.astralis-cockpit #guild-latest{align-self:flex-end;font-size:11px;min-height:32px;padding:5px 10px}.channel-unread{display:inline-block;min-width:18px;padding:1px 4px;background:#f4c570;color:#061222;font-size:10px;line-height:16px}
@media(max-width:600px){.astralis-cockpit .guild-channel{padding:9px;gap:7px}.guild-chat-heading{flex-wrap:wrap;gap:8px;padding-bottom:8px}.guild-chat-heading h2{font-size:22px}.guild-chat-tools{justify-content:flex-start}.astralis-cockpit .guild-chat-tools button{font-size:10px;min-height:32px}.guild-message,.guild-notice{padding:8px}.guild-compose{gap:5px}.astralis-cockpit #guild-send{padding:6px;font-size:10px}}

@media(max-width:600px){.channel-unread{min-width:5px;width:5px;height:5px;padding:0;font-size:0;line-height:0;vertical-align:middle}}

/* Guided entry and first steps use the live command path. */
.astralis-cockpit .login-welcome{position:relative;flex:0 0 auto;margin:8px 9px 12px;padding:16px 18px;background:linear-gradient(125deg,#071b31,#080f25 60%,#17102d);overflow:hidden}
.astralis-cockpit .login-welcome::after{content:'✦';position:absolute;right:17px;top:12px;color:#73def0;font-size:18px;opacity:.45}
.login-welcome.channel-hidden{display:none!important}.login-welcome .eyebrow{margin:0 0 5px;padding-right:55px}.login-welcome h2{font-size:26px;margin:0 0 7px;padding-right:80px}
#login-welcome-status{font-size:12px;line-height:1.55;color:#c0cce1;margin:0 0 13px;max-width:75ch}
.welcome-actions{display:flex;flex-wrap:wrap;gap:8px}
.astralis-cockpit .login-welcome[data-creation-step]{max-height:min(52svh,480px);overflow:auto;overscroll-behavior:contain;scroll-padding:12px}
.welcome-actions[data-creation-menu]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px}
.astralis-cockpit .welcome-actions[data-creation-menu] button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
.astralis-cockpit .welcome-actions button{min-height:44px;font-size:13px;font-weight:600;border-color:#b78643;color:#ffe1a0}
.calling-icon{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:contain;image-rendering:pixelated;background:#080c1a;border-radius:3px}
.calling-icon[hidden]{display:none}
.astralis-cockpit .welcome-actions button[data-calling-icon]{display:flex;align-items:center;gap:10px;padding:8px;min-height:66px}
.welcome-actions button[data-calling-icon]>span{min-width:0}
.login-welcome[data-creation-step="class-card"] h2{display:flex;align-items:center;gap:14px;padding-right:24px}
.login-welcome[data-creation-step="class-card"] h2 .calling-icon{width:64px;height:64px;flex-basis:64px}
@media(max-width:420px){.astralis-cockpit .welcome-actions button[data-calling-icon]{gap:7px;font-size:12px}.welcome-actions .calling-icon{width:40px;height:40px;flex-basis:40px}}
.astralis-cockpit .guide-dismiss{position:absolute;right:42px;top:9px;z-index:3;min-height:29px;padding:4px 7px;border:0;box-shadow:none;background:transparent;color:#8db1d0;font-size:10px}
.astralis-cockpit .guide-form{display:grid;gap:7px;margin-top:12px;max-width:620px}.astralis-cockpit .guide-form label{font-size:11px;color:#8edcf0;letter-spacing:.5px}.astralis-cockpit .guide-form>div{display:flex;gap:7px}
.astralis-cockpit .guide-form input{flex:1;min-width:0;min-height:44px;padding:9px 11px;color:#f6ead4;background:#020c19;border:1px solid #647796;font-size:16px}.astralis-cockpit .guide-form button{min-height:44px;border-color:#b78643;color:#ffe1a0;white-space:nowrap}
.astralis-cockpit .saved-login-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;max-width:620px;margin-top:12px}
.saved-login-form>label{display:grid;gap:5px;font-size:11px;color:#8edcf0;letter-spacing:.5px}
.astralis-cockpit .saved-login-form input:not([type=checkbox]){width:100%;min-width:0;min-height:44px;padding:9px 11px;color:#f6ead4;background:#020c19;border:1px solid #647796;font-size:16px}
.astralis-cockpit .saved-login-form .save-login-option{grid-column:1/-1;display:flex;align-items:center;gap:9px;min-height:32px;color:#e2e8f2;cursor:pointer}
.saved-login-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#edc576}
.saved-login-form .hint{grid-column:1/-1;margin:-5px 0 0;color:#adc5e0;font-size:11px;line-height:1.5}
.saved-login-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.astralis-cockpit .saved-login-actions button{min-height:44px;border-color:#b78643;color:#ffe1a0}
@media(max-width:600px){.astralis-cockpit .saved-login-form{grid-template-columns:1fr;gap:8px}.saved-login-actions>button{flex:1}}
.welcome-actions[aria-busy=true]::after{content:'✦';color:#73def0;animation:guide-pulse 1s steps(2,end) infinite}@keyframes guide-pulse{50%{opacity:.25}}
.astralis-cockpit #connect,.astralis-cockpit #welcome-connect{background:#edc576;color:#171421;border:1px solid #ffe4a6;box-shadow:inset 0 0 0 2px #c5974d;font-weight:700}
.astralis-cockpit #connect{min-height:40px;font-size:12px;padding:7px 14px;white-space:nowrap}
.astralis-cockpit #connect:hover:not(:disabled),.astralis-cockpit #welcome-connect:hover:not(:disabled){background:#ffe0a0;color:#111624}
.astralis-cockpit #command-hint{flex-shrink:0;margin:0;padding:7px 9px;color:#adc5e0;font-size:11px;line-height:1.5;background:#020c19}
.astralis-cockpit #latest{bottom:120px}
@media(max-width:600px){.astralis-cockpit #connect{min-height:36px;padding:6px 10px}.astralis-cockpit .adventure-column{order:-1;height:calc(100svh - 16px);min-height:600px}.astralis-cockpit .traveler-rail{order:2}.astralis-cockpit .world-rail{order:3}.astralis-cockpit .login-welcome{margin:5px 3px 9px;padding:12px}.login-welcome h2{font-size:23px}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.astralis-cockpit .welcome-actions button{width:100%;padding:8px;white-space:normal}.astralis-cockpit #welcome-connect{grid-column:1/-1}.astralis-cockpit .guide-form>div{display:grid}.astralis-cockpit .guide-form button{width:100%}.astralis-cockpit #command-hint{font-size:10px;padding:6px}}

/* Guild references share the existing renderer and scroll within the chat tab. */
.guild-chat-details{flex:0 1 auto;min-height:0;max-height:45%;overflow:auto;padding:10px 12px;border:1px solid #53462f;background:#041222}.guild-chat-details-tools{display:flex;justify-content:flex-end}.astralis-cockpit .guild-chat-details-tools button{min-height:32px;padding:4px 8px;font-size:11px}.guild-chat-details .guild-response{margin-top:0;padding-top:6px;border-top:0}

/* Single-line command entry is a textarea so gameplay never resembles a login field. */
.astralis-cockpit #command{height:38px;box-sizing:border-box;line-height:22px;resize:none;white-space:pre;overflow-x:auto;overflow-y:hidden}.astralis-cockpit #command::placeholder{-webkit-text-security:none}

/* Look around uses the existing command shortcut, directly above Send. */
.astralis-cockpit .command-tools{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:0 8px 4px;background:#020c19}
.astralis-cockpit .command-tools #command-hint{flex:1;min-width:0;padding:7px 1px}
.astralis-cockpit #look-shortcut{display:inline-flex;align-items:center;justify-content:center;flex:0 0 60px;min-width:44px;min-height:44px;padding:8px 10px;color:#f3cb78;background:#102647;border:1px solid #bd954c;border-radius:0;box-shadow:inset 0 0 0 2px #071326}
.astralis-cockpit #look-shortcut:hover:not(:disabled){color:#ffe5a3;background:#203f62;border-color:#f0c974}
.astralis-cockpit #look-shortcut:focus-visible{outline:2px solid #79d9dd;outline-offset:3px}
.astralis-cockpit #look-shortcut svg{display:block;flex:none;image-rendering:pixelated}
.astralis-cockpit #look-shortcut .eye-pupil{fill:#061325}


/* Room/world cards occupy the left rail; character/menu cards occupy the right. */
@media(min-width:601px) and (max-width:950px){
  .astralis-cockpit .client-workspace{grid-template-columns:minmax(230px,28vw) minmax(0,1fr)}
  .astralis-cockpit .character-rail{display:flex;flex-direction:column}
  .astralis-cockpit .character-rail .client-navigation{flex:0 0 auto}
}
@media(max-width:600px){
  .astralis-cockpit .character-rail{order:2}
  .astralis-cockpit .room-rail{order:3;display:flex;flex-direction:column}
  .astralis-cockpit .room-rail .astralis-brand{max-width:280px;align-self:center}
  .astralis-cockpit .room-rail .location-card,.astralis-cockpit .room-rail .world-tabs-panel{width:100%;flex:none}
  .astralis-cockpit .character-rail .character-card,.astralis-cockpit .character-rail .client-navigation{width:100%}
}


/* Keep the connection control at its existing top-right anchor without a panel. */
.astralis-cockpit .world-scene,.astralis-cockpit .scene-top{background:transparent;border:0;box-shadow:none}
.astralis-cockpit .scene-top{justify-content:flex-end}
.astralis-cockpit .scene-top .connection{width:auto;margin-left:auto;justify-content:flex-end}

/* Keep the full identity card visible; fit the right rail on shorter desktops. */
.astralis-cockpit .character-rail .character-card{flex:none;min-height:max-content;overflow:visible}
.astralis-cockpit .character-rail #name{white-space:normal;overflow-wrap:anywhere}
@media(min-width:951px){
  .astralis-cockpit .character-rail .character-card{position:sticky;top:0;z-index:3}
}
@media(min-width:951px) and (max-height:900px){
  .astralis-cockpit .character-rail .client-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;padding:6px}
  .astralis-cockpit .character-rail .client-navigation button{min-width:0;min-height:44px;padding:4px 3px;gap:5px;font-size:12px;line-height:1.25}
  .astralis-cockpit .character-rail .client-navigation button>span:last-child{min-width:0;overflow-wrap:anywhere}
  .astralis-cockpit .character-rail .client-navigation .nav-glyph{width:18px;flex-basis:18px}
  .astralis-cockpit .character-rail .client-navigation .help-nav-icon{width:18px;height:20px;flex-basis:18px;font-size:17px}
  .astralis-cockpit .character-rail .client-navigation .nav-entry{grid-template-columns:minmax(0,1fr) 28px;gap:1px}
  .astralis-cockpit .character-rail .client-navigation .nav-command{width:28px;min-width:28px;min-height:36px;height:36px;padding:0}
}

/* Give the pixel-art caption its own space above the player controls. */
.astralis-cockpit .character-rail .radio-card{flex:none;height:auto;min-height:0}
.astralis-cockpit .radio-card h2{order:0}
.astralis-cockpit .radio-card-art{position:relative;inset:auto;order:1;flex:none;width:100%}
.astralis-cockpit .radio-card-controls{order:2;flex:none;margin-top:8px;padding-top:0;background:transparent}

/* Center the familiar and its controls in a single responsive column. */
.astralis-cockpit .wisp-card{display:flex;flex-direction:column;align-items:center;text-align:center}
.astralis-cockpit .wisp-heading{width:100%;justify-content:center}
.astralis-cockpit #wisp-status{width:100%}
.astralis-cockpit #wisp-status:empty{display:none}
.astralis-cockpit .wisp-details{width:100%}
.astralis-cockpit .wisp-details summary{width:fit-content;max-width:100%;margin-inline:auto}
.astralis-cockpit .wisp-card dl>div{display:grid;justify-items:center;gap:3px}
.astralis-cockpit .wisp-card dd,.astralis-cockpit .wisp-customization input,.astralis-cockpit .wisp-customization select{text-align:center}
.room-actions[hidden],.context-travel[hidden]{display:none}.context-travel{margin:10px 0}.context-action-reason{flex-basis:100%;font-size:11px;color:#b3c6df;line-height:1.4}.context-primary{border-color:#cda04d}.quest-reward{border-top:1px solid #314057;padding:12px 0}.quest-reward summary{cursor:pointer;color:#f3ca77;font-size:13px}.quest-reward select{display:block;max-width:100%;width:100%;margin:8px 0;padding:8px;font:inherit;color:#e1ebf6;background:#0b1729;border:1px solid #596b85}.quest-reward button{min-height:34px}.quest-reward p{overflow-wrap:anywhere}

.archive-room-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0;font-size:.75rem}.archive-room-links a{color:#e5be75;text-underline-offset:3px}.archive-room-links button{font-size:inherit;padding:.3rem .5rem}