:root{font-family:"Segoe UI",Arial,sans-serif;color:#edf6f6;background:#071e28;line-height:1.5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:58px;padding:12px 22px;display:flex;align-items:center;gap:22px;background:#082b36;border-bottom:1px solid #3e6570}header a{color:#89e8db;text-decoration:none}header strong{margin-right:auto}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100dvh - 58px)}#viewport{position:relative;min-width:0;overflow:hidden;background:#b6c9da}canvas{width:100%;height:100%;display:block;touch-action:none}aside{overflow:auto;padding:18px;background:#0b2b36;border-left:1px solid #3e6570}h1{font-size:1.4rem;line-height:1.2}p{font-size:.86rem}.muted{color:#b2c8cc}details{margin:12px 0;border-top:1px solid #4d6870;padding-top:10px}summary{font-weight:650;cursor:pointer}button,input,select{font:inherit;font-size:.85rem}button,select{padding:9px 12px;margin:3px 0;border:1px solid #637b82;border-radius:6px;background:#123d49;color:#efffff;cursor:pointer}button:hover{background:#235866}button:disabled{opacity:.5;cursor:default}input{width:100%;padding:8px;background:#071e28;color:white;border:1px solid #637b82;border-radius:5px}label{display:block;font-size:.82rem;margin-top:8px}input[type=range]{padding:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #ffd48c;outline-offset:2px}.buttons,.tabs,#destinations{display:flex;flex-wrap:wrap;gap:6px}#machinery button,#risk button,#presentation>button{display:block;width:100%}.notice{color:#f8d191;border-left:3px solid #dda34f;padding-left:9px}#feedback{color:#8ce3cf}#look-status{position:absolute;left:12px;bottom:8px;pointer-events:none;background:#07232ce6;color:white;padding:7px 11px;border-radius:6px;margin:0}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:24px;background:#082b36f8;color:#edf6f6}#loading p{max-width:430px}#loading[hidden],[hidden]{display:none!important}progress{width:min(350px,90%);height:18px;accent-color:#71dccb}#touch{display:none;position:absolute;bottom:62px;left:18px;right:18px;justify-content:space-between;pointer-events:none}#touch div{display:flex;flex-direction:column;align-items:center}#touch button{width:46px;height:46px;background:#07232ce6;pointer-events:auto;touch-action:none}#panel-toggle{display:none}@media(pointer:coarse){#touch{display:flex}}@media(max-width:800px){header{padding:8px 12px;gap:10px;font-size:.8rem}header>a:first-child{max-width:140px;line-height:1.2}header strong{display:none}#panel-toggle{display:block;margin-left:auto}main{grid-template-columns:minmax(0,1fr)}aside{position:absolute;top:58px;right:0;bottom:0;width:min(320px,90vw);z-index:2;box-shadow:-10px 0 40px #0008}aside[hidden]{display:none}#look-status{font-size:.7rem;max-width:75%}}

/* Held movement controls must not select their glyphs or show iOS callouts. */
#touch,#touch *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

#voice-yell{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#voice-yell[aria-pressed="true"],#voice-mic[aria-pressed="true"]{background:#167b6d}#voice-attendees>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}#voice-attendees span{overflow-wrap:anywhere}#voice-moderation h2{font-size:16px}