/* Scene-first shell; long details scroll inside drawers rather than the page. */
.game-viewport{position:fixed;inset:0;width:100%}
html:has(.game-viewport),body:has(.game-viewport){height:100%;overflow:hidden}#app:has(.game-viewport){height:100dvh}.game-viewport{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 66px;padding-bottom:env(safe-area-inset-bottom);color:#f2e6cf}.compact-hud{display:flex;align-items:center;gap:16px;background:linear-gradient(#272923,#181b19);border-bottom:1px solid #8a7250;padding:0 22px;z-index:4;box-shadow:0 3px 15px #0008}.compact-brand{font:700 20px Georgia;color:#e3c998;letter-spacing:3px;text-decoration:none;margin-right:auto;white-space:nowrap}.compact-brand span{color:#a5895b}.hud-token{padding:3px 10px;min-width:100px;border:0;border-left:1px solid #72654c55;background:none;text-align:left;display:grid;gap:3px;border-radius:0;color:#ead8b6}.hud-token small{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#c0b49c}.hud-token strong{font:20px Georgia}.hud-token em{font:12px Arial;color:#ad9d81}.wanted-token strong{font-size:20px;letter-spacing:2px;color:#d4ad68}.compact-hud .signal{min-width:32px;padding:8px;border:0;background:none}.compact-hud .signal span{display:none}.compact-hud .signal i{display:block}#main{margin:0;padding:0;min-width:0;min-height:0;overflow:auto;position:relative;scrollbar-color:#8b734c #1b201e}#main:has(>.world-view){overflow:hidden}.bottom-nav{display:flex;align-items:stretch;justify-content:center;gap:4px;border-top:1px solid #8c7450;background:linear-gradient(#252822,#141816);z-index:5}.bottom-nav button{position:relative;flex:1;max-width:180px;min-width:0;border:0;border-radius:0;background:none;display:flex;justify-content:center;align-items:center;gap:10px;color:#bdaf95;font-size:12px;letter-spacing:1px}.bottom-nav button img{width:25px;height:25px}.bottom-nav button.active{color:#fff0cb;background:linear-gradient(#b790492e,transparent);box-shadow:inset 0 2px #cfaa67}.bottom-nav b{background:#9a4532;border:1px solid #cf9064;border-radius:50%;padding:2px 5px;font-size:10px}.world-view{height:100%;min-height:0;display:flex;flex-direction:column;position:relative;background:#211f19}.scene-heading{position:absolute;left:0;right:0;top:0;padding:22px 32px;display:flex;justify-content:space-between;pointer-events:none;z-index:3;background:linear-gradient(#111b,transparent);text-shadow:0 2px 7px #000}.scene-heading h1{font:clamp(22px,2.5vw,36px) Georgia;margin:0;color:#f4e4c1}.scene-heading .eyebrow{color:#dfc697;margin:0 0 7px;font-size:10px}.scene-heading button{pointer-events:auto;background:#17201dc9;border-color:#b39762;border-radius:50%;width:44px;height:44px}.scene-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#997945 #302b23}.scene-canvas{height:100%;width:max(100%,920px);min-height:430px;position:relative;isolation:isolate;overflow:hidden;background:#242923}.world-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.94)}.scene-controls{min-height:49px;background:#1c201dee;border-top:1px solid #8a715048;display:flex;align-items:center;gap:10px;padding:5px 18px;flex-shrink:0}.scene-controls button{padding:8px 12px;min-height:36px;font-size:12px}.scene-footnote{color:#c2b79e;font-size:11px;margin-left:auto;max-width:40%}.pan-hint{display:none;color:#baac92;font-size:10px;white-space:nowrap}.scene-hotspot{position:absolute;background:transparent;border:1px solid transparent;border-radius:10px;min-width:44px;min-height:44px;padding:0;display:flex;justify-content:center;align-items:center;z-index:2;color:#ffe1a0;transition:background .18s,box-shadow .18s}.scene-hotspot:hover,.scene-hotspot:focus-visible{border-color:#ffda9a;background:#dcb46522;box-shadow:0 0 25px #ffd48330}.hotspot-ring{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #e3bc74;background:#151d19be;box-shadow:0 0 0 5px #eabf6c20;font:21px Georgia}.hotspot-label{position:absolute;top:100%;white-space:nowrap;background:#16201fe8;border-bottom:1px solid #a08453;padding:5px 10px;font:12px Georgia;color:#f7e4bb}.hq-object{position:absolute;pointer-events:none;filter:drop-shadow(3px 4px 5px #0009)}.wall-map{left:10%;top:20%;width:18%;height:23%;border:9px ridge #74512f;background:repeating-linear-gradient(12deg,transparent 0 18px,#64583a55 20px 22px),repeating-linear-gradient(90deg,#a09166 0 23px,#e0c696 23px 26px);transform:rotate(-3deg)}.wall-map i{position:absolute;left:30%;top:20%;height:60%;width:7px;background:#516e6977;transform:rotate(20deg)}.desk-phone{left:24%;top:53%;font-size:64px;color:#30261b;text-shadow:1px 1px #bb9b59;transform:rotate(-8deg)}.desk-paper{left:60%;top:65%;width:16%;height:16%;padding:10px;background:#c9b688;color:#3e392c;font:13px Georgia;transform:rotate(8deg);text-align:center}.desk-paper b{font-size:19px}.desk-safe{left:7%;top:70%;width:12%;height:16%;background:linear-gradient(135deg,#575a4a,#202820);border:8px ridge #676551;border-radius:5px;text-align:center;color:#bba47c;font-size:46px}.hq-resident{position:absolute;bottom:3%;height:47%;width:18%;background:none;border:0;padding:0}.figure{width:100%;height:100%;object-fit:contain}.hq-resident span,.scene-guest span{display:block;background:#1a211de6;color:#ebd3a5;padding:6px;font-size:12px;white-space:nowrap}.town-drawing{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.city-block path{fill:#645d48;stroke:#3f443a;stroke-width:1.5}.city-block path+path{fill:none;stroke:#b5aa86;stroke-width:1}.city-road{stroke:#eee0b5;stroke-width:12;fill:none;opacity:.9}.river{fill:none;stroke:#59787a;stroke-width:35}.map-north{font:25px Georgia;fill:#282e25}.overview-map .world-backdrop,.district-view .world-backdrop{filter:brightness(.72) saturate(.6)}.overview-map .scene-canvas,.district-view .scene-canvas{min-height:570px}.district-area{position:absolute;border:1px solid #f7d79960;border-radius:2px;background:#2b3b328a;color:#f3dfb4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-shadow:0 1px 3px #000}.district-area span{font:clamp(13px,1.2vw,20px) Georgia;max-width:220px}.district-area small{font-size:10px;margin-top:8px;color:#dacda9}.district-area b{font-size:10px;color:#f6d089;margin-top:7px}.district-area.accessible{background:#695b3244;border:2px solid #ead095}.district-area:hover{background:#baa46275}.district-area.unknown{background:#202a29bd;opacity:1;border:1px dashed #aaa38b33;color:#b5b1a2}.district-area.unknown small{color:#999f92}.district-zoom{position:relative;width:calc(100% * var(--zoom));height:calc(100% * var(--zoom));transform-origin:top left}.district-view .scene-canvas{overflow:auto}.address-pin{position:absolute;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;display:grid;justify-items:center;max-width:150px;color:#fff3ce;text-shadow:0 1px 4px #000;z-index:1}.building-mini{width:55px;height:45px;background:linear-gradient(90deg,#544136 25%,#806a50 25%);border:1px solid #342c21;box-shadow:6px 6px 0 #353d34;transform:skewY(-6deg);display:flex;justify-content:center;align-items:center;gap:5px;border-top:7px solid #a78d67}.building-mini i{width:8px;height:12px;background:#ecd29a;border:1px solid #423324}.address-pin.here .building-mini{outline:3px solid #eec36a;box-shadow:0 0 20px #ffd68e}.address-pin.locked{filter:grayscale(.75);opacity:.75}.address-name{font:12px Georgia;background:#243029f0;padding:5px 8px;margin-top:8px;border:1px solid #9f895677;max-width:155px}.address-pin small{font-size:9px;background:#18241ce6;padding:3px 6px}.address-pin:hover{z-index:5;filter:brightness(1.2)}.scene-guest{position:absolute;transform:translate(-50%,-50%);height:42%;width:15%;background:none;border:0;padding:0}.scene-guest:hover{filter:drop-shadow(0 0 10px #d8b66f)}.hero-figure{position:absolute;left:18%;bottom:4%;width:32%;height:77%;background:none;border:0;padding:0;filter:drop-shadow(5px 12px 12px #0009)}.identity-plaque{position:absolute;left:57%;top:26%;width:35%;max-height:69%;overflow:auto;background:linear-gradient(110deg,#17211fee,#20251fdd);border-top:2px solid #b79353;padding:20px 25px;color:#eadfcb;box-shadow:0 15px 35px #0008}.identity-plaque h2{font:32px Georgia;color:#efdbb4}.identity-plaque p{font-size:13px;line-height:1.6}.identity-plaque .stats{margin:15px 0}.folio-pages{display:flex;align-items:center;gap:10px;margin-right:10px;font-size:12px}.scene-message{position:absolute;left:12%;top:29%;max-width:560px;background:#18201cd9;padding:32px;border-left:2px solid #b89454}.scene-message h2{font:34px Georgia;color:#efdcb7}.scene-message p{font-size:14px;line-height:1.8;color:#cbbd9f}.scene-message button{margin:10px 8px 0 0}.planning-desk{position:absolute;inset:19% 3% 1%;perspective:900px}.desk-grain{position:absolute;inset:10% -10% -10%;background:repeating-linear-gradient(1deg,#492f1aee 0 22px,#5a3e26ee 25px 27px,#684a2ccc 28px 33px);border-top:15px ridge #664931;transform:rotateX(10deg);box-shadow:0 -8px 30px #0008}.mission-paper{position:absolute;border-radius:0;background:#ddcca4;color:#3b382c;border:0;border-left:8px solid #b8a078;padding:24px 20px;box-shadow:0 10px 15px #0007;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;transition:transform .2s}.mission-paper:hover{background:#eddfb8;box-shadow:0 15px 20px #0009}.mission-paper h2{font:clamp(22px,2.4vw,34px) Georgia;color:#342f25;margin:0}.mission-paper p{font:14px/1.6 Georgia;margin:0}.mission-paper small{font:10px Arial;letter-spacing:2px;color:#805238}.mission-paper span{font:12px Georgia;border-bottom:1px solid #746140}.active-paper{left:5%;top:8%;width:32%;height:77%;transform:rotate(-5deg)}.reports-paper{left:43%;top:8%;width:26%;height:45%;transform:rotate(5deg)}.operations-paper{right:0;top:43%;width:28%;height:50%;transform:rotate(-4deg);background:#b9a476}.assignment-photo{height:38%;width:48%;object-fit:cover;border:6px solid #eee1c2;filter:sepia(.3)}.holding-art{position:absolute;left:6%;bottom:7%;width:48%;height:64%;display:grid;place-items:center}.holding-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px #0008)}.inventory-shelf{position:absolute;left:19%;top:25%;width:62%;height:65%;background:linear-gradient(#25302a55,#2f271bbd);border-bottom:18px ridge #614327;display:grid;place-items:center}.inventory-object{background:none;border:0;display:flex;flex-direction:column;align-items:center;max-width:85%;height:90%;gap:8px}.inventory-object img{height:75%;max-width:90%;object-fit:contain;filter:drop-shadow(4px 8px 8px #000)}.inventory-object span{font:28px Georgia}.inventory-object b{font-size:12px;font-weight:400;color:#e2c998}.destination-preview img{width:100%;height:220px;object-fit:cover}.crew-choice{display:flex;align-items:center;width:100%;gap:14px;text-align:left;margin:8px 0}.choice-portrait{width:50px;height:65px;object-fit:cover}.result-chip{position:fixed;right:16px;bottom:76px;z-index:6;background:#17201dee;border-color:#877049;font-size:11px;padding:6px 10px;max-width:330px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.world-notices{position:absolute;top:0;left:0;right:0;z-index:8}.world-notices .notice{margin:0;border-radius:0;padding:8px 18px;font-size:12px}.world-notices~.world-view .scene-heading{top:56px}.game-drawer{max-height:90dvh;overflow:auto}.game-drawer .page-title{padding:0}.game-drawer .layout{display:block}.game-drawer .cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#main:not(:has(>.world-view)){padding:25px}.game-drawer .person-hero{background:#202923;padding:20px}.game-drawer .person-portrait{max-height:270px}.world-view button:focus-visible{outline:3px solid #ffe0a0;outline-offset:4px}
@media(max-width:920px){.scene-footnote{display:none}.pan-hint{display:inline;margin-left:auto}.compact-hud{padding:0 10px;gap:7px}.compact-brand{font-size:14px;letter-spacing:1px}.hud-token{min-width:72px;padding:3px 7px}.hud-token strong{font-size:17px}.hud-token small{font-size:8px}.wanted-token strong{font-size:15px;letter-spacing:0}.scene-heading{padding:18px 22px}.bottom-nav button{gap:7px;letter-spacing:0}.result-chip{max-width:220px}.scene-controls{padding:5px 10px;gap:6px}.scene-controls button{font-size:11px;padding:7px 10px}}
@media(max-width:540px){.game-viewport{grid-template-rows:58px minmax(0,1fr) 63px}.compact-brand{display:none}.compact-hud{gap:2px;justify-content:space-between}.hud-token{min-width:0;flex:1;padding:4px 6px}.hud-token strong{font-size:16px}.hud-token em{font-size:10px}.compact-hud .signal{padding:4px;min-width:20px}.scene-canvas{width:760px;min-height:430px}.scene-heading{padding:16px;max-width:100vw}.scene-heading h1{font-size:23px;max-width:280px}.scene-heading .eyebrow{max-width:250px;line-height:1.5}.scene-heading .scene-help{min-width:36px;width:36px;height:36px}.scene-controls{overflow-x:auto;min-height:50px;white-space:nowrap}.scene-controls button{flex-shrink:0;min-height:40px}.pan-hint{display:none}.bottom-nav button{flex-direction:column;gap:3px;font-size:10px;padding:5px 2px}.bottom-nav button img{width:24px;height:24px}.bottom-nav b{position:absolute;right:12px;top:4px}.result-chip{right:8px;bottom:120px;max-width:200px;font-size:10px}.identity-plaque{left:52%;width:41%;padding:16px}.hero-figure{left:12%;width:35%}.scene-message{left:7%;max-width:470px;top:28%}.mission-paper{padding:16px}.mission-paper p{font-size:13px}#main:not(:has(>.world-view)){padding:14px}}
@media(prefers-reduced-motion:reduce){.world-view *{transition:none!important;animation:none!important}}
/* Keep image and normalized hit areas in one undistorted 3:2 space. */
.scene-viewport{container-type:size;background:#161e1b}.scene-canvas,.overview-map .scene-canvas,.district-view .scene-canvas{width:max(640px,150cqh);height:100%;min-height:0;margin-inline:auto}.world-backdrop{object-fit:fill}.scene-heading h1{max-width:80vw}.pan-hint{display:inline}.scene-controls{min-height:50px}.scene-controls button{min-height:44px}.district-area span{font-size:16px}.district-area small{font-size:11px}.hq-resident{z-index:1}.hero-figure{z-index:1}.scene-guest{z-index:2}
/* User direction: Amiga-era pixel art, crisp low-resolution masters. */
.world-backdrop,.figure,.portrait-crop image,.destination-preview img,.holding-image,.inventory-object img,.assignment-photo,.person-portrait{image-rendering:pixelated}.world-view button,.scene-controls button,.bottom-nav button,.game-drawer button,.identity-plaque{border-radius:0}.scene-heading h1,.identity-plaque h2,.scene-message h2{font-family:Georgia,serif;text-shadow:2px 2px #0a1515}.compact-hud,.bottom-nav,.scene-controls{background:#152828;box-shadow:inset 0 2px #54706a,inset 0 -2px #071819}.scene-hotspot,.hotspot-ring{border-radius:0}.hotspot-ring{box-shadow:3px 3px #08171b}.hotspot-label{background:#142629;border:1px solid #a88f56;font:12px 'Courier New',monospace}.place-symbol-frame{display:grid;place-items:center;width:52px;height:52px;border:2px solid #e5c780;background:#162a2b;box-shadow:3px 3px #080f16,inset 2px 2px #466365}.location-type-symbol{width:36px;height:36px;flex-shrink:0;image-rendering:pixelated;shape-rendering:crispEdges}.address-pin.here .place-symbol-frame{border-color:#ffdc5e;box-shadow:0 0 0 3px #eabb4a66,3px 3px #070f16}.address-pin.locked{opacity:.83;filter:none}.address-pin.locked .place-symbol-frame:after{content:'×';position:absolute;right:-6px;top:-5px;color:#fff;background:#723d34;border:1px solid #efb482;font:bold 13px monospace;padding:0 3px}.address-name{font:12px 'Courier New',monospace;background:#142629;border:1px solid #8d815c}.address-pin small{font:10px 'Courier New',monospace;background:#182527}.location-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:20px}.location-legend-entry{display:flex;align-items:center;gap:10px;font-size:13px;background:#1b3030;padding:7px}.legend-address{display:flex;align-items:center;width:100%;gap:12px;text-align:left;margin-bottom:8px}.legend-address .location-type-symbol{width:28px;height:28px}.town-drawing{shape-rendering:crispEdges}.world-backdrop{filter:none}.overview-map .world-backdrop,.district-view .world-backdrop{filter:brightness(.60) saturate(.4)}.town-drawing .city-block{opacity:.55}.city-block path{fill:#5e6050;stroke:#263632}.district-area.unknown{background:#14282bdb}.district-area.accessible{border-color:#eed389;background:#5c603a30}.district-area{box-shadow:inset 2px 2px #e5d29333;border-width:2px}.scene-guest{height:38%;width:13%}.fallback-note{font-size:10px;color:#c4c4a0}