#beta-navigation [data-view=trade][data-trade-state=market]{color:#b7def3;background:#213e51;border:1px solid #547e98;box-shadow:inset 0 -2px #74a9c8}
#beta-navigation [data-view=trade][data-trade-state=auction]{color:#fff0a0;background:#574b21;border:1px solid #e0bc43;box-shadow:inset 0 -2px #f5d65d,0 0 9px #e3ba332b}
#beta-nav-controls{grid-column:1;grid-row:1/3;min-width:0;width:310px;display:flex;flex-direction:column;gap:5px}
.beta-client #beta-nav-controls #mobile-dir-bar{margin:0;display:flex;gap:4px;width:100%}
.beta-client #beta-nav-controls .dir-btn{flex:1;min-width:0;min-height:40px;padding:5px}
#beta-travel-nav{display:flex;gap:5px;min-width:0}
#beta-travel-nav button{flex:1;min-width:0;min-height:40px;padding:5px 8px;font:inherit;font-size:12px;line-height:1.2;border-radius:7px;border:1px solid #5b7b8c;background:linear-gradient(#294858,#203747);color:#dbebef;cursor:pointer}
#beta-travel-nav button:disabled{opacity:.4;cursor:default}
#beta-travel-nav button:focus-visible{outline:2px solid #efd88a;outline-offset:2px}
#beta-travel-nav #bm-transition,#beta-travel-nav #bs-open{border-color:#b39a60;background:linear-gradient(#786132,#5c4929);color:#fff0c5}
#beta-travel-nav button[hidden],#beta-travel-nav .flight-duplicate{display:none!important}
@media(max-width:1049px){#beta-nav-controls{width:100%}#beta-travel-nav button{min-height:36px;font-size:12px}#beta-travel-nav{gap:4px}}
@media(max-height:560px){#beta-nav-controls{gap:3px}#beta-travel-nav button{min-height:30px}.beta-client #beta-nav-controls .dir-btn{min-height:32px}}

/* Notices may cover the heading and main panel, never either log. */
#beta-chat-bubbles{top:6px;right:6px;width:min(380px,calc(100% - 12px));overflow:hidden;box-sizing:border-box;padding-bottom:2px}
#beta-chat-bubbles .beta-chat-bubble{flex-shrink:0}
body[data-beta-view=chat] #beta-chat-bubbles,body[data-beta-view=output] #beta-chat-bubbles{display:none}

#beta-travel-nav #beta-enter-portal{border-color:#9f8ac0;background:linear-gradient(#51476b,#393450);color:#eee3ff}
#beta-portals{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:70%;overflow:auto;padding:18px;border:1px solid #a895be;border-radius:14px;background:#172e3a;color:#f0e7cf}
#beta-portals::backdrop{background:#07121bb3}#beta-portals>button{float:right}#beta-portals h2{font-size:20px;margin:10px 0 22px}#beta-portals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #46606b}#beta-portals button{font:inherit;min-height:44px;padding:8px 16px;border-radius:8px;border:1px solid #718890;background:#294653;color:#fff0cf}

/* Direction input is handled on press; retain native keyboard activation. */
.beta-client .dir-btn[data-dir],.beta-client .exit-btn[data-dir]{touch-action:manipulation;}

/* Every saved slot accepts a direction or flight button, preserving the two-row bar. */
.beta-client #beta-nav-controls #mobile-dir-bar>.ck-movement-button{flex:1;min-width:0;min-height:40px;padding:5px 2px;font:inherit;font-size:12px;line-height:1.2;border-radius:6px;border:1px solid var(--ui-border,#435967);background:var(--ui-raised,#283e49);color:var(--ui-text,#cad6d3);overflow-wrap:anywhere;cursor:pointer}
.beta-client #beta-nav-controls #mobile-dir-bar>.ck-movement-button.available,.beta-client #beta-nav-controls #beta-travel-nav>.ck-movement-button.available{border-color:var(--ui-accent,#7f937a);color:var(--ui-text,#f1e2bd);background:var(--ui-raised,#38534f)}
.beta-client #beta-nav-controls #mobile-dir-bar>.ck-movement-button:disabled{opacity:.4;cursor:default}
#ck-movement-layout{width:min(520px,calc(100vw - 20px))}
#ck-movement-layout>p{margin:10px 0;color:var(--ui-muted,#b5c3c6)}
#ck-movement-layout .ck-movement-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:18px 0;padding:10px;border-radius:12px;background:var(--ui-deep,#10232d);border:1px solid var(--ui-border,#526469);touch-action:none;user-select:none;-webkit-user-select:none}
#ck-movement-layout .ck-movement-board button{touch-action:none;min-width:0;min-height:52px;padding:8px 2px;font-size:13px;overflow-wrap:anywhere;cursor:grab}
#ck-movement-layout .ck-movement-board button:nth-child(n+7){grid-column:span 3}
#ck-movement-layout .ck-movement-board button[aria-pressed=true],#ck-movement-layout .ck-movement-board button.is-target{outline:2px solid var(--ui-accent,#e1d3ab);outline-offset:1px;background:var(--ui-deep,#10232d)}
#ck-movement-layout .ck-movement-board button.is-dragging{opacity:.5;cursor:grabbing}
#ck-movement-layout .ck-movement-status{min-height:2.8em;font-size:13px}
#ck-movement-layout .ck-settings-actions{gap:8px;justify-content:flex-end}
#ck-movement-layout .ck-settings-actions button{font-size:13px;flex:1;padding:9px 8px}
#ck-movement-layout .ck-movement-save{border-color:var(--ui-accent,#e1d3ab);font-weight:700}
@media(max-height:560px){.beta-client #beta-nav-controls #mobile-dir-bar>.ck-movement-button{min-height:32px}#ck-movement-layout .ck-movement-board{margin:10px 0}#ck-movement-layout .ck-movement-status{min-height:1.5em}}

/* Hide the eight saved movement slots, regardless of their arrangement. */
body.beta-client.ck-hide-movement #beta-nav-controls #mobile-dir-bar,
body.beta-client.ck-hide-movement #beta-nav-controls .ck-movement-button,
body.beta-client.ck-no-movement-nav #beta-nav-controls#beta-nav-controls{display:none!important}
body.beta-client.ck-no-movement-nav #action-bar{grid-template-columns:1fr}
body.beta-client.ck-no-movement-nav #action-bar #vitals-bar,
body.beta-client.ck-no-movement-nav #action-bar #command-bar{grid-column:1/-1!important}
#ck-movement-layout .ck-movement-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;cursor:pointer}
#ck-movement-layout .ck-movement-toggle input{width:20px;height:20px;flex:none;accent-color:var(--ui-accent,#85d4db)}