#spectatorControls button,#spectatorControls select{appearance:none;border:1px solid #cad5c9;border-radius:10px;background:#fffdf6;color:#365540;padding:9px 14px;font:600 13px system-ui;cursor:pointer;min-height:38px}
/* Keep controls reachable when the browser window is small or zoomed. */
#startScreen{overflow:auto;align-items:start}#startBox{margin:auto;max-width:100%}#overlay{overflow:auto}#panel{max-width:100%;overflow:auto}#fatal>div{max-height:calc(100vh - 32px);max-width:100%;overflow:auto}#actions{max-height:42vh;overflow:auto;scrollbar-width:thin}button{touch-action:manipulation}
@media(min-width:821px) and (max-width:1240px){#actions{bottom:106px;max-height:29vh}#bottomHint,#hintDot{display:none!important}#stats{width:196px}#rightTop{width:220px}}
@media(max-height:600px){#startBox{margin:8px auto}#rightTop{max-height:calc(100vh - 104px);overflow:auto}#stats{max-height:calc(100vh - 104px);overflow:auto}}
#spectatorControls button:hover{background:#e3ecdf}#spectatorControls button:focus-visible,#spectatorControls select:focus-visible{outline:3px solid #c28f38;outline-offset:2px}
#spectatorControls #spectatorMode{background:#396649;color:#fff;border-color:#396649}#spectatorControls #spectatorExit{margin-left:auto}#spectatorControls #spectatorHelp{font-size:12px;color:#677661}
.spectator-active #actions,.spectator-active #hotbar,.spectator-active #stats,.spectator-active #hintDot,.spectator-active #bottomHint,.spectator-active #questTitle,.spectator-active #questDesc,.spectator-active #questProgress,.spectator-active #targetName,.spectator-active #portalBanner,.spectator-active #daybar,.spectator-active #hazard,.spectator-active #frontierOpen,.spectator-active #frontierHome,.spectator-active #coopBadge,.spectator-active #eventBadge{display:none!important}
.spectator-active #rightTop{top:82px!important}.spectator-active #realmName{top:82px!important}.spectator-active #lookState{display:none!important}
.spectator-active #mobileBtns button{display:none!important}.spectator-active #mobileBtns #flightUp,.spectator-active #mobileBtns #flightDown{display:block!important}
@media(max-width:700px){#spectatorControls{gap:6px!important;padding:9px!important}#spectatorControls strong{font-size:12px}#spectatorControls #spectatorHelp{width:100%;order:4;font-size:10px}#spectatorControls button,#spectatorControls select{padding:7px 9px;font-size:11px}.spectator-active #rightTop{top:118px!important;width:150px!important}.spectator-active #rightTop canvas{width:128px;height:76px}.spectator-active #realmName{top:118px!important;left:12px;transform:none;font-size:11px}}

.spectator-active #frontierButtons{display:none!important}

/* V5.7 shortcut sheet (F1 / ?) */
#hotkeySheet[hidden]{display:none!important}
#hotkeySheet{position:fixed;inset:0;z-index:1060;background:#060d20d9;display:flex;align-items:center;justify-content:center;padding:12px}
.hotkey-window{width:min(780px,100%);max-height:92dvh;overflow:auto;background:linear-gradient(135deg,#182d42,#222944);color:#f8f5e8;border:2px solid #d3bd75;border-radius:18px;padding:18px 20px;box-shadow:0 20px 70px #000c;font:14px/1.5 system-ui,sans-serif;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 20px}
.hotkey-window header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:19px;color:#ffe59a;margin-bottom:4px}
.hotkey-window header button{padding:8px 12px;border-radius:10px;min-height:40px;background:#f2ce72;border:1px solid #ffecae;color:#152438;font-weight:800;cursor:pointer}
.hotkey-window button:focus-visible{outline:3px solid #8af4ed;outline-offset:3px}
.hotkey-group h3{margin:8px 0 6px;font-size:14px;color:#e9ddba}
.hotkey-row{display:flex;gap:10px;align-items:baseline;padding:3px 0;color:#e0dfd7}
.hotkey-row kbd{flex:0 0 auto;min-width:48px;text-align:center;background:#0d1c2a;border:1px solid #9ab1c4;border-bottom-width:3px;border-radius:7px;padding:2px 7px;font:700 12px ui-monospace,Consolas,monospace;color:#fff}
.hotkey-note{grid-column:1/-1;font-size:12px;color:#c9c6b8;margin:10px 0 0}