/* Gameplay controls extend the atmosphere prototype without covering its centre. */
.header-actions>button:not(.round){font-size:11px;padding:9px 12px;background:#1c2929d9;border-radius:3px}
.journal{position:absolute;top:164px;left:38px;width:290px;z-index:2;border-left:1px solid #c6bc8859;padding:0 0 0 15px;background:linear-gradient(90deg,#203029e6,transparent)}
.journal .eyebrow{font-size:8px;letter-spacing:1.4px;color:#d3c18d;display:block;padding-right:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal h2{font:19px/1.25 Georgia,serif;margin:11px 0 8px}.journal p{font-size:11px;line-height:1.7;color:#c3cbb8;max-width:260px}
#save-state{position:absolute;right:7px;top:0;font-size:9px;color:#aabea1}#inventory-summary{font-size:10px;color:#d6c28d;margin-top:12px;line-height:1.7}
.game-mode .inspector{padding:18px 20px 0;max-height:calc(100dvh - 350px);overflow:auto;scrollbar-width:thin}.game-mode .inspector h2{font-size:22px}.game-mode .inspector>p{padding-bottom:12px;line-height:1.65;font-size:11px}
.garden-actions{display:flex;flex-direction:column;gap:6px;padding-bottom:14px}.garden-actions:empty{padding:0}.garden-actions button{padding:9px 10px;font-size:11px;text-align:left;border-radius:2px;background:#e3d6a30a;line-height:1.4}.garden-actions button small{font-size:10px;display:block;color:#a9b7a1;margin-top:3px}
button:disabled{opacity:.45;cursor:default;background:transparent}.object-timer{font-size:11px;color:#d6c28d;margin:0 0 12px;line-height:1.5}.game-mode .explore button{padding:7px 10px}
.notice{position:absolute;bottom:82px;left:50%;transform:translateX(-50%);background:#24352ff5;border:1px solid #a6b08566;z-index:6;padding:12px 13px 12px 18px;display:flex;align-items:center;gap:12px;max-width:560px;font-size:12px;line-height:1.6;box-shadow:0 8px 25px #101c2333;border-radius:3px}.notice>button{font-size:20px;border:0;width:25px}.notice #retry-action{font-size:10px;border:1px solid #d7b97b80;width:auto;min-width:105px;padding:7px}
dialog label{display:block;font-size:11px;color:#bdc8af;margin:14px 0 7px}dialog input{width:100%;border:1px solid #b6c59c40;background:#172824;color:#f2e8cc;border-radius:3px;padding:10px 12px;font-size:14px}dialog form>.primary{margin-top:5px}dialog h3{font:20px Georgia,serif;margin:25px 0 14px}dialog select{width:100%;padding:10px}.form-error{color:#edc099!important;font-size:11px!important;line-height:1.6!important;min-height:10px;margin:10px 0!important}.text-button{border:0;border-bottom:1px solid #b1bc9550;padding:8px 0;margin-top:18px;font-size:11px;color:#c3d1b5}.world-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font:16px Georgia,serif;overflow-wrap:anywhere}.world-entry button{padding:7px 12px;font:11px system-ui,sans-serif;flex-shrink:0}#world-list{max-height:200px;overflow:auto;margin:15px 0}#inventory-list{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px;color:#c3cdbb}.item-count{color:#ecd5a2;font-variant-numeric:tabular-nums}.seed-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:10px}.seed-entry button{padding:7px 10px;font-size:10px}.dev-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.dev-actions button{font-size:10px;padding:7px}#development-controls{margin-top:15px}details summary{font-size:10px;color:#b2bda4;cursor:pointer;margin-top:15px}
@media(max-height:800px) and (min-width:901px){.journal{top:150px;width:260px}.journal p{font-size:10px}.game-mode .inspector{max-height:calc(100dvh - 325px);bottom:88px}.game-mode .inspector h2{font-size:20px}.game-mode .inspector>p{font-size:10px}.garden-actions button{padding:7px 9px;font-size:10px}}
@media(max-width:900px){.journal{left:22px;top:150px;width:235px}.journal h2{font-size:17px}.journal p{font-size:10px}.header-actions{gap:7px}.header-actions>button:not(.round){font-size:10px;padding:8px}.game-mode .inspector{padding:15px 16px 0;max-height:calc(100dvh - 350px)}.game-mode .inspector h2{font-size:20px}.game-mode .inspector>p{font-size:10px}.notice{max-width:calc(100% - 40px);width:420px}.game-mode .camera-hint{display:none}}
@media(max-width:600px){.header-actions #satchel-toggle{display:none}.journal{top:153px;width:200px}.journal p{display:none}.game-mode .inspector{max-height:calc(100dvh - 285px);width:225px}.game-mode .explore{right:10px}.game-mode .explore button{font-size:9px;padding:7px}.notice{bottom:75px}.game-mode .inspector h2{font-size:18px}}
@media(max-height:800px){.game-mode .journal p{display:none}.game-mode .journal h2{margin:9px 0 5px}.game-mode #inventory-summary{margin-top:7px}}
.progress-indicator{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b6c69d30;border-radius:3px;background:#b6c69d08;padding:10px;font-size:11px;line-height:1.5;color:#c6d2bb;--progress:0%}
.progress-indicator::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--progress);background:linear-gradient(90deg,#a4bc8038,#d5bf8438);border-right:1px solid #c8d49d55}
.garden-actions .ready-action{background:#a8bc7c20;border-color:#bbce9570;color:#e2edc7}
.work-queue{position:absolute;top:204px;right:33px;width:230px;z-index:2;background:#1d2e2be6;border:1px solid #b6c69d30;border-radius:3px;padding:15px}
.work-queue .eyebrow{font-size:8px;letter-spacing:1.4px}.work-queue h2{font:18px/1.3 Georgia,serif;margin:8px 0 12px}.work-queue>p{font-size:9px;line-height:1.6;color:#aabca5;margin-top:10px}#work-list{font-size:10px;color:#b6c8af;line-height:1.8;margin-top:8px}
@media(max-height:800px){.work-queue{top:183px;padding:11px}.work-queue>p,#work-list{display:none}.work-queue h2{font-size:15px;margin-bottom:7px}}
@media(max-width:900px){.work-queue{right:22px;width:200px}}
@media(max-width:600px){.work-queue{top:154px;right:12px;width:165px;padding:10px}.work-queue>p,#work-list{display:none}.work-queue h2{font-size:15px}.work-queue .progress-indicator{font-size:10px;padding:7px}}
@media(max-height:800px){.game-mode .explore>div{gap:4px}.game-mode .explore button{padding:5px 8px;font-size:10px}}
#story-open{font-size:10px;text-align:left;line-height:1.5;margin-top:10px;padding:7px 10px;border-radius:3px;color:#c6ceb4;background:#20332be6;max-width:260px}.unread-memory{border-color:#c8b57988!important;color:#ecd99f!important}
#story-dialog{max-width:660px;width:calc(100% - 40px);max-height:calc(100dvh - 50px);overflow:auto;padding:32px 38px;background:radial-gradient(ellipse at 75% 22%,#53645455,transparent 50%),#21312d}
#story-dialog h2{max-width:480px;font-size:32px}#story-art{float:right;width:150px;height:115px;margin:0 0 10px 18px}#story-speaker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#d7c18d;margin:24px 0 10px}#story-text{white-space:pre-line;min-height:145px;font:18px/1.8 Georgia,serif;color:#e1e4cc}#story-save{font-size:11px;min-height:16px;margin:8px 0}.story-footer{clear:both;display:flex;align-items:center;gap:10px;margin-top:24px}.story-footer>span{margin-right:auto;font-size:11px;color:#adbfa8}.story-footer button{font-size:11px;padding:9px 12px;border-radius:3px}#story-dialog label{margin-top:18px;font-size:10px}#story-memory{font-size:11px}
@media(max-height:800px){#story-dialog{padding:24px 30px}#story-dialog h2{font-size:27px;margin:12px 0}#story-text{min-height:105px;font-size:16px}#story-art{width:130px;height:100px}.story-footer{margin-top:15px}#story-dialog label{margin-top:8px}.journal #story-open{margin-top:6px;padding:5px 7px}}
@media(max-width:600px){#story-dialog{padding:25px}#story-dialog h2{font-size:25px}#story-art{width:110px;height:85px}#story-text{font-size:16px}}
.place-panel{position:absolute;z-index:2;top:35px;left:50%;transform:translateX(-50%);text-align:center;max-width:310px;color:#becab5;font:12px/1.6 Georgia,serif}.place-panel>span{display:block}.place-panel button{font:10px system-ui,sans-serif;padding:7px 12px;margin-top:8px;border-radius:3px;background:#21342dd9}.place-panel small{display:block;font:10px/1.6 system-ui,sans-serif;color:#c6bd97;margin-top:8px}.indoor-mode .journal{display:none!important}.indoor-mode .inspector{max-height:calc(100dvh - 300px)}
@media(max-width:1050px){.place-panel{top:100px;left:50%;max-width:220px}}@media(max-width:600px){.place-panel{top:125px;font-size:10px;max-width:150px}.place-panel small{font-size:9px}}

#chapter-projects{max-height:130px;overflow:auto;margin-top:10px}#chapter-projects p{margin:8px 0 5px;color:#cabd98}#chapter-projects button{font-size:10px;padding:6px 8px;text-align:left;border-radius:3px;background:#b8c39b12}

#sound-dialog{width:min(420px,calc(100vw - 50px));padding:30px;background:#25382f;color:#e6dfc4;border:1px solid #77866c;border-radius:6px}#sound-dialog h2{font:26px Georgia,serif}#sound-dialog label{display:block;margin:18px 0 8px;font-size:13px}#sound-dialog input[type=range]{width:100%;accent-color:#b6c58c}#sound-dialog .sound-check{display:flex;gap:8px;align-items:center}#sound-dialog output{float:right;color:#c4bc91}#sound-dialog p{font-size:12px;line-height:1.7;color:#bdc9b0}#sound-enable{margin:8px 0}

.auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:5px}.auth-actions>.primary{width:100%;min-width:0}