/* The story keeps one explicit destination; thoughts are visually separate. */
#mission{position:fixed;top:max(67px,calc(env(safe-area-inset-top) + 62px));left:max(12px,env(safe-area-inset-left));z-index:11;width:min(360px,calc(100vw - 28px));text-align:left;background:#102b3be8;border:1px solid #a6c2c4;border-left:3px solid #e8c17b;box-shadow:0 4px 15px #07141b33;padding:10px 13px;min-height:0;display:grid;gap:3px}#mission span{font-size:10px;color:#f2c87d;letter-spacing:.1em}#mission b{font-size:13px;font-weight:500;line-height:1.5}#mission small{font-size:10px;color:#b8ced9}body.reading #mission{visibility:hidden}.thinking #dialogue-box{background:linear-gradient(100deg,#172139fc,#2d314afa);border-top-color:#a9b8e3}.thinking #speaker{background:#343a59;color:#edf1ff}.thinking #speech{color:#e3e8ff}.thinking #hero-figure{opacity:1;filter:none}.thinking #scene-title{color:#c9d3f5}.thinking #line-position{color:#c9d3f5}.map-room.target{border:2px solid #e5bb74;background:#344553}
@media(pointer:coarse),(max-height:550px){#mission{top:max(53px,calc(env(safe-area-inset-top) + 48px));left:max(8px,env(safe-area-inset-left));width:min(290px,calc(100vw - 20px));padding:7px 10px;gap:2px}#mission b{font-size:11px}#mission span,#mission small{font-size:9px}}
@media(max-width:550px) and (orientation:portrait){#mission{width:calc(100vw - 20px);max-width:360px}}

html,body{height:100dvh;overscroll-behavior:none;-webkit-text-size-adjust:100%}
#mobile-screen,body.mobile-reading #mobile-screen{display:block;visibility:visible;pointer-events:auto;position:fixed;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:75;min-height:44px;padding:7px 10px;font-size:11px;background:#142d42ed}
#travel-status{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:22;max-width:80vw;padding:10px 18px;border:1px solid #879d9e;border-left:3px solid #e7bd76;background:#102538ee;color:#f4ead7;font-size:13px;text-align:center;pointer-events:none}
body.travelling #pad,body.travelling #interact,body.travelling #mission,body.travelling #hud{visibility:hidden}
@media(pointer:coarse),(max-width:700px){#hud{max-width:calc(100vw - 100px)}#clock{max-width:40vw;font-size:10px}#hud button{min-width:40px;min-height:44px;padding:6px 10px}#portraits img{max-height:46dvh}#dialogue-box{padding-bottom:max(8px,env(safe-area-inset-bottom))}#answers button{min-height:44px}#travel-status{font-size:11px;max-width:90vw}}
@media(max-width:550px) and (orientation:portrait){#hud{gap:3px}#hud button{padding:5px 8px}#clock{font-size:9px;max-width:30vw;padding:6px}#dialogue-box{max-height:59dvh;min-height:30dvh;gap:7px;padding-left:16px;padding-right:16px}#portraits{left:1vw;right:1vw}#portraits img{width:45vw;height:32dvh}#speech{font-size:14px;line-height:1.65}#line{max-height:20dvh}#answers{max-height:28dvh}#answers button{flex-basis:100%;font-size:13px;padding:9px 12px}#person-info{min-height:32px}#scene-title{font-size:10px}#speaker{font-size:12px}.murder-effects .me-art img{object-fit:contain}.murder-effects .me-content{max-height:45dvh;overflow:auto}.murder-effects h2{font-size:21px}}
@media(orientation:landscape) and (max-height:550px){#dialogue-box{min-height:30dvh;max-height:58dvh}#portraits img{height:46dvh;width:32vw}#speech{font-size:13px}#answers button{font-size:12px;flex-basis:30%;padding:7px 10px}#line{max-height:19dvh}}

.thinking #speaker,.thinking #speech{color:#fff1cd}.thinking #scene-title{color:#f0ddad}.thinking #dialogue-box{background:linear-gradient(100deg,#252c35fc,#303841fc);border-top-color:#cdb577}
#goal-marker{position:fixed;z-index:10;transform:translate(-50%,-100%);pointer-events:none;text-align:center;color:#ffe3a0;filter:drop-shadow(0 2px 3px #0009)}#goal-marker span{display:block;font-size:23px;animation:goal-bob 1.5s ease-in-out infinite}#goal-marker small{font-size:11px;background:#183340e8;padding:4px 8px;border-radius:5px}@keyframes goal-bob{50%{transform:translateY(-6px)}}
#ending-screen{position:fixed;inset:0;z-index:100;background:#0b121a;color:#fff0d2;display:flex;align-items:center;justify-content:center}#ending-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#ending-screen:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#06101aee)}.ending-copy{position:absolute;z-index:1;bottom:max(98px,calc(env(safe-area-inset-bottom) + 92px));left:8%;right:8%;text-align:center;text-shadow:0 2px 9px #000}.ending-copy>span{letter-spacing:.5em;font-size:12px}.ending-copy h1{font-size:clamp(23px,4vw,39px);margin:10px 0}.ending-copy p{font-size:clamp(12px,2vw,16px);line-height:1.7;max-width:790px;margin:auto}#ending-screen>button{position:absolute;z-index:2;bottom:max(26px,env(safe-area-inset-bottom));min-height:48px;padding:12px 30px;border-color:#b8aa8e;background:#182b39e8}.ending-view #hud,.ending-view #pad,.ending-view #interact,.ending-view #mobile-screen,.ending-view #goal-marker{display:none!important}
@media(orientation:landscape) and (max-height:550px){.ending-copy{bottom:78px}.ending-copy h1{font-size:25px;margin:5px}.ending-copy p{font-size:12px;line-height:1.5}#ending-screen>button{bottom:14px;min-height:44px}}
.murder-effects[data-kind="document"] #murder-effects-text,.murder-effects[data-kind="recording"] #murder-effects-text{white-space:pre-line;font-size:clamp(13px,1.8vw,17px);line-height:1.65}.murder-effects[data-kind="document"] .me-content,.murder-effects[data-kind="recording"] .me-content{max-height:72dvh;overflow:auto}.murder-effects[data-kind="document"] h2,.murder-effects[data-kind="recording"] h2{font-size:clamp(20px,3vw,30px)}

/* Raised downward objective arrow; its tip points at the destination floor. */
#goal-marker{color:#ffe6aa;filter:none}#goal-marker small{display:block;width:max-content;margin:0 auto 7px;padding:3px 8px;border:1px solid #c7a45f77;border-radius:5px;background:#142b3ce8;font-size:10px;box-shadow:0 2px 6px #0003}#goal-marker .goal-arrow{position:relative;display:block;width:34px;height:46px;margin:0 auto;animation:goal-arrow-float 1.25s ease-in-out infinite;filter:drop-shadow(0 4px 3px #071f2c88)}#goal-marker .goal-arrow:before,#goal-marker .goal-arrow:after{content:'';position:absolute;inset:0;clip-path:polygon(29% 0,71% 0,71% 44%,100% 44%,50% 100%,0 44%,29% 44%)}#goal-marker .goal-arrow:before{background:#8a571f;transform:translate(3px,4px)}#goal-marker .goal-arrow:after{background:linear-gradient(100deg,#fff3c0 0%,#ffdc79 40%,#e6a337 41%,#ffd775 68%,#bf7b23 100%)}#goal-marker .goal-footprint{position:absolute;bottom:-9px;left:50%;width:32px;height:9px;transform:translateX(-50%);border:1px solid #f6d682cc;border-radius:50%;background:#ffe3a033;box-shadow:0 0 9px #f2cb6380;z-index:-1}@keyframes goal-arrow-float{50%{transform:translateY(-6px)}}@media(max-width:550px){#goal-marker .goal-arrow{width:28px;height:39px}}@media(prefers-reduced-motion:reduce){#goal-marker .goal-arrow{animation:none}}
.murder-effects[data-kind=document] .me-art{right:37%;}
.murder-effects[data-kind=document] .me-content{left:63%;top:0;bottom:0;max-height:100%;background:#10232e;overflow:auto;padding:18px;}
.murder-effects[data-kind=document] .me-shade{display:none;}
.murder-effects[data-kind=document] .me-actions{flex-wrap:wrap;gap:8px;}
.murder-effects[data-kind=document] .me-next{width:100%;}
.murder-effects[data-kind=document] h2{font-size:22px;}
.murder-effects[data-kind=document] #murder-effects-text{font-size:14px;line-height:1.55;}
.murder-effects[data-kind=document].me-ready .me-art img{animation:none;opacity:1;transform:none;}
@media(orientation:portrait){
 .murder-effects[data-kind=document] .me-art{right:0;bottom:46%;}
 .murder-effects[data-kind=document] .me-content{left:0;top:54%;max-height:46%;padding:16px;}
 .murder-effects[data-kind=document] .me-actions{position:sticky;bottom:0;background:#10232e;padding-top:8px;}
}
/* v0.9.5 전체화면 버튼: 글자 대신 네 모서리 아이콘(전체화면이면 안쪽 모서리) */
#mobile-screen,body.mobile-reading #mobile-screen{width:52px;height:52px;min-height:0;padding:0;border:0;border-radius:12px;background:#202326e6;box-shadow:0 2px 8px #0006;line-height:0}#mobile-screen svg,.me-fullscreen svg{display:block;margin:auto}#mobile-screen:active{transform:scale(.94)}
.me-fullscreen{width:44px;height:44px;min-height:0;padding:0;border:0;border-radius:10px;background:#202326e6;line-height:0}
@media(max-width:550px),(max-height:500px){#mobile-screen,body.mobile-reading #mobile-screen{width:46px;height:46px}}