/* A shared, visible toolbar. Navigation stays discoverable; no all-in-one menu. */
.gallery-hud{display:none}
body.ui-cleanup{--ui-gap:8px;--ui-edge:16px;--ui-panel-top:132px;--ui-bottom:max(16px,env(safe-area-inset-bottom,0px))}
body.ui-cleanup.entered .gallery-hud{position:fixed;z-index:175;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;align-items:center;gap:20px;padding:14px 20px 12px;background:linear-gradient(#241c18f5,#241c18e8);color:#fff2d8;pointer-events:none}
.gallery-hud-identity{flex:0 1 280px;min-width:170px;display:grid;gap:3px}
.gallery-hud-title{font:500 1.125rem/1.45 'Noto Sans KR',sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.gallery-hud-count,.gallery-hud-note{font:.8125rem/1.5 'Noto Sans KR',sans-serif;color:#dfd1b7;overflow-wrap:anywhere}
.gallery-hud-note[hidden]{display:none}
.gallery-hud-nav{display:flex;flex:1;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:0;pointer-events:auto}
.gallery-hud-nav .gallery-hud-button,.gallery-hud-nav select{box-sizing:border-box;min-width:44px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #bdab8366;border-radius:12px;background:#3c3026;color:#fff2d8;font:500 .875rem/1.5 'Noto Sans KR',sans-serif;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
/* The way outside is a distinct action in the existing header, not another overlay. */
.gallery-hud-nav .gallery-hud-exit,.gallery-hud-nav .gallery-hud-return{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;background:#f0cf8d;color:#302519;border-color:#f7dca6;font-weight:700;white-space:nowrap}
.gallery-hud-nav .gallery-hud-exit::after,.gallery-hud-nav .gallery-hud-return::after{content:'↗';font-size:1.125rem;line-height:1}
.gallery-hud-nav .gallery-hud-exit:hover{background:#ffe1a8}
.gallery-hud-nav .gallery-hud-exit:focus-visible,.gallery-hud-nav .gallery-hud-return:focus-visible{outline-color:#ffffff}
.gallery-hud-nav .gallery-hud-exit:disabled,.gallery-hud-nav .gallery-hud-return:disabled{opacity:.6;cursor:wait}
.gallery-hud-nav .gallery-hud-return{background:#bce3cf;color:#173e32;border-color:#d6f0e1}
.gallery-hud-nav .gallery-hud-return::after{content:'←'}
.gallery-hud-nav .gallery-hud-return:hover{background:#d6f0e1}
/* Room navigation is a separate blue action, with its full label at every size. */
.gallery-hud-nav [data-map-proxy]{background:#b9d6f3;color:#18364d;border-color:#d6e8fa;font-weight:700;flex-shrink:0}
.gallery-hud-nav [data-map-proxy]:hover,.gallery-hud-nav [data-map-proxy][aria-expanded="true"]{background:#d6e8fa}
.gallery-hud-nav [data-map-proxy]:focus-visible{outline-color:#ffffff}
.gallery-hud-nav select{font-size:1rem;max-width:180px}
.gallery-hud-select{display:flex;min-width:0}
.gallery-hud-nav :focus-visible{outline:3px solid #edc77c;outline-offset:2px}
.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Original controls retain their own nodes, handlers and scene ownership. */
body.ui-cleanup.entered>.topbar,
body.ui-cleanup.entered .social-hub,
body.ui-cleanup.entered #exteriorBtn,
body.ui-cleanup.entered #masterpieceMapHost .mp-map__toggle,
body.ui-cleanup.entered .mpr-top,
body.ui-cleanup.entered .exterior-head,
body.ui-cleanup.entered .exterior-controls [data-return],
body.ui-cleanup.entered .exterior-social,
body.ui-cleanup.entered .music-dock:not([open]),
body.ui-cleanup.entered .square-settings:not([open]){display:none!important}
body.ui-cleanup.capturing .gallery-hud,body.ui-cleanup.quiet-view .gallery-hud,body.ui-cleanup:has(.exterior-world.exterior-quiet) .gallery-hud{display:none!important}
/* One open panel occupies one predictable area below the measured header. */
body.ui-cleanup .music-dock[open],body.ui-cleanup .square-settings[open]{position:fixed;z-index:180;top:var(--ui-panel-top);right:20px;left:auto;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--ui-panel-top) - 16px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;box-shadow:none}
body.ui-cleanup .music-dock[open] .music-panel{width:100%;max-width:none;max-height:none;margin:0;border-radius:0 0 12px 12px}
body.ui-cleanup .music-dock[open] summary,body.ui-cleanup .square-settings[open] summary{min-height:44px;padding:10px 14px;font-size:.875rem;line-height:1.5;text-align:left}
body.ui-cleanup .music-panel p,body.ui-cleanup .music-panel label,body.ui-cleanup .music-panel a,body.ui-cleanup .square-settings label{font-size:.875rem;line-height:1.7}
body.ui-cleanup .music-panel input[type=range]{min-height:44px}
body.ui-cleanup .music-panel button,body.ui-cleanup .music-panel select,body.ui-cleanup .square-settings select{min-height:44px;font-size:1rem!important}
body.ui-cleanup .square-settings label{min-height:44px;flex-wrap:wrap}
body.ui-cleanup .square-settings small,body.ui-cleanup .square-settings [data-clock-note]{font-size:.8125rem;line-height:1.7;max-width:none}
body.ui-cleanup #masterpieceMapHost .mp-map__panel{position:fixed;inset:var(--ui-panel-top) 20px auto auto;width:min(900px,calc(100vw - 40px));max-height:calc(100dvh - var(--ui-panel-top) - 16px);overflow:auto;transform:none}
body.ui-cleanup >.animal-docent,body.ui-cleanup.entered:not(.outdoors):not(.masterpiece-room) >.animal-docent{left:20px;right:auto;top:var(--ui-panel-top);bottom:auto;max-width:calc(100vw - 40px);transform:none}
body.ui-cleanup >.animal-docent .docent-talk{height:auto;min-height:44px;padding:10px 14px;max-width:100%;font-size:.875rem;line-height:1.5;white-space:normal;word-break:keep-all}
body.ui-cleanup >.animal-docent .docent-bubble{top:0;left:0;bottom:auto;transform:none;width:min(400px,calc(100vw - 40px));max-height:calc(100dvh - var(--ui-panel-top) - 16px);overflow:auto;overscroll-behavior:contain}
/* Contextual scenes begin with one short action, with the full text on demand. */
body.ui-cleanup .square-action{position:fixed;left:20px;top:var(--ui-panel-top);width:max-content;max-width:min(400px,calc(100vw - 40px));max-height:calc(100dvh - var(--ui-panel-top) - 24px);padding:0;overflow:auto;border:0;border-radius:12px;background:transparent;box-shadow:none;touch-action:pan-y pinch-zoom}
body.ui-cleanup .square-action.is-expanded{width:min(400px,calc(100vw - 40px));padding:14px;background:#fff9ed;border:1px solid #b9b09a}
.square-action-content[hidden]{display:none!important}
body.ui-cleanup .square-action .square-action-toggle{min-height:44px;width:auto;max-width:100%;padding:10px 14px!important;font-size:.875rem!important;line-height:1.5;white-space:normal;word-break:keep-all;border:1px solid #b9b09a;border-radius:12px;background:#fff9ed;color:#2f4336}
body.ui-cleanup .square-action.is-expanded .square-action-toggle{margin-top:10px}
body.ui-cleanup .square-action p,body.ui-cleanup .square-action strong{font-size:.9375rem;line-height:1.8}
body.ui-cleanup .square-action-content>button{min-height:44px;font-size:.875rem!important}
body.ui-cleanup .square-busker-credit{font-size:.8125rem;line-height:1.65}
/* Keep the same essential tools visible, lower down now that chat is gone. */
body.ui-cleanup .right-controls,body.ui-cleanup .exterior-ui .exterior-controls{bottom:var(--ui-bottom);right:20px;gap:8px}
body.ui-cleanup .joystick,body.ui-cleanup .exterior-ui .exterior-joystick{bottom:var(--ui-bottom);left:20px}
body.ui-cleanup .toolbar{bottom:var(--ui-bottom)}
body.ui-cleanup .mpr-joystick{bottom:var(--ui-bottom)}
body.ui-cleanup .mpr-actions{bottom:var(--ui-bottom);max-height:calc(100dvh - var(--ui-panel-top) - var(--ui-bottom) - 64px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
body.ui-cleanup .mpr-status{bottom:calc(var(--ui-bottom) + var(--ui-mpr-actions-height,96px) + 12px)}
body.ui-cleanup .exterior-caption{box-shadow:none}
/* Readable content, geometric 44px targets, and zoomable native controls. */
body.ui-cleanup dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
body.ui-cleanup dialog button,body.ui-cleanup .docent-close,body.ui-cleanup .mp-map__close{min-height:44px;min-width:44px}
body.ui-cleanup dialog .close,body.ui-cleanup .docent-close{width:44px;height:44px;flex-basis:44px}
body.ui-cleanup dialog p,body.ui-cleanup .art-description,body.ui-cleanup .docent-fact,body.ui-cleanup .docent-question{font-size:.9375rem;line-height:1.85;overflow-wrap:anywhere}
body.ui-cleanup dialog .rights-note,body.ui-cleanup .art-meta,body.ui-cleanup .mpr-facts,body.ui-cleanup .docent-source{font-size:.8125rem!important;line-height:1.7!important;color:#665b49!important}
body.ui-cleanup dialog input:not([type=checkbox]):not([type=range]),body.ui-cleanup dialog textarea,body.ui-cleanup dialog select{font-size:1rem!important;min-height:44px;max-width:100%}
body.ui-cleanup .art-text{padding-top:56px}
body.ui-cleanup .art-card>span,body.ui-cleanup .mp-map__work-title{font-size:.875rem;line-height:1.6}
body.ui-cleanup .art-card small,body.ui-cleanup .mp-map__work-artist,body.ui-cleanup .mp-map__work-room,body.ui-cleanup .mp-map__work-availability{font-size:.75rem;line-height:1.6;color:#605744}
body.ui-cleanup .mp-map__footer,body.ui-cleanup .mp-map__description{font-size:.8125rem;line-height:1.7}
body.ui-cleanup .social-dialog label,body.ui-cleanup .settings-fields label{min-height:44px;font-size:.875rem;line-height:1.6}
body.ui-cleanup .social-actions,body.ui-cleanup .info-facts{flex-wrap:wrap;gap:12px}
body.ui-cleanup .room-visitor-bubble span{font-size:.875rem;line-height:1.6}
body.ui-cleanup .welcome .character-picker small{font-size:.8125rem}
body.ui-cleanup .welcome .entry-sharing{font-size:.8125rem!important;line-height:1.8!important;color:#e2d5c0}
body.ui-cleanup #nicknameEntry .nickname-editor input[data-name]{font-size:1rem;min-height:44px}
body.ui-cleanup #nicknameEntry .nickname-editor button[data-random],body.ui-cleanup #nicknameEntry .nickname-editor .nickname-remember{min-height:44px;font-size:.8125rem}
@media(max-width:760px),(pointer:coarse){
 body.ui-cleanup.entered .gallery-hud{display:grid;gap:8px;padding:12px 12px 10px;max-height:min(45dvh,calc(100dvh - 280px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow:auto;overscroll-behavior:contain;pointer-events:auto}
 .gallery-hud-identity{min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 10px}
 .gallery-hud-title{font-size:1rem}
 .gallery-hud-count{font-size:.75rem;text-align:right;max-width:160px}
 .gallery-hud-note{grid-column:1/-1;font-size:.75rem}
 .gallery-hud-nav{justify-content:flex-start;gap:6px}
 .gallery-hud-nav .gallery-hud-button{padding:8px 10px}
 .gallery-hud-nav select{max-width:150px}
 body.ui-cleanup .music-dock[open],body.ui-cleanup .square-settings[open],body.ui-cleanup #masterpieceMapHost .mp-map__panel{left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--ui-panel-top) - 12px)}
 body.ui-cleanup >.animal-docent,body.ui-cleanup.entered:not(.outdoors):not(.masterpiece-room) >.animal-docent{left:12px;max-width:calc(100vw - 24px)}
 body.ui-cleanup >.animal-docent .docent-bubble{width:calc(100vw - 24px);max-height:calc(100dvh - var(--ui-panel-top) - 12px)}
 body.ui-cleanup .square-action{left:12px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--ui-panel-top) - 120px)}
 body.ui-cleanup .square-action.is-expanded{width:calc(100vw - 24px)}
 body.ui-cleanup .exterior-caption{display:none!important}
 body.ui-cleanup .right-controls,body.ui-cleanup .exterior-ui .exterior-controls{right:12px;grid-template-columns:repeat(2,44px)}
 body.ui-cleanup .right-controls #sitBtn{grid-column:auto;padding:0;font-size:.75rem}
 body.ui-cleanup .joystick,body.ui-cleanup .exterior-ui .exterior-joystick{left:16px}
 body.ui-cleanup .toolbar{left:auto;right:116px;transform:none;width:44px;height:44px;min-width:44px;max-width:44px;padding:0;border:0;background:none}
 body.ui-cleanup .toolbar #helpBtn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:1px solid #c4ad7e80;border-radius:50%;background:#30261eee;font-size:1rem!important}
 body.ui-cleanup #inspectBtn{left:12px;right:112px;bottom:calc(184px + env(safe-area-inset-bottom,0px));transform:none;max-width:none;width:auto;min-height:44px;max-height:88px;overflow:auto;padding:9px 10px;white-space:normal;font-size:.875rem;line-height:1.5}
 body.ui-cleanup #cycleArtBtn{left:auto;right:12px;bottom:calc(184px + env(safe-area-inset-bottom,0px));transform:none;width:88px;min-height:44px;font-size:.8125rem;line-height:1.5;white-space:normal;padding:8px}
 body.ui-cleanup .minimap{right:12px;bottom:calc(284px + env(safe-area-inset-bottom,0px));max-height:max(0px,calc(100dvh - var(--ui-panel-top) - 284px - env(safe-area-inset-bottom,0px)));overflow:hidden}
 body.ui-cleanup .minimap canvas{height:min(83px,max(0px,calc(100dvh - var(--ui-panel-top) - 302px - env(safe-area-inset-bottom,0px))));width:auto;max-width:43px;object-fit:contain}
 body.ui-cleanup .mpr-actions{right:12px;max-width:calc(100% - 124px);flex-wrap:wrap;justify-content:flex-end}
 body.ui-cleanup .mpr-world button{min-height:44px;min-width:44px;font-size:.875rem;line-height:1.5}
 body.ui-cleanup .mpr-inspect{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 body.ui-cleanup .mpr-status{right:12px;bottom:calc(var(--ui-bottom) + var(--ui-mpr-actions-height,96px) + 12px);max-width:calc(100% - 124px);max-height:min(18dvh,calc(100dvh - var(--ui-panel-top) - var(--ui-bottom) - var(--ui-mpr-actions-height,96px) - 24px));overflow:auto;font-size:.8125rem}
 body.ui-cleanup .welcome .character-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body.ui-cleanup .welcome .character-picker button{min-width:44px;min-height:70px}
 body.ui-cleanup .welcome .entry-intro,body.ui-cleanup .welcome .intro-note{font-size:.8125rem;line-height:1.7}
 body.ui-cleanup .welcome .intro-note{flex-wrap:wrap}
 body.ui-cleanup #toast{top:var(--ui-panel-top);font-size:.875rem;line-height:1.6;max-height:20dvh;overflow:auto}
}
@media(max-width:360px){
 .gallery-hud-identity{grid-template-columns:1fr}
 .gallery-hud-count{text-align:left;max-width:none}
 body.ui-cleanup .mp-map__works{grid-template-columns:1fr}
}
@media(max-width:760px) and (max-height:500px),(pointer:coarse) and (max-height:500px){
 body.ui-cleanup.entered .gallery-hud{max-height:calc(100dvh - 176px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
 body.ui-cleanup .right-controls,body.ui-cleanup .exterior-ui .exterior-controls{grid-template-columns:repeat(4,44px);gap:8px}
 body.ui-cleanup .right-controls #sitBtn{grid-column:auto;padding:0;font-size:.75rem}
 body.ui-cleanup .toolbar{right:64px;bottom:var(--ui-bottom)}
 body.ui-cleanup #inspectBtn,body.ui-cleanup #cycleArtBtn{bottom:calc(120px + env(safe-area-inset-bottom,0px))}
 body.ui-cleanup #inspectBtn{max-height:max(44px,calc(100dvh - var(--ui-panel-top) - 120px - env(safe-area-inset-bottom,0px)))}
 body.ui-cleanup .minimap{display:none}
 body.ui-cleanup .mpr-actions{max-height:calc(100dvh - var(--ui-panel-top) - var(--ui-bottom) - 8px)}
 body.ui-cleanup .mpr-status{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 body.ui-cleanup .gallery-hud-note{display:none}
}
@media(prefers-reduced-motion:reduce){.gallery-hud *,.square-action *{transition:none!important;animation:none!important}}
/* Desktop lanes: the shared header, side panels and bottom tools never share
   fixed coordinates. This replaces no mobile rules or original event handlers. */
@media(min-width:761px) and (pointer:fine){
 body.ui-cleanup{--ui-desktop-reserve:212px}
 body.ui-cleanup.entered .gallery-hud{align-items:flex-start;max-height:min(224px,calc(100dvh - 256px));overflow:auto;overscroll-behavior:contain;pointer-events:auto}
 body.ui-cleanup .gallery-hud-identity{flex-basis:240px}
 body.ui-cleanup .gallery-hud-nav{align-content:flex-start}
 body.ui-cleanup .location{display:none!important}
 /* A single 44px row is predictable even at the former 1100px breakpoint. */
 body.ui-cleanup .right-controls,body.ui-cleanup .exterior-ui .exterior-controls{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;max-width:none;right:20px;bottom:var(--ui-bottom);gap:8px}
 body.ui-cleanup .right-controls .circle-button,body.ui-cleanup .exterior-ui .exterior-controls button{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px}
 body.ui-cleanup .right-controls #sitBtn{width:44px;padding:0;font-size:.75rem}
 /* Left help and right utilities have separate horizontal lanes. */
 body.ui-cleanup .toolbar{left:20px;right:344px;transform:none;width:auto;max-width:560px;min-height:44px;height:auto;max-height:56px;overflow:hidden;padding:0 10px;gap:8px;white-space:normal}
 body.ui-cleanup .toolbar .desktop-hint{flex:1;min-width:0;flex-wrap:wrap;max-height:54px;overflow:auto;font-size:.75rem;line-height:1.5}
 body.ui-cleanup .toolbar .toolbar-rule{display:none}
 body.ui-cleanup .toolbar #helpBtn{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 body.ui-cleanup #inspectBtn{bottom:calc(var(--ui-bottom) + 68px);max-width:calc(100vw - 300px);min-height:44px;max-height:56px;overflow:auto;white-space:normal;font-size:.875rem;line-height:1.5}
 body.ui-cleanup #cycleArtBtn{bottom:calc(var(--ui-bottom) + 132px);min-height:44px;max-width:calc(100vw - 300px);padding:8px 14px;font-size:.8125rem;line-height:1.5}
 body.ui-cleanup .minimap{right:20px;bottom:calc(var(--ui-bottom) + 64px);max-height:min(124px,calc(100dvh - var(--ui-panel-top) - 100px));overflow:hidden}
 body.ui-cleanup .minimap canvas{width:58px;height:110px}
 body.ui-cleanup #toast{top:var(--ui-panel-top);max-width:calc(100vw - 80px);font-size:.875rem;line-height:1.5;max-height:96px;overflow:auto}
 /* The caption is always at the foot, not at the old 105px header coordinate. */
 body.ui-cleanup .exterior-caption{position:fixed;top:auto;left:20px;right:auto;bottom:var(--ui-bottom);transform:none;width:max-content;max-width:min(520px,calc(100vw - 364px));min-width:0;max-height:100px;overflow:auto;padding:10px 12px;text-align:left;font-size:.75rem;line-height:1.65;pointer-events:auto}
 body.ui-cleanup .exterior-caption>span:not(.exterior-hint):not(.exterior-operation-hint){display:block;font-size:.75rem;line-height:1.6}
 body.ui-cleanup .exterior-caption .exterior-hint{font-size:.75rem}
 body.ui-cleanup .guestbook-peek{left:20px;top:var(--ui-panel-top);width:320px;max-width:calc(100vw - 40px);max-height:calc(100dvh - var(--ui-panel-top) - var(--ui-desktop-reserve));overflow:auto;overscroll-behavior:contain;font-size:.8125rem;line-height:1.6}
 body.ui-cleanup .guestbook-peek summary,body.ui-cleanup .guestbook-peek button{min-height:44px;display:flex;align-items:center;font-size:.875rem;line-height:1.5}
 body.ui-cleanup .music-dock[open],body.ui-cleanup .square-settings[open],body.ui-cleanup #masterpieceMapHost .mp-map__panel,body.ui-cleanup >.animal-docent .docent-bubble,body.ui-cleanup .square-action,body.ui-cleanup .square-action:has(.square-busker-credit:not([hidden])){max-height:calc(100dvh - var(--ui-panel-top) - var(--ui-desktop-reserve))}
 body.ui-cleanup .square-action{max-width:min(400px,calc(100vw - 380px))}
 body.ui-cleanup.masterpiece-overlay .square-action{visibility:hidden;pointer-events:none}
 /* Other exhibition rooms keep their bottom action and status in distinct rows. */
 body.ui-cleanup .mpr-actions{right:20px;bottom:var(--ui-bottom);gap:8px;max-width:calc(100vw - 154px);align-items:center;flex-wrap:nowrap}
 body.ui-cleanup .mpr-actions button{min-width:44px;min-height:44px;font-size:.875rem;line-height:1.5}
 body.ui-cleanup .mpr-actions [data-zoom]{flex:0 0 44px;width:44px;height:44px;padding:0}
 body.ui-cleanup .mpr-inspect{max-width:min(480px,calc(100vw - 258px));max-height:56px;overflow:auto;white-space:normal;overflow-wrap:anywhere}
 body.ui-cleanup .mpr-status{right:20px;bottom:calc(var(--ui-bottom) + var(--ui-mpr-actions-height,44px) + 12px);max-width:min(480px,calc(100vw - 258px));max-height:64px;overflow:auto;font-size:.8125rem;line-height:1.6}
 body.ui-cleanup .mpr-controls-help{left:20px;bottom:calc(var(--ui-bottom) + 108px);max-height:76px;overflow:auto;font-size:.75rem;line-height:1.6}
 body.ui-cleanup .art-text{padding-top:72px}
}

/* Room32 and the other rooms share utility controls and the same inspection lane. */
body.ui-cleanup .mpr-controls-help{display:none!important}
body.ui-cleanup .mpr-actions{position:static;max-height:none;overflow:visible}
body.ui-cleanup .mpr-inspect{position:fixed;left:50%;right:auto;bottom:calc(var(--ui-bottom) + 68px);transform:translateX(-50%);max-width:calc(100vw - 300px);min-height:44px;max-height:56px;overflow:auto;border:1px solid #dbc18970;border-radius:0;background:#2b211bf0;color:#f5eee0;padding:12px 16px;font:400 .875rem/1.5 'Noto Sans KR',sans-serif;white-space:normal;overflow-wrap:anywhere;box-shadow:none;touch-action:manipulation}
body.ui-cleanup .mpr-status{position:fixed;left:50%;right:auto;top:var(--ui-panel-top);bottom:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);max-height:64px;overflow:auto;background:#211b16e6;color:#f3e5c9;border:1px solid #c5a66655;text-align:center;pointer-events:none;font:.8125rem/1.6 'Noto Sans KR',sans-serif}
body.ui-cleanup.quiet-view .mpr-inspect,body.ui-cleanup.quiet-view .mpr-status{visibility:hidden;pointer-events:none}
body.ui-cleanup .mpr-joystick.joystick{position:fixed;left:20px;bottom:var(--ui-bottom);width:84px;height:84px;border:1px solid var(--walk-control-border);background:var(--walk-control-bg);display:none;align-items:center;justify-content:center}
body.ui-cleanup .mpr-joystick.joystick::before,body.ui-cleanup .mpr-joystick.joystick::after{display:none}
body.ui-cleanup .mpr-joystick.joystick>div{width:32px;height:32px;border:1px solid #ebd2a088;background:#eadab966;border-radius:50%;pointer-events:none;box-shadow:none}
@media(max-width:760px),(pointer:coarse){
 body.ui-cleanup .mpr-joystick.joystick{left:16px;display:flex}
 body.ui-cleanup .mpr-inspect{left:12px;right:112px;bottom:calc(184px + env(safe-area-inset-bottom,0px));transform:none;max-width:none;width:auto;max-height:88px;padding:9px 10px}
 body.ui-cleanup .mpr-status{max-height:48px;font-size:.75rem}
}
@media(max-width:760px) and (max-height:500px),(pointer:coarse) and (max-height:500px){
 body.ui-cleanup .mpr-inspect{bottom:calc(120px + env(safe-area-inset-bottom,0px));max-height:max(44px,calc(100dvh - var(--ui-panel-top) - 120px - env(safe-area-inset-bottom,0px)))}
 body.ui-cleanup .mpr-status{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
}
body.ui-cleanup .mpr-status:not([data-notice]){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
body.ui-cleanup .mpr-inspect{display:flex;align-items:center;justify-content:center;gap:12px}
body.ui-cleanup .mpr-inspect::before{content:'E';border:1px solid #b5a07866;padding:2px 7px;font-size:10px}
body.ui-cleanup .mpr-inspect::after{content:'↗';color:#d6b877;font-size:18px}
@media(max-width:760px),(pointer:coarse){body.ui-cleanup .mpr-inspect::before{display:none}}