/* Approved cinematic investigation HUD */
.command-ui{--hud-black:#080c0e;--hud-panel:rgba(13,18,20,.96);--hud-line:#5b503d;--hud-brass:#b99a5b;--hud-paper:#d8d0bd;--hud-teal:#3bb0ae;--hud-yellow:#e6b541;position:relative;padding:0;gap:0;background:#05090b;overflow:hidden}.command-ui .game-command-bar{position:absolute;z-index:12;left:22px;right:22px;top:18px;height:58px;display:grid;grid-template-columns:245px minmax(440px,660px) 105px;justify-content:space-between;align-items:start;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none}.command-ui .location-box,.command-ui .round-track,.command-ui .action-box{pointer-events:auto}.command-ui .location-box{height:58px;align-self:start;padding:0 18px 0 12px;gap:12px;border:1px solid #756449;background:linear-gradient(100deg,rgba(230,223,206,.97),rgba(196,188,170,.96));box-shadow:0 8px 20px rgba(0,0,0,.52),inset 0 0 0 2px rgba(255,255,255,.12);color:#222}.command-ui .location-icon{width:31px;height:31px;border:0;color:#433d33;font-size:24px}.command-ui .location-box small{color:#786e5e}.command-ui .location-box strong{color:#262722;font-family:"AppleMyungjo","Nanum Myeongjo","Batang",serif;font-size:14px;letter-spacing:.04em}.command-ui .round-track{height:52px;padding:0 24px;gap:12px;border:1px solid #5d5038;background:linear-gradient(180deg,rgba(11,15,17,.98),rgba(18,22,23,.96));box-shadow:0 9px 24px rgba(0,0,0,.58),inset 0 0 0 2px rgba(185,154,91,.08);clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%)}.command-ui .track-label{display:none}.command-ui .round-track ol:before{left:4%;right:4%;background:#6b5a3d}.command-ui .round-track li{width:29px;height:29px;border-color:#675b48;background:#111719;color:#aaa08d;line-height:25px}.command-ui .round-track li.complete,.command-ui .round-track li.current{border-color:var(--hud-teal);color:#e8ffff}.command-ui .round-track li.complete:after,.command-ui .round-track li.current:after{background:#156f70}.command-ui .round-track li.current{box-shadow:0 0 0 3px rgba(59,176,174,.16),0 0 15px rgba(59,176,174,.32)}.command-ui .action-box{position:relative;width:100px;height:58px;border:1px solid #66583f;background:rgba(11,15,17,.96);box-shadow:0 8px 20px rgba(0,0,0,.52);display:grid;grid-template-columns:1fr 45px;grid-template-rows:17px 1fr;padding:7px 8px}.command-ui .action-box small{grid-column:1;color:#897a60;font:700 8px/1 monospace;letter-spacing:.17em}.command-ui .action-box strong{grid-column:2;grid-row:1/3;color:#e9e1cf;font:700 31px/1 monospace;align-self:center}.command-ui .action-box span{grid-column:1;grid-row:2;color:#bdb4a2;font-size:9px;align-self:center}.command-ui .game-workspace{position:absolute;inset:0;display:block;margin:0;min-height:0}.command-ui .scene-shell{position:absolute;inset:0;height:auto;border:0;background:#05090b}.command-ui .scene{position:absolute;inset:0;height:auto;border:0;background:#05090b}.command-ui .map-stage{width:min(100%,calc(100cqh * 1.7843137255));max-height:100%}.command-ui .map-caption{position:absolute;z-index:11;left:24px;top:85px;width:auto;height:28px;padding:0 9px;border:1px solid rgba(185,154,91,.28);background:rgba(7,11,13,.76);color:#a79d89}.command-ui .map-caption>span{display:none}.command-ui .scene-tools{gap:12px}.command-ui .debug-toggle{font-size:8px}.command-ui .scene-toast{top:118px;left:24px;right:auto;transform:none;max-width:300px;border:1px solid rgba(230,181,65,.45);background:rgba(8,12,14,.84);color:#d9c98e}.command-ui .right-rail{position:absolute;z-index:14;right:18px;top:50%;transform:translateY(-50%);width:62px;display:flex;gap:9px;padding:0;border:0;background:transparent;overflow:visible}.command-ui .rail-button{position:relative;flex:0 0 62px;width:62px;height:62px;min-height:62px;padding:0;border:1px solid #67583f;background:rgba(10,15,17,.97);box-shadow:0 7px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(185,154,91,.07);color:#b8ad96}.command-ui .rail-button:hover,.command-ui .rail-button:focus-visible,.command-ui .rail-button.active{border-color:var(--hud-teal);background:#101b1d;color:#80d3d0}.command-ui .rail-button.active:before{display:none}.command-ui .temp-icon{width:38px;height:38px;border:0;font-size:25px}.command-ui .temp-icon:after{inset:3px;border-color:currentColor;opacity:.22}.command-ui .rail-button>span{position:absolute;right:72px;top:50%;width:max-content;max-width:230px;padding:10px 14px;transform:translate(7px,-50%);border:1px solid #66583f;background:rgba(10,15,17,.97);box-shadow:0 7px 18px rgba(0,0,0,.55);color:#e3ddcf;font-size:11px;text-align:right;opacity:0;visibility:hidden;transition:opacity .16s,transform .18s;pointer-events:none}.command-ui .rail-button>span:after{content:"";position:absolute;left:100%;top:50%;border:5px solid transparent;border-left-color:#66583f;transform:translateY(-50%)}.command-ui .rail-button:hover>span,.command-ui .rail-button:focus-visible>span{opacity:1;visibility:visible;transform:translate(0,-50%)}.command-ui .rail-button small{display:block;margin-top:3px;color:#887f70;font-size:8px}.command-ui .rail-button em{right:4px;bottom:3px;color:#81755f;font-size:7px}.command-ui .rail-button.locked{opacity:.62}.command-ui .clue-inventory{position:absolute;z-index:14;left:18%;right:18%;bottom:16px;width:auto;height:108px;display:flex;gap:8px;padding:7px;border:1px solid #5e513d;background:rgba(9,13,15,.96);box-shadow:0 -8px 24px rgba(0,0,0,.58),inset 0 0 0 2px rgba(185,154,91,.06);overflow:visible}.command-ui .clue-inventory.expanded{height:min(55vh,440px)}.command-ui .inventory-title{position:relative;width:112px;flex:0 0 112px;height:92px;padding:12px 10px;border:0;border-right:1px solid #514734;background:transparent;align-self:flex-end}.command-ui .inventory-title span{color:#8e7c5c;font:700 8px/1 monospace;letter-spacing:.18em}.command-ui .inventory-title strong{display:block;margin-top:9px;color:#d6cfbf;font:700 12px/1.35 "AppleMyungjo","Nanum Myeongjo","Batang",serif}.command-ui .inventory-title small{margin-top:auto;color:#7f7461}.command-ui .clue-list{display:grid;grid-template-columns:repeat(8,minmax(62px,1fr));grid-auto-rows:92px;gap:6px;width:100%;align-content:start;overflow:hidden}.command-ui .clue-inventory.expanded .clue-list{overflow-y:auto}.command-ui .clue-slot{height:92px;border:1px solid #504735;background:#171c1d;color:#776e5d}.command-ui .clue-slot.empty{background:linear-gradient(145deg,#171c1d,#101516)}.command-ui .clue-slot.empty:after{content:"";position:absolute;inset:11px 8px 9px;border:1px dashed rgba(180,167,139,.18);background:rgba(212,203,182,.025)}.command-ui .clue-slot.filled{border-color:#7d6842;background:#1b2020;color:#d9c89e}.command-ui .clue-slot .slot-number{z-index:2;left:6px;top:5px;color:#a99161}.command-ui .clue-slot .evidence-art{display:block;width:70%;height:55%;border:1px solid rgba(202,191,166,.16);background:rgba(216,207,187,.035)}.command-ui .clue-slot.filled .evidence-art{background:linear-gradient(145deg,rgba(222,211,185,.12),rgba(222,211,185,.035));border-color:rgba(204,180,124,.3)}.command-ui .clue-slot>strong{position:absolute;left:5px;right:5px;bottom:5px;width:auto;color:#cfc4ae;font-size:7px}.command-ui .inventory-toggle{top:-20px;width:52px;height:21px;border-color:#5e513d;background:#0b1012;color:#b99a5b}.case-summary-pending{margin:22px 0;padding:18px;border:1px solid #63583f;background:#111b1d}.case-summary-pending small{color:#b99a5b;font-size:9px;letter-spacing:.14em}.case-summary-pending strong{display:block;margin-top:5px;color:#ded8c9}.case-summary-pending p{margin:5px 0 0;color:#7f8b8d;font-size:11px}.case-section-title{margin:25px 0 10px;color:#b99a5b;font-size:11px;letter-spacing:.12em}.modal-panel .profile-list{max-height:36vh;overflow:auto;padding-right:8px}
@media(max-width:1100px){.command-ui .game-command-bar{grid-template-columns:190px minmax(360px,560px) 92px}.command-ui .location-box strong{font-size:11px}.command-ui .clue-inventory{left:10%;right:10%}.command-ui .right-rail{right:10px}.command-ui .rail-button{width:54px;height:54px;flex-basis:54px;min-height:54px}.command-ui .clue-list{grid-template-columns:repeat(8,minmax(52px,1fr))}}

/* ImageGen production assets — approved mockup fidelity */
.command-ui .game-command-bar{grid-template-columns:230px clamp(480px,38vw,650px) 105px}
.command-ui .location-box{width:230px;height:112px;padding:32px 31px 20px;background:transparent url("assets/ui/cinematic-hud/location-card.png") center/100% 100% no-repeat;border:0;box-shadow:none;align-items:center}.command-ui .location-icon{margin-top:5px}.command-ui .location-box small{color:#82745f}.command-ui .location-box strong{color:#292a27;font-size:13px}
.command-ui .round-track{height:72px;padding:0 52px;background:transparent url("assets/ui/cinematic-hud/round-frame.png") center/100% 100% no-repeat;border:0;box-shadow:none;clip-path:none}.command-ui .round-track ol:before{left:3%;right:3%;height:1px;background:#766649}.command-ui .round-track li{width:32px;height:32px;line-height:28px;background:#121719;border:2px solid #665b49;box-shadow:inset 0 1px 3px #000}.command-ui .round-track li.current{border-color:#55c6c2;box-shadow:0 0 0 3px rgba(59,176,174,.16),0 0 16px rgba(59,176,174,.42)}
.command-ui .action-box{width:105px;height:60px;padding:12px 15px;background:transparent url("assets/ui/cinematic-hud/action-frame.png") center/100% 100% no-repeat;border:0;box-shadow:none}.command-ui .action-box small{color:#9d8a66}.command-ui .action-box span{color:#aaa08b}.command-ui .action-box strong{color:#f0e8d6}
.command-ui .right-rail{right:20px;width:74px;gap:8px}.command-ui .rail-button{width:74px;height:74px;min-height:74px;flex-basis:74px;background:transparent url("assets/ui/cinematic-hud/rail-button.png") center/100% 100% no-repeat;border:0;box-shadow:none}.command-ui .rail-button:hover,.command-ui .rail-button:focus-visible,.command-ui .rail-button.active{border:0;background-color:transparent;filter:brightness(1.18) drop-shadow(0 0 7px rgba(59,176,174,.24))}.command-ui .rail-button>span{right:82px}.command-ui .temp-icon{color:#d2c4a4;text-shadow:0 1px 2px #000}.command-ui .rail-button:hover .temp-icon{color:#7bd4d1}
.command-ui .clue-inventory{left:50%;right:auto;bottom:10px;width:min(70vw,1160px);height:auto;aspect-ratio:1839/234;transform:translateX(-50%);padding:0;background:transparent url("assets/ui/cinematic-hud/evidence-tray.png") center/100% 100% no-repeat;border:0;box-shadow:none}.command-ui .inventory-title{display:none}.command-ui .clue-list{position:absolute;left:8.7%;right:7.5%;top:15%;bottom:14%;width:auto;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:100%;gap:1.35%;overflow:hidden}.command-ui .clue-slot,.command-ui .clue-slot.empty,.command-ui .clue-slot.filled{height:100%;border:0;background:transparent;color:#493f31}.command-ui .clue-slot.empty:after{display:none}.command-ui .clue-slot .slot-number{left:8%;top:5%;color:#756348;font-size:8px}.command-ui .clue-slot .evidence-art{width:82%;height:67%;margin-top:2%;border:0;background:transparent}.command-ui .clue-slot.filled .evidence-art{border:1px dashed rgba(92,72,45,.22);background:rgba(51,40,28,.05)}.command-ui .clue-slot>strong{bottom:3%;color:#493d2d;font-size:7px}.command-ui .inventory-toggle{top:-17px;width:46px;height:19px;background:#111617;color:#c2a365;border-color:#776342}.command-ui .clue-inventory.expanded{width:min(70vw,1160px);height:min(55vh,440px);aspect-ratio:auto;background-color:rgba(9,13,15,.97);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;border:1px solid #66583f}.command-ui .clue-inventory.expanded .clue-list{top:18px;bottom:126px;grid-template-columns:repeat(8,1fr);grid-auto-rows:96px;overflow-y:auto}.command-ui .clue-inventory.expanded .clue-slot{height:96px;background:#d7c9aa;border:1px solid #806f50}
@media(max-width:1100px){.command-ui .game-command-bar{grid-template-columns:220px minmax(410px,570px) 100px}.command-ui .location-box{width:220px;height:96px;padding:28px 31px 17px}.command-ui .round-track{height:62px;padding:0 41px}.command-ui .round-track li{width:27px;height:27px;line-height:23px}.command-ui .action-box{width:100px;height:57px;padding:11px 14px}.command-ui .right-rail{width:62px}.command-ui .rail-button{width:62px;height:62px;min-height:62px;flex-basis:62px}.command-ui .rail-button>span{right:70px}.command-ui .clue-inventory{width:min(76vw,950px)}}
.command-ui .map-stage{width:max(100%,calc(100cqh * 1.7843137255));max-height:none;min-height:100%}.command-ui .scene-toast{opacity:0;pointer-events:none}.game-screen.active~.qa-launcher,body:has(.game-screen.active) .qa-launcher{left:7px;right:auto;top:auto;bottom:7px;width:30px;height:22px;writing-mode:horizontal-tb;opacity:.35;border:1px solid #8a754d;font-size:8px}

/* Precision pass: assets reconstructed from exact approved-image crops */
.command-ui .location-box{width:230px;height:135px;padding:39px 31px 23px;background-image:url("assets/ui/cinematic-hud/location-card-v2.png")}
.command-ui .round-track{height:70px;background-image:url("assets/ui/cinematic-hud/round-frame-v2.png")}
.command-ui .action-box{width:105px;height:62px;background-image:url("assets/ui/cinematic-hud/action-frame-v2.png")}
.command-ui .rail-button{width:74px;height:78px;min-height:78px;flex-basis:78px;background-image:url("assets/ui/cinematic-hud/rail-button-v2.png")}
.command-ui .clue-inventory{aspect-ratio:2124/227;background-image:url("assets/ui/cinematic-hud/evidence-tray-v2.png")}
.command-ui .clue-list{left:7.5%;right:7.2%;top:13%;bottom:13%;gap:1.1%}
.command-ui .location-box{width:14vw;height:13.7vh;padding:4.1vh 1.9vw 2.4vh}
.command-ui .right-rail{width:4.7vw}.command-ui .rail-button{width:4.7vw;height:8.8vh;min-height:8.8vh;flex-basis:8.8vh}
.command-ui .clue-inventory{width:min(63vw,1055px)}

/* Approved mockup geometry: tracker, header copy, and dedicated rail icons */
.command-ui .round-track{width:clamp(458px,38vw,636px);height:clamp(54px,7.45vh,70px);padding:0 clamp(24px,2.05vw,35px)}
.command-ui .round-track ol{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;justify-items:center;width:100%;height:100%;gap:0}
.command-ui .round-track ol:before{left:5.3%;right:5.3%;top:50%;height:1px;background:#695b42;transform:translateY(-50%)}
.command-ui .round-track li{z-index:1;display:grid;width:clamp(23px,1.8vw,30px);height:clamp(23px,1.8vw,30px);place-items:center;padding:0;border:1px solid #665e50;border-radius:50%;background:#101517;color:#aaa394;font:600 clamp(13px,1.02vw,17px)/1 Georgia,"Times New Roman",serif;box-shadow:inset 0 1px 3px #000}
.command-ui .round-track li:after,.command-ui .round-track li.complete:after,.command-ui .round-track li.current:after{display:none!important;animation:none!important;transform:none!important}
.command-ui .round-track li.complete,.command-ui .round-track li.current{border-color:#d2a13b!important;background:#111619!important;color:#e3b64c!important;box-shadow:0 0 0 2px rgba(213,163,58,.12),0 0 11px rgba(213,163,58,.26),inset 0 1px 3px #000!important}
.command-ui .location-box{display:flex;align-items:center;justify-content:center;gap:clamp(7px,.6vw,11px);padding:0 1.55vw}
.command-ui .location-box>.location-icon{flex:0 0 auto;width:clamp(18px,1.35vw,23px);height:clamp(18px,1.35vw,23px);margin:0;display:grid;place-items:center;font-size:clamp(15px,1.15vw,20px);line-height:1}
.command-ui .location-box>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left;word-break:keep-all}
.command-ui .location-box small,.command-ui .location-box strong{display:block;margin:0;white-space:nowrap;line-height:1}
.command-ui .location-box small{font-size:clamp(7px,.56vw,10px);letter-spacing:.08em}
.command-ui .location-box strong{font-size:clamp(10px,.78vw,13px);letter-spacing:.025em}
.command-ui .action-box{grid-template-columns:minmax(0,1fr) 43%;grid-template-rows:1fr 1fr;padding:clamp(8px,1.15vh,11px) clamp(10px,.85vw,14px)}
.command-ui .action-box small{grid-column:1;grid-row:1;align-self:end;margin:0;text-align:center;white-space:nowrap;font:700 clamp(7px,.5vw,9px)/1 Georgia,"Times New Roman",serif;letter-spacing:.12em}
.command-ui .action-box span{grid-column:1;grid-row:2;align-self:start;margin-top:3px;text-align:center;white-space:nowrap;font-size:clamp(7px,.52vw,9px);line-height:1}
.command-ui .action-box strong{grid-column:2;grid-row:1/3;display:grid;align-self:stretch;place-items:center;margin:0;padding:0;color:#eee6d5;font:700 clamp(24px,1.85vw,31px)/1 Georgia,"Times New Roman",serif;text-align:center}
.command-ui .temp-icon{display:grid;width:100%;height:100%;place-items:center;border:0;text-shadow:none}
.command-ui .temp-icon:after{display:none}
.command-ui .temp-icon img{display:block;width:55%;height:55%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.68))}
.command-ui .rail-button:hover .temp-icon img,.command-ui .rail-button:focus-visible .temp-icon img{filter:brightness(1.13) drop-shadow(0 0 5px rgba(220,180,94,.3))}

/* Real clue artwork: evidence popup and the compact bottom tray */
.clue-modal-art{display:grid;width:100%;height:clamp(210px,34vh,340px);place-items:center;margin:20px 0 4px;overflow:hidden;border:1px solid rgba(185,154,91,.32);background:radial-gradient(circle at 50% 42%,rgba(206,193,161,.12),rgba(6,10,12,.35) 64%),#0a1114}
.clue-modal-art img{display:block;width:min(68%,260px);height:auto;max-height:90%;object-fit:contain;filter:drop-shadow(0 13px 15px rgba(0,0,0,.52))}
.command-ui .clue-slot.filled .evidence-art{display:grid;width:86%;height:72%;margin:0 0 9%;place-items:center;border:0;background:transparent}
.command-ui .clue-slot .evidence-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(35,25,14,.34))}
.command-ui .clue-slot.filled:has(.evidence-art img)>strong{bottom:1.5%;padding:0 3px;text-shadow:0 1px rgba(255,255,255,.28)}
.modal-actions{gap:10px;flex-wrap:wrap}.address-link{display:block;width:100%;margin:18px 0 4px;padding:18px;border:1px solid #b99a5b;background:#111b1d;color:#e3c778;text-align:left;line-height:1.65;cursor:pointer}.address-link:hover{background:#192527;border-color:#e6b541}.item-grid{display:grid;gap:12px;margin-top:22px}.item-record{display:grid;width:100%;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:14px;border:1px solid #5b503d;background:#10191c;color:inherit;text-align:left;cursor:pointer}.item-record:hover{border-color:#b99a5b;background:#152124}.item-record img{width:150px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.item-record h3{margin:0 0 7px}.item-record p{margin:0;color:#c4cdcf;font-size:12px;line-height:1.65}.item-record small{display:block;margin-top:10px;color:#9b8a68}
.dialogue-overlay{position:fixed}
.computer-detail-stage{position:relative;width:100%;margin:20px 0 4px;overflow:hidden;border:1px solid rgba(185,154,91,.42);background:#05090b;aspect-ratio:3/2}.computer-detail-stage img{display:block;width:100%;height:100%;object-fit:cover}.monitor-power-button{position:absolute;left:47.2%;top:74%;width:5.6%;height:8.5%;border:1px solid rgba(230,181,65,.76);border-radius:50%;background:rgba(230,181,65,.08);box-shadow:0 0 0 5px rgba(230,181,65,.08),0 0 18px rgba(230,181,65,.38);cursor:pointer}.monitor-power-button:hover{background:rgba(230,181,65,.28);box-shadow:0 0 0 7px rgba(230,181,65,.12),0 0 25px rgba(230,181,65,.52)}.monitor-power-button span{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);white-space:nowrap;padding:5px 8px;border:1px solid #756449;background:rgba(8,12,14,.9);color:#e5c86d;font-size:9px}