/* Two presentations of the same workspace. Mode is selected by the window manager. */
.field-header,.field-nav,#field-home{display:none}
.os-system-dialog{width:min(490px,calc(100vw - 32px));padding:25px;border:1px solid #697862;border-radius:8px;background:#24312c;color:#dfe3d5;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 90px #000b}
.os-system-dialog::backdrop,#os-launcher::backdrop{background:#061311b0;backdrop-filter:blur(5px)}
.os-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.os-dialog-head .eyebrow{font-size:8px;letter-spacing:1.6px;color:#b7aa82;margin-bottom:8px;display:block}.os-dialog-head h2{font-size:28px;margin:0}.os-dialog-head>button{width:44px;height:44px;padding:0;background:#ffffff06;border:1px solid #75836744;color:#d3dac6;font-size:25px;flex-shrink:0}.os-system-dialog label{font-size:13px;margin-bottom:10px}.os-system-dialog select{font-size:16px;min-height:48px;padding:10px 12px;background:#18261f;border-color:#7e8b68}.os-system-dialog .primary{min-height:46px;font-size:13px}.os-system-dialog p{font-size:12px;line-height:1.8}.os-system-dialog #workspace-layout-status{color:#c8b888;font:10px/1.7 Consolas,monospace;margin:10px 0 25px}.os-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #52674655;border-bottom:1px solid #52674655;padding:23px 0}.os-layout-options svg{width:23px;height:23px;display:block;color:#c2ab76;margin-bottom:14px}.os-layout-options strong{font-size:12px;font-weight:500}.os-layout-options p{font-size:11px;color:#a3b099;margin:7px 0 0}.os-setting-help{color:#a3b39a;margin:20px 0}.os-recent-list{display:grid;gap:8px}.os-recent-list>a{display:flex;align-items:center;gap:15px;padding:15px 12px;background:#303d31;border:1px solid #66775655;border-radius:5px;min-height:76px}.os-recent-list>a:hover{border-color:#b9bd8677;background:#3a4837}.os-recent-list strong{font-size:14px;font-weight:500;color:#dce2cb}.os-recent-list small{display:block;font-size:11px;color:#a4b794;margin-top:5px}.os-recent-list b{margin-left:auto;color:#b7a879;font-size:18px;font-weight:400}.os-recent-empty{border:1px dashed #71845b66;padding:25px;text-align:center;color:#aabb98}.os-recent-empty button{min-height:44px}.os-recent-empty p{font-size:14px}
#os-launcher{top:auto;right:auto;margin:0;max-height:calc(100dvh - 115px);overflow:auto;color:#e0e5d5}#os-launcher:not([open]){display:none}#os-launcher .os-launcher-heading>button{min-width:40px;min-height:40px}
html[data-layout=mobile] #detective-desktop{display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;height:var(--field-viewport-height,100dvh);min-height:240px;box-shadow:0 0 100px #0009;position:relative}
html[data-layout=mobile] body{background:linear-gradient(#0b161bcc,#0e1c1bd9),url('/wallpaper.svg') center/cover fixed}
html[data-layout=mobile] .os-menubar,html[data-layout=mobile] #os-taskbar{display:none}
html[data-layout=mobile] .field-header{display:flex;align-items:center;gap:13px;min-height:calc(58px + env(safe-area-inset-top,0px));height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 18px 0;background:#16221fee;border-bottom:1px solid #66785944;flex-shrink:0;z-index:2000}
.field-brand{display:flex;align-items:center;gap:9px;font:10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#d3bc89}.field-brand small{display:block;font:7px Consolas,monospace;letter-spacing:2px;margin-top:2px;color:#93a487}.field-emblem{display:grid;place-items:center;border:1px solid #a4a36b77;width:30px;height:34px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);font:18px Georgia,serif;background:#9a9d6820;padding-bottom:3px}.field-header-status{display:flex;align-items:flex-end;flex-direction:column;gap:4px;margin-left:auto;font:10px Consolas,monospace;color:#c1c7aa}.field-header-status [data-field-mode]{font-size:7px;letter-spacing:1.6px;color:#93a17e}.field-account{display:grid;place-items:center;height:40px;width:40px;font:16px Georgia,serif;color:#d3d9bc;border:1px solid #6d815c88;border-radius:50%;background:#364833}
html[data-layout=mobile] #desktop-stage{height:auto;flex:1;min-height:0;width:100%;overflow:hidden}
html[data-layout=mobile] .os-desktop-mark,html[data-layout=mobile] .os-desktop-icons,html[data-layout=mobile] .os-desktop-widgets,html[data-layout=mobile] .os-desktop-bottom{display:none}
html[data-layout=mobile] .os-wallpaper{opacity:.43;background-position:25% center}
html[data-layout=mobile] .field-nav{display:grid;grid-template-columns:repeat(4,1fr);height:calc(68px + env(safe-area-inset-bottom,0px));min-height:calc(68px + env(safe-area-inset-bottom,0px));padding:3px 8px env(safe-area-inset-bottom,0px);border-top:1px solid #7b8b5f44;background:linear-gradient(#233125,#17261d);z-index:2500;flex-shrink:0}
.field-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#9dae92;font-size:10px;letter-spacing:.2px;padding:8px 4px;border-radius:4px;position:relative;min-height:54px}.field-nav button svg{height:21px;width:21px}.field-nav button[aria-current=page]{color:#e1c58c;background:#c4b37a0a}.field-nav button[aria-current=page]:before{content:'';position:absolute;top:0;height:2px;width:20px;background:#c5b37c;border-radius:0 0 2px 2px}.field-nav button:hover{background:#b7c78b18;color:#e5e6c8}
html[data-layout=mobile] .os-window{border:0;border-radius:0;box-shadow:none;filter:none;transition:none;background:#1b2922}
html[data-layout=mobile] .os-window:not(.is-active){display:none}
html[data-layout=mobile] .os-window.is-active .os-window-body{opacity:1}
html[data-layout=mobile] .os-titlebar{height:44px;min-height:44px;background:#26362b;border-bottom:1px solid #64755255;padding-left:16px;cursor:default;touch-action:auto}
html[data-layout=mobile] .os-window-title{gap:9px}
html[data-layout=mobile] .os-window-title strong{font:13px Arial,sans-serif;font-weight:500;color:#dbe2ca}
html[data-layout=mobile] .os-window-code{display:block;color:#95a48480;font-size:7px;margin-left:4px;letter-spacing:1px}
html[data-layout=mobile] .os-window-actions button{width:46px;min-width:46px;height:44px;padding:0;font-size:23px;color:#b5c4a6}
html[data-layout=mobile] .os-window-actions button:not([data-os-action=close]),html[data-layout=mobile] .os-window-toolbar,html[data-layout=mobile] .os-window-status,html[data-layout=mobile] .os-resize-handle,html[data-layout=mobile] .os-window-menu{display:none}
html[data-layout=mobile] .os-window-body.content{padding:23px 20px;scrollbar-width:thin;background:#1c2a23;container-type:normal;overflow-x:hidden;font-size:14px}
html[data-layout=mobile] .os-window[data-app=map] .os-window-body.content,html[data-layout=mobile] .os-window[data-app=interviews] .os-window-body.content,html[data-layout=mobile] .os-window[data-app=cases] .os-window-body.content{padding:0}
html[data-layout=mobile] .os-window-body input:not([type=checkbox]):not([type=radio]),html[data-layout=mobile] .os-window-body select,html[data-layout=mobile] .os-window-body textarea{font-size:16px;min-height:46px}
html[data-layout=mobile] .os-window-body button,html[data-layout=mobile] .os-window-body .button{min-height:44px;font-size:13px}
html[data-layout=mobile] .os-window-body .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5}
html[data-layout=mobile] .os-window-body .check{min-height:44px;align-items:center;font-size:13px;gap:11px}
html[data-layout=mobile] .os-window-body input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:0}
html[data-layout=mobile] .os-window-body .page-head p{font-size:13px}
html[data-layout=mobile] .os-window-body .panel{padding:20px}
html[data-layout=mobile] .os-window-body .grid2,html[data-layout=mobile] .os-window-body .directory-grid{grid-template-columns:1fr}
html[data-layout=mobile] .os-window-body .form-row{grid-template-columns:1fr}
html[data-layout=mobile] .os-window-body .toolbar{padding:10px;gap:10px}
html[data-layout=mobile] .os-window-body .toolbar>input,html[data-layout=mobile] .os-window-body .toolbar>select{width:100%}
html[data-layout=mobile] .os-window-body label{font-size:13px}
html[data-layout=mobile] .os-window-body .paper{padding:25px;box-shadow:2px 3px 0 #aaa88d,0 5px 18px #0003}
html[data-layout=mobile] .os-window-body .paper .observation{font-size:19px;line-height:1.85}
html[data-layout=mobile] .os-window-body .paper .source-box{font-size:12px}
html[data-layout=mobile] .os-window-body .notebook-paper .panel{padding-left:44px}
html[data-layout=mobile] .os-window-body .notebook-layout{grid-template-columns:1fr}
html[data-layout=mobile] .os-window-body .notebook-margin{display:none}
html[data-layout=mobile] .os-window-body .evidence-card p{font-size:13px}
html[data-layout=mobile] #desktop-stage.is-home #field-home{display:block}
#field-home{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:28px 22px 22px;scrollbar-width:thin;scrollbar-color:#6f7958 transparent;background:linear-gradient(180deg,#10201a52,#16261ee8 65%);color:#d9e0c8}
.field-home-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.field-home-heading .eyebrow{font:8px/1.5 Consolas,monospace;color:#a1ad8c;letter-spacing:1.7px;margin-bottom:8px}.field-home-heading h1{font:30px/1.2 Georgia,serif;letter-spacing:-.4px;margin:0;color:#e0e1c8}.field-home-date{font:9px Consolas,monospace;white-space:nowrap;letter-spacing:1px;color:#b7bb94;align-self:flex-start;padding-top:2px}
.field-case{display:block;padding:18px 20px 17px;position:relative;overflow:hidden;border:1px solid #9f9c6966;border-radius:5px;background:linear-gradient(105deg,#324431ef,#273d2fcc 75%,#1d352986),url('/wallpaper.svg') 45% 42%/230%;box-shadow:0 7px 23px #0002;margin-bottom:26px}.field-case:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #c8c49013;border-radius:50%;right:-18px;top:49px;pointer-events:none;box-shadow:0 0 0 16px #d0cb9806,0 0 0 33px #d0cb9805}.field-case-top{display:flex;align-items:center;justify-content:space-between;font:7px/1.5 Consolas,monospace;letter-spacing:1.4px;color:#b5c099;gap:12px;margin-bottom:15px}.field-case-top b{font-size:9px;font-weight:400;border:1px solid #b6b88355;padding:3px 5px;color:#dbc38b;letter-spacing:.5px}.field-case h2{font:29px/1.1 Georgia,serif;color:#e7dfb9;letter-spacing:-.4px;margin:0 0 8px}.field-case p{font-size:11px;line-height:1.6;color:#b4c39e;margin:0 0 18px}.field-case-open{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.1px;color:#e1c58c;border-top:1px solid #98a87b3b;padding-top:13px}.field-case-open svg{height:17px;width:17px}
.field-app-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.field-app-heading h2{font:17px Georgia,serif;margin:0;color:#d5dec0}.field-app-heading>span{font:8px Consolas,monospace;letter-spacing:1px;color:#8fa27b}
.field-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.field-app-grid>a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;text-align:center;padding:16px 5px 12px;min-height:105px;background:#35462c33;border:1px solid #a5b37a20;border-radius:5px;position:relative}.field-app-grid>a:hover{background:#8e9e5c20;border-color:#b4bf8144}.field-app-grid>a>span:last-of-type{font-size:11px;line-height:1.4;color:#c6d1b2;max-width:91px}.field-app-grid .os-app-icon{width:43px;height:43px;border-radius:10px}.field-app-grid .os-app-icon svg{width:26px;height:26px}.field-app-grid i{position:absolute;top:10px;right:10px;width:4px;height:4px;border-radius:50%;background:#d8c68c;box-shadow:0 0 7px #c4bb7355}
.field-home-footer{margin-top:25px;border-top:1px solid #91a6692b;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:9px}.field-home-footer>span{font:7px/1.7 Consolas,monospace;color:#8c9e78;letter-spacing:1px}.field-home-footer button{font-size:10px;color:#b9c69d;background:none;border:0;padding:8px 0;min-height:44px}
html[data-layout=mobile] #os-launcher{left:50%;right:auto;bottom:calc(77px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(700px,calc(100vw - 24px));max-width:none;max-height:calc(var(--field-viewport-height,100dvh) - 110px - env(safe-area-inset-top,0px));padding:22px;border-radius:12px 12px 6px 6px;margin:0;box-shadow:0 0 80px #0009}
html[data-layout=mobile] #os-command-search{font-size:16px;min-height:48px;margin-bottom:0}
html[data-layout=mobile] .os-launcher-grid{max-height:none;grid-template-columns:1fr 1fr;gap:5px;margin:16px 0}
html[data-layout=mobile] .os-launcher-grid a{min-height:70px;gap:10px;padding:12px 7px;font-size:12px}
html[data-layout=mobile] .os-launcher-grid small{font-size:9px;line-height:1.5}
html[data-layout=mobile] .os-launcher-grid .os-app-icon{width:32px;height:32px;border-radius:7px}
html[data-layout=mobile] .os-launcher-hint{display:none}
html[data-layout=mobile] .os-system-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(760px,100vw);max-width:none;max-height:calc(var(--field-viewport-height,100dvh) - 28px - env(safe-area-inset-top,0px));padding:25px 23px calc(23px + env(safe-area-inset-bottom,0px));border-radius:15px 15px 0 0;border-bottom:0}
html[data-layout=mobile] .os-system-dialog:before{content:'';display:block;position:absolute;width:35px;height:3px;border-radius:5px;top:9px;left:calc(50% - 17px);background:#97a27b66}
html[data-layout=mobile] .os-recent-list{max-height:calc(var(--field-viewport-height,100dvh) - 240px);min-height:65px;overflow:auto;overscroll-behavior:contain}
html[data-layout=mobile] #notice{bottom:calc(81px + env(safe-area-inset-bottom,0px));right:12px;z-index:10000;max-width:calc(100vw - 24px);font-size:12px}
html[data-layout=mobile] dialog:not(.os-system-dialog):not(#os-launcher){max-height:calc(var(--field-viewport-height,100dvh) - 30px);overflow:auto}
/* An explicit desktop preference remains a usable windowed workspace on a narrow screen. */
@media(max-width:849px){html[data-layout=desktop] .os-menubar{gap:10px;padding:0 10px}html[data-layout=desktop] .os-brand strong{font-size:8px;letter-spacing:1px}html[data-layout=desktop] .os-brand svg{width:17px}html[data-layout=desktop] .os-menu-links{gap:0}html[data-layout=desktop] .os-menu-links button{padding:8px 6px;font-size:10px}html[data-layout=desktop] .os-menu-links [data-os-action=help],html[data-layout=desktop] .os-menubar-right [data-os-action=reading],html[data-layout=desktop] .os-user span{display:none}html[data-layout=desktop] .os-menubar-right{gap:7px}html[data-layout=desktop] .os-dock-apps{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none}html[data-layout=desktop] #os-taskbar{gap:8px;padding:0 10px}html[data-layout=desktop] .os-dock-item{min-width:43px}html[data-layout=desktop] .os-launcher-button{padding-right:10px}html[data-layout=desktop] .os-launcher-button b{display:none}html[data-layout=desktop] .os-taskbar-right button{padding-left:9px}html[data-layout=desktop] .os-desktop-widgets{display:none}html[data-layout=desktop] .os-window-title{gap:6px}html[data-layout=desktop] .os-window-title strong{font-size:10px}html[data-layout=desktop] .os-window-code{display:none}html[data-layout=desktop] .os-window-actions button{min-width:32px;padding:5px 9px}html[data-layout=desktop] .os-window-menu{right:85px}html[data-layout=desktop] .os-dock-tooltip{display:none}}
@media(max-width:370px){html[data-layout=desktop] #os-clock{display:none}.field-header-status{gap:2px}.field-brand{font-size:9px;letter-spacing:1.5px}html[data-layout=mobile] .field-header{padding-left:13px;padding-right:13px}#field-home{padding-left:16px;padding-right:16px}.field-home-heading h1{font-size:27px}.field-app-grid{gap:8px}.field-app-grid>a{padding:14px 3px 10px;min-height:99px}.field-app-grid>a>span:last-of-type{font-size:10px}html[data-layout=mobile] .os-window-code{display:none}}
@media(min-width:600px){html[data-layout=mobile] #field-home{padding:32px 35px}.field-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-layout=mobile] .field-case{padding:24px 27px}.field-case h2{font-size:35px}.field-home-heading h1{font-size:35px}html[data-layout=mobile] .field-case p{font-size:13px}html[data-layout=mobile] .field-case-open{font-size:12px}html[data-layout=mobile] .field-header{padding-left:27px;padding-right:27px}}
@media(max-height:580px){html[data-layout=mobile] .field-header{min-height:calc(43px + env(safe-area-inset-top,0px));height:calc(43px + env(safe-area-inset-top,0px))}html[data-layout=mobile] .field-brand small{display:none}html[data-layout=mobile] .field-account{height:32px;width:32px}html[data-layout=mobile] .field-emblem{height:29px;width:26px}html[data-layout=mobile] .field-nav{height:calc(52px + env(safe-area-inset-bottom,0px));min-height:calc(52px + env(safe-area-inset-bottom,0px))}.field-nav button{gap:3px;padding:5px 3px;min-height:46px}.field-nav button svg{width:17px;height:17px}html[data-layout=mobile] .os-titlebar{height:37px;min-height:37px}html[data-layout=mobile] .os-window-actions button{height:37px}html[data-layout=mobile] #os-launcher{bottom:calc(60px + env(safe-area-inset-bottom,0px))}}