@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Heebo,Arial,sans-serif;color:#f6f3eb;background:#101d25;font-synthesis:none;--gold:#f8c773;--muted:#acb8bd}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,select:focus-visible{outline:3px solid #ffd88c;outline-offset:4px}button{color:inherit}#game{height:100svh;min-height:700px;position:relative;overflow:hidden}.scene{position:absolute;inset:0;background:#18303a url('assets/room.png') center/cover no-repeat;animation:arrive 1.8s ease-out}.shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(8,19,27,.88),rgba(8,19,27,.13) 46%,rgba(8,19,27,.05)),linear-gradient(0deg,rgba(8,19,27,.92),transparent 28%,transparent 80%,rgba(8,19,27,.65))}.hud{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 4%;border-bottom:1px solid #ffffff15;direction:ltr}.brand{font-size:22px;font-weight:900;letter-spacing:2px}.brand span{color:var(--gold)}.brand small{display:block;letter-spacing:3px;font-size:10px;font-weight:500;color:#d0d6d6;margin-top:3px}.chapter{direction:rtl;font-size:14px}.chapter span{color:var(--gold);margin-left:14px}.stats{display:flex;gap:26px;direction:rtl;align-items:center}.stats>span{font-size:12px;color:#b7c2c4}.stats b{display:block;font-size:18px;color:#fff;font-weight:500}.icon-btn{border:1px solid #ffffff55;border-radius:50%;width:32px;height:32px;background:transparent}.mission{position:absolute;right:6%;top:23%;max-width:370px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;color:var(--gold)}h1{font-size:clamp(36px,4.2vw,65px);line-height:1.15;letter-spacing:-2px;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}.mission>p{font-size:17px;line-height:1.8;color:#d4dcdd}.objective{border-right:2px solid var(--gold);padding:0 17px;margin:27px 0}.objective>span{display:block;font-size:12px;color:var(--gold)}.objective strong{display:block;margin:5px 0;font-size:17px}.objective p{font-size:14px;line-height:1.6;color:var(--muted);margin:4px 0}.primary{border:0;border-radius:6px;background:var(--gold);color:#17242a;font-weight:800;padding:13px 24px;box-shadow:0 4px 24px #0002;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:#ffdc9d;transform:translateY(-2px)}.primary span{margin-right:32px}.hotspot{position:absolute;display:flex;align-items:center;gap:12px;text-align:right;background:#0b2029d9;border:1px solid #d8ebeb50;border-radius:8px;padding:10px 15px;backdrop-filter:blur(8px);box-shadow:0 10px 30px #0003}.hotspot small{display:block;color:#b0c6ca;font-size:12px}.computer{left:40%;top:54%;}.coffee{left:27%;top:76%;font-size:14px}.pulse{display:grid;place-items:center;width:32px;height:32px;color:var(--gold);border:1px solid #f8c77380;border-radius:50%;box-shadow:0 0 0 5px #f8c7730d;animation:glow 3s infinite}.scene-footer{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;align-items:center;padding:22px 4%;font-size:13px;color:#c5cecf;gap:20px}.scene-footer button{border:1px solid #ffffff30;background:#0c202acc;padding:10px 18px;border-radius:5px}.scene-footer span:not(.key){color:var(--gold);margin:0 6px}.key{border:1px solid #ffffff55;padding:0 7px;margin-left:8px}.badge{background:var(--gold);color:#17242a!important;border-radius:50%;padding:1px 6px}.dialogue{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);width:min(600px,90%);background:#112c36ed;border:1px solid #e8be7755;border-radius:10px;padding:20px;display:flex;gap:16px;z-index:2;box-shadow:0 10px 60px #0009}.dialogue[hidden]{display:none}.avatar{background:#e1bb76;color:#1b2d34;font-size:25px;border-radius:50%;min-width:48px;height:48px;display:grid;place-items:center}.dialogue b{color:var(--gold);font-size:14px}.dialogue p{margin:5px 0;line-height:1.7}.dialogue button{background:none;border:0;font-size:24px;align-self:start;margin-right:auto}dialog{color:#eaf0ef;background:#152c35;border:1px solid #51666c;padding:0;border-radius:12px;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#06141acc;backdrop-filter:blur(10px)}#monitor{width:min(1280px,95vw);max-width:95vw;height:min(900px,94svh);max-height:94svh}.monitor-shell{height:100%;display:flex;flex-direction:column}.computer-top{background:#0c1e26;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;direction:ltr;font-size:11px;letter-spacing:2px}.computer-top button{background:none;border:0;color:#c1cece;font-size:13px;letter-spacing:0}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;background:#eb7467;border-radius:50%}.traffic i:nth-child(2){background:#dabb6b}.traffic i:nth-child(3){background:#75a990}.browser-tab{padding:12px 24px;font-weight:700;font-size:14px;background:#1c3540}.browser-tab small{font-weight:400;color:#b0c2c6;margin-right:20px}.address{background:#102832;border-top:1px solid #ffffff0b;padding:9px 24px;color:#9cafb5;font-size:12px}.address span{float:right;font-size:10px;letter-spacing:2px;color:#e9bf77}.workspace{display:flex;min-height:0;flex:1;overflow:auto}.filters{width:240px;flex-shrink:0;padding:25px 24px;background:#102831;border-left:1px solid #ffffff0d}.filters h2{font-size:24px;margin:7px 0}.filters p{font-size:13px;line-height:1.7;color:#a9bdc1;margin:8px 0 20px}.filters label{display:block;font-size:13px;margin:12px 0;color:#cad7d8}.filters select{display:block;width:100%;margin-top:6px;color:#ecf1ef;background:#1d3741;border:1px solid #496069;border-radius:5px;padding:8px;font-size:14px}.text-btn{background:none;border:0;color:var(--gold);padding:12px 0;font-size:14px}.data-note{border-top:1px solid #ffffff17;padding-top:14px;font-size:12px;line-height:1.7;color:#8fa6ad}.results{flex:1;padding:27px;min-width:0}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.results-heading h2{font-size:27px;margin:7px 0 15px}.results-heading>span{font-size:13px;color:#a3babd;white-space:nowrap}.tip{font-size:14px;padding:12px 15px;background:#203b43;border-right:2px solid var(--gold);border-radius:4px;margin:5px 0 24px;color:#c3d5d7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#203b45;border:1px solid #ffffff13;border-radius:8px;overflow:hidden;transition:transform .2s,border .2s}.card:hover{transform:translateY(-3px);border-color:#dabc7880}.product-art{height:100px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#456674,#243f4a);font-size:53px;position:relative}.product-art>span{filter:drop-shadow(0 7px 5px #0004)}.tag{position:absolute;top:10px;right:10px;font-size:10px;padding:3px 7px;background:#132d37;border-radius:3px;color:#c6dddd}.card-content{padding:15px}.card h3{font-size:17px;margin:0 0 3px}.category-label{color:#9cb5bc;font-size:12px}.numbers{display:flex;justify-content:space-between;margin:15px 0}.numbers small{display:block;font-size:11px;color:#a4bbc0}.numbers strong{font-size:19px;font-weight:600}.card-bottom{border-top:1px solid #ffffff14;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-bottom span{font-size:12px;color:#c5b994}.card-bottom button{background:none;border:0;font-size:13px;color:var(--gold);padding:4px}.research-footer{background:#0d252f;padding:16px 25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff13;gap:12px}.research-footer strong{font-size:14px}.research-footer small{display:block;font-size:12px;color:#9bb2b9;margin-top:4px}.research-footer .primary{font-size:14px}.popup{width:540px;max-width:94vw;max-height:90svh;padding:32px}.popup.wide{width:1000px}.popup h2{font-size:28px;line-height:1.3;margin:12px 0}.popup p{line-height:1.7;color:#b6cbd0}.popup .close{position:absolute;top:9px;left:13px;background:none;border:0;font-size:24px;color:#a8c0c4}.detail-icon{font-size:56px}.insight{padding:15px;background:#203b45;border-radius:6px;margin:13px 0;line-height:1.7;font-size:14px}.insight b{display:block;color:var(--gold);margin-bottom:5px}.popup .primary{margin-top:12px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-item{padding:20px;background:#203b45;border:1px solid #ffffff17;border-radius:8px}.compare-item h3{font-size:20px}.compare-item p{font-size:14px}.compare-item .primary{width:100%;padding:12px}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed #667b80;border-radius:8px}.empty p{color:#b5c8cc}.finish-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.finish-metrics div{background:#203c45;padding:14px;border-radius:6px}.finish-metrics small{display:block;color:#a8bec4}.finish-metrics strong{font-size:23px;color:var(--gold)}@keyframes arrive{from{transform:scale(1.035);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes glow{50%{box-shadow:0 0 0 9px #f8c77307}}@media(min-width:1500px){.mission{top:24%;right:8%}}@media(max-width:1000px){.chapter{display:none}.cards{grid-template-columns:repeat(2,1fr)}.computer{left:27%;top:53%}.coffee{left:14%}.mission{right:5%}.filters{width:205px;padding:22px 16px}}@media(max-width:650px){#game{min-height:780px}.hud{padding:20px;gap:15px}.brand{font-size:16px}.brand small{font-size:8px}.stats{gap:15px}.stats>span{font-size:10px}.stats b{font-size:15px}.mission{top:18%;right:7%}h1{font-size:43px}.mission>p{font-size:15px}.objective{margin:20px 0}.scene{background-position:58% center}.shade{background:linear-gradient(270deg,#08131bc9,#08131b33),linear-gradient(0deg,#08131bee,transparent 60%)}.computer{left:7%;top:73%;font-size:13px}.coffee{display:none}.scene-footer{font-size:11px;padding:16px 6%}.scene-footer>div:nth-child(2){display:none}.workspace{display:block}.filters{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:16px;border:0}.filters>p,.filters>.eyebrow,.data-note{display:none}.filters h2{grid-column:1/-1;font-size:20px}.filters label{margin:5px 0}.filters .text-btn{align-self:end}.results{padding:18px}.results-heading h2{font-size:22px}.cards{gap:10px}.card-content{padding:12px}.card h3{font-size:15px}.card-bottom{display:block}.product-art{height:85px}.numbers strong{font-size:17px}.research-footer{padding:12px}.research-footer small{display:none}.research-footer .primary{font-size:12px;padding:11px}.popup{padding:26px 20px}.compare-grid{grid-template-columns:1fr}.computer-top{letter-spacing:1px}.computer-top strong{font-size:9px}.tip{font-size:13px}.dialogue{bottom:110px}.address{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep the protagonist and desk unobscured by the opening narrative. */
.scene{background-image:url('assets/room.png')}.mission{right:auto;left:6%;text-align:right}.shade{background:linear-gradient(90deg,rgba(8,19,27,.87),rgba(8,19,27,.1) 47%,transparent),linear-gradient(0deg,rgba(8,19,27,.94),transparent 28%,transparent 80%,rgba(8,19,27,.7))}.computer{left:64%;top:39%}.coffee{left:73%;top:58%}.popup small{font-size:13px;color:#a8bec4;line-height:1.6}.product-art .tag{font-size:12px}.brand small{font-size:12px;letter-spacing:2px}.eyebrow{font-size:13px}.numbers small{font-size:12px}.computer-top{font-size:12px}.address span{font-size:12px}.category-label,.card-bottom span,.card-bottom button,.filters label,.filters p{font-size:14px}
@media(min-width:1500px){.mission{left:8%;right:auto}}@media(max-width:1000px){.mission{left:4%;right:auto}.computer{left:65%;top:39%}.coffee{left:72%;top:62%}}@media(max-width:650px){.scene{background-position:67% center}.mission{right:7%;left:auto;top:18%}.shade{background:linear-gradient(270deg,#08131bd9,#08131b44),linear-gradient(0deg,#08131bee,transparent 70%)}.computer{left:7%;top:74%}.brand small{font-size:10px;letter-spacing:1px}.card-bottom button{padding:8px 0}.stats>span{font-size:12px}.computer-top strong{font-size:12px}.scene-footer{font-size:12px}.brand{letter-spacing:1px}}
/* English layout: preserve scene composition while reading left to right. */
.chapter,.stats{direction:ltr}.chapter span{margin-left:0;margin-right:14px}.mission,.hotspot{text-align:left}.objective{border-right:0;border-left:2px solid var(--gold)}.primary span{margin-right:0;margin-left:24px}.key{margin-left:0;margin-right:8px}.dialogue button{margin-right:0;margin-left:auto}.browser-tab small{margin-right:0;margin-left:20px}.filters{border-left:0;border-right:1px solid #ffffff0d}.tip{border-right:0;border-left:2px solid var(--gold)}.tag{right:auto;left:10px}.popup .close{left:auto;right:13px}.card-bottom{flex-wrap:wrap}.card h3{min-height:2.8em;line-height:1.4}.mission h1{font-size:clamp(34px,3.7vw,56px);letter-spacing:-1.5px}.mission{max-width:390px}.chapter{max-width:300px}.numbers{gap:10px}.filters h2{font-size:22px}.research-footer .primary{white-space:nowrap}.stats>span{white-space:nowrap}.scene-footer{flex-wrap:wrap}
@media(max-width:650px){.mission{left:7%;right:7%;max-width:360px}.mission h1{font-size:40px}.mission>p{font-size:15px}.mission .objective p{font-size:14px}.browser-tab small{margin-left:10px;font-size:12px}.research-footer strong{font-size:12px}.filters{border-right:0}.scene-footer>div:first-child{max-width:48%}.scene-footer button{font-size:12px}.card h3{font-size:15px}.numbers{flex-wrap:wrap}.stats{gap:10px}.brand{font-size:15px}.brand small{font-size:9px}.stats>span{font-size:11px}}
/* The room is a single scaled stage, keeping character feet and hotspots in place. */
#game{min-height:650px;background:#0b1720}.scene{display:none}#room-stage{position:absolute;inset:82px 0 65px}#room-canvas{display:block;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(0deg,#08131b 0,transparent 18%,transparent 85%,#08131b 100%);opacity:.65}.hud{padding:18px 4%;height:82px;background:#0b1720ed;z-index:3}.mission{top:115px;left:5%;max-width:350px;z-index:2;padding:18px 22px;background:#0b202ae8;border:1px solid #ffffff1c;border-radius:10px;transition:opacity .35s,transform .35s}.mission h1{font-size:30px;line-height:1.15;margin:12px 0}.mission .objective{margin:15px 0}.mission .objective p{font-size:13px}.mission .primary{padding:11px 18px;font-size:14px}.room-explored .mission{opacity:0;pointer-events:none;transform:translateY(-10px)}.hotspot{z-index:2;transform:translate(-50%,-50%);font-size:14px;white-space:nowrap;transition:opacity .25s}.hotspot small{font-size:12px}.thinking .pulse{font-size:22px}.acting .hotspot{opacity:.25}.hotspot:disabled{cursor:default}.scene-footer{background:#0b1720ed;min-height:65px;padding:14px 4%;z-index:3}#action-status{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);color:#d7e1df;background:#0b202ace;padding:8px 16px;border:1px solid #ffffff20;border-radius:30px;font-size:13px;white-space:nowrap;z-index:3}#skip-action{position:absolute;right:4%;bottom:88px;z-index:4;background:#132e38;border:1px solid #f8c77370;padding:7px 13px;border-radius:5px;font-size:13px}.dialogue{z-index:5;bottom:125px}.coffee{display:flex}.room-explored .mission button{visibility:hidden}
@media(max-width:650px){#game{min-height:690px}#room-stage{inset:180px 0 130px}.hud{height:82px}.mission{top:95px;left:5%;right:5%;max-width:none;padding:12px 16px}.mission h1{font-size:23px;margin:6px 0}.mission h1 br{display:none}.mission .eyebrow,.mission .objective{display:none}.mission .primary{margin-top:5px}.hotspot{padding:6px 8px;font-size:11px;gap:6px}.hotspot small{display:none}.pulse{width:25px;height:25px;font-size:14px}.coffee{display:flex}#action-status{font-size:11px;max-width:94%;white-space:normal;text-align:center;bottom:107px}#skip-action{bottom:153px;font-size:12px}.scene-footer{min-height:75px}.dialogue{bottom:195px}.stats>span{font-size:10px}.room-explored .mission{display:none}}
#table-phone{position:absolute;z-index:2;transform:translate(-50%,-50%);width:80px;height:40px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}#table-phone:hover,#table-phone:focus-visible{border-color:#f8c773;background:#f8c77312}#table-phone:disabled{cursor:default}
@media(max-width:650px){#table-phone{width:45px;height:35px}}
.object-target{position:absolute;z-index:2;transform:translate(-50%,-50%);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;touch-action:manipulation}.object-target:hover,.object-target:focus-visible{border-color:#f8c77388;background:#f8c77308}.object-target:disabled{cursor:default}.acting .object-target{pointer-events:none}
.record-player{max-width:220px}.record-player.playing .music-icon{animation:record-beat 1.58s ease-in-out infinite;border-color:#f8c773;background:#f8c77322}.music-controls{position:absolute;left:4%;bottom:78px;z-index:6;display:flex;align-items:center;gap:9px;padding:9px 12px;background:#102832ed;border:1px solid #ffffff24;border-radius:8px;color:#c5d8d9;font-size:12px}.music-controls button{background:none;border:0;color:var(--gold);padding:3px;font-size:13px;white-space:nowrap}.music-controls input{width:85px;accent-color:var(--gold);cursor:pointer}.music-controls output{min-width:30px;font-size:12px}@keyframes record-beat{50%{transform:scale(1.12);box-shadow:0 0 14px #f8c77345}}@media(max-width:650px){.record-player{max-width:145px}.music-controls{bottom:83px;left:3%;gap:6px;padding:7px 9px}.music-controls label{display:none}.music-controls input{width:65px}.music-controls output{font-size:11px}#action-status{bottom:135px}#skip-action{bottom:176px}}@media(prefers-reduced-motion:reduce){.record-player.playing .music-icon{animation:none}}
#suppliers{width:min(1420px,96vw);max-width:96vw;height:min(960px,95svh);max-height:95svh}.supplier-shell{height:100%;display:flex;flex-direction:column}.sourcing-bar{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #ffffff18;background:#132d37}.sourcing-bar h2{font-size:27px;margin:5px 0 0}.sourcing-bar .eyebrow{letter-spacing:3px}#sourcing-product{display:flex;align-items:center;gap:12px;max-width:320px}#sourcing-product strong,#sourcing-product small{display:block}.sourcing-icon{font-size:32px}#sourcing-product small,.sourcing-wallet small{font-size:12px;color:#9cb7bd}.sourcing-wallet{text-align:right;white-space:nowrap}.sourcing-wallet strong{display:block;font-size:24px;color:var(--gold)}.supplier-body{display:grid;grid-template-columns:235px minmax(300px,1fr) 290px;flex:1;min-height:0}.supplier-sidebar{background:#102630;border-right:1px solid #ffffff12;padding:24px 14px;overflow:auto}.supplier-sidebar>.eyebrow{padding:0 8px;font-size:11px}.supplier-sidebar>small{display:block;color:#90aab1;font-size:12px;line-height:1.6;padding:10px 8px}.supplier-contact{display:flex;align-items:center;width:100%;gap:10px;border:1px solid transparent;border-radius:8px;background:none;text-align:left;padding:14px 10px;margin-top:12px}.supplier-contact.selected{background:#24424b;border-color:#ecc37b70}.supplier-contact:hover{background:#203b44}.supplier-contact strong{font-size:14px;display:block}.supplier-contact small{display:block;font-size:12px;color:#a0bdc2;margin-top:5px}.supplier-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;flex-shrink:0;font-weight:800;font-size:14px;color:#c6e2ec;background:#34566c}.supplier-avatar.gold{background:#655339;color:#ffe0a4}.supplier-avatar.green{background:#365d52;color:#c4ecd9}.supplier-conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:#17333d}#supplier-profile{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #ffffff14}#supplier-profile h3{font-size:17px;margin:0}#supplier-profile p{font-size:13px;color:#a4c0c6;margin:5px 0 0}#supplier-chat{flex:1;min-height:140px;overflow:auto;padding:22px;scroll-behavior:smooth}.chat-note{font-size:13px;line-height:1.7;color:#a8c0c4;text-align:center;margin:0 12px 24px}.chat-bubble{max-width:92%;padding:14px 17px;border-radius:12px;background:#25434d;font-size:15px;line-height:1.65;margin-bottom:16px}.chat-bubble small{display:block;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:5px}.chat-bubble.noam{margin-left:auto;background:#34554e;border:1px solid #9ab99720}.chat-bubble.noam small{color:#c4dfcf}.question-area{padding:15px 20px;border-top:1px solid #ffffff17;background:#112b35}.question-area>.eyebrow{font-size:11px}#supplier-questions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}#supplier-questions button{border:1px solid #6c899070;border-radius:6px;background:#203e49;padding:9px 10px;text-align:left;color:#dfe9e7;font-size:13px;line-height:1.5}#supplier-questions button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}#supplier-questions button:disabled{opacity:.48}#supplier-feedback{font-size:12px;color:#a7c5ca;margin:10px 0 0;line-height:1.5}.product-notebook{padding:22px 20px;border-left:1px solid #ffffff12;background:#132a33;overflow:auto}.product-notebook>.eyebrow{font-size:11px}.product-notebook h3{font-size:17px;line-height:1.5;margin:15px 0}.product-notebook details{font-size:14px;color:#b8cbd0;line-height:1.7}.product-notebook summary{cursor:pointer;color:#e3ecea;font-size:14px}.product-notebook .insight{font-size:13px;padding:12px}.evidence-button{display:block;width:100%;padding:12px;margin-top:10px;background:#25414b;border:1px solid #c9ad7270;border-radius:5px;color:var(--gold);text-align:left;font-size:13px}#supplier-evidence p{font-size:13px;color:#a5bec3}.supplier-table-scroll{overflow:auto;margin-top:20px}.supplier-table-scroll table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px;text-align:left}.supplier-table-scroll caption{text-align:left;padding-bottom:15px;color:#a9c0c5}.supplier-table-scroll th,.supplier-table-scroll td{padding:14px 12px;border-bottom:1px solid #ffffff1c;vertical-align:top;line-height:1.5}.supplier-table-scroll thead th{background:#26434d;color:var(--gold);font-size:15px}.supplier-table-scroll tbody th{font-size:13px;color:#a8bec5;font-weight:500;width:24%}.supplier-table-scroll td{width:25%}.unknown{color:#b6a98d;font-style:italic}.sample-select{display:flex;gap:8px;align-items:start;cursor:pointer}.sample-select input{margin-top:5px;accent-color:var(--gold);width:17px;height:17px;flex-shrink:0}.ordered-label{color:#bad8bf}.checkout-totals{display:flex;gap:30px;margin:24px 0;padding:20px;background:#25414b;border-radius:7px;flex-wrap:wrap}.checkout-totals small{display:block;font-size:12px;color:#b2c7ca}.checkout-totals strong{display:block;font-size:24px;color:var(--gold);margin-top:5px}.checkout-note{font-size:13px}.quote-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px;line-height:1.6}.quote-details dt{color:#a9c0c5}.quote-details dd{margin:0;color:#e5eded}.receipt-orders>div{padding:15px 0;border-bottom:1px solid #ffffff22}.receipt-orders strong,.receipt-orders span,.receipt-orders small{display:block}.receipt-orders span{color:var(--gold);margin:5px 0}.receipt-orders small{font-size:13px;line-height:1.6;color:#a9c0c5}#finish .text-btn{margin-left:15px}#supplier-comparison{width:1060px}#suppliers button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:1100px){.supplier-body{grid-template-columns:210px minmax(280px,1fr)}.product-notebook{grid-column:1/-1;max-height:220px;border-top:1px solid #ffffff22;display:flex;gap:20px;align-items:start}.product-notebook>.eyebrow{display:none}#supplier-notes{flex:1}#supplier-notes h3{margin:0 0 10px}#supplier-notes .insight{display:inline-block;width:48%;vertical-align:top;margin-right:1%}#supplier-evidence{width:220px}.supplier-body{overflow:auto}.supplier-conversation{min-height:520px}.sourcing-bar h2{font-size:22px}.sourcing-bar{gap:15px;padding:18px}#sourcing-product{font-size:14px;max-width:230px}}
@media(max-width:700px){#suppliers{width:98vw;max-width:98vw;height:96svh;max-height:96svh}.sourcing-bar{flex-wrap:wrap;padding:14px;gap:12px}.sourcing-bar>div:first-child{width:100%}.sourcing-bar h2{font-size:23px}.sourcing-wallet strong{font-size:20px}.supplier-body{display:block;overflow:auto}.supplier-sidebar{padding:10px;border-right:0;border-bottom:1px solid #ffffff20}.supplier-sidebar>.eyebrow,.supplier-sidebar>small{display:none}#supplier-list{display:flex;gap:6px}.supplier-contact{padding:10px 7px;margin:0;gap:6px}.supplier-contact .supplier-avatar{display:none}.supplier-contact strong{font-size:12px}.supplier-contact small{font-size:11px}.supplier-sidebar .text-btn{font-size:12px;padding:10px 4px}.supplier-conversation{height:640px;min-height:0}#supplier-profile{padding:15px}#supplier-chat{padding:15px}.chat-bubble{font-size:14px;max-width:96%}.question-area{padding:12px}#supplier-questions button{font-size:12px}.product-notebook{display:block;max-height:none;padding:18px}#supplier-evidence{width:auto}#supplier-notes .insight{display:block;width:100%}.checkout-totals{gap:16px;padding:14px}.checkout-totals strong{font-size:20px}.quote-details{font-size:13px}#suppliers .research-footer{padding:12px}.sourcing-icon{font-size:26px}#supplier-comparison h2{font-size:24px}}
.scene-shortcut{position:absolute;right:4%;top:96px;z-index:7;padding:10px 15px;background:#183441ee;border:1px dashed #f8c77399;border-radius:7px;color:#f8c773;font-size:14px;text-align:left;box-shadow:0 5px 20px #0003}.scene-shortcut small{display:block;font-size:10px;letter-spacing:1.5px;color:#b8cace;margin-bottom:4px}.scene-shortcut:hover{background:#264b59}.scene-shortcut[hidden]{display:none}.acting .scene-shortcut{opacity:.4;pointer-events:none}@media(max-width:650px){.scene-shortcut{top:246px;right:3%;font-size:12px;padding:8px 10px}.scene-shortcut small{font-size:9px}}
.fair-travel{position:absolute;right:4%;top:170px;z-index:7;background:#1c414ded;border:1px solid #9bbfc066;border-radius:7px;color:#e5eeeb;padding:11px 15px;font-size:14px}.fair-travel:hover{border-color:var(--gold);color:var(--gold)}#canton-fair{width:98vw;max-width:98vw;height:96svh;max-height:96svh;background:#0d222c}.fair-shell{height:100%;display:flex;flex-direction:column}.fair-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;background:#102832;border-bottom:1px solid #ffffff20}.fair-header h2{font-size:29px;line-height:1.1;margin:5px 0}.fair-header .eyebrow{font-size:11px;letter-spacing:2px}#fair-focus{max-width:310px}#fair-focus small{display:block;font-size:11px;color:#a9c5cb;margin-bottom:5px}#fair-focus strong{font-size:16px}.fair-header-actions{display:flex;gap:12px;align-items:center}.fair-header-actions span{font-size:13px;color:#a9c5cb}.fair-header-actions button{background:#244450;color:#f0d6a6;border:1px solid #9db6b540;border-radius:5px;padding:9px 12px;font-size:13px}#fair-world{position:relative;flex:1;min-height:0;overflow:hidden}#fair-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:manipulation}#fair-booth-buttons{position:absolute;inset:0;pointer-events:none}.fair-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;text-align:left;padding:9px 13px;min-width:135px;max-width:195px;border:1px solid #aed0d170;border-radius:7px;background:#102c37e8;box-shadow:0 5px 18px #0005;transition:transform .18s,border-color .18s;color:#eff5f2}.fair-marker:hover,.fair-marker:focus-visible{transform:translate(-50%,-55%);border-color:var(--gold);background:#294d57}.fair-marker small{display:block;font-size:10px;letter-spacing:1.1px;color:#c6ddde}.fair-marker strong{display:block;font-size:15px;margin:3px 0}.fair-marker span{font-size:11px;color:#a7c8d1}.fair-marker.product-match{border:2px solid var(--gold);background:#493f2bed}.fair-marker.product-match small{color:#ffdb98}.fair-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:14px 24px;background:#102832;border-top:1px solid #ffffff19;font-size:13px}.fair-footer span:last-child{font-size:11px;color:#88a9b4}#fair-loading{position:absolute;inset:0;display:grid;place-items:center;background:#102832e8;color:var(--gold);font-size:20px}#fair-loading[hidden]{display:none}.fair-booth-panel{width:1050px;padding:30px}#fair-booth-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.fair-product{background:#23404b;border:1px solid #ffffff1a;border-radius:9px;overflow:hidden}.fair-product canvas{width:100%;display:block;background:radial-gradient(ellipse,#446776,#24404a);aspect-ratio:420/260}.fair-product>div{padding:16px}.fair-product small{font-size:10px;letter-spacing:.7px;color:var(--gold)}.fair-product h3{font-size:18px;line-height:1.4;margin:8px 0;min-height:2.8em}.fair-product p{font-size:12px;color:#b4cbd0}.fair-product p strong{display:block;color:#e9f1ed;font-size:20px}.fair-product button{padding:8px 0;border:0;background:none;color:var(--gold);font-size:14px}.booth-actions{display:flex;align-items:center;gap:22px}#fair-contact-status{font-size:13px;color:#bad9c9}#supplier-fair{white-space:nowrap;padding:8px}
@media(max-width:950px){.fair-header{padding:14px;gap:12px}.fair-header-actions{gap:6px;flex-wrap:wrap;justify-content:end}.fair-header-actions span{width:100%;text-align:right}.fair-header h2{font-size:23px}.fair-marker{min-width:110px;max-width:145px;padding:7px 9px}.fair-marker strong{font-size:13px}.fair-marker span{display:none}.fair-marker small{font-size:9px}}
@media(max-width:650px){.fair-travel{top:313px;right:3%;padding:8px 10px;font-size:12px}.fair-header{flex-wrap:wrap;gap:10px}.fair-header>div:first-child{width:40%}#fair-focus{width:52%;font-size:13px}#fair-focus strong{font-size:13px}.fair-header-actions{width:100%;justify-content:space-between}.fair-header-actions span{width:auto;text-align:left;font-size:11px}.fair-header-actions button{font-size:11px;padding:7px}.fair-marker{min-width:76px;max-width:105px;padding:5px}.fair-marker strong{font-size:10px}.fair-marker small{font-size:8px;letter-spacing:0}.fair-footer{padding:12px;min-height:70px}.fair-footer span:last-child{display:none}.fair-booth-panel{padding:25px 18px}#fair-booth-products{grid-template-columns:1fr;gap:12px}.fair-product{display:grid;grid-template-columns:42% 58%;align-items:center}.fair-product>div{padding:12px}.fair-product h3{min-height:0;font-size:16px}.fair-product p{margin:8px 0}.fair-product small{font-size:10px}.fair-product canvas{height:100%;object-fit:contain}.booth-actions{gap:15px;flex-wrap:wrap}#supplier-fair{font-size:11px;white-space:normal}}

#fair-people{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fair-person{position:absolute;background-repeat:no-repeat;pointer-events:none;transform-origin:50% 50%;will-change:left,top}.fair-noam{filter:drop-shadow(0 0 3px #ffd081)}.fair-noam span{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font:700 12px Arial;color:#ffe4ae;background:#102832;padding:4px 7px;border-radius:4px}.fair-noam:after{content:"";position:absolute;bottom:-4px;left:15%;width:70%;height:7px;border:2px solid #ffcd7b;border-radius:50%}#fair-booth-buttons{z-index:2}.fair-header,.fair-footer{flex-shrink:0}#fair-canvas{position:absolute;inset:0}#fair-loading{z-index:3}
/* Inside each booth: scenery, shelf samples and in-world conversations. */
#fair-booth{width:98vw;max-width:1500px;height:96svh;max-height:96svh;padding:0;background:#11232b}.interior-shell{height:100%;display:flex;flex-direction:column}.interior-top{display:flex;align-items:center;gap:18px;padding:12px 22px;background:#102832;flex-shrink:0}.interior-top>div{margin-right:auto}.interior-top small{color:var(--gold);font-size:12px}.interior-top h2{font-size:24px;margin:3px 0}.interior-top button,.interior-footer button{background:#264752;border:1px solid #73939c66;border-radius:6px;padding:9px 13px;font-size:14px;color:#ffe0a5}#interior-progress{font-size:14px;color:#bed2d5}#interior-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#172a30}#interior-art{position:absolute;inset:0;background-image:url('assets/booth-0-hd.png');background-size:100% 100%;background-repeat:no-repeat}#interior-items{position:absolute;inset:0}.shelf-item{position:absolute;width:130px;height:120px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border:0;background:transparent;filter:drop-shadow(0 4px 5px #0008);z-index:2}.shelf-art{display:block;background-repeat:no-repeat;transition:transform .18s}.shelf-item:hover .shelf-art,.shelf-item:focus-visible .shelf-art{transform:translateY(-8px) scale(1.15);filter:drop-shadow(0 0 5px #ffd891)}.shelf-name{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#132c35ed;color:#ffdf9e;border:1px solid #d7ac5c88;border-radius:5px;padding:5px 8px;font-size:12px}.shelf-0{left:12%;top:31%}.shelf-1{left:34%;top:31%}.shelf-2{left:55%;top:31%}.shelf-3{left:35%;top:56%}.shelf-4{left:55%;top:56%}#interior-noam{position:absolute;left:15%;bottom:4%;width:98px;height:310px;background-image:url('assets/noam-actions-v2.png');background-size:1188px 1188px;background-position:-691px -302px;background-repeat:no-repeat;transform:scaleX(-1);pointer-events:none}#interior-rep{position:absolute;left:69%;top:5%;width:23%;height:92%;background:transparent;border:0;border-radius:45%;z-index:2}#interior-rep:hover{box-shadow:inset 0 0 40px #ffe1a733}#interior-rep span{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#152d36ed;color:#ffe1a3;padding:8px 13px;border:1px solid #e8c581;border-radius:20px;font-size:14px}.speech-bubble{position:absolute;z-index:5;background:#fff4dd;color:#293839;border:2px solid #bf9e68;border-radius:18px;padding:14px 18px;box-shadow:0 8px 25px #0005;width:31%;max-height:42%;overflow:auto}.speech-bubble b{font-size:13px;color:#876127}.speech-bubble p{font-size:15px;line-height:1.5;margin:5px 0}.noam-bubble{left:3%;top:5%}.rep-bubble{left:40%;top:4%}.speech-bubble:after{content:'';position:sticky;bottom:0;display:block;width:13px;height:13px;background:#fff4dd;transform:rotate(45deg);margin:0 auto -20px}#talk-choices{position:absolute;z-index:6;bottom:2%;left:29%;width:40%;display:grid;gap:6px}#talk-choices button{display:flex;align-items:center;gap:10px;background:#112b37f5;border:1px solid #c6a66b;border-radius:7px;padding:10px 13px;text-align:left;color:#f5eddc;font-size:14px;box-shadow:0 3px 10px #0005}#talk-choices button:hover{background:#365360}#talk-choices small{color:#fbd78d;font-weight:700}#talk-choices[hidden],.speech-bubble[hidden]{display:none}.interior-footer{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:11px 20px;font-size:13px;background:#102832;flex-shrink:0}#fair-contact-status{margin:0}#sample-viewer{width:650px;max-width:94vw;max-height:94svh;padding:25px 30px;background:#132e37}#sample-viewer h2{margin:10px 0;font-size:25px}#sample-viewer .close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px}#sample-turntable{height:310px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#557880,#203c47 70%);border-radius:12px;overflow:hidden;cursor:grab;touch-action:none}#sample-turntable:active{cursor:grabbing}#sample-art{background-repeat:no-repeat;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 14px 12px #0005)}.sample-caption{text-align:center;font-size:12px;color:#b1c8ce;margin:9px 0}.sample-controls{display:flex;align-items:end;gap:15px}.sample-controls label{flex:1;font-size:13px}.sample-controls input{display:block;width:100%;accent-color:#f8c773;margin-top:8px}.sample-controls button,.sample-checks button{background:#294952;border:1px solid #8daaaa66;border-radius:5px;color:#ffe0a4;padding:8px 13px;font-size:14px}.sample-checks{display:flex;gap:10px;margin-top:20px}#sample-observation{min-height:65px;font-size:15px;line-height:1.6;color:#d5e1df}@media(max-width:750px){.interior-top{padding:10px;gap:8px;flex-wrap:wrap}.interior-top h2{font-size:19px}.interior-top button{font-size:12px;padding:7px}#interior-progress{font-size:12px}.shelf-item{width:75px;transform:translate(-50%,-50%) scale(.7)}.shelf-name{max-width:140px;white-space:normal;text-align:center}.interior-footer{font-size:11px;padding:8px;gap:8px}.interior-footer button{font-size:11px;padding:6px}#interior-noam{transform:scaleX(-1) scale(.7);transform-origin:bottom left;left:4%}.speech-bubble{width:45%;padding:10px;max-height:37%}.speech-bubble p{font-size:12px}.noam-bubble{left:2%}.rep-bubble{right:2%}#talk-choices{left:18%;width:64%}#talk-choices button{font-size:12px;padding:8px}#interior-rep span{font-size:11px;padding:6px}#sample-viewer{padding:23px 18px}#sample-turntable{height:260px}.sample-controls{gap:8px}}
#character-screen{position:fixed;inset:0;z-index:100;background:#102731 url('assets/character-select.png') center/contain no-repeat;overflow:auto}#character-screen[hidden]{display:none}.character-heading{position:absolute;top:3%;left:50%;transform:translateX(-50%);text-align:center;z-index:2;pointer-events:none;text-shadow:0 3px 16px #00131c}.character-heading>span{font-size:clamp(18px,2vw,28px);letter-spacing:7px;font-weight:900;color:#f8d08a}.character-heading h1{font-size:clamp(24px,3vw,44px);margin:12px 0;line-height:1.08;letter-spacing:-1px}.character-heading p{font-size:15px;color:#e6dac0;margin:10px 0}.character-picks{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.character-pick{position:relative;border:0;background:transparent;padding:0;transition:background .2s}.character-pick:hover{background:linear-gradient(0deg,#f9cf8222,transparent 65%)}.character-pick:focus-visible{outline:3px solid #f8c773;outline-offset:-8px}.character-label{position:absolute;bottom:1.5%;left:50%;transform:translateX(-50%);min-width:210px;display:grid;gap:6px;text-align:center;background:#0c2533ed;border:1px solid #e9c383aa;border-radius:12px;padding:8px 28px;box-shadow:0 8px 30px #0007}.character-label small{font-size:11px;color:#b6ced0;letter-spacing:3px}.character-label strong{font-size:32px;color:#fff0d1}.character-label>span{font-size:14px;color:#f8cd84}.character-pick:hover .character-label{background:#244957;border-color:#ffe0a4;transform:translateX(-50%) translateY(-5px)}#character-status{position:absolute;bottom:1%;width:100%;text-align:center;font-size:13px;color:#c5d7d9;pointer-events:none}#game[inert]{visibility:hidden}@media(max-width:650px){#character-screen{background-size:100% auto;background-position:center 52%}.character-heading{top:5%;width:95%}.character-heading h1{font-size:26px}.character-heading>span{font-size:19px;letter-spacing:4px}.character-label{bottom:8%;min-width:130px;padding:12px 14px}.character-label strong{font-size:25px}.character-label>span{font-size:11px}.character-heading p{font-size:13px}#character-status{font-size:11px}}

#interior-world{position:absolute;overflow:hidden}#interior-noam{bottom:5%;left:15%;transform:scaleX(-1);transform-origin:bottom center}.noam-bubble{left:25%;top:2%;width:29%}.rep-bubble{left:56%;top:2%;width:29%}@media(max-width:750px){#interior-noam{left:12%;transform:scaleX(-1)}.speech-bubble p{font-size:11px}.speech-bubble{padding:7px}#talk-choices{bottom:1%}.shelf-item{transform:translate(-50%,-50%) scale(.55)}}

#interior-noam{transform:none;opacity:1;filter:none;image-rendering:auto}#interior-art{opacity:1;filter:none;image-rendering:auto}
/* Chapter three: a walkable factory floor. */
#factory{width:98vw;max-width:1600px;height:96svh;max-height:96svh;background:#0c232c}.factory-shell{height:100%;display:flex;flex-direction:column}.factory-header{display:flex;align-items:center;gap:16px;padding:15px 22px;background:#102b35;border-bottom:1px solid #a9c1c22b;flex-shrink:0}.factory-header>div:first-child{margin-right:auto}.factory-header small{font-size:11px;letter-spacing:1.7px;color:#f8ce8b}.factory-header h2{font-size:25px;margin:4px 0}.factory-header button{background:#284952;color:#ffe0a4;border:1px solid #93b2b652;border-radius:6px;padding:9px 13px;font-size:13px}#factory-product{font-size:14px;max-width:240px;color:#bed1d2}#factory-progress{font-size:13px;white-space:nowrap;color:#f5d197}#factory-stage{position:relative;flex:1;min-height:0;overflow:hidden}#factory-world{position:absolute}#factory-background{position:absolute;inset:0;width:100%;height:100%;display:block}#factory-stations{position:absolute;inset:0;pointer-events:none}#factory-stations button{position:absolute;transform:translate(-50%,-50%);display:grid;gap:3px;text-align:left;padding:9px 13px;background:#102e3aef;color:#fff1d7;border:1px solid #dcbb7e8c;border-radius:7px;pointer-events:auto;box-shadow:0 6px 18px #0005;min-width:120px;z-index:3}#factory-stations button:hover{background:#365b65;transform:translate(-50%,-55%)}#factory-stations small{font-size:10px;color:#e6bd73;letter-spacing:1.5px}#factory-stations strong{font-size:14px}#factory-stations span{font-size:11px;color:#a9cad0}#factory-stations .checked{border:2px solid #a6c893}#factory-stations .checked span{color:#c7e2b7}#factory-hero,#factory-manager{position:absolute;background-repeat:no-repeat;pointer-events:none}#factory-hero{z-index:2;filter:drop-shadow(0 0 2px #ffdb92)}#factory-hero span{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:11px;color:#ffdda7;background:#132c36;border-radius:4px;padding:3px 6px}#factory-manager-button{position:absolute;left:54%;top:60%;transform:translateX(-50%);background:#18333bec;border:1px solid #e2be7e;border-radius:14px;padding:5px 10px;white-space:nowrap;font-size:11px;color:#ffe2a6;z-index:3}.factory-footer{display:flex;justify-content:space-between;gap:20px;padding:13px 22px;background:#102b35;font-size:13px;flex-shrink:0}.factory-footer span:last-child{font-size:11px;color:#8eafb8}#factory-loading{position:absolute;inset:0;z-index:8;background:#122c38ed;display:grid;place-items:center;color:#fbd193}#factory-arrival{position:absolute;inset:0;z-index:6;background:linear-gradient(110deg,#0c2028fa,#132f37e8);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}#factory-arrival>span{font-size:12px;letter-spacing:4px;color:#e7bc79}#factory-arrival>p{font-size:clamp(26px,4vw,52px);font-weight:800;line-height:1.25;color:#fbefd8;margin:30px 0 15px}#factory-arrival>small{font-size:16px;color:#b4cbd0;margin-bottom:35px}#factory-loading[hidden],#factory-arrival[hidden]{display:none}#factory-conversation{width:1080px;max-width:95vw;max-height:94svh;padding:24px 30px;background:#183540 url('assets/factory-hall.png') center/cover}#factory-conversation:before{content:'';position:absolute;inset:0;background:#0b242def;pointer-events:none}#factory-conversation>*{position:relative}#factory-conversation .close{position:absolute;top:8px;right:13px;border:0;background:#102b35;color:#c7dddf;font-size:25px;z-index:3}.factory-dialogue-title small{font-size:11px;letter-spacing:2px;color:#f1c784}.factory-dialogue-title h2{font-size:27px;margin:8px 0}.factory-dialogue-title p{font-size:14px;color:#c2d4d6;line-height:1.6;margin:10px 0}.factory-conversation-stage{height:285px;position:relative;border-bottom:1px solid #ffffff1a}.factory-portrait{position:absolute;bottom:0;background-repeat:no-repeat}#factory-player-portrait{left:6%}#factory-manager-portrait{right:6%}.factory-speech{position:absolute;top:10%;border-radius:14px;background:#fbefd7;color:#203940;padding:13px 16px;width:32%;box-shadow:0 7px 17px #0004}.factory-speech b{font-size:12px;color:#876225}.factory-speech p{font-size:14px;line-height:1.5;margin:6px 0}.player-speech{left:19%}.manager-speech{right:17%;top:43%}.factory-speech:after{content:'';position:absolute;bottom:10px;border:8px solid transparent}.player-speech:after{left:-15px;border-right-color:#fbefd7}.manager-speech:after{right:-15px;border-left-color:#fbefd7}#factory-station-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}#factory-station-actions button{border:1px solid #b79a68;background:#18333fed;border-radius:7px;color:#f4e8d1;display:flex;align-items:center;text-align:left;gap:9px;padding:13px;font-size:14px;line-height:1.4}#factory-station-actions button:hover{background:#365c66}#factory-station-actions small{color:#f3c77f;font-weight:800}#factory-decision-effect{font-size:13px;color:#bbd7c0;margin:15px 0;line-height:1.6}#factory-continue{margin-top:8px}#factory-continue[hidden]{display:none}.factory-quote{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.factory-quote>div{background:#22414d;padding:17px;border-radius:7px}.factory-quote small{display:block;color:#a6c1c8;font-size:12px}.factory-quote strong{display:block;color:#f8d497;font-size:26px;margin-top:7px}.factory-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.factory-specs article{padding:14px;background:#203d47;border:1px solid #ffffff15;border-radius:7px}.factory-specs b{color:#e8c486;font-size:14px}.factory-specs p{font-size:13px;margin:7px 0}.factory-exclusions{font-size:12px}#visit-factory{white-space:nowrap;padding:9px 13px;font-size:13px}@media(max-width:850px){.factory-header{flex-wrap:wrap;padding:10px;gap:9px}.factory-header h2{font-size:20px}.factory-header small{font-size:9px}.factory-header>div:first-child{width:65%}#factory-product{font-size:12px}.factory-header button{font-size:12px;padding:7px}#factory-stations button{min-width:80px;max-width:130px;padding:5px 8px}#factory-stations strong{font-size:11px}#factory-stations span{display:none}#factory-manager-button{font-size:9px;padding:4px 6px}.factory-footer{font-size:11px;padding:10px}.factory-footer span:last-child{display:none}#factory-conversation{padding:22px 17px}.factory-dialogue-title h2{font-size:22px}.factory-dialogue-title p{font-size:12px}.factory-conversation-stage{height:260px}.factory-portrait{transform:scale(.75);transform-origin:bottom center}#factory-player-portrait{left:0}#factory-manager-portrait{right:0}.factory-speech{width:37%;padding:10px}.factory-speech p{font-size:12px}.player-speech{left:17%}.manager-speech{right:16%;top:43%}#factory-station-actions{grid-template-columns:1fr;gap:7px}#factory-station-actions button{padding:9px;font-size:12px}.factory-quote{gap:7px}.factory-quote>div{padding:11px}.factory-quote strong{font-size:20px}.factory-quote small{font-size:11px}.factory-specs{grid-template-columns:1fr}#visit-factory{font-size:11px;padding:7px}.interior-footer{flex-wrap:wrap}}
/* Delivery, unboxing and hands-on sample checks in a second room. */
.delivery-shortcut{position:absolute;right:4%;top:222px;z-index:7;border:1px dashed #e6c48b88;background:#183441ef;border-radius:7px;padding:9px 13px;color:#f5d191;text-align:left;font-size:13px}.delivery-shortcut small{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:3px;color:#b7cace}.acting .delivery-shortcut{pointer-events:none;opacity:.4}#delivery-room{width:98vw;max-width:1600px;height:96svh;max-height:96svh;background:#10232a}.delivery-shell{height:100%;display:flex;flex-direction:column}.delivery-header{display:flex;gap:16px;align-items:center;padding:14px 22px;background:#122d37;flex-shrink:0}.delivery-header>div{margin-right:auto}.delivery-header small{font-size:11px;letter-spacing:2px;color:#ebc582}.delivery-header h2{font-size:24px;margin:5px 0}.delivery-header>span{font-size:13px;color:#bdd2d4;max-width:230px}#delivery-origin{font-size:11px}.delivery-header button,.delivery-footer button{border:1px solid #c4a67970;background:#203e47;border-radius:6px;color:#ffe0a3;padding:8px 12px;font-size:13px}#delivery-stage{flex:1;min-height:0;position:relative;overflow:hidden}#delivery-world{position:absolute;overflow:hidden}#delivery-background{position:absolute;inset:0;background:url('assets/delivery-room.png') 0 0/100% 200% no-repeat}#delivery-actor,#delivery-actor-blend,#delivery-legs{position:absolute;background-repeat:no-repeat;pointer-events:none;z-index:2}#delivery-box{position:absolute;left:62.5%;top:44%;transform:translate(-50%,-100%);background-repeat:no-repeat;pointer-events:none;z-index:3}#delivery-product{position:absolute;left:77%;top:44%;transform:translate(-50%,-100%);background-repeat:no-repeat;background-color:transparent;border:0;z-index:4;cursor:pointer;filter:drop-shadow(0 3px 2px #0005)}#delivery-product:hover{filter:drop-shadow(0 0 5px #ffe1a0)}.delivery-hotspot{position:absolute;z-index:5;border:1px solid #e8c383cc;background:#122e38ef;color:#f7e6c5;padding:10px 15px;border-radius:8px;text-align:left;transform:translate(-50%,-50%)}.delivery-hotspot small{display:block;font-size:10px;letter-spacing:1px;color:#e8c383}.delivery-hotspot strong{font-size:14px;display:block;margin-top:4px}#delivery-door{left:17%;top:51%;box-shadow:0 0 22px #ffe0a347}#delivery-table{left:68%;top:54%}#delivery-speech{position:absolute;left:3%;bottom:3%;max-width:380px;width:38%;z-index:5;background:#0f2a36f0;border:1px solid #d5b17b80;border-radius:10px;padding:12px 16px;box-shadow:0 8px 20px #0004}#delivery-speech b{font-size:12px;color:#f2cc8c}#delivery-speech p{font-size:14px;line-height:1.5;color:#e2e8e2;margin:5px 0}#delivery-loading{position:absolute;inset:0;display:grid;place-items:center;background:#102934ed;color:#f5ce8c;z-index:8}#delivery-loading[hidden],#delivery-door[hidden],#delivery-table[hidden],#delivery-box[hidden],#delivery-product[hidden],#delivery-tests[hidden]{display:none}#delivery-tests{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;background:#16313c;border-top:1px solid #dcb98255;padding:15px 22px;flex-shrink:0}#delivery-tests small{font-size:10px;letter-spacing:2px;color:#efc987}#delivery-tests h3{font-size:19px;margin:5px 0}#delivery-tests p{font-size:13px;line-height:1.6;margin:5px 0;color:#bbd2d4;max-width:650px}.delivery-test-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:center}.delivery-test-actions button{padding:9px 11px;border:1px solid #739aa06b;background:#24454e;border-radius:5px;color:#f5ddb4;font-size:12px}.delivery-test-actions button.checked{border-color:#bad5a1}.delivery-test-actions .primary{background:#f8c773;color:#17242a}.delivery-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 22px;background:#102b35;font-size:13px;flex-shrink:0}#delivery-test-progress{width:100%;height:6px;accent-color:#f6c778}.delivery-findings{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.delivery-findings article{background:#22404a;border:1px solid #ffffff1a;border-radius:7px;padding:15px}.delivery-findings b{font-size:13px;color:#f3cf93;text-transform:capitalize}.delivery-findings p{font-size:13px;line-height:1.6}.delivery-evidence{max-width:240px;max-height:180px;border:1px solid #b0c7cc66;border-radius:7px}.delivery-verdicts{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.delivery-verdicts button{border:1px solid #a3bfc65c;border-radius:6px;padding:12px 18px;background:#294952;color:#e4e9dd;font-size:14px}.delivery-verdicts button.primary{background:#f8c773;color:#18313a;margin:0}#delivery-outcome{font-size:14px}#delivery-receive-revised[hidden]{display:none}@media(max-width:850px){.delivery-header{padding:10px;flex-wrap:wrap;gap:8px}.delivery-header h2{font-size:20px}.delivery-header small{font-size:9px}.delivery-header>div{width:55%}.delivery-header>span{font-size:12px}#delivery-origin{display:none}.delivery-header button{font-size:11px;padding:7px}.delivery-hotspot{padding:7px 9px}.delivery-hotspot small{font-size:8px}.delivery-hotspot strong{font-size:11px}#delivery-speech{max-width:270px;width:43%;padding:8px}#delivery-speech b{font-size:10px}#delivery-speech p{font-size:11px}#delivery-tests{padding:11px;gap:10px;grid-template-columns:1fr}#delivery-tests h3{font-size:16px}#delivery-tests p{font-size:12px}.delivery-test-actions button{font-size:11px;padding:7px}.delivery-footer{font-size:11px;padding:9px}.delivery-footer button{font-size:10px;padding:5px}.delivery-findings{grid-template-columns:1fr}.delivery-verdicts button{font-size:12px;padding:10px}}@media(max-width:650px){.delivery-shortcut{top:353px;right:3%;padding:7px 10px;font-size:11px}.delivery-shortcut small{font-size:8px}}

#delivery-actor,#delivery-actor-blend,#delivery-legs{will-change:transform,opacity;backface-visibility:hidden}#delivery-box-shadow{position:absolute;left:62.5%;top:44.1%;width:8%;height:1.7%;border-radius:50%;background:#33210d;filter:blur(3px);transform:translate(-50%,-50%);z-index:2;pointer-events:none}#delivery-box-shadow[hidden]{display:none}
/* Make It Official — a room first, with three independent workstations. */
.official-shortcut{position:absolute;right:4%;top:285px;z-index:7;border:1px dashed #e6c48b88;background:#183441ef;border-radius:7px;padding:9px 13px;color:#f5d191;text-align:left;font-size:14px}.official-shortcut small{display:block;font-size:12px}.acting .official-shortcut{pointer-events:none}#official-room{width:min(1600px,98vw);max-width:98vw;height:96svh;max-height:96svh;padding:0;background:#102b35;color:#f9e9cc;border:1px solid #b8975d}.official-shell{height:100%;display:flex;flex-direction:column}.official-header,.official-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;flex-shrink:0;background:#102b35}.official-header h2{font-size:28px;margin:2px 0}.official-header small,.official-board small{font-size:12px;letter-spacing:2px;color:#f6cb82}.official-header p{font-size:16px}.official-stage{position:relative;flex:1;min-height:150px;overflow:hidden;background:#182c2c}.official-stage canvas{width:100%;height:100%;object-fit:contain}.official-hotspot{position:absolute;z-index:2;background:#102b35ec;border:1px solid #e9c17b;border-radius:8px;padding:12px 16px;color:#fff0d7;font-size:14px;transform:translate(-50%,-50%);box-shadow:0 5px 20px #0005}.official-hotspot:hover{background:#37595a;box-shadow:0 0 20px #ffd98b66}#official-hotspot-brand{left:22%;top:45%}#official-hotspot-account{left:80%;top:43%}#official-hotspot-gs1{left:72%;top:71%}#official-line{position:absolute;bottom:3%;left:3%;max-width:480px;width:42%;padding:12px 16px;margin:0;background:#102b35ec;border:1px solid #a08351;border-radius:8px;font-size:16px;line-height:1.45}#official-loading{position:absolute;inset:0;display:grid;place-items:center;background:#102b35;z-index:3}.official-board{display:grid;grid-template-columns:1fr repeat(3,1.15fr);gap:12px;padding:16px 24px;border-top:1px solid #b8975d66;background:#173640}.official-board strong{display:block;font-size:24px;margin-top:4px}.official-board button{text-align:left;padding:12px;border:1px solid #86a1a459;background:#22464f;color:#f9e9cc;border-radius:7px}.official-board b{font-size:16px;display:block}.official-board span{font-size:12px;letter-spacing:1px;display:block;margin-top:6px;color:#efc77f}.official-board .complete{border-color:#a5cd9b;background:#2b4d43}.official-board .complete span{color:#c7eabc}.official-header button,.official-footer button{font-size:14px;padding:11px 16px;border:1px solid #a2bdb977;border-radius:6px;background:#28434a;color:#fff0d7}.official-footer button:not(:disabled){background:#f7c573;color:#122b35}.official-footer span{font-size:12px;color:#bdd0cb}.official-task{width:min(900px,94vw);max-width:94vw;max-height:90svh;overflow:auto;background:#14313a;color:#f4e5c9;border:1px solid #c7a36c;border-radius:12px;padding:26px}.official-task::backdrop{background:#03151bc9;backdrop-filter:blur(4px)}.official-task header{display:flex;justify-content:space-between;align-items:center;gap:15px}.official-task h2{font-size:26px;margin:0 0 12px}.official-task h3{font-size:21px}.official-task p{font-size:16px;line-height:1.6}.official-task button{padding:12px 16px;border:1px solid #bbab8588;border-radius:7px;background:#264a51;color:#ffe4af;font-size:16px;cursor:pointer}.official-task button:hover:not(:disabled){background:#3d6368}.official-task button:disabled,.official-footer button:disabled{opacity:.5;cursor:not-allowed}.official-task select{display:block;margin:8px 0 20px;background:#23444b;border:1px solid #a3b4ac;color:#fce4bb;padding:12px;font-size:16px;width:100%}.official-task label{display:block;font-size:16px}.official-choices{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.official-choices button{flex:1;min-width:180px}.official-paper{background:#e9d8b6;color:#2d302d;border:1px solid #fff3d4;padding:18px;margin:15px 0;box-shadow:0 5px 12px #0003}.official-paper p{margin-bottom:0}.official-paper button{margin-top:12px}.official-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.official-stamp{padding:16px;border:1px solid #a9c591;background:#254c42;color:#dcebc5;margin:20px 0;font-size:18px}.official-warning{color:#ffca89}#official-feedback{color:#ffda8d;min-height:24px}.official-task footer{font-size:12px;line-height:1.7;border-top:1px solid #728f8a55;padding-top:16px;color:#bbccc4}.official-task a{color:#ffd998}#official-loading[hidden],#delivery-official[hidden]{display:none}@media(max-width:750px){.official-header,.official-footer{padding:10px;gap:8px}.official-header h2{font-size:22px}.official-header p{display:none}.official-board{grid-template-columns:repeat(3,1fr);padding:10px;gap:6px}.official-board>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.official-board strong{font-size:18px}.official-board button{padding:9px 6px}.official-board b{font-size:14px}.official-board span{font-size:12px}.official-hotspot{padding:8px;font-size:12px}.official-footer{flex-wrap:wrap}.official-footer button{width:100%}.official-docs{grid-template-columns:1fr}.official-task{padding:18px}#official-line{font-size:14px;width:48%;padding:9px}.official-shortcut{top:412px;right:3%}.official-stage{min-height:220px}}
#official-world{position:absolute;overflow:hidden}#official-world canvas{display:block;width:100%;height:100%}.official-stage{flex-basis:0}#official-hotspot-brand{left:17%;top:39%}#official-hotspot-account{left:79%;top:35%}#official-hotspot-gs1{left:88%;top:61%}
/* Chapter 01: discover object names on hover; the mission overview stays visible. */
#game > .hotspot{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0;opacity:1;max-width:none}
#game > .hotspot > .pulse{display:none}
#game > .hotspot > span:last-child,#game > [data-room-label]::after{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);padding:10px 14px;border:1px solid #d8ebeb70;border-radius:8px;background:#0b2029f2;box-shadow:0 8px 24px #0005;color:#f6f3eb;font-size:14px;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}
#game > [data-room-label]::after{content:attr(data-room-label)}
#game > .hotspot:is(:hover,:focus-visible) > span:last-child,#game > [data-room-label]:is(:hover,:focus-visible)::after{opacity:1;transform:translate(-50%,0)}
#game > .hotspot small{display:block;font-size:12px}
#game > #coffee{display:none}
#game > .hotspot:disabled > span:last-child,#game > [data-room-label]:disabled::after{opacity:0}
@media(hover:none){#game > .hotspot:focus > span:last-child,#game > [data-room-label]:focus::after{opacity:1;transform:translate(-50%,0)}}
.helper-launch{position:absolute;left:auto;right:4%;top:auto;bottom:90px;z-index:7;border:1px solid #d9b57b;background:#14323eee;color:#ffe0a3;border-radius:7px;padding:11px 17px;font-size:14px}.helper-launch:hover{background:#31505b}#helper-layer{position:absolute;pointer-events:none;z-index:4;overflow:hidden}#helper-canvas{position:absolute;inset:0;pointer-events:none}#helper-panel{position:absolute;left:27%;bottom:7%;width:min(390px,43%);padding:16px 18px;border:1px solid #e5bf7c;background:#102b36f5;box-shadow:0 12px 40px #0006;border-radius:10px;pointer-events:auto}#helper-panel strong{font-size:14px;color:#f8c773}#helper-caption{font-size:19px;line-height:1.4;margin:8px 0}#helper-status{display:block;font-size:12px;color:#b9cdcd;min-height:18px}#helper-panel>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}#helper-panel button{border:1px solid #8caba97a;background:#254650;border-radius:5px;padding:7px 10px;color:#fff0d4;font-size:13px}#helper-panel #helper-play-original{margin-top:10px;background:transparent;font-size:12px}#helper-layer[hidden],#helper-panel[hidden]{display:none}@media(max-width:750px){.helper-launch{top:auto;left:auto;right:3%;bottom:110px;padding:9px;font-size:13px}#helper-panel{left:12%;bottom:2%;width:76%;padding:11px}#helper-caption{font-size:16px}#helper-panel button{font-size:12px;padding:7px}}
#intro-overview{transition:opacity 1.2s ease,transform 1.2s ease}#intro-overview.overview-closing{opacity:0;transform:translateY(12px);pointer-events:none}#intro-overview[hidden]{display:none}#intro-close{position:absolute;right:10px;top:8px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #bdd0d04d;border-radius:50%;background:#102b35;color:#f8dfb0;font-size:25px;line-height:1;cursor:pointer}#intro-close:hover{background:#31525d}#intro-overview>.eyebrow{display:block;padding-right:28px}
/* Portrait advice replaces the walking helper cameo. */
#helper-tips{width:min(1080px,94vw);max-width:94vw;max-height:92svh;overflow:auto;padding:36px;border:1px solid #d8b47c66;border-radius:22px;background:linear-gradient(135deg,#102c37f5,#102029fa);color:#fff0d6;box-shadow:0 30px 150px #000b;opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}#helper-tips[open]{animation:helper-tip-appear .4s ease-out}#helper-tips::backdrop{background:#030c14db;backdrop-filter:blur(12px) saturate(.4);animation:helper-room-fade .4s ease-out}#helper-tips.helper-tips-closing{opacity:0;transform:translateY(12px)}#helper-tips.helper-tips-closing::backdrop{background:#030c1400;backdrop-filter:blur(0);transition:background .3s,backdrop-filter .3s}.helper-tip-layout{display:grid;grid-template-columns:minmax(240px,1fr) 1.2fr;gap:42px;align-items:center}#helper-face{position:relative;display:block;aspect-ratio:4/5;width:100%;max-height:65svh;overflow:hidden;padding:0;border:1px solid #b2cfcc55;border-radius:18px;background:#142c34;cursor:pointer}#helper-face img{position:absolute;width:175%;max-width:none;height:auto;left:50%;top:-7%;transform:translateX(-50%)}#helper-face span{position:absolute;bottom:0;left:0;right:0;padding:36px 12px 18px;background:linear-gradient(transparent,#081b28ef);color:#ffe0a3;font-size:14px}#helper-face:hover{border-color:#f6c477}.helper-tip-copy>small{font-size:12px;color:#eec88d;letter-spacing:2px}.helper-tip-copy h2{font-size:clamp(27px,3.5vw,46px);line-height:1.1;letter-spacing:-1px;margin:20px 0}.helper-tip-copy>p{font-size:19px;line-height:1.7;color:#dbe6e4}.helper-tip-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.helper-tip-controls button{border:1px solid #9fbab766;border-radius:7px;padding:12px 16px;background:#254550;color:#fbe1b6;font-size:14px}#helper-tip-next{background:#f6c574;color:#142831;font-weight:700}#helper-tip-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border:1px solid #bfcdca55;border-radius:50%;background:#15353e;color:#fff0d4;font-size:26px;line-height:1}#helper-tip-status{min-height:36px;font-size:12px;color:#a5c0bd;line-height:1.5;margin-bottom:12px}.helper-tip-copy .helper-tip-loop{font-size:12px;letter-spacing:0;color:#a5c0bd}.helper-is-speaking #helper-face{box-shadow:0 0 28px #e9be6633}@keyframes helper-tip-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes helper-room-fade{from{background:#030c1400;backdrop-filter:blur(0)}to{background:#030c14db;backdrop-filter:blur(12px) saturate(.4)}}@media(max-width:650px){#helper-tips{padding:44px 20px 22px}.helper-tip-layout{grid-template-columns:1fr;gap:18px}#helper-face{width:210px;max-height:32svh;margin:auto;aspect-ratio:1}.helper-tip-copy h2{font-size:28px;margin:12px 0}.helper-tip-copy>p{font-size:16px;line-height:1.55}.helper-tip-controls{margin-top:18px}#helper-tip-status{font-size:12px}}@media(prefers-reduced-motion:reduce){#helper-tips[open],#helper-tips::backdrop{animation:none}#helper-tips{transition:opacity .2s}}