:root{--bg:#101417;--fg:#f0f4f5;--acc:#0fcccc;--muted:#b7c6cb}
*{box-sizing:border-box;letter-spacing:0!important}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
#ov .card{border-radius:8px;background:#151c20;border-color:#41515a;max-height:85svh;overflow:auto}
#go{border-radius:4px;color:#082326;min-height:44px}
#vp,#load{background:#151c20;border-color:#41515a;border-radius:8px}
#vp button,#hs button,#hs select,#tbtns button,#vpb button{background:#19252b;border-color:#42545d;border-radius:4px;min-height:36px}
#vp button.on,#tbtns button.on,#hs button:hover{background:#0fcccc;color:#082326}
#knob{background:#0fcccc}
body[data-tour-mode="orbit"] #touch{display:none!important}
.tour-development{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:13;margin:0;padding:6px 12px;background:#101417d9;color:#cfdddd;font-size:11px;text-align:center;max-width:90vw;width:max-content;pointer-events:none}
#vp{top:106px;max-height:calc(100svh - 130px)}
#vpb{top:66px}
#hud{top:18px;left:140px}
#hud{background:#101417bf;border-left:2px solid #0fcccc;padding:8px 10px;text-shadow:none;max-width:45vw}
#c{cursor:grab!important}
#c:active{cursor:grabbing!important}
#tips{display:block!important;position:fixed;left:16px;bottom:36px;top:auto;right:auto;width:min(540px,calc(100vw - 32px));z-index:20;pointer-events:auto;opacity:1;transform:none;color:#dce9ec;text-shadow:none}
.tour-help{background:#10191feb;border:1px solid #41515a;border-radius:4px;padding:10px 14px;font-size:12px;line-height:1.6;max-height:35svh;overflow:auto}
.tour-help summary{cursor:pointer;color:#0fcccc;font-size:13px;font-weight:600}
.tour-help p{margin:6px 0}
.tour-help kbd{font:inherit;color:#fff;background:#25343b;padding:1px 4px;border-radius:2px}
.tour-help-orbit,.tour-help-touch{display:none}
body[data-tour-mode="orbit"] .tour-help-free{display:none}
body[data-tour-mode="orbit"] .tour-help-orbit{display:block}
@media(pointer:coarse){.tour-help-desktop{display:none!important}.tour-help-touch{display:block}}
@media(max-width:760px){#tips{bottom:206px;width:min(380px,calc(100vw - 32px))}.tour-help{max-height:22svh;font-size:11px}}
.tour-return{position:fixed;top:14px;left:16px;z-index:31;color:#f0f4f5;background:#151c20;padding:10px 14px;border:1px solid #41515a;text-decoration:none;border-radius:4px}
#load a{display:block;color:var(--acc);margin-top:12px}
#load button{padding:10px 16px;border:0;background:var(--acc);color:#082326;border-radius:4px}
@media(max-width:760px){#hud{top:65px;left:16px}#hs{top:16px}#hs select{min-height:42px;max-width:58vw}#vp{top:auto;bottom:190px;width:calc(100vw - 24px);max-height:calc(100svh - 290px)}#vpb{top:auto;bottom:150px}#vpt{min-height:42px}#ov .card{width:calc(100% - 32px)}#tbtns button{min-height:48px}}