@font-face{font-family:'Podkova';src:url('../assets/fonts/Podkova-Variable.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'Courier Prime';src:url('../assets/fonts/CourierPrime-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url('../assets/fonts/CourierPrime-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
/* First important layer owns the player dossier above historical compatibility rules. */
@layer casefile,murdoku-ui;
@layer casefile{
body:is(.playMode,.editorMode,.accessLocked){--bureau-bg:#e9deca!important;--bureau-paper:#f2ead9!important;--bureau-ink:#163747!important;--bureau-muted:#526571!important;--bureau-line:#8c9695!important;--bureau-soft:#e5dcc9!important;--bureau-accent:#163747!important;--bureau-scene:#e7dfce!important;--bureau-header:#163747!important;--bureau-signal:#163747!important;--bureau-red:#a33d32!important;--bureau-redpaper:#f0dcd0!important;--casefile-paper:url('../assets/plates/paper.png');--casefile-display:'Courier Prime',Courier,monospace}
body:is(.playMode,.editorMode,.accessLocked).darkMode{--bureau-bg:#192a34!important;--bureau-paper:#203541!important;--bureau-ink:#f0e5d0!important;--bureau-muted:#c4c4b8!important;--bureau-line:#849094!important;--bureau-soft:#2c424d!important;--bureau-accent:#f0e5d0!important;--bureau-scene:#192e3a!important;--bureau-header:#f0e5d0!important;--bureau-signal:#f0e5d0!important;--bureau-red:#ee9b86!important;--bureau-redpaper:#4c3635!important;--casefile-paper:none}
body.playMode{background:#15262c!important;color:var(--bureau-ink)!important;font-family:Arial,Helvetica,sans-serif!important;}
body.playMode :is(button,input,select,textarea){font-family:Arial,Helvetica,sans-serif!important;}
body:is(.playMode,.editorMode,.accessLocked) ::selection{background:var(--bureau-ink)!important;color:var(--bureau-paper)!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(input,textarea){caret-color:var(--bureau-ink)!important;}
body:is(.playMode,.editorMode,.accessLocked) *{scrollbar-color:var(--bureau-muted) var(--bureau-paper);scrollbar-width:thin;}
body:is(.playMode,.editorMode,.accessLocked) :is(button,a,input,textarea,select,[role=button],summary):focus-visible{outline:3px solid var(--bureau-accent)!important;outline-offset:2px!important;}
body.playMode :is(.appHeader,.editorLayout){background-color:var(--bureau-paper)!important;background-image:var(--casefile-paper)!important;background-size:768px 512px!important;border-radius:2px!important;box-shadow:none!important;color:var(--bureau-ink)!important;}
body.playMode .appHeader{border:0!important;overflow:visible!important;}
body.playMode .appHeader :is(h1,p,span,div){color:var(--bureau-ink)!important;}
body.playMode .brandBlock{padding-left:16px!important;}
body.playMode .brandCopy h1{font:700 19px/1 var(--casefile-display)!important;letter-spacing:3px!important;}
body.playMode .brandLogo{width:29px!important;height:27px!important;flex:0 0 29px!important;margin-right:10px!important;}
body.playMode .brandLogo img{content:url('../icons/murdoku-coordinate-light.svg')!important;}
body.playMode.darkMode .brandLogo img{content:url('../icons/murdoku-coordinate-dark.svg')!important;}
body.playMode .headerLevelStage{background:transparent!important;border-color:var(--bureau-line)!important;color:var(--bureau-ink)!important;padding-left:16px!important;}
body.playMode .headerLevelStage:before{display:none!important;}
body.playMode .headerLevelLabel{font:700 11px/1.35 var(--casefile-display)!important;color:var(--bureau-ink)!important;letter-spacing:.6px!important;}
body.playMode #headerLevelInfo{font:700 27px/1.1 var(--casefile-display)!important;letter-spacing:-.4px!important;color:var(--bureau-ink)!important;}
body.playMode .rechercheTheme{min-height:36px!important;padding:6px 10px!important;font:400 12px/1.2 var(--casefile-display)!important;background:transparent!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-ink)!important;border-radius:2px!important;}
body.playMode .mobileLevelNavBtn{border:1px solid var(--bureau-line)!important;color:var(--bureau-ink)!important;border-radius:2px!important;}
body.playMode .casefileStamp{display:block!important;position:absolute!important;right:116px!important;top:10px!important;padding:4px 8px!important;transform:rotate(-7deg)!important;border:2px solid var(--bureau-red)!important;color:var(--bureau-red)!important;font:700 12px/1.2 var(--casefile-display)!important;letter-spacing:.3px!important;pointer-events:none!important;}
body.playMode :is(.mobilePersonChip,.mobileHintDetail,.generalClueBubble,#workspace,#murdererHighlight,.rechercheFingerprint,.evidenceMobileEntry){background:transparent!important;background-image:none!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;}
body.playMode :is(.mobilePersonChip,.mobileHintDetail,#murdererHighlight,.rechercheFingerprint):before,
body.playMode :is(.mobilePersonChip,.mobileHintDetail,#workspace,#murdererHighlight,.rechercheFingerprint):after{display:none!important;}
body.playMode .mobilePersonStripWrap:before{font:700 10px/1.4 var(--casefile-display)!important;letter-spacing:.4px!important;color:var(--bureau-ink)!important;}
body.playMode .mobilePersonChipName{font:700 13px/1.2 var(--casefile-display)!important;color:var(--bureau-ink)!important;}
/* The strip ID outranks the shared paper rule, whose :is() includes workspace IDs. */
body.playMode{--casefile-selection-paper:#d5e6ea;}
body.playMode.darkMode{--casefile-selection-paper:#345b6b;}
body.playMode #mobilePersonStrip .mobilePersonChip.selected{border:2px solid var(--bureau-ink)!important;background:var(--casefile-selection-paper)!important;}
body.playMode .mobilePersonChip.placedOnGrid{border-color:var(--bureau-red)!important;background:var(--bureau-redpaper)!important;}
body.playMode .mobileHintName{font:700 17px/1.3 var(--casefile-display)!important;color:var(--bureau-ink)!important;}
body.playMode .mobileHintDetail{padding-top:9px!important;}
body.playMode .mobileHintActions button{border-radius:2px!important;background:transparent!important;color:var(--bureau-ink)!important;border-color:var(--bureau-ink)!important;}
body.playMode .mobileHintText{font:15px/1.45 Arial,Helvetica,sans-serif!important;max-height:88px!important;}
body.playMode :is(.mobileHintText,.formattedHint) strong[role=button]{color:var(--bureau-ink)!important;text-decoration-color:var(--bureau-ink)!important;}
body.playMode .generalClueLabel{font:700 10px/1.3 var(--casefile-display)!important;color:var(--bureau-ink)!important;letter-spacing:.4px!important;}
body.playMode #workspace{background-color:var(--bureau-scene)!important;padding:20px 14px 10px!important;}
body.playMode #workspace:before{content:'PLAATS DELICT / OVERZICHT'!important;font:400 9px/1.2 var(--casefile-display)!important;letter-spacing:.3px!important;color:var(--bureau-ink)!important;}
body.playMode :is(.dossierMeasure,.dossierTape,.dossierEvidenceStamp,.dossierFootprint,.dossierCorner,.dossierWatermark,.rechercheFingerprint){display:none!important;}
body.playMode .mobileNotebookToolRail button{border-radius:2px!important;background:transparent!important;border-color:var(--bureau-ink)!important;color:var(--bureau-ink)!important;box-shadow:none!important;min-height:44px!important;}
body.playMode .mobileNotebookToolRail button:disabled{opacity:.42!important;}
body.playMode .mobileNotebookToolRail .mobileMarkTopBtn.active{background:var(--bureau-redpaper)!important;color:var(--bureau-red)!important;border-color:var(--bureau-red)!important;}
body.playMode .mobileMoreMenu{background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;border-radius:2px!important;border-color:var(--bureau-line)!important;}
body.playMode .bureauPlaced{font:700 10px/1.4 var(--casefile-display)!important;}
body.playMode .bureauSegments i{height:5px!important;border-radius:1px!important;background:var(--bureau-line)!important;}
body.playMode .bureauSegments i.done{background:var(--bureau-ink)!important;}
body.playMode .bureauSave{font:400 9px/1.4 var(--casefile-display)!important;color:var(--bureau-muted)!important;}
body.playMode #murdererHighlight{padding:12px!important;}
body.playMode #murdererHighlight:before{display:block!important;content:'JOUW HYPOTHESE'!important;font:700 10px/1.3 var(--casefile-display)!important;letter-spacing:.5px!important;color:var(--bureau-ink)!important;}
body.playMode .murdererName{font:700 22px/1.15 var(--casefile-display)!important;color:var(--bureau-ink)!important;}
body.playMode .mobileNotebookMurdererButton,body.playMode #playMurdererToolBtn{background:var(--bureau-ink)!important;color:var(--bureau-paper)!important;border:1px solid var(--bureau-ink)!important;border-radius:2px!important;min-height:44px!important;}
body.playMode .mobileNotebookMurdererButton:disabled{background:var(--bureau-line)!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;opacity:.65!important;}
body.playMode .evidenceMobileEntry{border-radius:2px!important;font-family:Arial,Helvetica,sans-serif!important;}
/* All player forms share the same paper and ink. Illustrations retain their colours. */
body:is(.playMode,.editorMode,.accessLocked) :is(.accessScreen,.gameModal,.walkthroughModal,#evidenceBoardModal){background:#102733b8!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(.accessCard,.gameModalCard,.researchCard){background-color:var(--bureau-paper)!important;background-image:var(--casefile-paper)!important;background-size:768px 512px!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:0 12px 40px #00000040!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(.accessCard,.gameModalCard,.researchCard) :is(h1,h2,h3){font-family:var(--casefile-display)!important;font-weight:700!important;color:var(--bureau-ink)!important;letter-spacing:0!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(.accessCard,.gameModalCard,.researchCard) :is(button,input,textarea,select,.levelSheetItem,.levelArchiveBox){border-radius:2px!important;background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;box-shadow:none!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(.accessCard,.gameModalCard,.researchCard) :is(.accessPrimary,.gameModalPrimary,.primary,.researchClose,.lessonNext){background:var(--bureau-ink)!important;color:var(--bureau-paper)!important;border-color:var(--bureau-ink)!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessLogo img{content:url('../icons/murdoku-coordinate-light.svg')!important;}
body:is(.playMode,.editorMode,.accessLocked).darkMode .accessLogo img{content:url('../icons/murdoku-coordinate-dark.svg')!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessCard :is(.personnelContinue,.personnelProgress,.personnelAwards,.personnelSettings details){background:transparent!important;border-radius:2px!important;box-shadow:none!important;border-color:var(--bureau-line)!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessCard :is(.personnelContinue,.personnelProgress,.personnelAwards){border:0!important;border-top:1px solid var(--bureau-line)!important;padding:16px 0!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessCard :is(.personnelEyebrow,.personnelCaption){font:700 11px/1.4 var(--casefile-display)!important;color:var(--bureau-ink)!important;}
body.playMode #evidenceBoardModal :is(.researchFooter,.researchNotes,.researchInstruction){background:transparent!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;}
body.playMode #evidenceBoardModal .researchHeader small{font-family:var(--casefile-display)!important;color:var(--bureau-ink)!important;}
body.playMode #evidenceBoardModal :is(.researchClue,.researchNoteHelp){background:transparent!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;}
body.playMode #evidenceBoardModal :is(select,textarea,#workspace){background:var(--bureau-paper)!important;border-radius:2px!important;color:var(--bureau-ink)!important;}
body.playMode #evidenceBoardModal .researchCellFocus{outline-color:var(--bureau-red)!important;background:var(--bureau-redpaper)!important;}
body.playMode .detectiveLesson :is(.lessonInstruction,.lessonCast button,.lessonHint){background:transparent!important;border-radius:2px!important;border-color:var(--bureau-line)!important;}
body.playMode .detectiveLessonHeader small{font-family:var(--casefile-display)!important;color:var(--bureau-ink)!important;}
body.playMode .detectiveLesson .lessonNext:disabled{background:var(--bureau-soft)!important;color:var(--bureau-muted)!important;}
@media(hover:hover){body.playMode :is(.mobileNotebookToolRail button,.mobileHintActions button,.rechercheTheme,.mobileLevelNavBtn,.evidenceMobileEntry):not(:disabled):hover{background:var(--bureau-soft)!important;color:var(--bureau-ink)!important;}}
@media(min-width:901px){
 body.playMode{padding:14px 24px 18px!important;}
 body.playMode .appHeader{height:78px!important;min-height:78px!important;max-height:78px!important;grid-template-rows:78px!important;border:1px solid var(--bureau-line)!important;border-bottom:0!important;}
 body.playMode .editorLayout{height:calc(var(--visible-height,100dvh) - 110px)!important;border:1px solid var(--bureau-line)!important;border-top:0!important;padding:12px 20px 16px!important;}
 body.playMode .headerLevelStage{height:78px!important;max-height:78px!important;padding-right:120px!important;}
 body.playMode .mobileNotebookCaseNav{top:17px!important;}
 body.playMode .casefileStamp{right:122px!important;top:8px!important;font-size:11px!important;}
 body.playMode .boardArea{grid-template-columns:minmax(0,1fr) 270px 220px!important;column-gap:16px!important;}
 body.playMode .sideInspectorColumn{padding-top:0!important;}
 body.playMode .mobileNotebookToolRail{margin-bottom:10px!important;}
 body.playMode #murdererHighlight{min-height:175px!important;}
}
@media(max-width:900px){
 body.playMode{padding:6px 6px 0!important;height:var(--visible-height,100dvh)!important;}
 body.playMode .appHeader{height:108px!important;min-height:108px!important;max-height:108px!important;grid-template-rows:40px 68px!important;}
 body.playMode .brandBlock{padding-left:10px!important;}
 body.playMode .brandCopy h1{font-size:17px!important;letter-spacing:2px!important;}
 body.playMode .headerActions{padding-right:8px!important;}
 body.playMode .rechercheTheme{font-size:10px!important;min-height:30px!important;}
 body.playMode .headerLevelStage{padding:8px 104px 8px 10px!important;height:68px!important;max-height:68px!important;border:1px solid var(--bureau-line)!important;margin:0 8px!important;width:calc(100% - 16px)!important;}
 body.playMode .headerLevelLabel{font-size:9px!important;letter-spacing:.1px!important;}
 body.playMode #headerLevelInfo{font-size:21px!important;}
 body.playMode .mobileNotebookCaseNav{right:6px!important;top:12px!important;}
 body.playMode .casefileStamp{display:none!important;}
 body.playMode .editorLayout{height:calc(var(--visible-height,100dvh) - 114px)!important;padding:7px 8px calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important;}
 body.playMode #mobilePersonStrip{height:70px!important;max-height:70px!important;gap:4px!important;}
 body.playMode .mobilePersonStripWrap{height:85px!important;max-height:85px!important;margin-bottom:6px!important;}
 body.playMode .mobilePersonChip{height:68px!important;min-height:68px!important;min-width:68px!important;}
 body.playMode .mobilePersonEmoji,body.playMode .mobilePersonEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:33px!important;height:33px!important;min-height:33px!important;max-height:33px!important;}
 body.playMode .mobileHintDetail{margin:0 0 6px!important;gap:8px!important;padding:8px 9px!important;}
 body.playMode .mobileHintName{font-size:16px!important;}
 body.playMode .mobileHintText{font-size:14px!important;}
 body.playMode .mobileNotebookToolRail{order:2!important;margin:0 0 4px!important;height:48px!important;min-height:48px!important;}
 body.playMode #workspace{order:3!important;min-height:130px!important;}
 body.playMode .bureauProgress{min-height:20px!important;}
 body.playMode #murdererHighlight{padding:10px!important;}
 body.playMode .murdererName{font-size:18px!important;}
 body.playMode .bureauSave{font-size:8px!important;}
}
@media(max-width:380px){body.playMode .brandCopy h1{font-size:15px!important;}body.playMode #headerLevelInfo{font-size:18px!important;}body.playMode .mobileHintActions button{padding:5px!important;font-size:12px!important;}body.playMode .generalClueBubble{font-size:12px!important;}}
@media(prefers-reduced-motion:no-preference){body.playMode .casefileStatementChange{animation:casefile-sheet 140ms cubic-bezier(.16,1,.3,1);}@keyframes casefile-sheet{from{transform:translateY(3px);filter:brightness(.95)}to{transform:translateY(0);filter:brightness(1)}}}
}
@layer casefile{
body.playMode .headerLevelStage .casefileStamp{color:var(--bureau-red)!important;}
body.playMode .casefileStamp[hidden]{display:none!important;}
@media(min-width:381px) and (max-width:900px){body.playMode .headerLevelStage .casefileStamp{display:block!important;right:7px!important;top:3px!important;padding:1px 3px!important;font-size:9px!important;border-width:1px!important;transform:rotate(-4deg)!important;}body.playMode .mobileNotebookCaseNav{top:23px!important;}}
}
@layer casefile{
body.playMode #headerLevelInfo{white-space:normal!important;text-overflow:clip!important;overflow:hidden!important;max-height:2.25em!important;}
body.playMode #murdererHighlight:before{display:none!important;}
body.playMode :where(#murdererHighlightContent,.murdererHighlightTitle,.murdererActionLabel){color:var(--bureau-ink)!important;}
body.playMode #murdererHighlightContent{font:700 22px/1.15 var(--casefile-display)!important;letter-spacing:0!important;}
body.playMode .murdererHighlightTitle{font:700 10px/1.3 var(--casefile-display)!important;letter-spacing:.3px!important;}
body.playMode .mobileNotebookMurdererButton .murdererActionLabel{color:var(--bureau-paper)!important;}
body.playMode .mobileNotebookMurdererButton:disabled .murdererActionLabel{color:var(--bureau-ink)!important;}
body.playMode :is(.rechercheRails,.rechercheBureauBadge){display:none!important;}
body.playMode .boardArea>#workspace{width:100%!important;max-width:none!important;align-self:stretch!important;}
body.playMode .mobileMoreTools summary{width:44px!important;height:44px!important;border-radius:2px!important;color:var(--bureau-ink)!important;border-color:var(--bureau-ink)!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessCard :is(.accessTagline,.accessEmpty,.accessForm p,.accessForm label,.accessProfiles,.accessProfiles p){color:var(--bureau-ink)!important;font-family:Arial,Helvetica,sans-serif!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessCard :is(.accessForm,.autoLoginChoice,.avatarCustomizer,.avatarChoices label){background:transparent!important;border-radius:2px!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessLogo{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body:is(.playMode,.editorMode,.accessLocked) .accessVersion a{color:var(--bureau-ink)!important;text-underline-offset:3px!important;}
body.playMode #evidenceBoardModal .researchNotes{border-radius:2px!important;}
body.playMode .detectiveLessonHeader{background:transparent!important;border-radius:0!important;border-bottom:1px solid var(--bureau-line)!important;padding-bottom:14px!important;}
@media(max-width:900px){body.playMode #murdererHighlightContent{font-size:18px!important;}body.playMode .headerLevelStage{padding-top:4px!important;padding-bottom:4px!important;gap:3px!important;}body.playMode #headerLevelInfo{font-size:20px!important;line-height:1.08!important;}}
@media(max-width:380px){body.playMode #headerLevelInfo{font-size:17px!important;}}
}
@layer casefile{
body.playMode .murdererHighlightTitle{display:none!important;}
body.playMode .mobileNotebookMurdererButton:disabled{background:var(--bureau-soft)!important;color:var(--bureau-muted)!important;border-color:var(--bureau-line)!important;opacity:1!important;}
body.playMode .mobileNotebookMurdererButton:disabled .murdererActionLabel{color:var(--bureau-muted)!important;}
body.playMode .mobileNotebookMurdererButton .murdererActionLabel{font:700 12px/1.25 Arial,Helvetica,sans-serif!important;white-space:normal!important;text-align:center!important;}
body.playMode #murdererHighlightContent{word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;}
body.playMode #evidenceBoardModal .researchHeader small,body.playMode .detectiveLessonHeader small{display:none!important;}
body.playMode .detectiveLesson .lessonInstruction{background:transparent!important;border:0!important;padding:0!important;}
body.playMode .generalClueBubble .magnifier svg{width:24px!important;height:24px!important;}
body.playMode .mobileNotebookToolRail .casefileToolLabel{display:none!important;}
@media(max-width:900px){
 body.playMode #murdererHighlight{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;grid-template-rows:auto!important;gap:8px!important;min-height:62px!important;height:auto!important;padding:8px!important;}
 body.playMode #murdererHighlightContent{grid-column:1!important;grid-row:1!important;align-self:center!important;min-height:0!important;display:block!important;font-size:16px!important;line-height:1.15!important;}
 body.playMode .mobileNotebookMurdererButton{grid-column:2!important;grid-row:1!important;align-self:center!important;width:100%!important;min-width:0!important;max-width:none!important;padding:5px!important;}
 body.playMode #murdererHighlight .suspectConfirm{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;border-radius:2px!important;background:var(--bureau-ink)!important;color:var(--bureau-paper)!important;min-height:44px!important;}
 body.playMode .mobileNotebookToolRail button{flex-direction:column!important;gap:2px!important;padding:2px!important;}
 body.playMode .mobileNotebookToolRail button>span{display:none!important;}
 body.playMode .mobileNotebookToolRail button>.casefileToolLabel{display:block!important;font:700 8px/10px Arial,Helvetica,sans-serif!important;white-space:nowrap!important;color:inherit!important;}
 body.playMode .mobileNotebookToolRail button svg{width:20px!important;height:20px!important;min-width:20px!important;}
}
}
@layer casefile{
body:is(.playMode,.editorMode,.accessLocked){--bureau-bg:#e7e0cd!important;--bureau-paper:#e7e0cd!important;}
body:is(.playMode,.editorMode,.accessLocked).darkMode{--bureau-bg:#192a34!important;--bureau-paper:#203541!important;--casefile-paper:url('../assets/plates/paper.png');}
body.playMode :is(.appHeader,.editorLayout),body:is(.playMode,.editorMode,.accessLocked) :is(.accessCard,.gameModalCard,.researchCard){background-blend-mode:luminosity!important;}
body.playMode.darkMode :is(.appHeader,.editorLayout),body:is(.playMode,.editorMode,.accessLocked).darkMode :is(.accessCard,.gameModalCard,.researchCard){background-blend-mode:multiply!important;}
body.playMode .headerLevelStage .casefileStamp{border:0!important;isolation:isolate!important;}
body.playMode .casefileStamp:before{content:''!important;display:block!important;position:absolute!important;inset:-6px -5px!important;background:url('../assets/plates/stamp-frame.png') center/100% 100% no-repeat!important;z-index:-1!important;}
@media(max-width:900px){body.playMode .headerLevelStage .casefileStamp{display:block!important;width:90px!important;height:18px!important;line-height:18px!important;font-size:8px!important;padding:0!important;right:7px!important;top:3px!important;text-align:center!important;transform:rotate(-4deg)!important;}body.playMode .mobileNotebookCaseNav{top:23px!important;}}
}
@layer casefile{body.playMode .detectiveLesson .lessonInstruction{box-shadow:none!important;}}
@layer casefile{
body.playMode #evidenceBoardModal .researchPersonHit{background:transparent!important;border:0!important;box-shadow:none!important;}
body:is(.playMode,.editorMode,.accessLocked) .detectiveLesson:before{display:none!important;content:none!important;}
body.playMode .levelArrowIconBtn,body.playMode .levelArrowIconBtn svg{color:var(--bureau-ink)!important;}
body.playMode .mobileLevelNavBtn:before{display:none!important;}
body.playMode .mobileLevelNavBtn svg{display:block!important;}
body.playMode :is(#icon-level-prev,#icon-level-next) path{fill:var(--bureau-ink)!important;stroke:var(--bureau-ink)!important;}
body.playMode :is(.appHeader,.editorLayout),body:is(.playMode,.editorMode,.accessLocked) :is(.accessCard,.gameModalCard,.researchCard){background-blend-mode:normal!important;}
body.playMode.darkMode :is(.appHeader,.editorLayout),body:is(.playMode,.editorMode,.accessLocked).darkMode :is(.accessCard,.gameModalCard,.researchCard){background-blend-mode:multiply!important;}
}
@layer casefile{
body:is(.playMode,.editorMode,.accessLocked){--bureau-paper:#ebe5d9!important;}
body:is(.playMode,.editorMode,.accessLocked).darkMode{--bureau-paper:#203541!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(.appHeader,.editorLayout,.accessCard,.gameModalCard,.researchCard){position:relative!important;isolation:isolate!important;background-color:var(--bureau-paper)!important;background-image:none!important;}
body:is(.playMode,.editorMode,.accessLocked) :is(.appHeader,.editorLayout,.accessCard,.gameModalCard,.researchCard):before{content:''!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background:url('../assets/plates/paper.png') 0 0/384px 384px repeat!important;transform:none!important;pointer-events:none!important;z-index:-1!important;opacity:.45!important;}
body:is(.playMode,.editorMode,.accessLocked).darkMode :is(.appHeader,.editorLayout,.accessCard,.gameModalCard,.researchCard):before{mix-blend-mode:multiply!important;}
}
@layer casefile{
body.playMode{width:var(--dossier-width)!important;max-width:100vw!important;height:var(--dossier-height)!important;min-height:0!important;margin:0 auto!important;box-sizing:border-box!important;}
body.playMode .appHeader{width:100%!important;display:grid!important;}
body.playMode .brandBlock{grid-column:1!important;grid-row:1!important;}
body.playMode .headerActions{grid-column:2!important;grid-row:1!important;}
body.playMode .editorLayout{display:block!important;width:100%!important;min-height:0!important;margin:0!important;}
body.playMode .sidebar{display:none!important;}
body.playMode .boardArea{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;gap:0!important;overflow:visible!important;}
body.playMode :is(#playSidebarDeck,#mobilePeopleCompact,.sideInspectorColumn){display:contents!important;}
body.playMode .mobileNotebookToolRail{display:grid!important;order:2!important;flex-shrink:0!important;}
body.playMode .mobileNotebookToolRail :is(.mobileZoomGroup,.mobileMarkGroup,.mobileHistoryGroup,.mobileExtraGroup){display:contents!important;}
body.playMode .mobileNotebookToolRail button{display:flex!important;flex-direction:column!important;grid-column:auto!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;}
body.playMode .mobileNotebookToolRail .mobileZoomGroup button:not(.mobileFitBtn){display:none!important;}
body.playMode .mobileNotebookToolRail button>span:not(.casefileToolLabel){display:none!important;}
body.playMode .mobileNotebookToolRail button>.casefileToolLabel{display:block!important;}
body.playMode .boardArea>#workspace{order:3!important;flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
body.playMode .bureauProgress{order:4!important;flex-shrink:0!important;}
body.playMode .boardArea #murdererHighlight{display:grid!important;order:5!important;flex-shrink:0!important;width:100%!important;margin:0!important;box-sizing:border-box!important;}
body.playMode .mobileNotebookMurdererButton{width:100%!important;min-width:0!important;max-width:none!important;padding:calc(3 * var(--cf))!important;}
body.playMode .murdererHighlightTitle{display:none!important;}
body.playMode .mobilePersonStripWrap,body.playMode .mobileHintDetail,body.playMode .generalClueBubble{flex-shrink:0!important;}
body.playMode .casefileToolLabel{white-space:nowrap!important;color:inherit!important;}
}
/* The phone follows the chosen dossier; desktop opens it across the desk. */
@layer casefile{
body.playMode .headerLevelLabel{font-family:var(--casefile-display)!important;}
body.playMode .casefileStatementHeading,body.playMode .casefileClueHeading,body.playMode .casefileCaseHeading{display:block!important;font-family:var(--casefile-display)!important;color:var(--bureau-ink)!important;}
body:is(.playMode,.editorMode) .casefileSheetNav{display:flex!important;gap:8px!important;margin:12px 0!important;}
body:is(.playMode,.editorMode) .casefileSheetNav button{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;}
body:is(.playMode,.editorMode) .casefileSheetNav svg{width:18px!important;height:18px!important;color:var(--bureau-ink)!important;}
@media(min-width:0px){
 body.playMode{--dossier-width:min(100vw,calc(var(--visible-height,100dvh) * 390 / 843));--dossier-height:min(var(--visible-height,100dvh),calc(100vw * 843 / 390));--cf:calc(var(--dossier-height) / 843);padding:calc(14 * var(--cf)) calc(14 * var(--cf)) calc(16 * var(--cf))!important;}
 body.playMode .appHeader{height:calc(127 * var(--cf))!important;min-height:calc(127 * var(--cf))!important;max-height:calc(127 * var(--cf))!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:calc(51 * var(--cf)) calc(76 * var(--cf))!important;border:0!important;}
 body.playMode .brandBlock{padding:0 calc(13 * var(--cf))!important;gap:0!important;align-items:center!important;}
 body.playMode .brandLogo{width:calc(34 * var(--cf))!important;height:calc(34 * var(--cf))!important;flex-basis:calc(34 * var(--cf))!important;margin-right:calc(13 * var(--cf))!important;}
 body.playMode .brandCopy h1{font-size:calc(16 * var(--cf))!important;letter-spacing:calc(3 * var(--cf))!important;}
 body.playMode .headerActions{width:auto!important;height:calc(51 * var(--cf))!important;padding:0 calc(13 * var(--cf))!important;align-items:center!important;align-self:stretch!important;}
 body.playMode .rechercheTheme{min-height:calc(24 * var(--cf))!important;height:calc(24 * var(--cf))!important;padding:calc(4 * var(--cf)) calc(7 * var(--cf))!important;font:400 calc(10 * var(--cf))/1 var(--casefile-display)!important;}
 body.playMode .headerLevelStage{grid-column:1 / -1!important;grid-row:2!important;margin:0 calc(13 * var(--cf))!important;width:calc(100% - 26 * var(--cf))!important;height:calc(76 * var(--cf))!important;max-height:calc(76 * var(--cf))!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:calc(26 * var(--cf)) minmax(0,1fr)!important;gap:0!important;padding:0!important;border:1px solid var(--bureau-line)!important;border-radius:2px 2px 0 0!important;}
 body.playMode .headerLevelLabel{align-self:stretch!important;padding:calc(8 * var(--cf)) calc(10 * var(--cf))!important;font:400 calc(10 * var(--cf))/1 var(--casefile-display)!important;text-align:left!important;letter-spacing:calc(.4 * var(--cf))!important;border-bottom:1px solid var(--bureau-line)!important;white-space:nowrap!important;}
 body.playMode .casefileCaseHeading{position:absolute!important;left:calc(10 * var(--cf))!important;top:calc(32.5 * var(--cf))!important;font:700 calc(9 * var(--cf))/1 var(--casefile-display)!important;letter-spacing:.3px!important;}
 body.playMode #headerLevelInfo{font:700 calc(22 * var(--cf))/1.08 Podkova,serif!important;letter-spacing:calc(.45 * var(--cf))!important;margin:0!important;padding:calc(15 * var(--cf)) calc(10 * var(--cf)) calc(5 * var(--cf)) calc(8 * var(--cf))!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-height:none!important;align-self:stretch!important;}
 body.playMode .headerLevelStage .casefileStamp{top:calc(5 * var(--cf))!important;right:calc(3 * var(--cf))!important;width:calc(89 * var(--cf))!important;height:calc(26 * var(--cf))!important;line-height:calc(26 * var(--cf))!important;font-size:calc(11 * var(--cf))!important;transform:rotate(-9deg)!important;}
 body.playMode .casefileStamp:before{inset:calc(-2 * var(--cf)) calc(-3 * var(--cf))!important;}
 body.playMode .mobileNotebookCaseNav{display:none!important;}
 body.playMode .editorLayout{height:calc(var(--dossier-height) - 157 * var(--cf))!important;padding:0 calc(13 * var(--cf))!important;border:0!important;}
 body.playMode .mobilePersonStripWrap{height:calc(105 * var(--cf))!important;min-height:calc(105 * var(--cf))!important;max-height:calc(105 * var(--cf))!important;padding:calc(26 * var(--cf)) 0 0!important;margin:0!important;}
 body.playMode .mobilePersonStripWrap:before{content:'BETROKKENEN / VERKLARINGEN'!important;position:absolute!important;inset:0 0 auto!important;height:calc(23 * var(--cf))!important;padding:calc(7 * var(--cf)) calc(7 * var(--cf))!important;border:1px solid var(--bureau-line)!important;border-top:0!important;box-sizing:border-box!important;font:700 calc(9 * var(--cf))/1 var(--casefile-display)!important;letter-spacing:calc(.3 * var(--cf))!important;}
 body.playMode .mobilePersonStripWrap:after{display:none!important;}
 body.playMode #mobilePersonStrip{height:calc(70 * var(--cf))!important;max-height:calc(70 * var(--cf))!important;padding:0!important;gap:calc(3 * var(--cf))!important;}
 body.playMode .mobilePersonChip{width:calc((100% - 12 * var(--cf)) / 5)!important;min-width:calc((100% - 12 * var(--cf)) / 5)!important;flex:0 0 calc((100% - 12 * var(--cf)) / 5)!important;height:calc(70 * var(--cf))!important;min-height:calc(70 * var(--cf))!important;padding:calc(6 * var(--cf)) calc(2 * var(--cf))!important;gap:calc(4 * var(--cf))!important;}
 body.playMode .mobilePersonEmoji,body.playMode .mobilePersonEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:calc(34 * var(--cf))!important;height:calc(34 * var(--cf))!important;min-height:calc(34 * var(--cf))!important;max-height:calc(34 * var(--cf))!important;}
 body.playMode .mobilePersonChipName{font-size:calc(11.5 * var(--cf))!important;}
 body.playMode .castIdentity{font:400 calc(8 * var(--cf))/1 var(--casefile-display)!important;}
 body.playMode .castGender{color:#568eab!important;font-size:calc(14 * var(--cf))!important;right:calc(6 * var(--cf))!important;top:calc(5 * var(--cf))!important;}
 body.playMode #mobilePersonMore{right:0!important;top:calc(46 * var(--cf))!important;width:calc(16 * var(--cf))!important;opacity:.8!important;}
 body.playMode .mobileHintDetail{display:grid!important;grid-template-columns:calc(31 * var(--cf)) calc(37 * var(--cf)) minmax(0,1fr) calc(122 * var(--cf))!important;grid-template-rows:calc(18 * var(--cf)) minmax(0,1fr)!important;column-gap:calc(7 * var(--cf))!important;row-gap:0!important;height:calc(78 * var(--cf))!important;min-height:calc(78 * var(--cf))!important;max-height:calc(78 * var(--cf))!important;padding:0 calc(7 * var(--cf))!important;margin:0 0 calc(8 * var(--cf))!important;}
 body.playMode .casefileStatementHeading{grid-column:1 / -1!important;grid-row:1!important;margin:0 calc(-7 * var(--cf))!important;padding:calc(4 * var(--cf)) calc(7 * var(--cf))!important;border-bottom:1px solid var(--bureau-line)!important;font:400 calc(9 * var(--cf))/1 var(--casefile-display)!important;}
 body.playMode .mobileHintContent,body.playMode .mobileHintTop{display:contents!important;padding:0!important;}
 body.playMode .mobileHintEmoji{grid-column:1!important;grid-row:2!important;width:calc(31 * var(--cf))!important;height:calc(37 * var(--cf))!important;align-self:center!important;margin:0!important;}
 body.playMode .mobileHintEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:100%!important;height:100%!important;}
 body.playMode .mobileHintName{grid-column:2!important;grid-row:2!important;font:700 calc(12 * var(--cf))/1.1 Podkova,serif!important;align-self:center!important;white-space:nowrap!important;overflow-wrap:normal!important;}
 body.playMode .mobileHintText{grid-column:3!important;grid-row:2!important;align-self:center!important;font:400 calc(13 * var(--cf))/1.3 Podkova,serif!important;border-left:1px solid var(--bureau-line)!important;padding:calc(3 * var(--cf)) 0 calc(3 * var(--cf)) calc(9 * var(--cf))!important;min-height:calc(37 * var(--cf))!important;max-height:calc(57 * var(--cf))!important;overflow:auto!important;}
 body.playMode .mobileHintActions{grid-column:4!important;grid-row:2!important;display:flex!important;flex-wrap:nowrap!important;gap:calc(5 * var(--cf))!important;align-self:center!important;}
 body.playMode .mobileHintActions button{flex:1 1 0!important;min-width:0!important;min-height:calc(36 * var(--cf))!important;padding:calc(3 * var(--cf))!important;font:400 calc(12 * var(--cf))/1.1 Podkova,serif!important;}
 body.playMode .generalClueBubble .magnifier svg{width:calc(27 * var(--cf))!important;height:calc(27 * var(--cf))!important;}
 body.playMode .mobileNotebookToolRail{width:100%!important;max-width:none!important;height:max(44px,calc(49 * var(--cf)))!important;min-height:max(44px,calc(49 * var(--cf)))!important;padding:0!important;margin:0 0 calc(9 * var(--cf))!important;gap:calc(3 * var(--cf))!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:1fr!important;}
 body.playMode .mobileNotebookToolRail button{height:100%!important;min-height:44px!important;padding:calc(4 * var(--cf)) calc(1 * var(--cf))!important;gap:calc(4 * var(--cf))!important;}
 body.playMode .mobileNotebookToolRail button svg{width:calc(24 * var(--cf))!important;height:calc(24 * var(--cf))!important;min-width:0!important;}
 body.playMode .mobileNotebookToolRail button>.casefileToolLabel{font:400 calc(8 * var(--cf))/1 var(--casefile-display)!important;}
 body.playMode #workspace{padding:calc(17 * var(--cf)) calc(15 * var(--cf)) calc(6 * var(--cf))!important;background:transparent!important;}
 body.playMode #workspace:before{left:calc(7 * var(--cf))!important;top:calc(5 * var(--cf))!important;content:'01 / PLAATS DELICT — OVERZICHT'!important;font:400 calc(9 * var(--cf))/1 var(--casefile-display)!important;letter-spacing:0!important;}
 body.playMode .bureauProgress{height:calc(24 * var(--cf))!important;min-height:calc(24 * var(--cf))!important;max-height:calc(24 * var(--cf))!important;padding:calc(6 * var(--cf)) calc(7 * var(--cf))!important;gap:calc(15 * var(--cf))!important;}
 body.playMode .bureauPlaced{font:400 calc(10 * var(--cf))/1 var(--casefile-display)!important;white-space:nowrap!important;}
 body.playMode .bureauPlaced:before{display:none!important;}
 body.playMode .bureauSegments{gap:calc(4 * var(--cf))!important;max-width:calc(171 * var(--cf))!important;}
 body.playMode .bureauSegments i{height:calc(7 * var(--cf))!important;border-radius:calc(1 * var(--cf))!important;}
 body.playMode .bureauSave{font-size:calc(6 * var(--cf))!important;position:absolute!important;right:calc(7 * var(--cf))!important;bottom:calc(3 * var(--cf))!important;}
 body.playMode #murdererHighlight{grid-template-columns:calc(149 * var(--cf)) minmax(0,1fr)!important;grid-template-rows:calc(13 * var(--cf)) minmax(0,1fr)!important;column-gap:calc(12 * var(--cf))!important;row-gap:0!important;height:max(49px,calc(49 * var(--cf)))!important;min-height:max(49px,calc(49 * var(--cf)))!important;padding:calc(5 * var(--cf)) calc(5 * var(--cf)) calc(5 * var(--cf)) calc(13 * var(--cf))!important;}
 body.playMode #murdererHighlight:before{display:block!important;grid-column:1!important;grid-row:1!important;content:'JOUW HYPOTHESE'!important;font:700 calc(9 * var(--cf))/1 var(--casefile-display)!important;letter-spacing:calc(.3 * var(--cf))!important;}
 body.playMode #murdererHighlightContent{grid-column:1!important;grid-row:2!important;align-self:center!important;font:700 calc(16 * var(--cf))/1 Podkova,serif!important;white-space:nowrap!important;text-wrap:nowrap!important;}
 body.playMode .mobileNotebookMurdererButton,body.playMode #murdererHighlight .suspectConfirm{grid-column:2!important;grid-row:1 / 3!important;height:100%!important;min-height:38px!important;align-self:stretch!important;border-left:1px solid var(--bureau-line)!important;}
 body.playMode .mobileNotebookMurdererButton .murdererActionLabel{font:400 calc(12 * var(--cf))/1.2 Podkova,serif!important;}
 body.playMode .mobileNotebookMurdererButton:disabled{background:var(--bureau-line)!important;color:var(--bureau-muted)!important;border-color:var(--bureau-line)!important;}
}
}

@layer casefile{@media(min-width:0px){body.playMode .generalClueBubble .magnifier svg{width:calc(24 * var(--cf))!important;height:calc(24 * var(--cf))!important;transform:scaleX(-1)!important;}body.playMode .mobileHintActions button{position:relative!important;}body.playMode .mobileHintActions button:before{content:'';position:absolute;inset:-5px 0;pointer-events:auto;}body.playMode .headerLevelLabel{border-bottom:.5px solid var(--bureau-line)!important;}body.playMode .mobileNotebookToolRail button svg{width:calc(22 * var(--cf))!important;height:calc(22 * var(--cf))!important;}body.playMode .casefileCaseHeading{display:block!important;}}}

@layer casefile{@media(min-width:0px){body.playMode .mobileNotebookMurdererButton:disabled{background:#9ea8a6!important;border-color:#9ea8a6!important;}body.playMode .brandCopy h1{font-family:Podkova,serif!important;font-size:calc(14.63 * var(--cf))!important;letter-spacing:calc(2.5 * var(--cf))!important;}body.playMode .casefileStamp:before{background-size:100% 145%!important;}body.playMode .casefileCaseHeading{font-size:calc(9.5 * var(--cf))!important;}}}

@layer casefile{body.playMode{--casefile-sheet-paper:#e2dfd1;}body.playMode.darkMode{--casefile-sheet-paper:#203541;}body.playMode .editorLayout{background-color:var(--casefile-sheet-paper)!important;}body.playMode .editorLayout:before{opacity:.3!important;}@media(min-width:0px){body.playMode .casefileStatementHeading{padding-top:calc(6 * var(--cf))!important;padding-bottom:calc(2 * var(--cf))!important;}body.playMode .brandLogo img{transform:translateX(calc(-2 * var(--cf)))!important;}}}

@layer casefile{body.playMode .casefileCaseHeading{display:none!important;}body.playMode .casefileStatementHeading{grid-column:1 / -1!important;}body.playMode :is(.brandCopy h1,#headerLevelInfo,.mobileHintName,.mobileHintText,#generalClueDisplay,#murdererHighlightContent){font-family:Podkova,serif!important;}@media(min-width:0px){body.playMode .casefileCaseHeading{display:block!important;}body.playMode .bureauProgress{position:relative!important;}body.playMode .bureauPlaced{width:calc(82 * var(--cf))!important;font:700 calc(11 * var(--cf))/1 Podkova,serif!important;letter-spacing:0!important;}body.playMode .bureauSegments{transform:translateY(calc(-.8 * var(--cf)))!important;}body.playMode .mobileHintActions button:before{top:min(-5px,calc((100% - 44px) / 2));bottom:min(-5px,calc((100% - 44px) / 2));}}}

@layer casefile{@media(min-width:0px){
 body.playMode #murdererHighlightContent:has(.murdererAvatar){display:flex!important;align-items:center!important;gap:calc(6 * var(--cf))!important;min-height:0!important;overflow:hidden!important;}
 body.playMode #murdererHighlightContent .murdererAvatar,body.playMode #murdererHighlightContent .murdererAvatar :is(.emojiPersonBust,.svgPersonAvatar){width:calc(22 * var(--cf))!important;height:calc(22 * var(--cf))!important;min-height:0!important;max-height:calc(22 * var(--cf))!important;flex:0 0 calc(22 * var(--cf))!important;}
 body.playMode #murdererHighlightContent .murdererName{min-width:0!important;font:700 calc(14 * var(--cf))/1 Podkova,serif!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
}}

@layer casefile{
body.playMode .mobilePersonChipName{line-height:1.2!important;max-height:none!important;}
body.playMode :is(.mobileHintDetail,.generalClueBubble,.headerLevelStage){border-width:.5px!important;}
body.playMode :is(.casefileStatementHeading,.generalClueBubble strong){border-bottom-width:.5px!important;}
body.playMode .bureauSave{display:none!important;}
body.playMode #murdererHighlight{position:relative!important;}
body.playMode #murdererHighlight:after{display:block!important;content:''!important;position:absolute!important;top:calc(7 * var(--cf))!important;bottom:calc(7 * var(--cf))!important;left:calc(164 * var(--cf))!important;width:.5px!important;background:var(--bureau-line)!important;pointer-events:none!important;}
body.playMode #murdererHighlightContent{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.playMode #murdererHighlight .suspectConfirm{background:var(--bureau-ink)!important;color:var(--bureau-paper)!important;border:1px solid var(--bureau-ink)!important;}
}

@layer casefile{
body.playMode :is(#mobileGridControls,#murdererPlacementProgress){display:none!important;}
body.playMode .mobilePersonChip{box-sizing:border-box!important;}
body.playMode .mobilePersonChipName{height:auto!important;min-height:0!important;flex:0 0 auto!important;line-height:1.2!important;}
body.playMode .casefileStamp{white-space:nowrap!important;max-width:none!important;}
body.playMode .mobileNotebookToolRail :is(.mobileResetTopBtn,.solutionHelpBtn){display:flex!important;}
body.playMode .sideInspectorColumn> :not(#murdererHighlight){display:none!important;}
}

@layer casefile{body.playMode #murdererHighlightContent{font-size:calc(14.63 * var(--cf))!important;}body.playMode .mobilePersonChipName{overflow:visible!important;}body.playMode .castIdentity{flex:0 0 auto!important;}}
@layer casefile{
body.playMode .mobilePersonStripWrap{order:0!important;}
body.playMode .mobileHintDetail{order:0!important;}
body.playMode #mobilePersonStrip{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;}
body.playMode .boardArea #murdererHighlight:not(:has(.murdokuCheckStatus:not([hidden]))){height:max(49px,calc(49 * var(--cf)))!important;min-height:max(49px,calc(49 * var(--cf)))!important;max-height:max(49px,calc(49 * var(--cf)))!important;}
body.playMode .mobileNotebookMurdererButton .murdererActionIcon{display:none!important;}
body.playMode #murdererHighlight :is(.mobileNotebookMurdererButton,.suspectConfirm){height:max(38px,calc(38 * var(--cf)))!important;max-height:max(38px,calc(38 * var(--cf)))!important;min-height:38px!important;box-sizing:border-box!important;align-self:center!important;}
}
@layer casefile{
body.playMode .mobilePersonStripWrap{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
body.playMode .boardArea #murdererHighlight{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;max-width:100%!important;min-width:0!important;align-self:stretch!important;}
}

@layer casefile{
body.playMode{--casefile-tool-paper:#ebe2d0;}
body.playMode.darkMode{--casefile-tool-paper:#2c424d;}
body.playMode .brandLogo{min-width:calc(34 * var(--cf))!important;max-width:calc(34 * var(--cf))!important;min-height:calc(34 * var(--cf))!important;max-height:calc(34 * var(--cf))!important;}
body.playMode .brandLogo img{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
body.playMode .mobileNotebookToolRail{grid-template-columns:minmax(0,.85fr) repeat(5,minmax(0,1fr)) minmax(0,.8fr)!important;gap:calc(4 * var(--cf))!important;}
body.playMode .mobileNotebookToolRail button{border-width:.6px!important;border-color:var(--bureau-muted)!important;border-radius:calc(1 * var(--cf))!important;background-color:var(--casefile-tool-paper)!important;}
body.playMode .mobileNotebookToolRail button>.casefileToolLabel{font-weight:700!important;}
body.playMode .headerActions{gap:calc(6 * var(--cf))!important;}
body.playMode .rechercheTheme{order:0!important;}
body.playMode #profileSessionButton:not([hidden]){display:flex!important;order:1!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:4px!important;background:transparent!important;border:.5px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;}
body.playMode #profileSessionAvatar{flex:0 0 auto!important;width:calc(30 * var(--cf))!important;height:calc(34 * var(--cf))!important;max-width:34px!important;max-height:38px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.playMode #profileSessionName{display:none!important;}
/* Wide screens keep the scene and testimony in the same first viewport. */
@media(min-width:901px){
 /* Desktop stationery keeps its edge thickness and tab size at every width. */
 body.playMode{--casefile-cover:#d7c6a6;--casefile-cover-edge:#947f60;}
 body.playMode.darkMode{--casefile-cover:#62685f;--casefile-cover-edge:#8a8f7f;}
 body.playMode{--cf:1px;--dossier-width:min(100vw,1600px);--dossier-height:var(--visible-height,100dvh);padding:20px 58px 24px!important;}
 body.playMode .appHeader{max-width:none!important;min-width:0!important;margin:0!important;height:112px!important;min-height:112px!important;max-height:112px!important;grid-template-columns:210px minmax(0,1fr) auto!important;grid-template-rows:112px!important;}
 body.playMode .brandBlock{padding:0 16px!important;}
 body.playMode .brandCopy h1{font-size:17px!important;letter-spacing:3px!important;}
 body.playMode .headerActions{grid-column:3!important;height:112px!important;padding:0 18px!important;}
 body.playMode #profileSessionButton:not([hidden]){flex-basis:52px!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;}
 body.playMode #profileSessionAvatar{width:38px!important;height:43px!important;max-width:38px!important;max-height:43px!important;}
 body.playMode .rechercheTheme{height:36px!important;min-height:36px!important;font-size:12px!important;padding:8px 12px!important;}
 body.playMode .headerLevelStage{grid-column:2!important;grid-row:1!important;width:100%!important;height:88px!important;max-height:88px!important;margin:0!important;align-self:center!important;grid-template-rows:29px minmax(0,1fr)!important;}
 body.playMode .headerLevelLabel{font-size:11px!important;padding:9px 12px!important;}
 body.playMode .casefileCaseHeading{left:12px!important;top:26px!important;font-size:10px!important;}
 body.playMode #headerLevelInfo{font-size:clamp(23px,2.2vw,34px)!important;padding:21px 12px 7px!important;}
 body.playMode .headerLevelStage .casefileStamp{width:134px!important;height:29px!important;line-height:29px!important;font-size:15px!important;top:4px!important;right:12px!important;}
 body.playMode .editorLayout{max-width:none!important;height:calc(var(--dossier-height) - 156px)!important;padding:6px 8px 16px!important;}
 body.playMode .boardArea{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(300px,28vw,420px)!important;grid-template-rows:58px minmax(0,1fr) 30px 66px!important;column-gap:22px!important;row-gap:8px!important;}
 body.playMode .mobileNotebookToolRail{grid-column:1!important;grid-row:1!important;height:58px!important;min-height:58px!important;margin:0!important;gap:6px!important;}
 body.playMode .mobileNotebookToolRail button{gap:6px!important;padding:6px!important;}
 body.playMode .mobileNotebookToolRail button svg{width:25px!important;height:25px!important;}
 body.playMode .mobileNotebookToolRail button>.casefileToolLabel{font-size:11px!important;}
 body.playMode .boardArea>#workspace{grid-column:1!important;grid-row:2!important;min-height:0!important;height:100%!important;padding:28px 18px 12px!important;}
 body.playMode #workspace:before{top:10px!important;left:12px!important;font-size:11px!important;}
 body.playMode .bureauProgress{grid-column:1!important;grid-row:3!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:8px 12px!important;}
 body.playMode .bureauPlaced{width:100px!important;font-size:13px!important;}
 body.playMode .bureauSegments{max-width:220px!important;gap:6px!important;}
 body.playMode #mobilePeopleCompact{display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1 / -1!important;gap:14px!important;min-height:0!important;height:100%!important;padding:0!important;}
 body.playMode .mobilePersonStripWrap{height:auto!important;min-height:0!important;max-height:none!important;padding:30px 0 0!important;flex:0 0 auto!important;}
 body.playMode .mobilePersonStripWrap:before{height:24px!important;padding:7px 9px!important;font-size:10px!important;border-top-width:.5px!important;}
 body.playMode #mobilePersonStrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important;max-height:none!important;gap:5px!important;overflow:visible!important;}
 body.playMode .mobilePersonChip{width:100%!important;min-width:0!important;flex:none!important;height:86px!important;min-height:86px!important;gap:4px!important;padding:6px 3px!important;}
 body.playMode .mobilePersonEmoji,body.playMode .mobilePersonEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:37px!important;height:37px!important;min-height:37px!important;max-height:37px!important;}
 body.playMode .mobilePersonChipName{font-size:13px!important;}
 body.playMode .castIdentity{font-size:9px!important;}
 body.playMode #mobilePersonMore{display:none!important;}
 body.playMode .mobileHintDetail{flex:1 1 auto!important;height:auto!important;min-height:190px!important;max-height:none!important;margin:0!important;padding:0 12px 12px!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:28px 48px minmax(0,1fr) 44px!important;column-gap:12px!important;row-gap:8px!important;}
 body.playMode .casefileStatementHeading{margin:0 -12px!important;padding:8px 12px!important;font-size:11px!important;}
 body.playMode .mobileHintEmoji{grid-column:1!important;grid-row:2!important;width:38px!important;height:44px!important;}
 body.playMode .mobileHintName{grid-column:2!important;grid-row:2!important;font-size:22px!important;}
 body.playMode .mobileHintText{grid-column:1 / -1!important;grid-row:3!important;align-self:start!important;min-height:0!important;max-height:100%!important;height:100%!important;font-size:18px!important;line-height:1.45!important;padding:12px 0 0!important;border-left:0!important;border-top:.5px solid var(--bureau-line)!important;}
 body.playMode .mobileHintActions{grid-column:1 / -1!important;grid-row:4!important;height:44px!important;gap:8px!important;align-self:stretch!important;}
 body.playMode .mobileHintActions button{height:44px!important;min-height:44px!important;font-size:16px!important;}
 body.playMode .mobileHintActions button:before{inset:0!important;}
 body.playMode .boardArea #murdererHighlight,body.playMode .boardArea #murdererHighlight:not(:has(.murdokuCheckStatus:not([hidden]))){grid-column:1!important;grid-row:4!important;height:66px!important;min-height:66px!important;max-height:66px!important;grid-template-columns:minmax(0,1fr) minmax(210px,.85fr)!important;grid-template-rows:16px minmax(0,1fr)!important;padding:9px 10px 9px 14px!important;gap:0 20px!important;}
 body.playMode #murdererHighlight:before{font-size:10px!important;}
 body.playMode #murdererHighlight:after{display:none!important;}
 body.playMode #murdererHighlightContent{font-size:22px!important;}
 body.playMode #murdererHighlightContent:has(.murdererAvatar){flex-direction:row!important;justify-content:flex-start!important;padding:0!important;height:32px!important;max-height:32px!important;}
 body.playMode #murdererHighlightContent .murdererName{font-size:22px!important;}
 body.playMode #murdererHighlightContent .murdererAvatar,body.playMode #murdererHighlightContent .murdererAvatar :is(.emojiPersonBust,.svgPersonAvatar){width:32px!important;height:32px!important;max-height:32px!important;flex-basis:32px!important;margin:0!important;padding:0!important;}
 body.playMode #murdererHighlight :is(.mobileNotebookMurdererButton,.suspectConfirm){height:46px!important;min-height:44px!important;max-height:46px!important;}
 body.playMode .mobileNotebookMurdererButton .murdererActionLabel{font-size:16px!important;}
}
/* Short landscape windows trade cast height for a wider statement reading area. */
@media(min-width:901px) and (max-height:800px){
 body.playMode{padding-top:12px!important;padding-bottom:16px!important;}
 body.playMode .appHeader{height:92px!important;min-height:92px!important;max-height:92px!important;grid-template-rows:92px!important;}
 body.playMode .headerActions{height:92px!important;}
 body.playMode .editorLayout{height:calc(var(--dossier-height) - 120px)!important;padding-top:4px!important;padding-bottom:12px!important;}
 body.playMode .mobilePersonChip{height:clamp(86px,12vh,118px)!important;min-height:86px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(44px,1fr) 18px 14px!important;gap:2px!important;align-items:center!important;justify-items:center!important;text-align:center!important;}
 body.playMode .mobilePersonEmoji,body.playMode .mobilePersonEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:40px!important;height:50px!important;min-height:50px!important;max-height:50px!important;grid-row:1!important;}
 body.playMode .mobilePersonChipName{font-size:11px!important;align-self:end!important;}
 body.playMode .castIdentity{font-size:8px!important;align-self:start!important;}
 body.playMode .castGender{display:none!important;}
 body.playMode .mobileHintDetail{min-height:170px!important;grid-template-rows:25px 36px minmax(0,1fr) 44px!important;row-gap:6px!important;}
 body.playMode .mobileHintName{font-size:19px!important;}
 body.playMode .mobileHintEmoji{height:34px!important;}
 body.playMode .mobileHintText{font-size:16px!important;padding-top:8px!important;}
}
}

/* Optional clue: disclosure owns its visibility and expands with the real copy. */
@layer casefile{
body.playMode #generalClueBubble[hidden]{display:none!important;}
body.playMode #generalClueBubble:not([hidden]){order:1!important;position:relative!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:36px auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0 0 5px!important;align-self:stretch!important;justify-self:stretch!important;}
body.playMode #generalClueBubble>div{display:contents!important;}
body.playMode #generalClueBubble :is(strong,.magnifier){display:none!important;}
body.playMode #generalClueBubble .generalClueToggle{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;display:flex!important;grid-column:1!important;grid-row:1!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 9px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--bureau-ink)!important;font:700 12px/1.2 Podkova,serif!important;cursor:pointer!important;}
body.playMode #generalClueBubble .generalClueToggle svg{width:18px!important;height:18px!important;flex:0 0 18px!important;}
body.playMode #generalClueBubble:not(.clueCollapsed) .generalClueToggle svg{transform:rotate(180deg)!important;}
body.playMode #generalClueBubble.clueCollapsed{grid-template-rows:36px!important;}
body.playMode #generalClueBubble #generalClueDisplay{grid-column:1!important;grid-row:2!important;align-self:start!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0 9px 9px!important;overflow:visible!important;white-space:normal!important;font:400 14px/1.35 Podkova,serif!important;}
body.playMode #generalClueBubble #generalClueDisplay[hidden]{display:none!important;}
body.playMode #generalClueBubble .generalClueToggle:focus-visible{outline:2px solid var(--bureau-ink)!important;outline-offset:2px!important;}
@media(max-width:900px){
body.playMode .mobileHintDetail{height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-rows:30px auto!important;column-gap:7px!important;padding:3px 7px 3px!important;margin-bottom:2px!important;}
body.playMode .casefileStatementHeading{display:none!important;}
body.playMode .mobileHintName{grid-column:2!important;grid-row:1!important;min-width:0!important;font-size:14px!important;}
body.playMode .mobileHintEmoji{grid-column:1!important;grid-row:1!important;width:27px!important;height:30px!important;}
body.playMode .mobileHintActions{grid-column:3!important;grid-row:1!important;gap:5px!important;height:30px!important;align-self:center!important;}
body.playMode .mobileHintActions button{flex:0 0 auto!important;width:auto!important;min-width:54px!important;height:30px!important;min-height:30px!important;padding:3px 7px!important;font:400 12px/1.1 Podkova,serif!important;}
body.playMode .mobileHintActions button:before{inset:-7px 0!important;}
body.playMode .mobileHintText{grid-column:1 / -1!important;grid-row:2!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;align-self:start!important;border-left:0!important;border-top:.5px solid var(--bureau-line)!important;padding:3px 1px 0!important;font:400 14px/1.3 Podkova,serif!important;}
body.playMode .mobileNotebookToolRail{height:44px!important;min-height:44px!important;margin-bottom:4px!important;}
body.playMode .mobileNotebookToolRail button{gap:2px!important;padding:2px!important;}
body.playMode .mobileNotebookToolRail button svg{width:20px!important;height:20px!important;}
body.playMode .boardArea #murdererHighlight,body.playMode .boardArea #murdererHighlight:not(:has(.murdokuCheckStatus:not([hidden]))){height:44px!important;min-height:44px!important;max-height:44px!important;padding:3px 5px 3px 9px!important;grid-template-rows:12px minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;column-gap:8px!important;}
body.playMode #murdererHighlight :is(.mobileNotebookMurdererButton,.suspectConfirm){height:36px!important;min-height:36px!important;max-height:36px!important;}
body.playMode #murdererHighlight:after{display:none!important;}
body.playMode #murdererHighlight:has(.murdokuCheckStatus:not([hidden])){height:auto!important;max-height:none!important;}
}
}


/* V3.48.37: four distinct material planes; only the scene receives spare space. */
@layer casefile{
.casefileMaterials{display:none;}
html:has(body:is(.playMode,.editorMode)){background-color:#15262c!important;background-image:url('../assets/plates/desk.png')!important;background-size:512px 512px!important;}
body.playMode{position:relative!important;isolation:isolate!important;--dossier-width:100vw;--dossier-height:var(--visible-height,100dvh);--cf:clamp(.85px,calc(100vw / 390),1px);--sheet-left:14px;--sheet-top:12px;--sheet-right:14px;--sheet-bottom:14px;--casefile-edge-mask:url('../assets/plates/paper-sheet.png');width:var(--dossier-width)!important;height:var(--dossier-height)!important;padding:var(--sheet-top) var(--sheet-right) var(--sheet-bottom) var(--sheet-left)!important;background:transparent!important;}
body.playMode:before,body.playMode:after{display:none!important;content:none!important;}
body:is(.playMode,.editorMode) .casefileMaterials{display:block!important;position:absolute;inset:0;pointer-events:none;z-index:-1;}
body:is(.playMode,.editorMode) .casefileMaterials>div{position:absolute;box-sizing:border-box;background:none!important;}
body:is(.playMode,.editorMode) .casefileMaterials>div:before{content:'';position:absolute;inset:-4px;background-color:var(--paper-ground);background-image:linear-gradient(var(--paper-veil),var(--paper-veil)),url('../assets/plates/paper.png');background-size:100% 100%,384px 384px;background-blend-mode:normal;-webkit-mask-box-image:var(--casefile-edge-mask) 150 fill / 14px / 0 round;mask-border:var(--casefile-edge-mask) 150 fill / 14px / 0 round;}
@supports not (-webkit-mask-box-image-source:url('../assets/plates/paper-sheet.png')){body:is(.playMode,.editorMode) .casefileMaterials>div:before{inset:0;border-radius:5px;}}

/* Rear folders turn independently; the straight front sheet owns the content geometry. */
body:is(.playMode,.editorMode) .casefileFolder{inset:calc(var(--sheet-top) - 20px) calc(var(--sheet-right) - 5px) calc(var(--sheet-bottom) - 20px) calc(var(--sheet-left) - 6px);transform:rotate(-.24deg);transform-origin:45% 48%;filter:drop-shadow(1px 3px 3px #00000024);}
body:is(.playMode,.editorMode) .casefileFolder:before{inset:0;--paper-ground:#d1ba93;--paper-veil:#d1ba93d1;clip-path:polygon(0 13px,3px 10px,9px 10px,12px 4px,16px 1px,57% 0,calc(57% + 4px) 1px,calc(57% + 8px) 5px,calc(57% + 10px) 9px,calc(100% - 7px) 10px,calc(100% - 3px) 12px,100% 17px,calc(100% - 1px) calc(100% - 8px),calc(100% - 3px) calc(100% - 3px),calc(100% - 9px) 100%,7px calc(100% - 3px),2px calc(100% - 5px),0 calc(100% - 10px));}
body:is(.playMode,.editorMode) .casefileRear{inset:calc(var(--sheet-top) - 10px) calc(var(--sheet-right) - 3px) calc(var(--sheet-bottom) - 13px) calc(var(--sheet-left) - 5px);transform:rotate(.32deg);transform-origin:53% 50%;filter:drop-shadow(0 1px 2px #00000015);}
body:is(.playMode,.editorMode) .casefileRear:before{inset:0;--paper-ground:#e1ceb0;--paper-veil:#e1ceb0cc;clip-path:polygon(0 8px,2px 3px,7px 0,calc(100% - 16px) 2px,calc(100% - 11px) 4px,calc(100% - 7px) 10px,calc(100% - 3px) 11px,100% 15px,calc(100% - 1px) calc(100% - 6px),calc(100% - 4px) calc(100% - 2px),calc(100% - 9px) 100%,7px calc(100% - 1px),2px calc(100% - 4px),0 calc(100% - 9px));}
body:is(.playMode,.editorMode) .casefileSlip{inset:calc(var(--sheet-top) - 4px) calc(var(--sheet-right) - 4px) calc(var(--sheet-bottom) - 5px) calc(var(--sheet-left) + 1px);transform:rotate(-.1deg);filter:none;}
body:is(.playMode,.editorMode) .casefileSlip:before{inset:0;--paper-ground:#eddfc5;--paper-veil:#eddfc5cc;}
body:is(.playMode,.editorMode) .casefileSheet{inset:var(--sheet-top) var(--sheet-right) var(--sheet-bottom) var(--sheet-left);filter:none;}
body:is(.playMode,.editorMode) .casefileSheet:before{inset:-2px;--paper-ground:#f4ead8;--paper-veil:#f4ead8c2;}
/* The translucent solid veil retains native fibres without their former grey contrast. */
/* Short soft contact patches mark the overlaps instead of outlining every plane. */
body:is(.playMode,.editorMode) :is(.casefileRear,.casefileSlip,.casefileSheet):after{content:'';position:absolute;pointer-events:none;height:2px;border-radius:50%;background:#392d2212;box-shadow:0 2px 3px #211c171f;z-index:-1;}
body:is(.playMode,.editorMode) .casefileRear:after{left:8%;right:38%;bottom:-1px;transform:rotate(-.2deg);}
body:is(.playMode,.editorMode) .casefileSlip:after{left:28%;right:5%;bottom:-1px;}
body:is(.playMode,.editorMode) .casefileSheet:after{left:13%;right:21%;bottom:-3px;box-shadow:0 1px 3px #211c1726;}
body:is(.playMode,.editorMode) .casefileFolderTab{position:absolute;right:-7px;top:10%;width:18px;height:clamp(68px,16vh,140px);background:#d1ba93;background-image:linear-gradient(#d1ba93d1,#d1ba93d1),url('../assets/plates/paper.png');background-size:100% 100%,384px 384px;background-blend-mode:normal;border-radius:0 6px 6px 0;box-shadow:1px 2px 2px #00000016;}
body:is(.playMode,.editorMode).darkMode .casefileFolder{filter:brightness(.65) drop-shadow(1px 3px 3px #00000035);}
body:is(.playMode,.editorMode).darkMode .casefileRear{filter:brightness(.7) drop-shadow(0 1px 2px #00000025);}
body:is(.playMode,.editorMode).darkMode .casefileSlip{filter:brightness(.64);}
body:is(.playMode,.editorMode).darkMode .casefileFolder:before{--paper-ground:#61706a;--paper-veil:#61706acc;}
body:is(.playMode,.editorMode).darkMode .casefileFolderTab{background-color:#61706a;background-image:linear-gradient(#61706acc,#61706acc),url('../assets/plates/paper.png');}
body:is(.playMode,.editorMode).darkMode .casefileRear:before{--paper-ground:#768172;--paper-veil:#768172cc;}
body:is(.playMode,.editorMode).darkMode .casefileSlip:before{--paper-ground:#829184;--paper-veil:#829184cc;}
body:is(.playMode,.editorMode).darkMode .casefileSheet:before{--paper-ground:#203541;--paper-veil:#203541e0;}
body:is(.playMode,.editorMode).darkMode :is(.casefileRear,.casefileSlip,.casefileSheet):after{background:#00000022;box-shadow:0 2px 3px #00000036;}
@media(min-width:901px){body:is(.playMode,.editorMode) .casefileFolder{transform:rotate(-.16deg);}body:is(.playMode,.editorMode) .casefileRear{transform:rotate(.23deg);}}


body.playMode :is(.appHeader,.editorLayout){background:transparent!important;}
body.playMode :is(.appHeader,.editorLayout):before{display:none!important;}
body.playMode .boardArea>#workspace{padding:22px 5px 5px!important;}
body.playMode .mobileHintDetail{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;}
body.playMode .rechercheTheme{color:var(--bureau-ink)!important;}
@media(max-width:900px){
 body.playMode .appHeader{height:calc(98 * var(--cf))!important;min-height:calc(98 * var(--cf))!important;max-height:calc(98 * var(--cf))!important;grid-template-rows:calc(43 * var(--cf)) calc(55 * var(--cf))!important;}
 body.playMode :is(.brandBlock,.headerActions){padding-left:6px!important;padding-right:6px!important;}
 body.playMode .headerActions{height:calc(43 * var(--cf))!important;}
 body.playMode .headerLevelStage{height:calc(55 * var(--cf))!important;max-height:calc(55 * var(--cf))!important;margin:0 6px!important;width:calc(100% - 12px)!important;grid-template-rows:calc(20 * var(--cf)) minmax(0,1fr)!important;}
 body.playMode .headerLevelLabel{padding:calc(5 * var(--cf)) calc(7 * var(--cf))!important;font-size:calc(9 * var(--cf))!important;}
 body.playMode .casefileCaseHeading{display:none!important;}
 body.playMode #headerLevelInfo{font-size:calc(20 * var(--cf))!important;padding:calc(8 * var(--cf)) calc(7 * var(--cf)) calc(4 * var(--cf))!important;}
 body.playMode .headerLevelStage .casefileStamp{width:calc(105 * var(--cf))!important;font-size:calc(11.5 * var(--cf))!important;height:calc(22 * var(--cf))!important;line-height:calc(22 * var(--cf))!important;top:calc(-2 * var(--cf))!important;right:calc(9 * var(--cf))!important;transform:rotate(-6deg)!important;}
 body.playMode .editorLayout{height:calc(var(--dossier-height) - var(--sheet-top) - var(--sheet-bottom) - 98 * var(--cf))!important;padding:0 6px!important;}
 body.playMode .mobilePersonStripWrap{height:calc(76 * var(--cf))!important;min-height:calc(76 * var(--cf))!important;max-height:calc(76 * var(--cf))!important;padding-top:calc(18 * var(--cf))!important;}
 body.playMode .mobilePersonStripWrap:before{height:calc(17 * var(--cf))!important;padding:calc(4 * var(--cf)) 7px!important;font-size:calc(8 * var(--cf))!important;}
 body.playMode #mobilePersonStrip{height:calc(54 * var(--cf))!important;max-height:calc(54 * var(--cf))!important;}
 body.playMode .mobilePersonChip{height:calc(54 * var(--cf))!important;min-height:calc(54 * var(--cf))!important;padding:calc(3 * var(--cf)) 2px!important;gap:2px!important;}
 body.playMode .mobilePersonEmoji,body.playMode .mobilePersonEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:calc(26 * var(--cf))!important;height:calc(26 * var(--cf))!important;min-height:calc(26 * var(--cf))!important;max-height:calc(26 * var(--cf))!important;}
 body.playMode .mobilePersonChipName{font-size:calc(10.5 * var(--cf))!important;}
 body.playMode .castIdentity{font-size:calc(7 * var(--cf))!important;}
 body.playMode #mobilePersonMore{top:calc(34 * var(--cf))!important;}
 body.playMode .bureauProgress{height:22px!important;min-height:22px!important;max-height:22px!important;padding:5px 7px!important;}
 body.playMode #generalClueBubble:not([hidden]){grid-template-rows:30px auto!important;}
 body.playMode #generalClueBubble.clueCollapsed{grid-template-rows:30px!important;}
 body.playMode #generalClueBubble .generalClueToggle{height:30px!important;min-height:30px!important;position:relative!important;}
 body.playMode #generalClueBubble .generalClueToggle:before{content:'';position:absolute;inset:-7px 0;}
}
@media(min-width:901px){
 body:is(.playMode,.editorMode) .casefileFolderTab{top:12%;height:80px;}
 body.playMode{--cf:1px;--sheet-left:22px;--sheet-right:22px;--sheet-top:14px;--sheet-bottom:18px;}
 body.playMode .appHeader{height:88px!important;min-height:88px!important;max-height:88px!important;grid-template-rows:88px!important;grid-template-columns:185px minmax(0,1fr) auto!important;}
 body.playMode .headerActions{height:88px!important;padding:0 8px!important;}
 body.playMode .headerLevelStage{height:68px!important;max-height:68px!important;grid-template-rows:23px minmax(0,1fr)!important;}
 body.playMode .headerLevelLabel{padding:6px 10px!important;font-size:10px!important;}
 body.playMode #headerLevelInfo{font-size:26px!important;padding-top:15px!important;}
 body.playMode .editorLayout{height:calc(var(--dossier-height) - var(--sheet-top) - var(--sheet-bottom) - 88px)!important;padding:2px 8px 0!important;}
 body.playMode .boardArea{grid-template-columns:minmax(0,1fr) clamp(245px,23vw,320px)!important;grid-template-rows:44px minmax(0,1fr) 24px 48px!important;column-gap:14px!important;row-gap:6px!important;}
 body.playMode .mobileNotebookToolRail{height:44px!important;min-height:44px!important;}
 body.playMode .mobileNotebookToolRail button{gap:3px!important;padding:3px!important;}
 body.playMode .mobileNotebookToolRail button svg{width:22px!important;height:22px!important;}
 body.playMode .bureauProgress{height:24px!important;min-height:24px!important;max-height:24px!important;padding:6px 9px!important;}
 body.playMode #mobilePeopleCompact{gap:8px!important;}
 body.playMode .mobilePersonStripWrap{padding-top:24px!important;}
 body.playMode .mobilePersonStripWrap:before{height:20px!important;padding:5px 7px!important;}
 body.playMode .mobilePersonChip{height:clamp(86px,12vh,118px)!important;min-height:86px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(44px,1fr) 18px 14px!important;gap:2px!important;align-items:center!important;justify-items:center!important;text-align:center!important;}
 body.playMode .mobilePersonEmoji,body.playMode .mobilePersonEmoji :is(.emojiPersonBust,.svgPersonAvatar){width:40px!important;height:50px!important;min-height:50px!important;max-height:50px!important;grid-row:1!important;}
 body.playMode .mobilePersonChipName{font-size:11px!important;align-self:end!important;}
 body.playMode .castIdentity{font-size:8px!important;align-self:start!important;}
 body.playMode .castGender{display:none!important;}
 body.playMode .mobileHintDetail{flex:0 1 auto!important;min-height:150px!important;grid-template-rows:22px 36px minmax(0,1fr) 44px!important;padding:0 9px 9px!important;row-gap:6px!important;}
 body.playMode .casefileStatementHeading{margin:0 -9px!important;padding:5px 9px!important;font-size:10px!important;}
 body.playMode .mobileHintText{font-size:16px!important;line-height:1.35!important;padding-top:8px!important;}
 body.playMode .boardArea #murdererHighlight,body.playMode .boardArea #murdererHighlight:not(:has(.murdokuCheckStatus:not([hidden]))){height:48px!important;min-height:48px!important;max-height:48px!important;padding:4px 6px 4px 10px!important;grid-template-rows:12px minmax(0,1fr)!important;}
 body.playMode #murdererHighlightContent,body.playMode #murdererHighlightContent .murdererName{font-size:19px!important;}
 body.playMode #murdererHighlight :is(.mobileNotebookMurdererButton,.suspectConfirm){height:38px!important;min-height:38px!important;max-height:38px!important;}
}
}

/* Compact play composition: the scene leads every route. */
@layer casefile{
body.playMode{--sheet-top:30px;--sheet-bottom:32px;}
body.playMode .mobilePersonChip .victimPhotoCross{inset:auto!important;left:auto!important;right:4px!important;top:3px!important;width:12px!important;height:12px!important;}
body.playMode .mobilePersonChip .victimPhotoCross:before,body.playMode .mobilePersonChip .victimPhotoCross:after{width:2px!important;height:14px!important;top:-1px!important;left:50%!important;box-shadow:none!important;background:var(--bureau-red)!important;}
/* Hypothesis and recovery reserve their own height; the board fits the remainder. */
body.playMode .boardArea #murdererHighlight,
body.playMode .boardArea #murdererHighlight:not(:has(.murdokuCheckStatus:not([hidden]))){flex:0 0 auto!important;height:auto!important;min-height:54px!important;max-height:none!important;grid-template-rows:12px 32px auto!important;row-gap:0!important;padding:4px 6px 4px 9px!important;overflow:visible!important;}
body.playMode #murdererHighlight :is(.mobileNotebookMurdererButton,.suspectConfirm){height:44px!important;min-height:44px!important;max-height:44px!important;}
body.playMode #murdererHighlight .murdokuCheckStatus{grid-column:1 / -1!important;grid-row:3!important;margin:8px 0 0!important;overflow-wrap:anywhere!important;font:400 14px/1.4 Podkova,serif!important;border-radius:2px!important;}
body.playMode #murdererHighlightContent{white-space:normal!important;text-wrap:wrap!important;text-overflow:clip!important;font-size:14px!important;line-height:1.1!important;}
body.playMode #murdererHighlightContent .murdererName{font-size:15px!important;}
body.playMode .rechercheTheme{position:relative!important;font-size:11px!important;}
body.playMode .rechercheTheme:after{content:'';position:absolute;left:0;right:0;top:min(0px,calc((100% - 44px) / 2));bottom:min(0px,calc((100% - 44px) / 2));}
body.playMode .mobileNotebookToolRail .mobileMoreMenu{z-index:500!important;}
body.playMode .mobileNotebookToolRail .mobileMoreMenu button{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;width:100%!important;min-height:44px!important;gap:9px!important;padding:8px 10px!important;font:400 13px/1.2 Podkova,serif!important;}
body.playMode .mobileNotebookToolRail .mobileMoreMenu button>.researchToolLabel{display:block!important;}
body.playMode .mobileNotebookToolRail .mobileMoreMenu button>span:not(.researchToolLabel){display:none!important;}
body.playMode .mobileNotebookToolRail .mobileMoreMenu button svg{width:20px!important;height:20px!important;}
@media(max-width:900px){
 body.playMode #mobilePersonStrip{width:calc(100% - 48px)!important;}
 body.playMode .mobilePersonChip{width:calc((100% - 9px) / 4)!important;min-width:calc((100% - 9px) / 4)!important;flex-basis:calc((100% - 9px) / 4)!important;}
 body.playMode .mobilePersonChipName{font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
 body.playMode .castIdentity{font-size:8px!important;}
 body.playMode #mobilePersonMore{top:calc(18 * var(--cf))!important;right:0!important;width:44px!important;min-width:44px!important;height:calc(54 * var(--cf))!important;min-height:44px!important;border:.5px solid var(--bureau-line)!important;opacity:1!important;background:transparent!important;}
 body.playMode .mobileNotebookToolRail{grid-template-columns:repeat(4,minmax(44px,1fr))!important;gap:4px!important;overflow:visible!important;}
 body.playMode .mobileNotebookToolRail .mobileMoreTools{display:block!important;grid-column:4!important;grid-row:1!important;position:relative!important;}
 body.playMode .mobileMoreTools summary{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:100%!important;height:44px!important;list-style:none!important;border:.6px solid var(--bureau-muted)!important;background:var(--casefile-tool-paper)!important;box-sizing:border-box!important;border-radius:1px!important;cursor:pointer!important;}
 body.playMode .mobileMoreTools summary::-webkit-details-marker{display:none;}
 body.playMode .mobileMoreTools summary>.casefileToolLabel{display:block!important;}
 body.playMode .mobileMoreTools summary>span:first-child{font:700 22px/20px Podkova,serif!important;}
 body.playMode .mobileNotebookToolRail :is(button,summary)>.casefileToolLabel{font:700 10px/1 var(--casefile-display)!important;}
 body.playMode .mobileMoreMenu{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;left:auto!important;display:grid!important;grid-template-columns:1fr!important;width:200px!important;padding:4px!important;gap:4px!important;border:1px solid var(--bureau-line)!important;background:var(--bureau-paper)!important;box-shadow:0 4px 12px #00000030!important;}
 body.playMode .mobileMoreTools:not([open]) .mobileMoreMenu{display:none!important;}
 body.playMode .mobileNotebookToolRail .mobileMoreMenu button{grid-column:1!important;grid-row:auto!important;height:44px!important;}
 body.playMode .mobileNotebookToolRail .mobileFitBtn{grid-column:1!important;}
 body.playMode .mobileNotebookToolRail .mobileMarkTopBtn{grid-column:2!important;}
 body.playMode .mobileNotebookToolRail .evidenceMobileEntry{grid-column:3!important;}
}
@media(min-width:901px){
 body.playMode{--sheet-top:24px;--sheet-bottom:26px;}
 body.playMode .boardArea{grid-template-columns:68px minmax(0,1fr) clamp(245px,23vw,320px)!important;grid-template-rows:minmax(0,1fr) 24px auto!important;column-gap:12px!important;row-gap:6px!important;}
 body.playMode .boardArea>.mobileNotebookToolRail{grid-column:1!important;grid-row:1 / 4!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(7,50px)!important;align-content:start!important;height:auto!important;min-height:0!important;gap:6px!important;margin:0!important;}
 body.playMode .mobileNotebookToolRail :is(.mobileZoomGroup,.mobileMarkGroup,.mobileHistoryGroup,.mobileExtraGroup){display:contents!important;}
 body.playMode .mobileNotebookToolRail button{grid-column:1!important;grid-row:auto!important;height:50px!important;min-height:44px!important;}
 body.playMode .mobileNotebookToolRail .mobileFitBtn{grid-row:1!important;}
 body.playMode .mobileNotebookToolRail .mobileMarkTopBtn{grid-row:2!important;}
 body.playMode .mobileNotebookToolRail .evidenceMobileEntry{grid-row:3!important;}
 body.playMode .mobileNotebookToolRail #mobileUndoBtn{grid-row:4!important;}
 body.playMode .mobileNotebookToolRail #mobileRedoBtn{grid-row:5!important;}
 body.playMode .mobileNotebookToolRail .mobileResetTopBtn{grid-row:6!important;}
 body.playMode .mobileNotebookToolRail .solutionHelpBtn{grid-row:7!important;}
 body.playMode .mobileNotebookToolRail :is(#mobileUndoBtn,.mobileResetTopBtn){margin-top:6px!important;}
 body.playMode .mobileNotebookToolRail .mobileMoreTools{display:none!important;}
 body.playMode .boardArea>#workspace{grid-column:2!important;grid-row:1!important;}
 body.playMode .boardArea>.bureauProgress{grid-column:2!important;grid-row:2!important;}
 body.playMode .boardArea #murdererHighlight,body.playMode .boardArea #murdererHighlight:not(:has(.murdokuCheckStatus:not([hidden]))){grid-column:2!important;grid-row:3!important;grid-template-columns:minmax(0,1fr) minmax(180px,.85fr)!important;}
 body.playMode .boardArea #mobilePeopleCompact{grid-column:3!important;grid-row:1 / 4!important;}
 body.playMode #murdererHighlightContent{font-size:19px!important;}
}
/* A fixed field viewport beside independent reading and writing panes. */
@layer casefile{
body.playMode #evidenceBoardModal .researchHeader{background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;}
body.playMode #evidenceBoardModal .researchAnnouncement.srOnly{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
body.playMode #evidenceBoardModal .researchZoom [data-view-zoom]{display:inline-flex!important;}
body.playMode #evidenceBoardModal .researchSidebar{min-width:0!important;min-height:0!important;display:grid!important;gap:12px!important;}
body.playMode #evidenceBoardModal .researchClueShelf{min-width:0!important;min-height:0!important;display:grid!important;gap:12px!important;align-content:start!important;}
body.playMode #evidenceBoardModal .researchNotes{display:block!important;padding:0!important;min-height:0!important;}
body.playMode #evidenceBoardModal .researchNotes>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:10px 12px!important;box-sizing:border-box!important;font:700 15px/1.3 Podkova,serif!important;cursor:pointer!important;}
body.playMode #evidenceBoardModal .researchNotes>summary span{font:400 12px/1.3 Podkova,serif!important;}
body.playMode #evidenceBoardModal .researchNoteBody{display:grid!important;gap:12px!important;padding:12px!important;box-sizing:border-box!important;}
body.playMode #evidenceBoardModal .researchNotes:not([open])>.researchNoteBody{display:none!important;}
body.playMode #evidenceBoardModal .researchNotes[open]>summary{border-bottom:.5px solid var(--bureau-line)!important;}
body.playMode #evidenceBoardModal .researchNotes textarea{min-height:240px!important;}
@media(min-width:901px){
 body.playMode #evidenceBoardModal .researchCard{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:calc(var(--visible-height,100dvh) - 32px)!important;max-height:calc(var(--visible-height,100dvh) - 32px)!important;overflow:hidden!important;}
 body.playMode #evidenceBoardModal .researchLayout{grid-template-columns:minmax(0,1fr) clamp(300px,30vw,400px)!important;grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important;gap:20px!important;height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:16px 20px!important;overflow:hidden!important;}
 body.playMode #evidenceBoardModal .researchScene{display:contents!important;}
 body.playMode #evidenceBoardModal .researchField{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:44px minmax(0,1fr) 24px!important;align-self:stretch!important;height:100%!important;gap:8px!important;min-height:0!important;}
 body.playMode #evidenceBoardModal .researchSectionHead{margin-bottom:0!important;}
 body.playMode #evidenceBoardModal .researchField>.researchSectionHead{grid-column:1!important;grid-row:1!important;}
 body.playMode #evidenceBoardModal .researchZoom{grid-column:2!important;grid-row:1!important;margin:0!important;}
 body.playMode #evidenceBoardModal .researchFieldSlot{grid-column:1 / -1!important;grid-row:2!important;height:100%!important;min-height:0!important;contain:size!important;}
 body.playMode #evidenceBoardModal #workspace{height:100%!important;}
 body.playMode #evidenceBoardModal .researchFieldStatus{grid-column:1 / -1!important;grid-row:3!important;margin:0!important;}
 body.playMode #evidenceBoardModal .researchSidebar{grid-column:2!important;grid-row:1!important;grid-template-rows:minmax(0,1fr) 46px!important;height:100%!important;}
 body.playMode #evidenceBoardModal .researchSidebar:has(.researchNotes[open]){grid-template-rows:minmax(160px,.7fr) minmax(0,1.3fr)!important;}
 body.playMode #evidenceBoardModal .researchClueShelf{overflow:auto!important;padding-right:4px!important;scrollbar-gutter:stable!important;}
 body.playMode #evidenceBoardModal .researchClues{grid-template-columns:1fr!important;}
 body.playMode #evidenceBoardModal .researchNotes{height:100%!important;overflow:hidden!important;}
 body.playMode #evidenceBoardModal .researchNoteBody{height:calc(100% - 44px)!important;overflow:auto!important;align-content:start!important;}
 body.playMode #evidenceBoardModal .researchNotes textarea{height:clamp(240px,32vh,420px)!important;resize:vertical!important;}
}
@media(max-width:900px){
 body.playMode #evidenceBoardModal .researchLayout{gap:16px!important;}
 body.playMode #evidenceBoardModal .researchSidebar{order:2!important;}
 body.playMode #evidenceBoardModal .researchNotes textarea{min-height:240px!important;}
}
}

/* Ink keeps its native worn frame; the field sits directly on the dossier paper. */
@layer casefile{
body.playMode .headerLevelStage .casefileStamp{transform:rotate(-7deg)!important;letter-spacing:.2px!important;-webkit-text-stroke:.18px currentColor;}
@media(max-width:900px){body.playMode .headerLevelStage .casefileStamp{transform:rotate(-6deg)!important;}}
body.playMode .casefileStamp:before{inset:-1px -2px!important;background-size:100% 130%!important;filter:drop-shadow(.35px .35px .2px #a33d3266);}
body.playMode.darkMode .casefileStamp:before{filter:brightness(1.7) saturate(.75) drop-shadow(.3px .3px .2px #ee9b8640);}
body.playMode #gridWrap{filter:none!important;}
body.playMode #grid{box-shadow:0 1px 3px #332f2622!important;}
body.playMode #grid :is(.roomLabel,.personNameBubble:not(.murdererPerson)){background:rgba(243,233,212,.97)!important;}
}

/* Shared selection and header navigation. */
@layer casefile{
body.playMode #grid .personToken.investigationSelected{outline:3px solid #497a91!important;outline-offset:2px!important;border-radius:3px!important;}
body.playMode #grid .personNameBubble.investigationSelected{background:var(--casefile-selection-paper)!important;border-color:#497a91!important;color:var(--bureau-ink)!important;outline:none!important;}
body:is(.playMode,.editorMode) #administratorMenu>summary{color:var(--bureau-ink)!important;background:transparent!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;font:400 12px/1.2 Podkova,serif!important;min-height:36px!important;box-sizing:border-box!important;}
body:is(.playMode,.editorMode) .administratorMenuItems{background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:0 5px 16px #00000030!important;}
body:is(.playMode,.editorMode) .administratorMenuItems :is(button,a,small){background:transparent!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;}
.casefileHeaderNav{display:none;}
body.playMode .casefileHeaderNav{display:flex!important;gap:8px!important;position:absolute!important;right:6px!important;bottom:0!important;z-index:2!important;}
body.playMode .casefileHeaderNav button{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;padding:6px!important;border:1px solid var(--bureau-line)!important;background:transparent!important;color:var(--bureau-ink)!important;border-radius:2px!important;box-shadow:none!important;}
body.playMode .casefileHeaderNav button:before{content:'';position:absolute;inset:-5px -4px;}
body.playMode .casefileHeaderNav button svg{width:20px!important;height:20px!important;}
body.playMode .casefileHeaderNav button:disabled{opacity:.4!important;cursor:default!important;}
body.playMode #headerLevelInfo{padding-right:90px!important;white-space:normal!important;}
@media(max-width:900px){body.playMode #headerLevelInfo{font-size:clamp(13px,3.8vw,18px)!important;line-height:1.12!important;padding-top:4px!important;padding-bottom:2px!important;}body.playMode .casefileHeaderNav{right:4px!important;bottom:1px!important;}body.playMode .casefileHeaderNav button{width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;}body.playMode #headerLevelInfo{padding-right:90px!important;}}
@media(min-width:901px){
 body.playMode .mobilePersonChip .victimPhotoCross{top:8px!important;left:50%!important;right:auto!important;width:38px!important;height:46px!important;transform:translateX(-50%)!important;pointer-events:none!important;}
 body.playMode .mobilePersonChip .victimPhotoCross:before,body.playMode .mobilePersonChip .victimPhotoCross:after{width:4px!important;height:50px!important;top:-2px!important;left:50%!important;background:var(--bureau-red)!important;opacity:.9!important;}
}
}

/* The editor uses the same physical dossier and ink, preserving its tools and inspectors. */
@layer casefile{
body.editorMode{position:relative!important;isolation:isolate!important;--dossier-height:var(--visible-height,100dvh);--dossier-width:100vw;--cf:1px;--sheet-top:24px;--sheet-bottom:26px;--sheet-left:22px;--sheet-right:22px;--casefile-edge-mask:url('../assets/plates/paper-sheet.png');display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;height:var(--dossier-height)!important;min-height:0!important;padding:var(--sheet-top) var(--sheet-right) var(--sheet-bottom) var(--sheet-left)!important;background:transparent!important;color:var(--bureau-ink)!important;overflow:hidden!important;}
body.editorMode:before,body.editorMode:after{display:none!important;content:none!important;}
body.editorMode :is(.appHeader,.editorLayout,.boardArea,.sidebar){background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--bureau-ink)!important;}
body.editorMode :is(.appHeader,.editorLayout):before{display:none!important;content:none!important;}
body.editorMode .appHeader{flex:0 0 88px!important;display:grid!important;grid-template-columns:185px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;height:88px!important;min-height:88px!important;max-height:88px!important;margin:0!important;padding:0 10px!important;border:0!important;border-bottom:1px solid var(--bureau-line)!important;box-sizing:border-box!important;overflow:visible!important;}
body.editorMode #mobileHeaderStatus{display:none!important;position:fixed!important;top:auto!important;bottom:calc(var(--sheet-bottom) + 62px)!important;left:calc(var(--sheet-left) + 8px)!important;right:calc(var(--sheet-right) + 8px)!important;width:auto!important;min-height:0!important;margin:0!important;pointer-events:none!important;z-index:1000!important;}
body.editorMode #mobileHeaderStatus.show{display:block!important;padding:8px 10px!important;background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;font:14px/1.3 Podkova,serif!important;box-shadow:0 3px 10px #00000020!important;}
body.editorMode #mobileHeaderStatus.show.bad{border-color:var(--bureau-red)!important;}
body.editorMode .brandBlock{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;padding:0!important;}
body.editorMode .brandLogo{width:30px!important;height:32px!important;flex:0 0 30px!important;background:none!important;}
body.editorMode .brandLogo img{content:url('../icons/murdoku-coordinate-light.svg')!important;}
body.editorMode.darkMode .brandLogo img{content:url('../icons/murdoku-coordinate-dark.svg')!important;}
body.editorMode .brandCopy{display:block!important;}
body.editorMode .brandCopy h1{font:700 18px/1 Podkova,serif!important;letter-spacing:2.5px!important;color:var(--bureau-ink)!important;}
body.editorMode :is(.subtitle,.desktopBrandLogo,.casefileStamp,.casefileCaseHeading,#caseProgress,#levelStatusBadge,.headerSaveStatus){display:none!important;}
body.editorMode .headerLevelStage{top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;position:relative!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0 8px!important;margin:0!important;text-align:left!important;border:0!important;background:none!important;}
body.editorMode .headerLevelLabel{display:block!important;font:700 11px/1.3 'Courier Prime',monospace!important;color:var(--bureau-ink)!important;}
body.editorMode #headerLevelInfo{flex:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;min-height:0!important;padding:0!important;font:700 clamp(18px,2vw,26px)/1.2 Podkova,serif!important;color:var(--bureau-ink)!important;margin-top:5px!important;}
body.editorMode .editorHeaderMeta{display:none!important;color:var(--bureau-muted)!important;font:12px/1.3 Podkova,serif!important;margin-top:3px!important;}
body.editorMode .progressSummary{order:4!important;position:static!important;display:block!important;flex:none!important;width:100%!important;margin:3px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.editorMode .saveStatusBar{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;position:static!important;width:100%!important;min-height:0!important;height:auto!important;white-space:normal!important;justify-content:flex-start!important;color:var(--bureau-muted)!important;font:12px/1.3 Podkova,serif!important;padding:0!important;}
body.editorMode .saveStatusBar [data-retry-sync]{position:relative!important;flex:none!important;min-height:22px!important;height:22px!important;padding:2px 6px!important;font:11px/1.2 Podkova,serif!important;border:1px solid var(--bureau-line)!important;background:transparent!important;color:var(--bureau-ink)!important;border-radius:2px!important;box-shadow:none!important;}
body.editorMode .saveStatusBar [data-retry-sync]:before{content:'';position:absolute;inset:-11px -2px;}
body.editorMode .saveStatusText{flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--bureau-muted)!important;}
body.editorMode .saveStatusText:is([data-state=error],[data-state=conflict]){color:var(--bureau-red)!important;}
body.editorMode .headerActions{height:auto!important;min-height:0!important;position:static!important;width:auto!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;}
body.editorMode .headerActions :is(button,summary){background:transparent!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;}
body.editorMode .rechercheTheme{min-height:36px!important;font:12px/1.2 Podkova,serif!important;}
body.editorMode .editorLayout{flex:1 1 0!important;height:0!important;min-height:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 8px 0!important;gap:12px!important;overflow:hidden!important;box-sizing:border-box!important;align-items:stretch!important;}
body.editorMode :is(.sideCard,.propertiesPanel,.editorSectionNav,.editorToolbar,#editorPersistentTools,.editorStatusBar,.desktopInspectorFeedback,.toolOptions,.objectPalette,.constructionPanel,.mobileEditorSheetHead){background:transparent!important;background-image:none!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;}
body.editorMode :is(.sideCardTitle,.propertiesTitle,.contextHeadline,.contextSubhead,.paletteCategoryTitle){font-family:Podkova,serif!important;background:transparent!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;text-shadow:none!important;}
body.editorMode :is(.sideCardTitle,.propertiesTitle){border-bottom:1px solid var(--bureau-line)!important;padding:8px 10px!important;}
body.editorMode :is(label,summary,.contextHint,.contextSubhead,.editorStatusBar,.desktopInspectorFeedback){color:var(--bureau-ink)!important;text-shadow:none!important;}
body.editorMode :is(.sidebar,.editorToolbar,.editorSectionNav,#editorPersistentTools,#mobileBottomBar,#mobileGridControls) button{background:transparent!important;background-image:none!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;font-family:Podkova,serif!important;transform:none!important;}
body.editorMode :is(.sidebar,.editorSectionNav,#mobileBottomBar) button.active,body.editorMode #editorEraser[aria-pressed=true]{background:var(--bureau-ink)!important;color:var(--bureau-paper)!important;border-color:var(--bureau-ink)!important;}
body.editorMode :is(input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;font-family:Podkova,serif!important;}
body.editorMode #workspace{position:relative!important;background:transparent!important;background-image:none!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;padding:30px 8px 8px!important;}
body.editorMode #workspace:before{content:'PLATTEGROND / DOSSIER IN OPBOUW'!important;position:absolute!important;top:10px!important;left:12px!important;color:var(--bureau-ink)!important;font:11px/1.2 'Courier Prime',monospace!important;letter-spacing:0!important;}
body.editorMode :is(.toolbarSection,.toolbarRight,.desktopZoomGroup,.mobileCenterGroups,.mobileHistoryGroup,.desktopHistoryGroup,.mobileZoomGroup){background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:var(--bureau-line)!important;}
@media(min-width:701px){
 body.editorMode .appHeader{grid-template-rows:88px!important;}
 body.editorMode .brandBlock{grid-column:1!important;grid-row:1!important;}
 body.editorMode .headerLevelStage{grid-column:2!important;grid-row:1!important;}
 body.editorMode .headerActions{grid-column:3!important;grid-row:1!important;}
 body.editorMode .editorLayout{display:grid!important;grid-template-columns:76px minmax(0,1fr) clamp(278px,24vw,340px)!important;grid-template-rows:minmax(0,1fr)!important;}
 body.editorMode .editorSectionNav{position:static!important;top:auto!important;height:100%!important;min-height:0!important;overflow:auto!important;padding:4px!important;}
 body.editorMode .editorSectionNav button{min-height:54px!important;}
 body.editorMode .editorSectionNav button strong{font:700 11px/1.2 Podkova,serif!important;}
 body.editorMode .editorColumn{display:grid!important;grid-template-rows:minmax(0,1fr) 44px!important;gap:8px!important;height:100%!important;min-height:0!important;}
 body.editorMode .boardArea{grid-row:1!important;height:100%!important;min-height:0!important;}
 body.editorMode #workspace{height:100%!important;max-height:none!important;}
 body.editorMode .sidebar{position:static!important;top:auto!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;overflow:auto!important;padding:0 4px 12px 0!important;}
 body.editorMode .editorToolbar{grid-row:2!important;position:static!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:2px 4px!important;overflow:visible!important;gap:8px!important;box-sizing:border-box!important;}
 body.editorMode .editorToolbar :is(button,select){height:36px!important;min-height:36px!important;}
 body.editorMode .desktopZoomGroup{padding:0!important;gap:4px!important;}
 body.editorMode .editorToolbar .toolbarRight{gap:4px!important;}
 body.editorMode .editorToolbar .desktopHistoryGroup{padding:0!important;border:0!important;gap:4px!important;}
 body.editorMode .editorToolbar .toolbarSectionLabel{display:none!important;}
 body.editorMode .editorToolbar :is(button,select){padding:4px!important;}
 body.editorMode .editorToolbar button{min-width:32px!important;width:32px!important;}
 body.editorMode .editorToolbar svg{width:20px!important;height:20px!important;}
 body.editorMode .editorToolbar select{width:68px!important;min-width:68px!important;}
 body.editorMode .sideInspectorColumn{height:100%!important;min-height:0!important;overflow:auto!important;}
}
@media(max-width:700px){
 body.editorMode{--sheet-top:26px;--sheet-bottom:28px;--sheet-left:14px;--sheet-right:14px;padding-bottom:calc(var(--sheet-bottom) + 58px)!important;}
 body.editorMode .appHeader{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:36px 64px!important;height:100px!important;min-height:100px!important;max-height:100px!important;flex-basis:100px!important;gap:0 6px!important;padding:0 4px!important;}
 body.editorMode .brandBlock{grid-column:1!important;grid-row:1!important;}
 body.editorMode .brandCopy h1{font-size:13px!important;letter-spacing:1.5px!important;}
 body.editorMode .brandLogo{width:24px!important;height:26px!important;flex-basis:24px!important;}
 body.editorMode .headerActions{grid-column:2!important;grid-row:1!important;gap:4px!important;}
 body.editorMode #administratorMenu{min-width:0!important;width:auto!important;}
 body.editorMode .headerActions :is(button,summary){min-width:0!important;min-height:30px!important;font-size:11px!important;padding:4px 6px!important;}
 body.editorMode .headerLevelStage{grid-column:1 / -1!important;grid-row:2!important;height:64px!important;max-height:64px!important;overflow:visible!important;padding:2px 4px!important;box-sizing:border-box!important;}
 body.editorMode #headerLevelInfo{font-size:17px!important;line-height:1.15!important;margin-top:2px!important;}
 body.editorMode .headerLevelLabel{font-size:9px!important;line-height:1.2!important;}
 body.editorMode .editorHeaderMeta{font-size:11px!important;}
 body.editorMode .editorLayout{display:block!important;padding:4px!important;}
 body.editorMode .editorColumn{display:flex!important;height:100%!important;min-height:0!important;}
 body.editorMode .boardArea{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:100%!important;min-height:0!important;}
 body.editorMode #editorPersistentTools{padding:6px!important;grid-template-columns:minmax(0,1fr) 120px!important;gap:5px!important;}
 body.editorMode #editorEraser{min-height:38px!important;padding:4px!important;font-size:11px!important;}
 body.editorMode #workspace{flex:1 1 0!important;height:0!important;max-height:none!important;display:block!important;padding:8px 4px 4px!important;}
 body.editorMode #workspace:before{display:none!important;}
 body.editorMode #mobileGridControls{position:relative!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;min-height:44px!important;height:44px!important;margin:0 0 8px!important;padding:2px!important;border:0!important;background:transparent!important;border-radius:0!important;box-sizing:border-box!important;gap:6px!important;}
 body.editorMode #mobileGridControls .mobileZoomGroup button{display:inline-flex!important;}
 body.editorMode #mobileGridControls .mobileZoomGroup{display:flex!important;gap:4px!important;}
 body.editorMode #mobileGridControls :is(.mobileGridSize,.mobileFileGroup,.mobileMarkGroup,.mobileExtraGroup,.solutionHelpBtn){display:none!important;}
 body.editorMode #mobileGridControls .mobileCenterGroups{display:flex!important;flex:1!important;min-width:0!important;justify-content:flex-end!important;}
 body.editorMode #mobileGridControls .mobileHistoryGroup{display:flex!important;gap:4px!important;}
 body.editorMode #mobileGridControls :is(button,#mobileUndoBtn,#mobileRedoBtn){min-width:34px!important;width:34px!important;min-height:36px!important;height:36px!important;padding:4px!important;font-size:0!important;}
 body.editorMode #mobileGridControls button svg{width:20px!important;height:20px!important;}
 body.editorMode #mobileGridControls .mobileHistoryGroup button>span{display:none!important;}
 body.editorMode #mobileBottomBar{left:var(--sheet-left)!important;right:var(--sheet-right)!important;bottom:calc(var(--sheet-bottom) - 4px)!important;display:flex!important;width:auto!important;height:52px!important;min-height:52px!important;background:var(--bureau-paper)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;box-shadow:none!important;padding:2px!important;gap:2px!important;}
 body.editorMode #mobileBottomBar button{flex:1!important;min-width:0!important;font-size:10px!important;min-height:44px!important;}
 body.editorMode .sidebar{background-color:var(--bureau-paper)!important;background-image:var(--casefile-paper)!important;background-size:384px!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;left:var(--sheet-left)!important;right:var(--sheet-right)!important;width:auto!important;bottom:calc(var(--sheet-bottom) + 58px)!important;max-height:calc(var(--visible-height,100dvh) - var(--sheet-top) - 100px - var(--sheet-bottom) - 66px)!important;z-index:250!important;}
 body.editorMode .mobileEditorSheetHead{background:var(--bureau-paper)!important;color:var(--bureau-ink)!important;border-color:var(--bureau-line)!important;}
}
}

/* Authoring workflow: fixed canvas controls and one task inspector. */
@layer casefile{
body.editorMode.editorWorkflowUI .editorLayout{grid-template-columns:92px minmax(0,1fr) clamp(300px,26vw,380px)!important;}
body.editorMode.editorWorkflowUI .editorSectionNav{display:flex!important;flex-direction:column!important;gap:6px!important;}
body.editorMode.editorWorkflowUI .editorSectionNav button{min-height:62px!important;flex:none!important;padding:6px 4px!important;}
body.editorMode.editorWorkflowUI .editorSectionNav button strong{font:700 13px/1.2 Podkova,serif!important;white-space:normal!important;}
body.editorMode.editorWorkflowUI .editorStepNumber{display:block!important;font:700 12px/1.3 'Courier Prime',monospace!important;margin-bottom:4px!important;}
body.editorMode.editorWorkflowUI .editorPanelToggle{margin-top:auto!important;font-size:12px!important;min-height:44px!important;}
body.editorMode.editorWorkflowUI .boardArea{grid-template-columns:minmax(0,1fr)!important;}
body.editorMode.editorWorkflowUI :is(.sideInspectorColumn,.bureauProgress){display:none!important;}
body.editorMode.editorWorkflowUI .sidebar{display:flex!important;flex-direction:column!important;gap:12px!important;}
body.editorMode.editorWorkflowUI .editorTaskTitle{flex:none!important;margin:0!important;padding:4px 0 12px!important;border-bottom:1px solid var(--bureau-line)!important;font:700 24px/1.15 Podkova,serif!important;color:var(--bureau-ink)!important;}
body.editorMode.editorWorkflowUI .sidebar>.sideCard{display:none!important;}
body.editorMode.editorWorkflowUI.editorSection-levels :is(#editorLevelCard,#generatorCard),body.editorMode.editorWorkflowUI.editorSection-solution #editorLevelCard,body.editorMode.editorWorkflowUI:is(.editorSection-build,.editorSection-rooms,.editorSection-objects,.editorSection-cast) #editorContextCard,body.editorMode.editorWorkflowUI.editorSection-check #editorStatusCard{display:block!important;}
body.editorMode.editorWorkflowUI #editorContextCard>.sideCardTitle{display:none!important;}
body.editorMode.editorWorkflowUI #editorLevelCard>.sideCardTitle{display:flex!important;justify-content:flex-end!important;padding:0!important;border:0!important;}
body.editorMode.editorWorkflowUI #editorLevelCard>.sideCardTitle>span{display:none!important;}
body.editorMode.editorWorkflowUI.editorSection-solution #editorLevelCard>:not(.solutionExplanationEditor){display:none!important;}
body.editorMode.editorWorkflowUI.editorSection-levels .solutionExplanationEditor{display:none!important;}
body.editorMode.editorWorkflowUI #editorLevelCard>.fullBtn{display:none!important;}
body.editorMode.editorWorkflowUI .levelSaveRow{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:12px!important;}
body.editorMode.editorWorkflowUI :is(.editorNameLabel,.editorPersonNameLabel,.editorPersonHintLabel){display:block!important;font:700 14px/1.3 Podkova,serif!important;}
body.editorMode.editorWorkflowUI #editorGridSettings{margin:20px 0!important;}
body.editorMode.editorWorkflowUI #editorGridSettings h3{font:700 18px/1.3 Podkova,serif!important;margin:0 0 8px!important;}
body.editorMode.editorWorkflowUI #editorGridSettings .desktopGridSizeGroup{display:flex!important;align-items:end!important;gap:8px!important;margin:0!important;flex-wrap:wrap!important;}
body.editorMode.editorWorkflowUI #editorGridSettings :is(.toolbarSectionLabel,.gridTimes){display:none!important;}
body.editorMode.editorWorkflowUI .editorDimension{display:flex!important;flex-direction:column!important;gap:4px!important;font:14px/1.3 Podkova,serif!important;}
body.editorMode.editorWorkflowUI #editorGridSettings input{width:70px!important;height:40px!important;font-size:16px!important;}
body.editorMode.editorWorkflowUI #editorGridSettings button{min-height:40px!important;padding:8px!important;}
body.editorMode.editorWorkflowUI .editorDisclosure{margin:12px 0!important;border-top:1px solid var(--bureau-line)!important;padding:8px 0!important;}
body.editorMode.editorWorkflowUI .editorDisclosure>summary{cursor:pointer!important;font:700 15px/1.4 Podkova,serif!important;padding:6px 0!important;min-height:32px!important;}
body.editorMode.editorWorkflowUI .editorDisclosure[open]>summary{margin-bottom:8px!important;}
body.editorMode.editorWorkflowUI .editorPlanTabs,body.editorMode.editorWorkflowUI .editorFloorGroups{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 16px!important;}
body.editorMode.editorWorkflowUI .editorPlanTabs[hidden]{display:none!important;}
body.editorMode.editorWorkflowUI .editorPlanTabs button{flex:1!important;min-height:40px!important;padding:6px!important;font-size:14px!important;}
body.editorMode.editorWorkflowUI .editorFloorGroups button{min-height:36px!important;padding:6px 8px!important;font-size:13px!important;}
body.editorMode.editorWorkflowUI .editorChosenFloor{font:700 16px/1.4 Podkova,serif!important;margin:16px 0 8px!important;}
body.editorMode.editorWorkflowUI .floorSettings{position:static!important;margin:0 0 12px!important;}
body.editorMode.editorWorkflowUI .editorPaletteSearch{display:block!important;width:100%!important;min-height:42px!important;font-size:16px!important;padding:8px 10px!important;margin:8px 0 12px!important;}
body.editorMode.editorWorkflowUI :is(.tool,.floorTile)[hidden]{display:none!important;}
body.editorMode.editorWorkflowUI #people{display:none!important;}
body.editorMode.editorWorkflowUI #personPane>.contextHeadline{display:none!important;}
body.editorMode.editorWorkflowUI .editorCastList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:12px 0 20px!important;}
body.editorMode.editorWorkflowUI .editorCastList button{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:2px 8px!important;text-align:left!important;padding:8px!important;min-height:54px!important;}
body.editorMode.editorWorkflowUI .editorCastAvatar{grid-row:1/3!important;width:26px!important;height:34px!important;align-self:center!important;}
body.editorMode.editorWorkflowUI .editorCastAvatar svg{width:100%!important;height:100%!important;}
body.editorMode.editorWorkflowUI .editorCastName{font:700 14px/1.2 Podkova,serif!important;overflow-wrap:anywhere!important;}
body.editorMode.editorWorkflowUI .editorCastList small{font:12px/1.2 Podkova,serif!important;color:inherit!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast{display:block!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectCard{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;position:relative!important;width:100%!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border:0!important;box-shadow:none!important;background:transparent!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectCard[hidden]{display:none!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast :is(.suspectPortrait,.personDossierCode,.suspectPlaced){display:none!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast :is(.suspectCardName,.suspectHint){grid-area:auto!important;width:100%!important;box-sizing:border-box!important;font:16px/1.45 Podkova,serif!important;padding:10px!important;text-align:left!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectCardName{min-height:44px!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectHint{min-height:176px!important;max-height:none!important;resize:vertical!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectActions{grid-area:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .castPlaceButton{display:block!important;min-height:40px!important;flex:1 1 160px!important;font-size:14px!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectVictimBtn{min-height:40px!important;flex:1 1 100px!important;font-size:14px!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .editorAppearance{flex:1 1 100%!important;margin:0!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .suspectDeleteBtn{position:static!important;order:10!important;align-self:flex-end!important;min-width:40px!important;min-height:40px!important;}
body.editorMode.editorWorkflowUI #mobileEditorCast .hintPreview{grid-area:auto!important;max-height:100px!important;overflow:auto!important;padding:8px!important;font-size:14px!important;background:transparent!important;color:var(--bureau-ink)!important;border:1px solid var(--bureau-line)!important;box-shadow:none!important;}
body.editorMode.editorWorkflowUI .editorCastPager{display:flex!important;gap:8px!important;margin:12px 0 20px!important;}
body.editorMode.editorWorkflowUI .editorCastPager[hidden]{display:none!important;}
body.editorMode.editorWorkflowUI .editorCastPager button{flex:1!important;min-height:40px!important;font-size:13px!important;}
body.editorMode.editorWorkflowUI #murdererToolBtn{display:none!important;}
body.editorMode.editorWorkflowUI .editorGeneralClue{display:block!important;border-top:1px solid var(--bureau-line)!important;padding-top:16px!important;}
body.editorMode.editorWorkflowUI .editorGeneralClue textarea{width:100%!important;min-height:120px!important;padding:10px!important;font-size:16px!important;}
body.editorMode.editorWorkflowUI .editorSolutionStatus{font:700 15px/1.5 Podkova,serif!important;margin:0 0 16px!important;padding:0 0 12px!important;border-bottom:1px solid var(--bureau-line)!important;overflow-wrap:anywhere!important;}
body.editorMode.editorWorkflowUI #solutionExplanationInput{font:16px/1.45 Podkova,serif!important;padding:10px!important;min-height:120px!important;}
body.editorMode.editorWorkflowUI :is(input,textarea)::placeholder{color:var(--bureau-muted)!important;opacity:1!important;}
body.editorMode.editorWorkflowUI .editorBoardTools{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
body.editorMode.editorWorkflowUI #editorPersistentTools{display:flex!important;align-items:center!important;padding:0!important;gap:0!important;border:0!important;margin:0!important;}
body.editorMode.editorWorkflowUI #editorPersistentTools :is(h2,p){display:none!important;}
body.editorMode.editorWorkflowUI .editorBoardTools button{width:auto!important;min-width:44px!important;padding:6px 8px!important;min-height:36px!important;height:36px!important;margin:0!important;font:14px/1.2 Podkova,serif!important;color:var(--bureau-ink)!important;background:transparent!important;border:1px solid var(--bureau-line)!important;border-radius:2px!important;}
body.editorMode.editorWorkflowUI .editorBoardTools button.active,body.editorMode.editorWorkflowUI #editorEraser[aria-pressed=true]{color:var(--bureau-paper)!important;background:var(--bureau-ink)!important;}
body.editorMode.editorWorkflowUI .sidebar #propertiesPanel{position:static!important;inset:auto!important;width:100%!important;max-height:none!important;margin:0!important;flex:none!important;order:0!important;}
body.editorMode.editorWorkflowUI:not(.editorHasSelection) .sidebar #propertiesPanel{display:none!important;}
body.editorMode.editorWorkflowUI.editorHasSelection .sidebar #propertiesPanel{display:block!important;}
body.editorMode.editorWorkflowUI .sidebar .desktopInspectorFeedback{display:none!important;}
body.editorMode.editorWorkflowUI .editorReturnToCheck{min-height:44px!important;}
body.editorMode.editorWorkflowUI .editorReturnToCheck[hidden]{display:none!important;}
body.editorMode.editorWorkflowUI .editorMobileSwitch{display:none!important;}
body.editorMode.editorWorkflowUI .sidebar button:disabled{opacity:.55!important;cursor:not-allowed!important;}
body.editorMode.editorWorkflowUI :is(button,input,textarea,summary):focus-visible{outline:2px solid var(--bureau-ink)!important;outline-offset:3px!important;}
@media(min-width:701px){
 body.editorMode.editorWorkflowUI.editorPanelCollapsed .editorLayout{grid-template-columns:92px minmax(0,1fr) 0px!important;}
 body.editorMode.editorWorkflowUI.editorPanelCollapsed .sidebar{display:none!important;}
}
@media(min-width:701px) and (max-width:1100px){
 body.editorMode.editorWorkflowUI .editorLayout{grid-template-columns:76px minmax(0,1fr) 278px!important;}
 body.editorMode.editorWorkflowUI .editorSectionNav button strong{font-size:12px!important;}
 body.editorMode.editorWorkflowUI .editorColumn{grid-template-rows:minmax(0,1fr) 84px!important;}
 body.editorMode.editorWorkflowUI .editorToolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:36px 36px!important;height:84px!important;max-height:84px!important;min-height:84px!important;gap:6px!important;}
 body.editorMode.editorWorkflowUI .editorBoardTools{grid-column:1/-1!important;grid-row:1!important;}
}
@media(max-width:700px){
 body.editorMode.editorWorkflowUI .editorLayout{display:flex!important;}
 body.editorMode.editorWorkflowUI .editorSectionNav{display:none!important;}
 body.editorMode.editorWorkflowUI .boardArea{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:40px minmax(0,1fr)!important;gap:4px!important;}
 body.editorMode.editorWorkflowUI .editorBoardTools{grid-row:1!important;}
 body.editorMode.editorWorkflowUI #workspace{grid-row:2!important;height:100%!important;align-self:stretch!important;}
 body.editorMode.editorWorkflowUI .editorBoardTools button{height:40px!important;min-height:40px!important;}
 body.editorMode.editorWorkflowUI .editorBoardTools>[data-editor-select]{display:none!important;}
 body.editorMode.editorWorkflowUI .sidebar.mobileCollapsed{display:none!important;}
 body.editorMode.editorWorkflowUI .sidebar:not(.mobileCollapsed){display:flex!important;}
 body.editorMode.editorWorkflowUI .editorTaskTitle{display:none!important;}
 body.editorMode.editorWorkflowUI .mobileEditorSheetHead{order:-2!important;flex:none!important;}
 body.editorMode.editorWorkflowUI .mobileEditorSheetHead small{display:none!important;}
 body.editorMode.editorWorkflowUI #mobileEditorSheetTitle{font:700 22px/1.2 Podkova,serif!important;}
 body.editorMode.editorWorkflowUI .editorMobileSwitch{display:block!important;min-height:40px!important;flex:none!important;order:-1!important;}
 body.editorMode.editorWorkflowUI .sidebar>.sideCard{order:1!important;flex:none!important;}
 body.editorMode.editorWorkflowUI .editorMobileSectionPicker{display:none!important;}
 body.editorMode.editorWorkflowUI .sidebar.editorSectionOverview :is(.editorTaskTitle,.editorMobileSwitch,.sideCard,#propertiesPanel,.editorReturnToCheck){display:none!important;}
 body.editorMode.editorWorkflowUI .sidebar.editorSectionOverview .editorMobileSectionPicker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
 body.editorMode.editorWorkflowUI .editorMobileSectionPicker button{min-height:68px!important;font:15px/1.3 Podkova,serif!important;padding:8px!important;}
 body.editorMode.editorWorkflowUI .editorMobileSectionPicker button strong{font-weight:700!important;}
 body.editorMode.editorWorkflowUI #editorGridSettings .desktopGridSizeGroup{display:flex!important;}
 body.editorMode.editorWorkflowUI #mobileEditorCast .suspectHint{min-height:160px!important;}
}
}
