:root{--ink:#253f39;--paper:#f5f1e6;--line:#d8d9c8;--accent:#dc714f;--muted:#747d6b;--gold:#eecb78;--green:#b8cbb2;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;border:1px solid var(--line);border-radius:9px;background:#fffcf4;padding:11px 15px;min-height:44px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#e9ecdc;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default;transform:none}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #c87340;outline-offset:3px}button.primary{background:var(--ink);color:#fff8e6;border-color:var(--ink)}button.primary:hover{background:#416352}button.ghost{background:transparent;border:0}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 4vw}.brand{display:flex;gap:13px;text-decoration:none;color:var(--ink);font-size:27px;font-weight:900;letter-spacing:-1px}.brand-eye{display:grid;place-items:center;background:var(--ink);border-radius:50%;width:49px;height:49px;color:var(--gold);font-size:36px}.brand small{display:block;font-size:11px;letter-spacing:1px;font-weight:normal;margin-top:5px}.header-actions{display:flex;gap:8px}.header-actions button{background:transparent;border:0;font-size:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;max-width:1540px;margin:30px auto 0;padding:0 4vw}.case-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:bold;color:var(--muted)}h1{font-size:30px;letter-spacing:-1px;margin:6px 0 0}h2{font-size:26px;margin:12px 0}p{line-height:1.65}.clock{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap}.clock b{direction:ltr;font-size:16px;margin-right:8px}.live-dot{width:6px;height:6px;background:#758d63;border-radius:50%;box-shadow:0 0 0 4px #758d6316}#world-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid #aebda2;background:#b8c6a5;box-shadow:0 12px 35px #253f3912}canvas{width:100%;display:block;aspect-ratio:1000/760;touch-action:none;cursor:crosshair}.map-stamp{position:absolute;top:18px;right:24px;pointer-events:none;transform:rotate(-3deg);font-size:11px;font-weight:bold;opacity:.55}.map-stamp small{font-size:8px;font-weight:normal}.world-controls{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.time-controls,.interventions{display:flex;gap:6px}.world-controls button{font-size:12px;padding:9px 12px;background:#eeeee1}.world-controls b{display:inline-grid;place-items:center;min-width:20px;height:20px;background:#dde1cf;border-radius:50%;margin-right:5px}.tip{font-size:12px;color:var(--muted);margin:12px 0}.notebook-heading{border-top:3px solid var(--ink);padding-top:20px}.notebook-heading p{font-size:13px;color:#68725f}.case-note{position:relative;background:#ece5cd;padding:23px 19px 18px;transform:rotate(1deg);font-size:13px;line-height:1.8;margin:26px 0}.pin{position:absolute;top:-5px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:1px 2px 1px #0003}.sidebar-actions{display:grid;gap:8px}.sidebar-actions button{display:flex;justify-content:space-between;align-items:center;font-weight:bold}.sidebar-actions span{border-radius:20px;font-size:12px;padding:4px 9px;background:#e6e8d9}.activity-heading{margin:30px 0 12px;font-size:12px;font-weight:bold;display:flex;justify-content:space-between}.activity-heading span{font-size:10px;color:var(--muted);font-weight:normal}#activity{list-style:none;margin:0;padding:0;max-height:228px;overflow:auto;font-size:12px}#activity li{border-top:1px solid var(--line);padding:11px 0;line-height:1.5}#activity time{font-size:10px;display:block;color:var(--muted);margin-bottom:3px;direction:ltr;text-align:right}.bottom-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:20px}.bottom-actions button{font-size:11px;padding:8px 11px}.aside-foot{font-size:10px;color:var(--muted);text-align:center;margin:22px 0}footer{display:flex;justify-content:space-between;margin:28px 4vw 18px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--muted)}.accessible-map{font-size:12px;color:var(--muted)}.accessible-map summary{cursor:pointer;padding:10px 0}.accessible-map>div{display:flex;flex-wrap:wrap;gap:6px}.accessible-map button{font-size:12px}#toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#253f39ed;color:#fff8e6;font-size:13px;border-radius:10px;padding:12px 19px;max-width:90%;width:max-content;pointer-events:none;opacity:0;transition:opacity .25s;text-align:center}#toast.visible{opacity:1}#subtitle{position:absolute;bottom:18px;left:5%;right:5%;background:#fff8e9f5;border:1px solid #aebba4;border-radius:12px;padding:14px 18px;box-shadow:0 4px 12px #0001;font-size:15px;line-height:1.5;display:none}#subtitle strong{font-size:12px;display:block;color:#926943;margin-bottom:4px}.overlay{position:fixed;inset:0;background:#172e285b;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.overlay[hidden]{display:none}#dialog{background:var(--paper);width:min(620px,100%);max-height:88dvh;overflow:auto;border-radius:20px;padding:30px;box-shadow:0 25px 80px #14282055;position:relative}#dialog.wide{width:min(810px,100%)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-top h2{margin:6px 0 16px}.dialog-top button{border:0;background:none;font-size:22px;padding:4px 12px}.dialog-intro{font-size:14px;color:#697160}.hero-title{font-size:50px!important;line-height:1.05;margin:16px 0!important;letter-spacing:-2px}.hero-kicker{font-size:12px;letter-spacing:1px;color:#98734f}.hero-art{width:100%;height:88px;background:repeating-linear-gradient(90deg,transparent 0 35px,#cdd7bd 35px 36px);border-bottom:2px solid #889b7b;display:flex;align-items:end;justify-content:center;gap:22px;margin:15px 0}.hero-art .resident-portrait{width:60px;height:80px}.dialog-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.dialog-buttons button{flex:1}.case-grid{display:grid;gap:12px}.case-choice{text-align:right;padding:18px;display:flex;gap:16px;align-items:center}.case-choice .num{font-size:30px;color:#aab496;font-weight:bold}.case-choice h3{margin:0 0 7px;font-size:17px}.case-choice p{font-size:12px;margin:0;color:var(--muted)}.badge{font-size:10px;border:1px solid #a5b79a;border-radius:15px;padding:3px 8px;display:inline-block}.clue-list{display:grid;gap:9px}.clue-card{border:1px solid var(--line);border-radius:10px;padding:13px 16px;background:#fffcf3}.clue-card strong{display:block;font-size:14px}.clue-card p{font-size:13px;margin:7px 0 0}.clue-card small{font-size:10px;color:var(--muted)}.clue-card label{display:flex;gap:12px;cursor:pointer}.clue-card input{width:22px;height:22px;accent-color:var(--ink);flex-shrink:0}.suspect-grid{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.suspect-grid button{flex:1;min-width:86px}.suspect-grid button.selected{background:var(--ink);color:white}.suspect-grid small{display:block;font-size:10px;margin-top:5px}.note-tabs{display:flex;gap:6px;margin-bottom:18px}.note-tabs button.active{background:#dce4d0}.empty{padding:26px;text-align:center;border:1px dashed #b8c4aa;border-radius:10px;font-size:14px;line-height:1.8}.question-options{display:grid;gap:8px;margin-top:18px}.question-options button{text-align:right}.speech{font-size:19px;line-height:1.6;border-right:3px solid #d8b66d;padding:0 16px;margin:18px 0}.profile{display:flex;align-items:center;gap:16px}.profile .resident-portrait{width:70px;height:80px}.profile p{font-size:12px;margin:0;color:var(--muted)}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px}.setting-row input{width:24px;height:24px;accent-color:var(--ink)}textarea{font:inherit;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;resize:vertical;background:#fffcf4;color:var(--ink);min-height:80px}.result-seal{border:2px solid #6b8464;border-radius:50%;height:110px;width:110px;display:grid;place-items:center;text-align:center;font-size:18px;font-weight:bold;transform:rotate(-10deg);margin:20px auto;color:#58724f}.cinema header,.cinema aside,.cinema .case-bar,.cinema .world-controls,.cinema .tip,.cinema footer,.cinema .accessible-map{display:none}.cinema main{display:block;padding:10px;margin:0;max-width:1200px}.cinema #world-wrap{max-height:97dvh;max-width:calc(97dvh * 1000 / 760);margin:auto}#exit-cinema{display:none;position:absolute;top:12px;left:12px;font-size:11px;opacity:.65}.cinema #exit-cinema{display:block}.cinema .map-stamp{opacity:.3}.warning{color:#a15439;font-size:13px}.recon-label{color:#935c3c;font-size:12px}
@media(min-width:1600px){main{margin-top:40px;grid-template-columns:minmax(0,1fr) 330px;gap:42px}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 245px;gap:22px;padding:0 3vw}.world-controls{flex-wrap:wrap}.world-controls>div{flex:1}.interventions{justify-content:flex-end}}@media(max-width:760px){header{height:75px;margin:0 5vw}.brand{font-size:23px}.brand-eye{width:40px;height:40px;font-size:30px}.brand small{font-size:9px}.header-actions button{font-size:10px;padding:8px}main{display:block;margin-top:20px;padding:0 4vw}.case-bar{margin-bottom:15px}h1{font-size:26px}.clock{font-size:10px;gap:6px}.clock b{font-size:12px;margin-right:0}.map-stamp{top:9px;right:14px;font-size:8px}.map-stamp small{font-size:6px}#world-wrap{border-radius:14px}aside{margin-top:22px}.notebook-heading{padding-top:14px}.notebook-heading h2{font-size:20px}.notebook-heading p{margin:8px 0}.case-note{margin:18px 0;padding:15px 17px;font-size:12px}.sidebar-actions{grid-template-columns:1fr 1fr}.activity-heading{margin-top:22px}#activity{max-height:145px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.aside-foot{display:none}.world-controls button{font-size:11px;padding:9px}.tip{font-size:11px}footer span{max-width:60%;text-align:left}#dialog{padding:22px}.hero-title{font-size:42px!important}#subtitle{font-size:12px;bottom:9px;padding:8px 12px}#subtitle strong{font-size:10px}#toast{font-size:11px;padding:9px 13px;bottom:10px}.speech{font-size:17px}.overlay{padding:12px}.world-controls{gap:6px}.time-controls,.interventions{gap:4px}.world-controls button{padding:8px 7px}.world-controls b{margin-right:1px}.hero-art{gap:10px}}
/* A linen desk, a leather-bound field notebook, and a clear view of the street. */
html{direction:ltr}body{direction:rtl}
:root{--ink:#224c49;--paper:#f5ecd9;--line:#d5c5a3;--accent:#bf6543;--muted:#6d7466;--gold:#deb469;background:#efe3cb}
body{background:radial-gradient(ellipse at 80% 0,#fff5df 0,transparent 60%),repeating-linear-gradient(110deg,#674d2f03 0 1px,transparent 1px 4px);min-height:100dvh}
header{height:82px;max-width:1450px;margin:0 auto;padding:0 32px;border-color:#b7a47b66}
.brand{font-size:25px;align-items:center;letter-spacing:-.6px}.brand-eye{background:#224c49;border:3px double #ddbd77;box-shadow:0 2px 0 #a78853;width:43px;height:43px;font-size:31px}.brand small{letter-spacing:.6px;color:#6e715c}
.header-actions button{border:1px solid #c3ad82;border-radius:6px;font-weight:600;background:#fff6df80}
main{grid-template-columns:minmax(0,1fr) 278px;max-width:1450px;padding:0 32px;gap:26px;margin-top:24px}
h1{font-size:29px}.eyebrow{color:#93663a;letter-spacing:1px}.case-bar{margin-bottom:16px}.clock{background:#fffaea99;border:1px solid #d8c8a3;border-radius:24px;padding:9px 12px;color:#4b6860}.clock b{color:#224c49}
button{border-radius:6px;background:#fcf3df;border-color:#cbbb98;box-shadow:0 2px 0 #b4a17a30}
button:hover{background:#f0dbad;transform:translateY(-1px)}button.primary{background:#275652;border-color:#183c3a;box-shadow:0 3px 0 #183c3a}button.primary:hover{background:#356b62}
#world-wrap{border:3px solid #365c55;border-radius:13px;background:#ddc28f;box-shadow:0 3px 0 #173f3c,0 16px 34px #4b462d28}
.map-stamp{top:auto;bottom:15px;right:18px;font-size:10px;color:#384f42;opacity:.7;transform:rotate(-2deg)}.map-stamp small{font-size:7px}
.world-controls{margin-top:16px}.world-controls button{background:#f8efd8;font-weight:600}.world-controls b{background:#dfc990;color:#5c5138;border-radius:5px}.time-controls #pause,.time-controls #speed{min-width:44px}
.tip{line-height:1.55;font-size:12px}.accessible-map summary{border-top:1px solid #c5b48d80;padding:12px 2px}.accessible-map button{background:#f7ecd4}
aside{align-self:start;position:relative;margin-top:6px;padding:24px 20px 12px 16px;background:linear-gradient(270deg,#d8c49a 0 8px,#f9efd9 8px 100%);border:1px solid #b39b6d;border-right:8px solid #42655a;border-radius:5px 8px 8px 5px;box-shadow:-4px 4px 0 #e7d8b6,-5px 5px 0 #bca984,0 10px 24px #5d52351c}
aside:before{content:"";position:absolute;top:-7px;left:25px;width:18px;height:44px;background:#b66544;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);box-shadow:2px 2px 4px #0002}
.notebook-heading{border-top:0;padding-top:0}.notebook-heading h2{font-size:25px;margin:12px 0 8px}.notebook-heading .eyebrow{font-size:9px}.notebook-heading p{line-height:1.6;font-size:12px;color:#536658}
.case-note{background:#e9dab5;box-shadow:1px 3px 7px #755b2820;padding:20px 15px 14px;margin:24px 0;font-size:12px;transform:rotate(-1.3deg);border-bottom:1px solid #c7b083}
.pin{background:#b96b43;width:7px;height:7px}.sidebar-actions button{font-size:13px;min-height:46px}.sidebar-actions span{background:#e7d5a7;color:#584e35}.activity-heading{margin-top:26px;color:#4e6656}#activity{max-height:192px}#activity li{border-color:#cab78b77;font-size:11px;padding:10px 0}#activity time{color:#977e55}.bottom-actions{gap:5px;margin-top:16px}.bottom-actions button{font-size:10px;padding:7px 8px;background:#f8edcf;min-height:40px}
.aside-foot{font-size:9px;margin:18px 0 8px;color:#8a7856}footer{max-width:1386px;margin:28px auto 16px;color:#867554;border-color:#cbb88e}
.overlay{background:#123b3ba6;backdrop-filter:blur(5px)}#dialog{background:linear-gradient(270deg,#dfcea8 0 6px,#fbf1dc 6px 100%);border:1px solid #d4b982;border-right:7px solid #345c53;border-radius:8px;padding:28px 30px;box-shadow:0 3px 0 #b89e6a,0 25px 80px #122b295c}
.dialog-top{border-bottom:1px solid #d6c297;margin-bottom:16px}.dialog-top h2{font-size:25px}.dialog-top button{box-shadow:none}.dialog-intro{color:#66725f}.hero-kicker{color:#a06936}.hero-title{color:#224c49}.hero-art{height:112px;gap:15px;border:0;background:radial-gradient(ellipse at 50% 100%,#c5b98c66 0,transparent 65%)}.hero-art .resident-portrait{width:85px;height:106px;object-fit:contain;min-width:0}.profile .resident-portrait{width:92px;height:100px;object-fit:contain;background:#e9ddba;border-radius:50%;border:1px solid #d4bc89}.profile{gap:18px}.profile strong{color:#98633b}.speech{border-color:#d0a353}
.clue-card{border-radius:3px;border-color:#d5c39a;background:#fff8e9;box-shadow:0 2px 2px #a0854520;border-right:3px solid #d0a866}.clue-card small{color:#987441}.note-tabs{border-bottom:1px solid #d4bd8d;padding-bottom:10px;gap:7px}.note-tabs button{border-radius:5px;font-size:12px}.note-tabs button.active{background:#e9d39d;border-color:#af945f}.case-choice .num{color:#bc9963}.badge{color:#447060;border-color:#8aa591}.result-seal{color:#276552;border-color:#276552}.empty{border-color:#c8b386}.suspect-grid button.selected{background:#285b54}
#toast{background:#204b45f2;border:1px solid #cead69;border-radius:6px}#subtitle{background:#fff1d4f5;border-color:#d7b575;border-radius:6px}#subtitle strong{color:#9d6535}
.cinema{background:#173e3d}.cinema main{max-width:none;margin:auto;padding:10px}.cinema #world-wrap{border-color:#d2b27b}.cinema .map-stamp{opacity:.7}
@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 300px;gap:28px;margin-top:28px}}
@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 236px;gap:20px;padding:0 22px}aside{padding:22px 15px 12px 12px}.notebook-heading h2{font-size:22px}.world-controls{flex-wrap:wrap}.world-controls>div{flex:1}.interventions{justify-content:flex-end}}
@media(max-width:760px){header{height:70px;padding:0 18px;margin:0}.brand{font-size:22px}.brand-eye{width:37px;height:37px;font-size:28px}.brand small{font-size:8px}.header-actions{gap:5px}.header-actions button{font-size:10px;padding:6px 8px;min-height:36px}main{display:block;margin-top:18px;padding:0 14px}.case-bar{margin-bottom:12px}h1{font-size:25px}.clock{font-size:9px;padding:7px 9px;gap:5px}.clock b{font-size:12px}.eyebrow{font-size:9px}#world-wrap{border-width:2px;border-radius:9px}.map-stamp{bottom:11px;right:11px;font-size:8px}.map-stamp small{font-size:6px}.world-controls{gap:6px;margin-top:12px}.world-controls button{font-size:11px;padding:8px}.world-controls>div{flex:unset}.world-controls b{margin-right:2px;min-width:17px;height:18px}.tip{font-size:11px;margin:10px 0}.accessible-map summary{font-size:11px}aside{margin:18px 2px 0;padding:21px 18px 12px}.notebook-heading h2{font-size:22px}.notebook-heading p{font-size:12px}.case-note{margin:19px 0;padding:15px 14px;font-size:12px}.sidebar-actions{grid-template-columns:1fr 1fr;gap:10px}.activity-heading{margin-top:24px}#activity{max-height:115px;gap:0 15px}footer{margin:24px 18px 16px;font-size:9px}#dialog{padding:21px 20px;max-height:91dvh}.hero-title{font-size:38px!important}.hero-art{gap:2px;height:91px}.hero-art .resident-portrait{width:20%;height:88px}.note-tabs{flex-wrap:wrap}.note-tabs button{padding:8px 10px}.profile .resident-portrait{width:82px;height:90px}.clue-card{padding:12px}.dialog-top h2{font-size:23px}.speech{font-size:17px}.cinema main{padding:5px}}
@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}
@media(max-width:500px){.map-stamp{display:none}}
/* The case's next action and notebook are part of play, not the page footer. */
body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
main{margin-top:18px;gap:24px}.case-bar{margin-bottom:10px}
#phase-strip{display:flex;gap:5px;align-items:center;margin:0 0 10px;padding:8px 0;border-top:1px solid #ccb78e;border-bottom:1px solid #ccb78e;color:#84765d;font-size:11px}
#phase-strip span{flex:1;display:flex;align-items:center;gap:5px;white-space:nowrap}#phase-strip b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #cab386;border-radius:50%;font-size:10px}#phase-strip .current{font-weight:bold;color:#285850}#phase-strip .current b{background:#285850;color:#fff1cf;border-color:#285850}#phase-strip .past b{background:#e6d6af}
#guidance{position:relative;display:flex;align-items:center;gap:14px;background:#fffaeccc;border:1px solid #c8ac72;border-right:4px solid #b78038;padding:13px 15px;margin-bottom:12px;border-radius:7px;box-shadow:0 3px 8px #8e743013}
#guidance>div{flex:1}#guide-objective{font-size:16px;font-weight:bold;line-height:1.45;margin:4px 0}#guide-detail{font-size:11px;color:#6e745e;line-height:1.5;display:block}#guide-action{max-width:220px;font-size:12px;line-height:1.5;padding:9px 13px}#guide-kicker{font-size:9px}
.text-button{font-size:10px;padding:3px;min-height:28px;border:0;box-shadow:none;background:transparent;color:#776d56;text-decoration:underline}#skip-tutorial{position:absolute;top:7px;left:10px}#skip-tutorial:not([hidden])~*{margin-top:10px}#guidance:has(#skip-tutorial:not([hidden])) #guide-action{margin-top:20px}
[hidden]{display:none!important}#finding{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;margin:0 0 10px;background:#e4eddb;border:1px solid #86a481;border-radius:6px;font-size:12px}#finding button{font-size:11px;min-height:35px;padding:5px 8px;background:#f7f8e8}
#action-dock{position:fixed;z-index:12;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#f9eed7f5;backdrop-filter:blur(12px);border-top:1px solid #bca171;box-shadow:0 -5px 24px #23443c1c}
#action-dock button{min-height:46px;font-weight:700}#notebook{display:flex;align-items:center;justify-content:center;gap:8px;min-width:210px}#notebook>span{font-size:25px;color:#315c50}#unread-count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;color:#fff4dc;background:#b4643b;font-size:12px}#next-action{min-width:240px;max-width:340px}#context-help{min-width:75px}#context-help>span{font-size:12px}
.microcopy{font-size:11px;color:#6d745e;line-height:1.55}.inline-success{background:#e6edd6;border-right:3px solid #68905a;padding:12px;font-size:13px;line-height:1.6}.personal-notes{margin:20px 0}.personal-notes summary{cursor:pointer;padding:12px 0;font-weight:bold}.people-list{display:grid;gap:16px}.person-entry{border-bottom:1px solid #d5c39a;padding-bottom:16px}.person-entry button{font-size:12px;padding:8px 12px;margin:8px 0}.person-entry .clue-card{margin-top:10px}.suspect-grid .resident-portrait{width:64px;height:78px;object-fit:contain;display:block;margin:auto}.suspect-grid button{padding:8px;min-width:85px}.suspect-grid strong{font-size:12px}.note-tabs{position:sticky;top:-28px;z-index:2;background:#fbf1dc;padding-top:10px}.note-tabs button{flex:1;white-space:nowrap}.clue-card:target{outline:3px solid #bd9652}
#night-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;color:#ffe6ac;background:radial-gradient(ellipse at 50% 40%,#183f42dd,#112b32f2);pointer-events:none}#night-card strong{font-size:27px}#night-card p{max-width:300px;font-size:15px;line-height:1.6}#night-card .moon{font-size:60px;margin-bottom:15px;color:#ebc881;animation:night-breathe 2.5s ease-in-out infinite}.has-discovery #guidance{border-color:#ba7638;background:#fff0c9}.has-discovery #guide-objective{color:#8f4c26}.pulse-once{animation:action-arrive .8s ease-out 2}.cinema #phase-strip,.cinema #guidance,.cinema #finding,.cinema #action-dock{display:none}.cinema{padding-bottom:0}
@keyframes night-breathe{50%{opacity:.65;transform:translateY(-3px)}}@keyframes action-arrive{50%{box-shadow:0 0 0 5px #e8bb7044}}
@media(max-width:760px){header{height:61px}main{margin-top:12px;padding:0 12px}.case-bar{margin-bottom:8px}h1{font-size:24px}#phase-strip{font-size:9px;gap:3px;margin-bottom:9px;padding:7px 0}#phase-strip span{gap:3px;flex-direction:column;line-height:1.2}#phase-strip b{width:18px;height:18px;font-size:9px}#guidance{padding:10px 11px;gap:6px;align-items:stretch;flex-wrap:wrap;margin-bottom:9px}#guidance>div{min-width:100%}#guide-objective{font-size:13px;margin:3px 0}#guide-detail{font-size:10px;line-height:1.45}#guide-action{font-size:11px;padding:6px 11px;min-height:36px;max-width:none;margin-top:4px!important}#skip-tutorial{top:auto;bottom:9px;left:11px;max-width:115px;font-size:9px}#guide-kicker{font-size:8px}#world-wrap{border-radius:7px}#action-dock{padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px}#action-dock button{font-size:11px;padding:7px 8px;min-height:49px;line-height:1.35}#notebook{min-width:0;flex:1.15;gap:4px}#notebook>span{font-size:22px}#unread-count{min-width:18px;height:18px;font-size:10px}#next-action{min-width:0;max-width:none;flex:1.1}#context-help{min-width:37px;width:37px;font-size:20px!important}#context-help>span{display:none}#finding{font-size:11px;padding:6px 9px}#finding button{font-size:10px;flex-shrink:0}.world-controls{margin-top:9px}.world-controls button{font-size:10px;padding:6px 7px}.tip{font-size:10px;margin:8px 0}.note-tabs{top:-21px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.note-tabs button{font-size:10px;padding:7px;min-height:37px}.suspect-grid{gap:5px}.suspect-grid button{min-width:75px}.suspect-grid .resident-portrait{width:54px;height:68px}.profile .resident-portrait{width:92px;height:110px;flex-shrink:0}#night-card strong{font-size:20px}#night-card p{font-size:12px;margin:8px 0}#night-card .moon{font-size:38px;margin-bottom:5px}aside{margin-top:14px}.hero-title{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){#night-card .moon,.pulse-once{animation:none}}
@media(max-width:760px){#guidance #skip-tutorial{position:static;flex:0 0 84px;align-self:center;max-width:84px;margin-top:4px}#guide-action{flex:1;max-width:none}#guide-detail{max-width:100%}}
#action-dock{flex-wrap:wrap;row-gap:5px}#dock-phase{flex-basis:100%;font-size:10px;line-height:12px;text-align:center;color:#5d6c5d}#phase-strip{position:sticky;top:0;z-index:5;background:#f5ecd9f5}.is-reconstructing #toast{display:none}.is-reconstructing #subtitle{position:relative;inset:auto;margin:0;border:0;border-radius:0;box-shadow:none}.is-reconstructing #guide-detail{font-size:13px;color:#35594e}.is-reconstructing #finding{display:none}
#subtitle{position:relative;inset:auto;margin:0;border:0;border-radius:0;box-shadow:none}body{padding-bottom:calc(105px + env(safe-area-inset-bottom))}
.supporting-profile{display:flex;gap:24px;align-items:center}.supporting-profile>img{width:145px;height:215px;object-fit:contain}.scene-detail{margin:12px 0 20px;border-radius:12px;background:radial-gradient(ellipse at center,#dbceb0,#d9ccb000 75%);text-align:center}.scene-detail img{display:block;margin:auto;max-width:100%;height:240px;object-fit:contain}.scene-detail figcaption,.continuity-note{font-size:14px;line-height:1.6;color:#695f4e}.hero-art{gap:0!important}.hero-art .resident-portrait{width:16.6%!important;min-width:0!important}@media(max-width:500px){.supporting-profile{gap:10px}.supporting-profile>img{width:95px;height:170px}.scene-detail img{height:180px}}