.ui-layer button, .result-panel, .director-panel, .director-toggle {
    pointer-events: auto;
}

body.immersive-camera-mode .feature-dock,
body.immersive-camera-mode .feature-drawer-panel,
body.immersive-camera-mode .game-shell-board-status,
body.immersive-camera-mode .game-shell-progress-block,
body.immersive-camera-mode .mini-map-wrap,
body.immersive-camera-mode .top-controls,
body.immersive-camera-mode .game-hud,
body.immersive-camera-mode #directorToggle,
body.immersive-camera-mode #directorPanel,
body.immersive-camera-mode #floatingMicBtn,
body.immersive-camera-mode #taskHudDock,
body.immersive-camera-mode #taskGuideArrow,
body.immersive-camera-mode #taskTargetObj,
body.immersive-camera-mode #taskEncounterModal {
    display: none !important;
}

/* 沉浸式拍照時暫收殼層：正規劇情拍照由 formal-story-capture-clean 負責；此類僅補教學／體驗劇情與大富翁拍照 */
body.immersive-photo-hide-shell .header,
body.immersive-photo-hide-shell .game-shell-panel,
body.immersive-photo-hide-shell .board-mini-map {
    display: none !important;
}

.director-toggle {
    position: absolute;
    top: 70px;
    right: 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #ffd700;
    border: 1px solid #ffd700;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    cursor: pointer;
    z-index: 20;
}

.director-panel {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 80%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid #444;
    border-radius: 12px;
    padding: 15px;
    display: none; /* 預設隱藏 */
    flex-direction: column;
    gap: 10px;
    z-index: 20;
    backdrop-filter: blur(10px);
}

.director-toggle.hidden,
.director-panel.hidden {
    display: none !important;
}

.director-panel.open {
    display: flex;
}

.director-input {
    width: 100%;
    background: #222;
    border: 1px solid #555;
    color: white;
    padding: 8px;
    border-radius: 6px;
    font-size: 12px;
    resize: vertical;
    min-height: 60px;
}