:root{--ui-paper:#f5ead3;--ui-ink:#332e25;--ui-muted:#605440;--ui-edge:#9c8c6b;--ui-accent:#346e82;--ui-danger:#96392f;--ui-radius:6px;--ui-gap:8px;--ui-control:44px;--visible-height:100dvh}
body.darkMode{--ui-paper:#36413a;--ui-ink:#f6ecd9;--ui-muted:#ded2ba;--ui-edge:#9b987d;--ui-accent:#98d1dc}
#murdoApp :is(.gameModalCard,.sidebar,.adminPanel) :is(button,input,select,textarea){border-radius:var(--ui-radius);font-family:Arial,sans-serif}
#murdoApp .gameModalCard{max-height:calc(var(--visible-height) - 32px)!important;overflow:auto!important;overscroll-behavior:contain;line-height:1.5}
#murdoApp .gameModalCard :is(button,input:not([type=checkbox]),select){min-height:var(--ui-control)}
#murdoApp .gameModalCard p{font-size:15px;line-height:1.55}
#murdoApp .gameModalCard button{white-space:normal}
#murdoApp .reviewAcknowledgement{display:flex;align-items:start;gap:12px;font:15px/1.5 Arial;padding:16px;text-align:left}
#murdoApp .reviewAcknowledgement input{width:24px;height:24px;flex:0 0 24px}
.gridAccessibilityRow{display:contents}
#murdoApp #grid .cell:focus-visible{outline:4px solid #155e91!important;outline-offset:-4px;z-index:65;box-shadow:inset 0 0 0 6px #fff8;pointer-events:auto}
#murdoApp #grid .cell[aria-disabled=true]{pointer-events:none}
#murdoApp .saveStatusBar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font:13px/1.4 Arial;color:#f7efdb;padding:4px 0}
#murdoApp .saveStatusBar button{min-height:36px;background:#e9ddc3;color:#342e23;border:1px solid #ac9872;padding:6px 10px;border-radius:6px}
#murdoApp .saveStatusBar [data-state=error],#murdoApp .saveStatusBar [data-state=conflict]{color:#ffb6ac}
#murdoApp .headerSaveStatus{display:none!important}
#murdoApp .playPhase{font:600 13px/1.45 Arial;color:#f7efdb;margin:3px 0;text-align:center}
#murdoApp .tutorialLaunch{background:none;color:var(--ui-ink);border:0;text-decoration:underline;min-height:40px;padding:6px;font:13px/1.4 Arial}
.tutorialGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:240px;margin:16px auto}
#murdoApp .tutorialGrid button{aspect-ratio:1;background:#f2e5cb;color:#312d25;border:1px solid #887b63;border-radius:2px;min-height:50px}
#murdoApp .tutorialCheck{display:block;margin:10px auto;min-height:44px;padding:8px 14px}
.compactControls{display:none}
#murdoApp :is(.formattedHint,.mobileHintText){font-size:15px!important;line-height:1.55!important;color:var(--ui-ink)!important;overflow-wrap:anywhere}
#murdoApp .formattedHint strong,#murdoApp .mobileHintText strong{background:transparent!important;text-decoration:underline;text-decoration-color:#97744c;text-underline-offset:3px}
#murdoApp .mobileHintProgress,#murdoApp .victimDeckStatus,#murdoApp .murdererPlacementProgress{font-size:13px!important;line-height:1.5!important;color:var(--ui-muted)!important}
#murdoApp .playSidebarDeck::before,#murdoApp .playSidebarDeck::after,#murdoApp .murdererHighlight::before,#murdoApp .murdererHighlight::after{display:none!important}
#murdoApp .murdererHighlight.emptySuspect{min-height:0!important;padding:14px!important;box-shadow:none!important}
#murdoApp .murdererHighlight.emptySuspect .murdererHighlightContent{min-height:0!important;padding:8px 0!important;font:14px/1.5 Arial!important}
#murdoApp .murdererHighlight.emptySuspect .murdererHighlightTitle{font-size:14px!important}
#murdoApp .murdererHighlight.hasDraftSuspect .suspectConfirm{background:#366947!important;color:#fff!important;min-height:44px!important;font:700 15px Arial!important}
@media(min-width:901px){#murdoApp.playMode:not(.mobileUI) .editorLayout{grid-template-columns:clamp(340px,28vw,420px) minmax(0,1fr)!important}
#murdoApp.playMode:not(.mobileUI) .sidebar{width:100%!important;min-width:0!important}
#murdoApp.playMode:not(.mobileUI) .boardArea{grid-template-columns:minmax(0,1fr) 178px!important;gap:12px!important}
#murdoApp.playMode:not(.mobileUI).focusMode .boardArea{grid-template-columns:minmax(0,1fr)!important}
#murdoApp:not(.mobileUI) .editorToolbar{min-height:56px!important;height:auto!important;padding:6px 10px!important;gap:8px!important;bottom:8px!important}
#murdoApp:not(.mobileUI) .editorToolbar .toolbarRight{gap:8px!important}
#murdoApp:not(.mobileUI) .editorToolbar button{min-height:40px!important}
}
@media(min-width:901px) and (max-width:1150px){#murdoApp.playMode:not(.mobileUI) .boardArea{grid-template-columns:minmax(0,1fr)!important}
#murdoApp.playMode:not(.mobileUI) .sideInspectorColumn{height:auto!important;min-height:0!important}
#murdoApp.playMode:not(.mobileUI) .murdererHighlight{display:flex!important;align-items:center;gap:12px!important;flex-wrap:wrap;width:100%!important;min-height:0!important}
#murdoApp.playMode:not(.mobileUI) .murdererHighlightContent{min-height:0!important}
}
@media(max-width:900px){#murdoApp.mobileUI.playMode .compactControls{display:flex;gap:8px;margin:4px 0;align-items:center}
#murdoApp .compactControls button{min-height:44px;padding:8px 12px;border:1px solid var(--ui-edge);border-radius:6px;background:var(--ui-paper);color:var(--ui-ink);font:13px Arial}
#murdoApp .compactControls button[aria-expanded]::after{content:' −'}
#murdoApp .compactControls button[aria-expanded=false]::after{content:' +'}
#murdoApp.mobileUI.playMode #mobilePersonStrip.userCollapsed,#murdoApp.mobileUI.playMode #mobileHintDetail.userCollapsed{display:none!important}
#murdoApp.mobileUI.playMode #mobileGridControls{height:auto!important;min-height:44px!important;flex-wrap:wrap!important;gap:6px!important}
#murdoApp.mobileUI.playMode #mobileGridControls>div{gap:4px!important;flex-wrap:wrap}
#murdoApp.mobileUI.playMode #mobilePersonMore{min-height:44px!important;min-width:44px!important;font-size:25px!important;background:#ede0c2!important;color:#3c3024!important}
#murdoApp.mobileUI.playMode .mobilePersonStripWrap.hasMorePeople::after{content:'';position:absolute;right:0;top:0;bottom:0;width:24px;pointer-events:none;background:linear-gradient(90deg,transparent,#d5c093)}
#murdoApp.mobileUI.playMode #mobilePersonStrip{scroll-padding-inline:8px;scrollbar-width:thin}
#murdoApp.mobileUI.playMode .mobileHintTop{flex-wrap:wrap!important}
#murdoApp.mobileUI .saveStatusBar{font-size:12px!important;line-height:1.4!important}
#murdoApp.mobileUI .playPhase{font-size:12px!important;line-height:1.4!important}
#murdoApp.mobileUI:not(.playMode) .sidebar{max-height:calc(var(--visible-height) - 72px)!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding:70px 0 30px}
#murdoApp.mobileUI #mobileEditorSheetHead{position:sticky!important;top:0!important;z-index:5;background:var(--ui-paper);color:var(--ui-ink)}
#murdoApp.mobileUI :is(input,textarea,select){font-size:16px!important;scroll-margin-block:85px}
#murdoApp.mobileUI .mobileSheetClose{min-width:44px;min-height:44px}
#murdoApp.mobileUI .tutorialLaunch{min-height:44px}
}
@media(max-height:500px) and (orientation:landscape){#murdoApp.mobileUI:not(.playMode) .sidebar{width:min(420px,65vw)!important;left:auto!important;right:0!important}
#murdoApp .gameModal{padding:8px!important}
#murdoApp .gameModalCard{max-height:calc(var(--visible-height) - 16px)!important}
}
#murdoApp .progressSummary{min-width:0}
#murdoApp.mobileUI .progressSummary{order:-2!important;padding:4px 8px;color:#372f24;background:#eadebf;border-bottom:1px solid #b7a581;width:100%;text-align:center}
#murdoApp.mobileUI .progressSummary :is(.saveStatusBar,.playPhase){color:#372f24!important;margin:0!important;padding:2px!important;font-size:12px!important}
#murdoApp.mobileUI .progressSummary .saveStatusBar [data-state=error],#murdoApp.mobileUI .progressSummary .saveStatusBar [data-state=conflict]{color:#8c2820}
#murdoApp.mobileUI .compactControls{justify-content:flex-start}
#murdoApp.mobileUI .mobilePersonStripWrap:has(#mobilePersonStrip.userCollapsed){display:none!important}
#murdoApp:not(.mobileUI) .headerLevelStage{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;padding:4px!important;min-height:0!important}
#murdoApp:not(.mobileUI) #headerLevelInfo{position:static!important;transform:none!important;margin:0!important;line-height:1.2!important;font-size:22px!important;order:0}
#murdoApp:not(.mobileUI) .progressSummary{order:1}
#murdoApp:not(.mobileUI) #caseProgress{display:none!important}
#murdoApp:not(.mobileUI) :is(#levelStatusBadge,.headerLevelLabel){display:block!important}
#murdoApp:not(.mobileUI) .tutorialLaunch{color:#efe4cc!important;min-height:30px!important}
#murdoApp.playMode:not(.mobileUI) .playSidebarHeader{gap:6px!important;padding-bottom:8px!important}
#murdoApp.playMode:not(.mobileUI) .victimDeckStatus{color:#f3e7cc!important}
#murdoApp.playMode:not(.mobileUI) #playMurdererToolBtn{min-height:38px!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard{background:var(--ui-paper)!important;color:var(--ui-ink)!important;box-shadow:none!important;border:1px solid var(--ui-edge)!important;border-radius:6px!important;transform:none!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard :is(.suspectCardName,.formattedHint,.suspectHint){color:var(--ui-ink)!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard::after{display:none!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard::before{display:block!important;content:'';z-index:12}
#murdoApp #murdererHighlightContent::before,#murdoApp #murdererHighlightContent::after{display:none!important}
#murdoApp .emptySuspect #researchStamp{display:none!important}
#murdoApp .murdererPlacementProgress{white-space:normal!important;overflow:visible!important;padding:8px 0!important}
#murdoApp [hidden],#murdoApp:not(.playMode) .playOnly,#murdoApp.playMode .editOnly{display:none!important}
#murdoApp .editorHeaderMeta{display:none!important}
#murdoApp:not(.playMode) #murdererPromptBubble{display:none!important}
#murdoApp.playMode:not(.mobileUI) .desktopDossierRail{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:8px 0!important;margin:4px 0!important;flex-shrink:0}
#murdoApp.playMode:not(.mobileUI) .desktopDossierRail button{flex:0 0 44px!important;height:62px!important;margin:0!important}
#murdoApp.playMode:not(.mobileUI) .desktopDossierRail button::before,#murdoApp.playMode:not(.mobileUI) .desktopDossierRail button::after{display:none!important}
#murdoApp.playMode:not(.mobileUI) .playSidebarHeader{padding:8px!important;gap:4px!important;min-height:0!important}
#murdoApp.playMode:not(.mobileUI) .suspectDeckEyebrow{font-size:16px!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck{margin-top:8px!important}
#murdoApp .murdererHighlight.emptySuspect{height:auto!important;max-height:none!important;overflow:visible!important;background:#e7dbbd!important;color:#302a22!important;border:1px solid #a99872!important}
#murdoApp .murdererHighlight.emptySuspect::before,#murdoApp .murdererHighlight.emptySuspect::after{display:none!important}
#murdoApp .emptySuspect .murdererPlacementProgress{position:static!important;inset:auto!important;transform:none!important;margin:6px 0 0!important;font:13px/1.4 Arial!important;color:#302a22!important}
#murdoApp.mobileUI.playMode .progressSummary{display:none!important}
#murdoApp #grid .roomLabel{transition:none;opacity:1!important}
#murdoApp :is(.formattedHint,.suspectHint,.mobileHintText){color:#30291f!important;background:#f5ead3!important;opacity:1!important;text-shadow:none!important}
#murdoApp :is(.formattedHint,.mobileHintText) :is(span,strong,em,a,button){color:#30291f!important;opacity:1!important;text-shadow:none!important}
#murdoApp.mobileUI .mobilePersonChipName{white-space:nowrap!important;text-overflow:clip!important;letter-spacing:0!important;max-width:100%!important;min-width:0!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard{overflow:visible!important}
#murdoApp:not(.mobileUI) #headerLevelInfo{display:block!important;font-size:20px!important}
#murdoApp:not(.mobileUI) .headerLevelStage{gap:1px!important}
#murdoApp:not(.mobileUI) .progressSummary .playPhase{display:none!important}
#murdoApp:not(.mobileUI) .saveStatusBar{font-size:11px!important;padding:0!important}
#murdoApp:not(.mobileUI) .saveStatusBar button{min-height:24px!important;padding:2px 7px!important}
#murdoApp.mobileUI.playMode #mobilePersonStrip .mobilePersonChip{width:72px!important;min-width:72px!important;flex-basis:72px!important;padding-left:3px!important;padding-right:3px!important}
#murdoApp.mobileUI .mobilePersonChipName{font-family:Arial,sans-serif!important;font-weight:700!important}
#murdoApp:not(.mobileUI) .headerLevelStage{height:auto!important;min-height:86px!important;max-height:none!important}
#murdoApp:not(.mobileUI) #headerLevelInfo{flex-shrink:0!important;min-height:24px!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard.placedCard{background:#f2d6d0!important;border-color:#a34c43!important;box-shadow:inset 4px 0 #aa4137!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard.placedCard::after{display:block!important;background:rgba(164,31,31,.1)!important;pointer-events:none!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .placedCard .formattedHint{background:transparent!important}
body#murdoApp.darkMode:not(.mobileUI) :is(.formattedHint,.suspectHint){background:#29332d!important;color:#f6ecd9!important}
body#murdoApp.darkMode.playMode:not(.mobileUI) #playSuspectDeck .suspectCard :is(.formattedHint,.suspectHint){background:#29332d!important;color:#f6ecd9!important}
body#murdoApp.darkMode:not(.mobileUI) :is(.formattedHint,.suspectHint) :is(span,strong,em,a,button){color:#f6ecd9!important;background:transparent!important}
body#murdoApp.darkMode:not(.mobileUI) .formattedHint::before{color:#dacdb4!important}
body#murdoApp.darkMode.playMode:not(.mobileUI) #playSuspectDeck .suspectCard.placedCard{background:#603b38!important;border-color:#d4897e!important;box-shadow:inset 4px 0 #e2988d!important}
#murdoApp:not(.mobileUI) .investigationAction,#murdoApp:not(.mobileUI) [data-mobile-tool="more"]{display:none!important}
#murdoApp:not(.mobileUI) .formattedHint strong[role=button]{display:inline;padding:1px 4px!important;border:1px solid #88632c!important;border-radius:4px!important;background:#ead39f!important;color:#30291f!important;text-decoration:underline!important;cursor:pointer}
body#murdoApp.darkMode:not(.mobileUI) .formattedHint strong[role=button]{background:#475b51!important;color:#fff3d6!important;border-color:#bdac7b!important}
#murdoApp .formattedHint strong[role=button]:is(:hover,:focus-visible){outline:2px solid #438cad;outline-offset:2px}
#murdoApp .tutorialGrid button[data-room=hal]{background:#bdcbd0}
#murdoApp .tutorialGrid button.tutorialLit{outline:3px solid #25789c;outline-offset:-3px}
#murdoApp .tutorialMark[aria-pressed=true]{background:#8b382e;color:white}
#murdoApp.mobileUI.playMode{height:var(--visible-height)!important;min-height:0!important;overflow:hidden!important}
#murdoApp.mobileUI.playMode .editorLayout{height:calc(var(--visible-height) - 64px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#murdoApp.mobileUI.playMode .boardArea{flex:1!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:4px!important}
#murdoApp.mobileUI.playMode #playSidebarDeck{flex:0 0 auto!important;min-height:0!important;margin:0!important}
#murdoApp.mobileUI.playMode #workspace{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important}
#murdoApp.mobileUI.playMode .sideInspectorColumn{flex:0 0 auto!important;min-height:0!important;height:auto!important}
#murdoApp.mobileUI.playMode .compactControls{display:none!important}
#murdoApp.mobileUI.playMode .mobileHintText{background:transparent!important;max-height:90px;overflow-y:auto;overscroll-behavior:contain}
#murdoApp.mobileUI.playMode .mobileHintProgress{color:#443626!important;opacity:1!important;font-weight:700!important}
#murdoApp.mobileUI.playMode #murdererHighlight{margin:0!important;padding:6px 10px!important;min-height:54px!important}
#murdoApp.mobileUI.playMode #murdererHighlightContent{padding:0!important}
#murdoApp.mobileUI.playMode .murdererHighlightTitle{flex:0 0 90px!important;max-width:90px!important;font-size:12px!important}
#murdoApp.mobileUI.playMode #murdererHighlightContent{flex:1!important;min-width:0!important;font-size:12px!important}
body#murdoApp:not(.mobileUI):not(.darkMode){--desk-ink:#352f25;background:#eee7d8!important;color:#352f25!important}
#murdoApp:not(.mobileUI):not(.darkMode) .editorLayout{background:#eee7d8!important}
#murdoApp:not(.mobileUI):not(.darkMode) :is(.appHeader,.editorToolbar){background:#faf4e8!important;color:#352f25!important;box-shadow:0 2px 10px #56432612!important;border-color:#b6a78a!important}
#murdoApp:not(.mobileUI):not(.darkMode) :is(.brand,.brandText,.brandTitle,.brandTagline,.headerLevelLabel,#headerLevelInfo,.profileSessionButton,.suspectDeckEyebrow,.tutorialLaunch,.saveStatusBar,.playSidebarHeader){color:#352f25!important}
#murdoApp:not(.mobileUI):not(.darkMode) .appHeader :is(h1,p,span){color:#352f25!important}
#murdoApp:not(.mobileUI):not(.darkMode) #workspace{background-color:#e4d9bf!important;box-shadow:inset 0 0 0 7px #f6eddc!important;border-color:#ab9874!important}
#murdoApp:not(.mobileUI):not(.darkMode) #workspace::before,#murdoApp:not(.mobileUI):not(.darkMode) #workspace::after{color:#67573c!important}
#murdoApp:not(.mobileUI):not(.darkMode) :is(.editorToolbar button,.solutionHelpBtn,.victimDeckStatus,.desktopDossierRail button,.desktopRemovePerson){background:#e9dec5!important;color:#352f25!important;border-color:#b5a27e!important}
#murdoApp:not(.mobileUI):not(.darkMode) .formattedHint::before{color:#6d604b!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .formattedHint{max-height:none!important;height:auto!important;overflow:visible!important;white-space:normal!important}
#murdoApp.playMode:not(.mobileUI) #playSuspectDeck .suspectCard{height:auto!important;max-height:none!important}
#murdoApp.playMode:not(.mobileUI) :is(.sidebar,.playSidebarDeck){resize:none!important}
#murdoApp:not(.mobileUI):not(.darkMode) .brand :is(small,div){color:#514838!important}
body#murdoApp.darkMode:not(.mobileUI) #playSuspectDeck .suspectCard .suspectCardName,body#murdoApp.darkMode:not(.mobileUI) .tutorialLaunch{color:#f6ecd9!important}