/* A responsive physical game frame; bitmap artwork is never stretched. */
:root{--brass:#b48a56;--brass-light:#edcf94;--wine:#582a40;--panel:#241824;--muted:#bdacb5}
.adventure-shell{background:#17101c}.game-hud{height:68px;padding:8px clamp(14px,2.5vw,48px);gap:24px;border:0;border-bottom:1px solid #896141;background:linear-gradient(#352333,#1b131f);box-shadow:0 3px 20px #0006;z-index:4;font-family:'Segoe UI',sans-serif}.hud-logo{width:100px;height:52px;filter:drop-shadow(0 2px 4px #0006)}.hud-place{display:grid;gap:4px;margin-right:auto;min-width:0}.hud-place small{font:9px/1.2 'Segoe UI',sans-serif;letter-spacing:.15em;color:#b89a82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-hud .room-name{font:19px/1.2 Georgia;color:#eed6af;overflow:hidden;text-overflow:ellipsis;margin:0}.hud-wallet{display:grid;gap:3px}.hud-wallet small,.energy-hud small{font:8px/1.2 'Segoe UI',sans-serif;letter-spacing:.15em;color:#baa08b}.game-hud .currency{font:600 17px Georgia;white-space:nowrap;color:#ecd19b}.hud-day{display:grid;gap:6px;font-size:11px;min-width:50px;color:#d4bcc1}.hud-day b{color:#ffe1ae;font-size:15px}.action-pips{display:flex;gap:4px}.action-pips i{display:block;width:7px;height:7px;border:1px solid #765349;transform:rotate(45deg);background:#140f1c}.action-pips i.available{background:#e2b97a;box-shadow:0 0 6px #e2b97a40;border-color:#e2b97a}.energy-hud{display:grid;width:98px;gap:5px;flex:none}.energy-track{height:5px;background:#110c15;border:1px solid #5d4546}.energy-track i{height:100%;display:block;background:linear-gradient(90deg,#759b91,#bed5b4)}.energy-hud>span{font:9px 'Segoe UI',sans-serif;color:#b6cbb9}.hud-controls{gap:7px;align-items:center;border-left:1px solid #6e4e4d;padding-left:17px}.hud-controls button,.hud-admin-back{width:auto;height:37px;display:flex;align-items:center;gap:6px;border:1px solid #835d4a;border-radius:5px;background:linear-gradient(#4a2d3d,#291b2b);padding:8px 10px;color:#d9bf9a;text-decoration:none;box-shadow:inset 0 1px #e5bc7820}.hud-controls button:hover{border-color:#d5ab70;background:#563246}.hud-controls button span{font:11px 'Segoe UI',sans-serif}.hud-controls svg{height:17px;width:17px}.hud-admin-back{font:11px 'Segoe UI',sans-serif}
.world-wrap{flex:1;min-height:0;align-items:center;justify-content:center;overflow:hidden;background:#241826;isolation:isolate}.world-wrap:before{content:'';position:absolute;inset:-45px;background:var(--scene-art) center/cover no-repeat;filter:blur(24px) saturate(.65);opacity:.38;z-index:-2;pointer-events:none}.world-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#160e1bbd,transparent 22%,transparent 78%,#160e1bbd),linear-gradient(#1b102340,transparent 22%,transparent 75%,#1b102360);z-index:-1;pointer-events:none}.stage{flex:none;aspect-ratio:auto;max-height:none;overflow:hidden;border:1px solid #96734a80;border-radius:2px;box-shadow:0 0 0 3px #180e1b90,0 10px 35px #0007;margin:0;isolation:isolate}.backdrop{object-fit:contain}.stage .vignette{border:0;box-shadow:inset 0 0 65px #17102335}.actor-shadow{filter:blur(3px)}.game-overlay{z-index:2000}.pause-symbol{font-size:8px;opacity:.65;border:1px solid #d8b78840;background:#21112688;box-shadow:none}.caption-line{height:31px;line-height:28px;background:linear-gradient(#231625,#1c1320);border-top:1px solid #8e654b;border-bottom:1px solid #08060c;color:#cbb5a1;font:12px/28px Georgia;letter-spacing:.01em}
.action-dock{height:105px;padding:13px clamp(14px,3vw,56px) 12px;display:grid;grid-template-columns:minmax(245px,.9fr) minmax(230px,.85fr) minmax(380px,1.25fr);gap:24px;background:linear-gradient(#352332,#211722 40%,#17111d);border-top:1px solid #a2774d;border-bottom:4px solid #382333;box-shadow:inset 0 2px #d4ad7530,0 -3px 12px #0004;position:relative}.action-dock:before,.action-dock:after{content:'◆';position:absolute;top:42%;color:#b48a56;font-size:12px;opacity:.8}.action-dock:before{left:9px}.action-dock:after{right:9px}.verbs{padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.verb{border:1px solid #8d644e;border-radius:4px;background:linear-gradient(#573345,#2f2031);font:11px Georgia;box-shadow:inset 0 1px #d6b38220,0 2px 2px #0004;height:34px;padding:4px 7px;color:#d2bca4}.verb svg{width:17px;height:17px;filter:none}.verb.active{background:linear-gradient(#976077,#52263f);border-color:#d7ae78;box-shadow:inset 0 1px #ffe6b640;color:#fff1d2}.inventory{margin:0;padding:8px;gap:6px;height:72px;width:100%;min-width:0;overflow:visible;border:1px solid #7d594a;border-radius:5px;background:#160f1c;box-shadow:inset 0 2px 12px #0008}.inventory:before{top:-7px;left:50%;transform:translateX(-50%);padding:0 8px;background:#302030;color:#b4987a;font:8px 'Segoe UI',sans-serif;letter-spacing:.2em}.inventory-slot{height:47px;width:calc((100% - 24px)/5);max-width:62px;border:1px solid #7f5d4d;border-radius:4px;background:radial-gradient(#4b3143,#201625);box-shadow:inset 0 2px 6px #0006}.inventory-slot.empty{opacity:.42;background:#17121d}.inventory-slot svg{width:28px;height:28px;color:#d9c095;filter:drop-shadow(0 1px 1px #0008)}.dock-tools{padding:0;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.dock-tool{width:auto;height:72px;gap:7px;padding:8px 3px;border:1px solid #9a7351;border-radius:5px;background:linear-gradient(145deg,#624151,#2e1e31 75%);box-shadow:inset 0 1px #d9b98030,0 2px 3px #0005;color:#e1c6a2;font:10px Georgia}.dock-tool svg{height:26px;width:26px;filter:drop-shadow(0 2px #130a17)}.dock-tool:hover,.verb:hover{background:linear-gradient(#89516a,#432438)}
.paper-scrim{padding:28px;background:#100b16b3;backdrop-filter:blur(7px) saturate(.65)}.paper,.fashion-panel,.shop-panel,.production-panel,.filming-panel,.city-atlas{border:1px solid #ad8257;border-radius:9px;background:linear-gradient(135deg,#382637,#211727 70%);box-shadow:0 0 0 4px #160e1dc9,0 0 0 5px #bd94524a,0 30px 110px #000c;color:#e2d0c5;scrollbar-width:thin;scrollbar-color:#886151 #211727}.paper{padding:0 32px 28px;max-height:90dvh;width:min(850px,94vw);background:linear-gradient(135deg,#382637,#211727 70%)}.paper.wide{width:min(1100px,96vw)}.paper-heading{position:relative;margin:0 -32px 23px;padding:28px 60px 24px 32px;border-bottom:1px solid #b388514a;background:linear-gradient(110deg,#62405177,#1b142433)}.paper-heading:after{content:'';position:absolute;left:32px;bottom:-2px;width:76px;height:3px;background:#bd9560}.paper-heading i{position:absolute;right:62px;bottom:18px;font:52px Georgia;font-style:normal;color:#c2986140}.paper .paper-close,.panel-close{position:absolute;z-index:5;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;padding:0!important;border:1px solid #9a73545c!important;border-radius:50%!important;background:#281b2b!important;color:#cbb393!important;font:23px/1 Georgia;box-shadow:none!important}.paper .paper-close:hover,.panel-close:hover{border-color:#d9b17a!important;color:#fff0cb!important}.paper .stamp,.stamp{transform:none;border:0;padding:0;font:9px/1.5 'Segoe UI',sans-serif;letter-spacing:.2em;color:#d8b887;margin:0 0 9px;background:none}.paper h1{font:normal clamp(27px,3vw,37px)/1.15 Georgia;margin:5px 0 0;color:#f4d9ac;letter-spacing:-.025em}.paper h2{font:normal 25px Georgia;color:#edcca4}.paper h3{color:#e3c29e}.paper p{color:#cbbbc5;font:14px/1.7 'Segoe UI',sans-serif}.paper small{color:#b5a3ab}.paper button,.production-form button,.fashion-details button,.shop-panel button,.filming-footer button,.neon-primary{border:1px solid #a47c57;border-radius:5px;background:linear-gradient(#724457,#42263d);box-shadow:inset 0 1px #e5c59120,0 2px 4px #0003;color:#f1d5ae;padding:10px 16px;line-height:1.3}.paper button:hover:not(:disabled),.neon-primary:hover:not(:disabled){background:#86536a;border-color:#d3aa75}.paper button:disabled{opacity:.4}.paper .ink{background:transparent;border:0;box-shadow:none;color:#ddaf99}.paper input,.paper select,.production-form input:not([type=radio]):not([type=checkbox]),.production-form select{border:1px solid #765366;background:#1b1424;border-radius:5px;color:#f1dfc7;box-shadow:inset 0 2px 6px #0003;font:14px 'Segoe UI',sans-serif;padding:11px 12px}.paper label{color:#c2a6aa;font:12px 'Segoe UI',sans-serif}.paper .row{padding:14px 0;border-bottom:1px solid #9173493b}.paper .row strong{color:#e0c2a6}.paper .check,.paper .genres label{border:1px solid #80604b;background:#4a304153;border-radius:4px}.paper .note{background:#78604a18;border-left:2px solid #b28a55;color:#ccb7a9}.paper .estimate{transform:none;border:1px solid #a07f5260;border-radius:6px;background:#18142260}.paper .estimate strong{color:#e8c498}.paper .ledger td,.paper .ledger th{border-color:#80604455}.paper .ledger th{color:#c49f7e}.paper .document-intro{border-color:#8a664742}.paper .chapter-lines li{color:#bea9b7}.paper .chapter-lines li.done{color:#a8c5af}.paper .crew-page{border:1px solid #7e5a4e;background:#2d2030;border-radius:6px;box-shadow:none}.paper .crew-name{color:#e1c3a6}.paper .empty-note{color:#b6a3af}
.fashion-mirror{background:radial-gradient(ellipse at 50% 43%,#785063,#2c1e31 75%)}.fashion-mirror:before{border:1px solid #cba372;box-shadow:0 0 0 5px #392737,0 0 0 6px #8f6d4b66,inset 0 0 50px #18102080;border-radius:48% 48% 5px 5px}.fashion-details{background:linear-gradient(130deg,#382637,#221829)}.fashion-details h1{font-weight:normal;font-size:35px;color:#e8c89f}.look-thumb{border:1px solid #715147;background:#281c2d;border-radius:4px}.look-thumb.selected{background:#674354;border-color:#cba271}.category-tabs button{font:11px 'Segoe UI',sans-serif;border:1px solid #82604c;background:#312133;border-radius:4px}.category-tabs button.selected{background:#825369;border-color:#d4ac76}.prop-card{border:1px solid #79574b;background:linear-gradient(145deg,#423040,#261b2d);border-radius:7px}.prop-card h2{font-weight:normal;color:#e7c79f}.prop-card .prop-preview{margin-top:8px}.shop-panel h1{font-weight:normal;color:#f0d2a6}.shop-panel{padding:32px}.production-visual{background:linear-gradient(#503649,#241a2d);border-right:1px solid #82634c55}.set-preview{aspect-ratio:16/9;border-radius:5px;margin:24px 24px 0;border:1px solid #b48a5660;background-size:contain;background-repeat:no-repeat;background-color:#211426}.production-caption h2{font:normal 29px Georgia}.production-form h1{font-weight:normal;font-size:34px}.production-form .estimate{background:#1e182970;border:1px solid #9c785560;border-radius:6px;padding:17px}.production-form .genres label,.cast-checks .check{background:#59394a33;border:1px solid #8c65544a;border-radius:4px}.film-steps span{border-color:#8e6c5155;border-radius:4px;color:#b6a3ae}.filming-footer{background:linear-gradient(#412e3e,#221728)}.filming-scene{border-width:16px 0;background-size:contain;background-repeat:no-repeat;background-color:#150e1b}.filming-footer h1{font-weight:normal}.atlas-header,.atlas-destination{background:linear-gradient(120deg,#4e3243,#241a2c);border-color:#96704e55}.atlas-header h1{font-weight:normal}.creator-stats>div{border:1px solid #89654b;border-radius:5px;background:#23182a}.creator-program article{border:1px solid #83614b;border-radius:6px;background:#2c1e30}.creator-program h2{font-weight:normal}.speech{border:1px solid #c59c66;border-radius:9px;background:linear-gradient(130deg,#3c2a3af5,#1d1527f7);box-shadow:0 0 0 4px #160f1bb0,0 10px 40px #0008}.speech .choice{border:1px solid #93704b60;background:#5a384833;border-radius:4px;padding:10px 12px;color:#e1c4a8}.speech .choice:hover{background:#6c445a}.speech:before{display:none}.speech .speaker{color:#dcb783}.speech .close-speech{color:#c6a88e}.speech-portrait{border:1px solid #b18a59;background:#342238;box-shadow:0 0 0 3px #211626;border-radius:6px}.story-objective{border:1px solid #98714c;border-left:3px solid #c39b63;background:linear-gradient(100deg,#59405255,transparent);border-radius:5px;padding:20px 24px;margin:22px 0}.story-objective>small,.chapter-story>small{letter-spacing:.12em;font-size:9px;color:#d7b57e}.story-objective h2{margin:8px 0}.story-milestones{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.story-milestones li{padding:12px 0;border-bottom:1px solid #74573e50;color:#a895a8;font:13px 'Segoe UI',sans-serif;display:flex;gap:12px}.story-milestones li.done{color:#bed2b4}.story-milestones span{color:#bb9363}.story-log summary{cursor:pointer;padding:16px 0;color:#dec29f;font:18px Georgia}.chapter-story{padding:6px 0 5px}.journal-entry{border-color:#8b694743}.journal-entry p{font-size:13px}.journal-entry>span{color:#b29176}.book-tabs{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1200px){.game-hud{gap:16px;padding-inline:15px}.hud-place small{max-width:220px}.hud-controls button span{display:none}.action-dock{grid-template-columns:minmax(225px,.9fr) minmax(200px,.8fr) minmax(330px,1.2fr);gap:16px;padding-inline:18px}.dock-tool{font-size:9px}.hud-logo{width:86px}.game-hud .room-name{font-size:16px}.energy-hud{width:80px}.hud-controls{padding-left:10px}}
@media(max-width:900px){.game-hud{gap:11px}.hud-logo{width:66px}.hud-place small{max-width:155px;font-size:7px}.hud-wallet small{font-size:7px}.game-hud .currency{font-size:14px}.energy-hud{width:61px}.energy-hud>span{display:none}.hud-controls{gap:4px;padding-left:7px}.hud-controls button{padding:6px}.action-dock{grid-template-columns:210px minmax(120px,1fr) 300px;gap:12px}.inventory-slot{min-width:38px;flex-shrink:0}.inventory{justify-content:start;overflow-x:auto}.inventory:before{display:none}.verb{font-size:10px}.dock-tool svg{height:23px;width:23px}.story-milestones{grid-template-columns:1fr}}
@media(max-width:650px) and (orientation:portrait){.game-hud{height:90px;display:grid;grid-template-columns:52px 1fr auto;grid-template-rows:39px 31px;gap:3px 10px;padding:8px 12px}.hud-logo{grid-row:1;width:52px;height:36px}.hud-place{grid-column:2;grid-row:1;gap:3px}.hud-place small{font-size:7px;max-width:180px}.game-hud .room-name{max-width:none;font-size:13px}.hud-wallet{grid-column:3;grid-row:1;gap:1px}.hud-wallet small{font-size:7px}.game-hud .currency{font-size:13px}.hud-day{grid-column:1;grid-row:2;font-size:8px;gap:3px;min-width:0}.hud-day b{font-size:11px}.action-pips i{width:5px;height:5px}.energy-hud{grid-column:2;grid-row:2;display:grid;width:85px;gap:4px}.energy-hud small{font-size:7px}.hud-controls{grid-column:3;grid-row:2;padding:0;border:0;gap:5px}.hud-controls button{height:26px;width:28px;padding:5px}.hud-controls svg{width:15px;height:15px}.hud-admin-back{font-size:8px;height:26px;padding:4px}.hud-controls .hud-admin-back~button{display:none}.world-wrap{flex:1;min-height:0;align-items:center;overflow:hidden;background:none}.stage{overflow:hidden;max-height:none}.game-overlay{inset:0;align-items:end;padding:8px;background:transparent}.speech{max-height:90%;min-height:0;grid-template-columns:1fr;padding:12px;overflow:auto}.speech p{font-size:12px}.choice{font-size:11px!important}.caption-line{height:32px;font:10px/14px Georgia;padding:3px 12px;white-space:normal;display:flex;align-items:center;justify-content:center}.action-dock{height:160px;padding:11px 12px;grid-template-columns:1fr 1fr;grid-template-rows:59px 69px;gap:9px 12px}.inventory{grid-row:1;grid-column:1/-1;width:100%;height:57px;margin:0;justify-content:center;padding:5px;gap:8px;overflow:auto}.inventory-slot{width:46px;height:44px;max-width:none}.verbs{grid-row:2;grid-column:1;gap:4px;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}.verb{height:32px;font-size:8px;gap:3px;padding:2px}.verb svg{width:12px;height:12px}.dock-tools{grid-row:2;grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0}.dock-tool{height:32px;border-width:1px;padding:3px;font-size:7px;gap:3px;flex-direction:row}.dock-tool svg{height:12px;width:12px}.action-dock:before,.action-dock:after{display:none}.paper-scrim{padding:12px}.paper{padding:0 20px 22px;max-height:93dvh}.paper-heading{margin:0 -20px 18px;padding:23px 48px 20px 20px}.paper-heading i{display:none}.paper-heading:after{left:20px}.paper h1{font-size:29px}.paper p{font-size:13px}.paper button{font-size:12px}.paper .row{gap:10px}.paper .split{grid-template-columns:1fr}.paper .row button{padding:8px}.production-visual{display:block;border:0}.production-form{padding:25px 20px}.set-preview{margin:17px;aspect-ratio:16/9}.production-caption{padding:3px 20px 24px}.production-form h1{font-size:29px}.fashion-details h1{font-size:30px}.shop-panel{padding:25px 18px}.filming-scene{aspect-ratio:16/9}.paper .stamp{font-size:8px}.story-objective{padding:17px}.creator-stats{gap:8px}.creator-stats>div{padding:12px}}
@media(max-height:600px) and (orientation:landscape){.game-hud{height:43px;padding:4px 14px;gap:15px}.hud-logo{width:67px;height:35px}.hud-place small{font-size:7px}.game-hud .room-name{font-size:13px}.hud-wallet{gap:1px}.game-hud .currency{font-size:13px}.hud-controls button{height:29px;padding:5px 8px}.hud-controls button span{display:none}.energy-hud{gap:3px}.energy-hud>span{display:none}.hud-day{gap:2px}.caption-line{height:22px;font-size:10px;line-height:19px}.action-dock{height:74px;padding:8px 16px;gap:15px;grid-template-columns:220px minmax(160px,1fr) 320px}.verbs{gap:3px}.verb{height:26px;font-size:9px}.verb svg{width:13px;height:13px}.inventory{height:55px;padding:5px}.inventory-slot{height:40px}.inventory-slot svg{width:24px;height:24px}.dock-tool{height:54px;font-size:8px;gap:4px}.dock-tool svg{height:21px;width:21px}.paper-scrim{padding:13px}.paper{max-height:94dvh}.speech{max-height:90%;font-size:12px}}

.atlas-orbits{display:flex;gap:8px;padding:12px 22px;flex-wrap:wrap;border-top:1px solid #a17b4740;background:#21161f}.atlas-orbits button{padding:10px 15px;color:#f4d8a1;border:1px solid #8b6848;border-radius:4px;background:linear-gradient(#4a2938,#281a25);font:12px Georgia}.atlas-orbits .selected{border-color:#f0ce8d;background:#673b45}

.world-wrap{display:flex}
@media(max-width:650px) and (orientation:portrait){.hud-controls{position:static;inset:auto;grid-row:2;grid-column:3;justify-self:end}.hud-controls .account-link{font-size:8px;padding:4px 6px;max-width:78px;overflow:hidden;text-overflow:ellipsis}.energy-hud{display:grid!important}.hud-place{min-width:0}.hud-wallet{min-width:0}.world-wrap{display:flex}.hud-place small{max-width:150px}.hud-wallet .currency{font-size:12px}}
