:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#f5f5df}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#142e32;overscroll-behavior:none}#game{position:fixed;inset:0;height:100dvh;touch-action:none;user-select:none;-webkit-user-select:none}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}header{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:start;pointer-events:none;text-shadow:0 2px 5px #163531}header b{font-size:21px;letter-spacing:5px}header small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px;color:#e2edcb}.tools{display:flex;align-items:center;gap:10px;font-size:11px}.tools button{pointer-events:auto;width:36px;height:36px;border-radius:12px;background:#133b3d66;border:1px solid #e8f2c544;color:inherit;font-size:20px}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit}#pad{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));display:grid;grid-template:repeat(3,48px)/repeat(3,48px);gap:3px}#pad button,#pad .center{display:grid;place-items:center;background:#163d425c;border:1px solid #e2f4cd55;color:#f0f9dd;border-radius:12px;font-size:20px;backdrop-filter:blur(5px)}#pad button.active{background:#def8cb99;color:#173f43;transform:scale(.94)}#pad .up{grid-area:1/2}#pad .left{grid-area:2/1}#pad .right{grid-area:2/3}#pad .down{grid-area:3/2}#pad .center{grid-area:2/2;font-size:16px;opacity:.65;border:0}.hint{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));font-size:10px;letter-spacing:1px;color:#e6f1d5b0;text-shadow:0 1px 4px #183733}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#102b3870;backdrop-filter:blur(5px);z-index:3}.overlay[hidden]{display:none}.card{text-align:center;padding:28px 45px;background:linear-gradient(145deg,#173d46e8,#182b3bd9);border:1px solid #c9e7ce40;border-radius:24px;box-shadow:0 22px 80px #102c3b66}.eyebrow{font-size:9px;letter-spacing:4px;color:#b6d6ba}h1{font-size:40px;font-weight:500;letter-spacing:12px;margin:18px 0}p{font-size:13px;color:#d8e5d8;line-height:1.9}.card button{border:1px solid #e6efd366;background:#d7ebc8;color:#244a48;border-radius:25px;padding:12px 35px;font-weight:600;margin:12px 0}.card button:disabled{opacity:.5;cursor:wait}.sub{font-size:10px;line-height:1.8;min-height:36px;color:#a7c4bd}.phone{font-size:50px;color:#cbe8c4}#rotate{z-index:5}@media(max-height:440px){#pad{grid-template:repeat(3,40px)/repeat(3,40px);bottom:16px}.card{padding:14px 35px}h1{margin:9px 0;font-size:30px}.card p{margin:7px 0}header{top:12px}header b{font-size:17px}}@media(orientation:portrait){#rotate:not([hidden]){display:grid}.hint{display:none}}

/* Software landscape keeps canvas and all touch controls in the same rotated coordinate space. */
body.portrait #game{inset:auto;left:50%;top:50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg)}
body.portrait #pad{grid-template:repeat(3,40px)/repeat(3,40px);bottom:16px;left:24px}
body.portrait .card{padding:14px 35px}body.portrait h1{margin:9px 0;font-size:30px}
body.portrait header{top:12px;left:24px;right:24px}body.portrait header b{font-size:17px}
#pickup{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:65px;min-height:52px;padding:12px 24px;border-radius:18px;border:1px solid #e6f3bb;background:#d7edbce8;color:#244c40;font-weight:600;box-shadow:0 0 26px #c6f6ac55;touch-action:none}
#pickup[hidden],#toast[hidden]{display:none}#pickup:active{transform:scale(.96)}
#inventory{padding:7px 12px;border:1px solid #d4e7ba44;background:#173d4277;border-radius:20px}
#toast{position:absolute;left:50%;top:22%;transform:translateX(-50%);padding:10px 22px;border-radius:20px;background:#173d42df;color:#eff7cc;font-size:13px;pointer-events:none}
body.portrait .hint{display:none}

.tools #npc-mode{width:auto;min-width:112px;padding:0 10px;font-size:10px;white-space:nowrap;background:#173d4299}.tools{gap:8px}

#scene-fade{position:absolute;inset:0;background:#ecedda;pointer-events:none;opacity:0;z-index:2}#objective{position:absolute;left:50%;top:15px;transform:translateX(-50%);font-size:11px;padding:7px 14px;border-radius:20px;background:#153c4280;color:#edf3cf;pointer-events:none;max-width:38%;text-align:center}
#dialogue{position:absolute;z-index:4;left:50%;top:70px;transform:translateX(-50%);width:min(620px,72%);padding:15px 22px 12px;border:1px solid #e6d8ac9c;border-radius:5px 18px 5px 18px;background:linear-gradient(135deg,#193f49f5,#23394df2);box-shadow:0 8px 35px #10283166;color:#faf4db}#dialogue[hidden]{display:none}.dialog-top{display:flex;align-items:center;justify-content:space-between;color:#ead6a5;font-size:13px;letter-spacing:1px}#dialog-count{font-size:10px;opacity:.65}#dialogue p{font-size:14px;line-height:1.8;color:#f4f0df;margin:9px 0;min-height:48px}#dialog-next{display:block;margin-left:auto;background:transparent;border:0;color:#e6d5a6;font-size:12px;padding:6px 12px}.talking #pad{opacity:.35;pointer-events:none}.tools #save-menu{width:auto;min-width:40px;padding:0 8px;font-size:11px}.import-label{display:inline-block;background:#d7ebc8;color:#244a48;padding:12px 24px;border-radius:25px;font-size:14px;cursor:pointer}.import-label input{display:none}#save-panel{z-index:6}#save-panel .card{max-width:650px}#save-panel p{font-size:11px}#save-panel .card button{padding:10px 20px;margin:6px}body.portrait #dialogue{top:58px;padding:10px 18px}body.portrait #dialogue p{font-size:12px;min-height:36px;margin:6px 0}body.portrait #objective{top:8px;font-size:9px;max-width:32%}
@media(max-height:440px){#dialogue{top:58px;padding:10px 18px}#dialogue p{font-size:12px;min-height:36px;margin:6px 0}#objective{top:8px;font-size:9px;max-width:32%}.tools{gap:5px}.tools #npc-mode{min-width:90px;padding:0 6px;font-size:9px}}

#objective,body.portrait #objective{top:48px}#dialogue,body.portrait #dialogue{top:78px}@media(max-height:440px){#objective{top:44px}#dialogue{top:72px}}

#quest-tracker{position:absolute;top:87px;left:max(24px,env(safe-area-inset-left));max-width:280px;padding:9px 13px;border-left:2px solid #dacb9a;border-radius:3px 12px 12px 3px;background:#193d43d9;box-shadow:0 3px 14px #17373933;pointer-events:none}#quest-tracker[hidden]{display:none}#quest-tracker b{display:block;color:#efe0b7;font-size:12px;letter-spacing:1px}#quest-tracker span{display:block;font-size:10px;color:#dce9d6;margin-top:5px}#quest-tracker[data-status=ready]{border-color:#c7efac}#quest-tracker[data-status=completed]{opacity:.75}body.portrait #quest-tracker{top:79px;max-width:245px;padding:6px 10px}@media(max-height:440px){#quest-tracker{top:79px;max-width:245px;padding:6px 10px}}

/* Travel interface v2: jade glass, warm parchment, restrained gold borders. */
[hidden]{display:none!important}button:focus-visible,label:focus-within{outline:2px solid #f0d99a;outline-offset:3px}.tools #inventory,.tools #save-menu{width:auto;height:36px;padding:0 13px;font-size:11px;border-radius:12px;background:#153d46a8;white-space:nowrap;pointer-events:auto}body.panel-open #pad{opacity:0;pointer-events:none}body.hide-hints .hint{display:none}
#dialogue,body.portrait #dialogue{display:flex;gap:18px;align-items:stretch;width:min(700px,78%);padding:16px;top:80px;border:1px solid #d7c89b99;border-radius:5px 20px 5px 20px;background:linear-gradient(125deg,#193f48f5,#223842f7);box-shadow:0 12px 38px #10283166;min-height:158px}#dialog-avatar{position:relative;flex:0 0 118px;width:118px;height:118px;overflow:hidden;border:1px solid #e9d6a87a;box-shadow:inset 0 0 0 4px #234c5088;background:#f6f3eb;border-radius:4px 13px 4px 13px}#dialog-avatar img{position:absolute;max-width:none;width:170%;height:170%;object-fit:cover;left:-35%;top:-14%;image-rendering:auto}#dialog-avatar .narrator-mark{display:none}#dialog-avatar.narration{display:grid;place-items:center;background:radial-gradient(ellipse,#5c8580,#1d4048)}#dialog-avatar.narration .narrator-mark{display:block;font-size:56px;color:#e8d69e;text-shadow:0 0 20px #e8d69e44}.dialog-content{flex:1;min-width:0;display:flex;flex-direction:column}.dialog-top{padding:0 0 8px;border-bottom:1px solid #d4c99533;min-height:25px}#dialog-speaker{font-size:15px;font-weight:500;letter-spacing:2px}#dialogue p{margin:9px 0 0;font-size:13px;line-height:1.85;flex:1;min-height:38px}#dialog-next{padding:6px 4px 0 15px;font-size:11px}
#quest-tracker,body.portrait #quest-tracker{top:86px;left:max(24px,env(safe-area-inset-left));width:248px;max-width:27%;padding:12px 14px;border:1px solid #b9caaa4d;border-left:2px solid #d7c48c;border-radius:4px 15px 4px 15px;background:linear-gradient(125deg,#1e464ee8,#25484fdc);box-shadow:0 5px 22px #12343c33;transition:border-color .35s,box-shadow .35s}.task-heading{display:flex;align-items:center;gap:9px}.task-symbol{font-size:25px;color:#e5d198}.task-heading>div{flex:1}.task-heading small{font-size:8px;letter-spacing:2px;color:#b2c8bd}.task-heading #quest-title{font-size:12px;margin-top:2px;letter-spacing:1px;font-weight:500;white-space:nowrap}.task-state{font-size:8px;color:#bacfba;padding:3px 6px;border:1px solid #a5c9a64d;border-radius:7px;white-space:nowrap}.task-row{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:10px;font-size:10px;color:#d9e7d5}.task-bar{grid-column:1/-1;height:3px;background:#c8d7c51c;border-radius:5px;overflow:hidden}.task-bar i{display:block;height:100%;background:#b5cdb0;transition:width .4s}.task-row.fulfilled{color:#e8daa6}.task-row.fulfilled .task-bar i{background:#e5cd8c}#quest-direction{font-size:8px;line-height:1.5;color:#b4c7bd;margin:10px 0 0}#quest-tracker[data-status=ready]{border-color:#ead89b99;box-shadow:0 0 20px #d4c58433}#quest-tracker[data-status=completed]{border-color:#f1dd9b;box-shadow:0 0 32px #edda8b66;background:linear-gradient(125deg,#3a6457f5,#25484ff0)}#quest-tracker #quest-reward{display:flex;align-items:center;gap:12px;margin-top:14px;color:#f8e5ad;font-size:13px}#quest-reward>span{font-size:23px}#quest-reward small{display:block;font-size:10px;color:#dbdec0;margin-top:4px}
.ui-overlay{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:#0c252c70;backdrop-filter:blur(3px);touch-action:pan-y;overflow:hidden}.floating-panel{position:relative;background:linear-gradient(140deg,#214951f5,#1b343ff8);border:1px solid #d6c59185;box-shadow:0 20px 60px #0e273a88,inset 0 0 0 4px #bad4bc06;border-radius:5px 21px 5px 21px;color:#f3ecd6;overflow:hidden}.panel-eyebrow{font-size:8px;letter-spacing:3px;color:#adc6bd}.window-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 17px;border-bottom:1px solid #d8c99430}.window-heading h2{font-size:22px;letter-spacing:3px;font-weight:500;margin:5px 0 0}.icon-close{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #c5d4bc40;border-radius:9px;background:#132f3d66;color:#e5d6b0;font-size:23px}.icon-close:hover{background:#466764}.muted{color:#b1c7be;font-size:11px;line-height:1.9}.soft-button,.primary-button,.danger-button{display:inline-block;border:1px solid #bed1b65c;border-radius:9px;padding:9px 15px;font-size:11px;color:#e3e8cf;background:#52756b55;cursor:pointer;text-align:center;white-space:nowrap}.primary-button{color:#274841;background:#dbd8ac;border-color:#f0dfa4}.danger-button{color:#ecc8b3;border-color:#bd937d66;background:#805d5144}.soft-button:hover{background:#789b7b44}.danger-button:hover{background:#98655366}.soft-button:disabled,.primary-button:disabled{opacity:.5;cursor:wait}.settings-window{width:min(790px,88%);max-height:85%;display:flex;flex-direction:column}.settings-body{display:grid;grid-template-columns:145px 1fr;min-height:300px;overflow:hidden}.settings-nav{padding:19px 11px;display:flex;flex-direction:column;gap:8px;background:#132e393d;border-right:1px solid #b9cba526}.settings-nav button{padding:12px 14px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#b9cec1;font-size:12px}.settings-nav button.selected{border-color:#cfca8f55;background:#afc2a017;color:#f1dfad}.settings-nav>span{margin:auto 0 0;padding:20px 12px 0;color:#8caaa4;font-size:9px;line-height:1.9;letter-spacing:2px}.settings-content{padding:16px 25px 20px;overflow-y:auto;min-height:0}.settings-content h3{font-size:15px;font-weight:500;letter-spacing:1px;margin:0 0 7px}.settings-content p{margin:6px 0 12px}.setting-switch,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #b5c9af22;font-size:12px;color:#e3e8d0}.setting-switch small,.setting-row small{display:block;font-size:9px;color:#9bb9b0;margin-top:5px}.setting-switch input{width:30px;height:18px;accent-color:#b8d3ac;cursor:pointer}.keyboard-guide{font-size:9px;color:#abc3b6;margin-top:15px!important;line-height:2}.reset-option{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #bad0b424}.reset-option b{font-size:12px;font-weight:500}.reset-option small{display:block;font-size:9px;line-height:1.7;color:#aac0b4;margin-top:4px}.reset-option button{min-width:85px}.danger-option{border-bottom:0}.save-actions{display:flex;gap:12px;align-items:center;padding:15px 0}.import-label{margin:0;font-weight:400}.import-label input{display:none}#save-status{font-size:11px;color:#d0d9ac}#save-message{font-size:11px;color:#e5d4a2}#reset-confirmation{position:absolute;inset:0;background:#112e3cde;display:grid;place-items:center;backdrop-filter:blur(4px);padding:20px}.confirm-card{max-width:430px}.confirm-card h3{font-size:21px;letter-spacing:2px;font-weight:500;margin:15px 0}.confirm-card p{font-size:12px;color:#c0d1bf}.confirm-card>div{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.bag-layout{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(330px,1.25fr);gap:22px;width:min(920px,88%);height:min(470px,85%)}.item-detail{padding:22px 24px;display:flex;flex-direction:column}.item-category{align-self:flex-start;font-size:9px;letter-spacing:1px;padding:4px 9px;margin:12px 0 0;border:1px solid #c3cfaa44;border-radius:8px;color:#c8d5b7}#item-art{display:grid;place-items:center;width:105px;height:105px;margin:13px auto 5px;background:radial-gradient(ellipse,#b6caa826,transparent 70%)}#item-art svg{width:78px;height:78px;filter:drop-shadow(0 5px 7px #092b3544)}#item-art>span{font-size:56px;color:#bbcdba77}#item-name{font-size:22px;letter-spacing:2px;font-weight:500;margin:10px 0}#item-description{font-size:11px;line-height:1.9;color:#c3d3c1;margin:3px 0 12px}.item-quest{font-size:9px;color:#e2d39d;padding:9px 11px;background:#e1ce7e0d;border-left:2px solid #d2c38e}.detail-footer{margin-top:auto;padding-top:14px;border-top:1px solid #bdc7a52b}.detail-footer small{font-size:8px;letter-spacing:2px;color:#8eada4}.detail-footer p{font-size:10px;margin:5px 0 9px;color:#c3d0bc}.detail-footer>span{font-size:10px;color:#e4d9ac}.bag-window{display:flex;flex-direction:column}.bag-tabs{display:flex;gap:22px;padding:14px 23px 10px}.bag-tabs button{padding:5px 1px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#a9c3b6;font-size:11px;letter-spacing:2px}.bag-tabs button.selected{color:#ebd7a1;border-color:#e6ce92}.inventory-scroll{padding:7px 23px 14px;overflow-y:auto;min-height:0;flex:1}#bag-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.item-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid #a6c0aa33;background:linear-gradient(145deg,#9eb89b10,#14343b44);border-radius:4px 10px 4px 10px;padding:11%;color:#f5e4b1}.item-slot svg{width:100%;height:100%;overflow:visible}.item-slot.empty:after{content:'·';color:#b3c7ac22;font-size:20px}.item-slot.selected{border-color:#e5cc8e;background:#d6d09b18;box-shadow:inset 0 0 15px #cfbe7822,0 0 9px #bba5601c}.item-slot:hover{border-color:#c8d4ac88}.item-slot .item-amount{position:absolute;right:6px;bottom:4px;font-size:10px;text-shadow:0 1px 4px #132e37}.bag-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 23px;border-top:1px solid #b9c7a62b;font-size:10px;color:#d0d6b9}.bag-footer small{font-size:8px;color:#90ada3}#bag-empty{font-size:11px;color:#adc4b5;text-align:center;margin:10px 0 0}
@media(max-height:520px){#dialogue,body.portrait #dialogue{top:65px;min-height:122px;gap:12px;padding:12px}#dialog-avatar{flex-basis:94px;width:94px;height:94px}#dialogue p{font-size:11px;line-height:1.7;margin-top:6px;min-height:30px}#dialog-speaker{font-size:13px}.dialog-top{padding-bottom:5px;min-height:20px}#dialog-next{font-size:10px}#quest-tracker,body.portrait #quest-tracker{top:74px;width:228px;max-width:28%;padding:9px 11px}.task-row{margin-top:7px}.task-heading #quest-title{font-size:11px}.task-state{font-size:7px}#quest-direction{margin-top:7px}.settings-window{max-height:90%}.window-heading{padding:13px 19px 11px}.window-heading h2{font-size:19px}.settings-body{min-height:0;grid-template-columns:127px 1fr}.settings-content{padding:13px 20px}.settings-nav{padding:12px 9px}.settings-nav button{padding:10px 12px;font-size:11px}.settings-content h3{font-size:14px}.setting-switch,.setting-row{padding:10px 0}.keyboard-guide{margin-top:10px!important}.reset-option{padding:10px 0}.bag-layout{height:88%;gap:15px;width:90%}.item-detail{padding:16px 20px}#item-art{width:77px;height:77px;margin:6px auto 0}#item-art svg{width:63px;height:63px}#item-name{font-size:19px;margin:8px 0}#item-description{font-size:10px;line-height:1.75;margin-bottom:8px}.detail-footer{padding-top:9px}.bag-tabs{padding:9px 19px 5px}.inventory-scroll{padding:5px 19px 12px}#bag-grid{gap:7px}.bag-footer{padding:10px 19px}.settings-nav>span{padding-top:10px}}
body.portrait .settings-window{max-height:90%}body.portrait .bag-layout{height:88%}body.portrait .settings-body{min-height:0}body.portrait #dialogue{top:65px;min-height:122px;padding:12px;gap:12px}body.portrait #dialog-avatar{width:94px;height:94px;flex-basis:94px}body.portrait .window-heading{padding:13px 19px 11px}body.portrait .settings-content{padding:13px 20px}body.portrait .setting-switch,body.portrait .setting-row{padding:9px 0}body.portrait .item-detail{padding:16px 20px}body.portrait #item-art{width:77px;height:77px;margin:6px auto 0}body.portrait #item-art svg{width:63px;height:63px}body.portrait #item-name{font-size:19px;margin:8px 0}body.portrait #item-description{font-size:10px;line-height:1.75}body.portrait .bag-tabs{padding:9px 19px 5px}body.portrait .inventory-scroll{padding:5px 19px 12px}

#dialog-avatar img{top:-7%}.item-detail{overflow-y:auto;min-height:0}.item-detail #item-art,.item-detail .detail-footer{flex-shrink:0}.ui-overlay button,.ui-overlay input,.ui-overlay label{touch-action:manipulation}.ui-overlay .inventory-scroll,.ui-overlay .settings-content,.ui-overlay .item-detail{touch-action:pan-y}

#settings-feedback{font-size:10px;color:#e2d6a3;line-height:1.7;margin:10px 0 0}#settings-feedback:empty{display:none}

/* Compact floating inventory: more of the world remains visible. */
.bag-layout,body.portrait .bag-layout{width:min(660px,76%);height:min(330px,72%);grid-template-columns:minmax(190px,.85fr) minmax(280px,1.15fr);gap:14px}.bag-layout .window-heading{padding:12px 16px 10px}.bag-layout .window-heading h2{font-size:17px;letter-spacing:2px}.bag-layout .item-detail,body.portrait .bag-layout .item-detail{padding:14px 17px}.bag-layout .panel-eyebrow{font-size:7px;letter-spacing:2px}#game #item-art{width:60px;height:60px;margin:7px auto 0}#game #item-art svg{width:49px;height:49px}#game #item-name{font-size:17px;margin:9px 0}#game #item-description{font-size:10px;line-height:1.75}.bag-layout .item-category{margin-top:8px;font-size:8px}.bag-layout .bag-tabs,body.portrait .bag-layout .bag-tabs{padding:8px 16px 5px;gap:18px}.bag-layout .inventory-scroll,body.portrait .bag-layout .inventory-scroll{padding:4px 16px 10px}.bag-layout #bag-grid{gap:6px}.bag-layout .item-slot{padding:17%}.bag-layout .item-slot .item-amount{font-size:9px;right:5px;bottom:3px}.bag-layout .bag-footer{padding:10px 16px;font-size:9px}.bag-layout .bag-footer small{display:none}.bag-layout .detail-footer{padding-top:10px}.bag-layout .item-quest{font-size:8px;padding:7px 9px}
#story-goal{position:absolute;right:max(24px,env(safe-area-inset-right));top:84px;max-width:260px;padding:10px 14px;border:1px solid #d7c99c66;border-left:2px solid #e2d3a1;border-radius:4px 13px 4px 13px;background:#244752e8;color:#eee2bb;font-size:11px;line-height:1.8;pointer-events:none}

/* World-space action chips: anchored above the highlighted object, no browser-default controls. */
#game #pickup.world-action{position:absolute;right:auto;bottom:auto;display:flex;align-items:center;gap:9px;min-height:34px;max-width:250px;padding:8px 12px;transform:translate(-50%,-100%);border:1px solid #e2d298b3;border-radius:4px 12px 4px 12px;background:linear-gradient(120deg,#294e51f5,#173641f5);color:#f2e2b4;box-shadow:0 4px 18px #112e3d80,inset 0 0 0 3px #e8d59a0a;font-size:11px;font-weight:500;letter-spacing:.5px;white-space:nowrap;touch-action:manipulation;appearance:none;-webkit-appearance:none;z-index:2}#pickup.world-action:after{content:'';position:absolute;left:50%;bottom:-5px;width:7px;height:7px;background:#1c3d45;border-right:1px solid #e2d29899;border-bottom:1px solid #e2d29899;transform:rotate(45deg)}#pickup.world-action:active{transform:translate(-50%,-100%) scale(.96)}#action-icon{color:#e8cf8e;font-size:15px}#pickup kbd{font-family:inherit;font-size:8px;line-height:14px;min-width:16px;text-align:center;padding:0 3px;border:1px solid #d7d1a76b;border-radius:4px;color:#bacebc;background:#0e2e3833}body.panel-open #pickup{display:none!important}
#quest-tracker,body.portrait #quest-tracker{width:180px;max-width:23%;top:78px;padding:8px 10px;border-radius:3px 10px 3px 10px}.task-heading{gap:6px}.task-symbol{font-size:17px}.task-heading small{font-size:6px;letter-spacing:1.5px}.task-heading #quest-title{font-size:10px;letter-spacing:.4px}.task-state{font-size:7px;padding:2px 4px;border-radius:5px}.task-row{font-size:8px;margin-top:7px;gap:4px}.task-bar{height:2px}#quest-direction{display:none!important}#quest-tracker #quest-reward{font-size:11px;gap:8px;margin-top:9px}#quest-reward small{font-size:8px}#quest-reward>span{font-size:18px}#story-goal{display:none!important}
.notice-window{width:min(470px,72%);max-height:80%;overflow-y:auto}.notice-post{margin:16px 22px;padding:12px 15px;border-left:2px solid #d6bc80;background:#bec69b0b}.notice-post small{font-size:9px;letter-spacing:2px;color:#e4c993}.notice-post p{font-size:12px;line-height:1.9;margin:7px 0 0;color:#d5dfcb}.notice-window footer{padding:1px 22px 18px;font-size:9px;color:#9cbaaf}.audio-slider{display:grid;grid-template-columns:82px 1fr 38px;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #b5c9af20;font-size:11px;color:#dce5cf}.audio-slider input{width:100%;accent-color:#cfce9f;touch-action:pan-x}.audio-slider output{font-size:10px;text-align:right;color:#e7d9a4}.audio-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.audio-footer small{font-size:9px;color:#aac2b4;line-height:1.7}
@media(max-height:440px){#quest-tracker{top:70px;width:174px;padding:7px 9px}.audio-slider{padding:9px 0}.audio-footer{margin-top:12px}}body.portrait #quest-tracker{top:70px;width:174px;padding:7px 9px}

/* Farm operating desk: same jade / cream / brass as the adventure UI. */
#farm-hud{position:absolute;left:3%;top:18%;width:202px;max-width:25%;padding:10px 12px;color:#eee3ba;background:#183e41df;border:1px solid #c7bd8299;border-radius:13px;pointer-events:none;font-size:10px;z-index:5}#farm-hud>div{display:flex;justify-content:space-between;gap:8px}#farm-hud b{font-size:11px;font-weight:500}#farm-clock{font-variant-numeric:tabular-nums;color:#e8d18f}#farm-hud p{margin:7px 0 0;line-height:1.5;color:#c3d7c4}#farm-hud[data-status=failed]{border-color:#c38672}#farm-hud[data-status=completed]{box-shadow:0 0 20px #e9cf7766}#farm-cargo{position:absolute;bottom:10%;left:38%;max-width:58%;padding:7px 11px;border-radius:9px;background:#183d40dd;color:#ead9ac;font-size:10px;pointer-events:none;z-index:5}.farm-window{width:min(640px,80%);max-height:82%;display:flex;flex-direction:column}.farm-window .window-heading{padding:15px 20px}.farm-window h2{font-size:20px}.farm-window #farm-stock{padding:10px 20px;margin:0;background:#102d333d;font-size:12px;color:#d5d9b7}#farm-actions{overflow:auto;min-height:0;padding:10px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.farm-note{grid-column:1/-1;margin:3px 0 6px;font-size:12px;line-height:1.65;color:#c6d7c7}.farm-command{appearance:none;text-align:left;border:1px solid #aebd9877;border-radius:9px;padding:11px 13px;color:#f2e3b6;background:linear-gradient(135deg,#3e6260,#284b4f);font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer}.farm-command:hover{border-color:#f1d994;background:#476b61}.farm-command:disabled{opacity:.4;cursor:default}#farm-message{margin:0;padding:10px 20px 15px;font-size:11px;color:#d8c99b;line-height:1.5;border-top:1px solid #e5d39222}body.talking #farm-hud,body.talking #farm-cargo{visibility:hidden}

/* Sandbox actions remain in-world; only order acceptance uses the bulletin panel. */
.farm-quick{position:absolute;right:4.5%;bottom:20%;z-index:9;appearance:none;width:94px;min-height:88px;padding:9px 7px;border:1px solid #e4d69a;border-radius:25px;color:#fff0c7;background:linear-gradient(150deg,#536d59ed,#234d4aef);box-shadow:0 5px 18px #112e3955,inset 0 1px #f0df8b44;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:12px/1.3 system-ui;touch-action:manipulation}.farm-quick:active{transform:scale(.96);background:#697a55}.farm-quick:disabled{opacity:.45}.farm-quick-mark{font-size:23px;color:#f4d990}.farm-quick kbd{font:10px system-ui;opacity:.75}.farm-aux{appearance:none;position:absolute;right:5%;bottom:9%;z-index:9;padding:8px 13px;border:1px solid #c1c99b77;border-radius:12px;color:#eae0b9;background:#204a48ed;font:11px system-ui}.farm-recipe{right:16%;bottom:21%}#farm-cargo{left:34%;bottom:8%;max-width:47%;font-size:10px}.farm-codex{grid-column:1/-1;color:#d4dfc7;font-size:11px;line-height:1.6;border-top:1px solid #e6d79a44;padding-top:10px}.farm-codex summary{cursor:pointer;color:#efdc9e}.farm-codex p{margin:8px 0}body.farm-mode #pad .up,body.farm-mode #pad .down{visibility:hidden}#farm-hud{width:184px;padding:9px 10px;font-size:9px}#farm-progress{font-size:10px}

.farm-stow{right:17%;bottom:9%}.farm-consume{right:32%;bottom:9%}#bag-farm-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}#bag-farm-actions button{padding:6px 9px;font-size:10px}.shop-portrait{width:72px;height:72px;object-fit:cover;border:1px solid #e6d49c;border-radius:12px;grid-column:1/-1}.farm-window #farm-actions{align-items:start}
body.farm-mode #farm-cargo{bottom:5%;left:32%;max-width:62%}body.farm-mode #control-hint{bottom:1%;font-size:9px}body.farm-mode .farm-quick{bottom:23%}body.farm-mode #farm-drop,body.farm-mode .farm-stow,body.farm-mode .farm-consume{bottom:12%}body.farm-mode .farm-recipe{bottom:25%}
.farm-layout-strip{display:flex;overflow:auto;gap:3px;padding:8px 0}.farm-layout-strip span{flex:0 0 24px;text-align:center;padding:8px 0;background:#78917b30;border:1px solid #acbc9160;font-size:10px}.farm-layout-strip .occupied{background:#c4a76b65}.farm-layout-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}.farm-layout-row span{flex:1;min-width:120px}.farm-layout-row input{width:65px;background:#173e43;color:#f3e2b9;border:1px solid #bba878;border-radius:6px;padding:8px}.farm-layout-row .farm-command{width:auto;margin:0;padding:8px 12px}
/* Traveler HUD and separated operating panels. */
.traveler-hud{position:relative;display:flex;gap:9px;align-items:start;pointer-events:auto;min-height:60px}.avatar-button{width:57px;height:57px;padding:2px;border:1px solid #e3ce92;border-radius:18px;background:#234950;overflow:hidden;box-shadow:0 3px 18px #15333a66}.avatar-button img{width:100%;height:100%;object-fit:cover;object-position:center 28%;border-radius:14px;transform:scale(1.28)}.hud-companions{display:flex;flex-direction:column;gap:5px}.hud-shortcuts{display:flex;gap:6px}.hud-shortcuts button,#game #inventory{height:31px;width:37px;padding:5px;border:1px solid #c9c79777;background:#1b434bdc;border-radius:10px;color:#f0dfb2;display:grid;place-items:center;pointer-events:auto}.hud-shortcuts svg{width:24px;height:24px}.traveler-hud #scene-name{position:absolute;left:2px;top:61px;white-space:nowrap;margin:0;font-size:8px;letter-spacing:1px;color:#eef0d4}.token-purse{display:inline-flex;align-items:center;gap:6px;border:1px solid #c9b97788;border-radius:7px 13px 7px 13px;background:linear-gradient(120deg,#355650ef,#1b3943ef);padding:3px 9px;color:#f2df9e;box-shadow:inset 0 0 0 2px #d9be8020;text-shadow:none;font-size:11px;min-height:23px}.token-purse svg{width:19px;height:19px;color:#ecd08a;flex-shrink:0}.token-purse b{font-size:11px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.token-purse small{display:inline;font-size:7px;margin:0;letter-spacing:1px;color:#c7d1b2}header .tools #state{display:none}header .tools{align-items:start}.panel-token{margin-left:auto;margin-right:14px;white-space:nowrap}.window-heading .icon-close{flex-shrink:0}#quest-tracker,body.portrait #quest-tracker{top:103px}#farm-hud{top:22%}body.panel-open #farm-quick,body.panel-open .farm-aux,body.panel-open #farm-hud,body.panel-open #farm-cargo{visibility:hidden}
#farm-cargo,body.farm-mode #farm-cargo{display:flex;align-items:center;gap:9px;left:50%;bottom:4%;transform:translateX(-50%);max-width:48%;padding:6px 10px;border:1px solid #b9bd9766;background:#1c3b43e8;border-radius:11px}.cargo-name{font-size:9px;white-space:nowrap}.weight-bags{display:flex;gap:2px;align-items:center}.weight-bags svg{width:23px;height:25px;flex-shrink:0}
.shop-mode .farm-window{width:min(790px,88%);height:82%}.shop-mode #farm-actions{display:grid;grid-template-columns:140px 1fr;padding:0;gap:0;flex:1;overflow:hidden}.shop-mode .settings-nav{min-height:0}.shop-content{min-height:0;overflow:auto;padding:15px 23px;touch-action:pan-y;display:flex;flex-direction:column;gap:8px}.shop-content h3{font-size:13px;font-weight:500;color:#ebd7a5}.shop-content .shop-portrait{width:64px;height:64px;align-self:flex-start;object-position:center 20%}.shop-content>.soft-button{align-self:flex-start;margin-top:10px}.shop-content .farm-command{width:100%}.shop-mode #farm-stock{padding:7px 20px}
.character-window{width:min(680px,84%);max-height:84%;display:flex;flex-direction:column}.character-body{display:grid;grid-template-columns:42% 58%;min-height:0;overflow:auto}.character-preview{padding:10px 18px 20px;text-align:center;background:radial-gradient(ellipse at 50% 65%,#adca9750,transparent 65%);border-right:1px solid #d9c99833}.character-preview canvas{width:100%;height:190px;object-fit:contain}.character-preview b{font-size:11px;color:#e5d49e}.character-preview p{font-size:10px;line-height:1.8}.wardrobe{padding:22px;overflow:auto}.wardrobe h3{font-size:17px;font-weight:500;letter-spacing:2px}.wardrobe p{font-size:10px;color:#bfd1bd}.outfit-choice{display:block;width:100%;padding:11px 13px;margin-bottom:9px;border:1px solid #9cae8a77;border-radius:9px;background:#193d4466;color:#e6e4c7;text-align:left;font-size:11px}.outfit-choice.selected{border-color:#e5ce92;background:#8fa57e24}
.upgrade-layout{width:min(940px,93%);height:min(420px,85%);display:grid;grid-template-columns:minmax(180px,.75fr) minmax(330px,1.7fr);gap:13px}.upgrade-detail{padding:21px;overflow-y:auto;display:flex;flex-direction:column}.upgrade-detail #upgrade-art{width:65px;height:65px;color:#e5ce8c;margin:17px auto 2px}.upgrade-detail h2{font-size:18px;letter-spacing:1px;font-weight:500}.upgrade-detail p{font-size:11px;color:#c8dbc7;line-height:1.8}.upgrade-detail #upgrade-needs{font-size:10px;color:#e3cc8f;line-height:1.8;margin-top:auto;padding:12px 0}.upgrade-detail #upgrade-feedback{font-size:10px;margin:8px 0 0}.upgrade-window{display:flex;flex-direction:column;min-width:0}.upgrade-window .window-heading{padding:13px 17px}.upgrade-window .window-heading h2{font-size:18px}.tree-scroll{overflow:auto;min-height:0;flex:1;touch-action:pan-x pan-y;background:radial-gradient(ellipse,#91ae7030,transparent 70%)}#upgrade-tree{position:relative;width:600px;height:300px}.tree-lines{position:absolute;inset:0;pointer-events:none}.tree-lines svg{width:600px;height:300px;fill:none;stroke:#83998a77;stroke-width:2}.tree-lines path.lit{stroke:#d7ce95}.talent-node{position:absolute;width:96px;height:66px;border:1px solid #6a87807a;border-radius:11px;color:#91aaa1;background:#183a43e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.talent-node svg{width:26px;height:26px}.talent-node span{font-size:9px}.talent-node.available{border-color:#dec58a;color:#f1d99b;box-shadow:0 0 13px #edd68b13}.talent-node.lit{border-color:#b3d3a7;color:#c2e6ae;background:#496955cc}.talent-node.selected{outline:2px solid #f3e3b2;outline-offset:2px}.talent-node.locked{opacity:.55}.upgrade-window footer{padding:9px 15px;font-size:9px;color:#b8c9b6;border-top:1px solid #c6c49633}.upgrade-window .token-purse small{display:none}
.layout-window{width:95%;height:88%;display:flex;flex-direction:column}.layout-window .window-heading{padding:12px 18px}.layout-window h2{font-size:18px}.layout-toolbar{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#1a343d99}.layout-toolbar>span{font-size:10px;color:#c8d1b4;margin-right:auto}.layout-toolbar button{padding:6px 10px;font-size:10px}.layout-window #layout-canvas{width:100%;height:auto;flex:1;min-height:90px;object-fit:fill;touch-action:none;cursor:grab}.layout-window #layout-canvas:active{cursor:grabbing}#layout-stock{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 15px;min-height:45px;touch-action:pan-x}#layout-stock span{font-size:10px;color:#d8c597;white-space:nowrap}#layout-stock small{font-size:10px;color:#b2c3b3}#layout-stock button{flex-shrink:0;padding:6px 10px;font-size:10px}#layout-feedback{margin:0;padding:7px 15px;font-size:10px;min-height:30px;background:#18303977;color:#e0c994}
@media(max-height:450px){.avatar-button{width:48px;height:48px}.hud-shortcuts button,#game #inventory{width:32px;height:26px}.token-purse{padding:2px 7px;min-height:19px}.traveler-hud #scene-name{top:53px}#quest-tracker{top:88px}.upgrade-layout{height:86%}.upgrade-detail{padding:13px}.upgrade-detail #upgrade-art{width:40px;height:40px;margin:7px auto}.upgrade-detail h2{font-size:15px}.upgrade-detail p{font-size:10px}.character-preview canvas{height:140px}.wardrobe{padding:15px}.layout-toolbar>span{font-size:8px}.layout-toolbar button{padding:5px 7px}}
.avatar-button img{transform:scale(1.85);transform-origin:50% 32%}
/* Full-screen editor, explicit HUD centering, and reliable shop columns. */
#game .hud-shortcuts>button{display:flex;align-items:center;justify-content:center;padding:5px;line-height:0;overflow:visible;min-width:34px;min-height:31px}#game .hud-shortcuts>button[hidden]{display:none!important}#game .hud-shortcuts>button svg{display:block;width:24px;height:24px;flex:0 0 24px;margin:0}#game .tools #save-menu{width:36px;min-width:36px;height:36px;padding:7px;display:flex;align-items:center;justify-content:center;font-size:20px}#save-menu svg{display:block;width:23px;height:23px;flex-shrink:0}.shop-mode #farm-actions{display:grid!important;grid-template-columns:minmax(126px,24%) minmax(0,1fr);gap:0}.shop-mode #farm-actions>.settings-nav{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:14px 10px;overflow:auto;min-width:0;touch-action:pan-y}.shop-mode #farm-actions>.settings-nav>button{display:block!important;min-height:38px;flex-shrink:0;color:#e6e2bc;font-size:12px;text-align:left;background:#3d5e5a55;border:1px solid #a8b59444;padding:10px 12px;border-radius:8px}.shop-mode #farm-actions>.settings-nav>button.selected{color:#fae2a6;border-color:#dfc58b;background:#b4bf9230}.shop-mode #farm-actions>.settings-nav>.shop-mode-toggle{margin-bottom:9px;background:#c3c99933;border-color:#d1c48b88;font-size:10px}.shop-content{overflow:auto;min-width:0}
#layout-panel{display:block;background:#23453a;backdrop-filter:none;padding:0;z-index:20}#layout-panel>#layout-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#layout-panel>.editor-exit{position:absolute;left:22px;top:18px;padding:10px 17px;background:#183c43ed;border-color:#d8c790;color:#f4dfad}#layout-panel>.layout-toolbar{position:absolute;right:20px;top:18px;background:#153a42cf;border:1px solid #c4bd8580;border-radius:12px;padding:7px;gap:7px}#layout-panel>#layout-stock{position:absolute;left:22px;right:22px;bottom:43px;min-height:36px;padding:6px 10px;border-radius:9px;background:#193a42c9;border:1px solid #b7bd8677}#layout-panel>#layout-feedback{position:absolute;bottom:8px;left:22px;right:22px;border-radius:7px;background:#193a42aa;min-height:25px;padding:5px 10px}body.editing-layout header{visibility:hidden}#layout-confirm{position:absolute;inset:0;z-index:3;background:#102b35a8;backdrop-filter:blur(4px);display:grid;place-items:center}.editor-confirm-card{padding:26px;width:min(480px,78%)}.editor-confirm-card h2{font-size:21px;font-weight:500;letter-spacing:2px}.editor-confirm-card p{font-size:12px}.editor-confirm-card>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:20px}
.recipes-window{width:min(820px,88%);height:min(420px,84%);display:flex;flex-direction:column}.recipes-window .window-heading{padding:13px 20px}.recipes-window h2{font-size:20px}.recipe-body{display:grid;grid-template-columns:minmax(160px,32%) minmax(0,1fr);flex:1;min-height:0}#recipe-total{font-size:10px;color:#d7c696;margin-left:auto;margin-right:16px}#recipe-list{display:flex;flex-direction:column;gap:7px;overflow:auto;padding:13px;border-right:1px solid #c8c29444;background:#112e3c40;touch-action:pan-y}.recipe-entry{appearance:none;border:1px solid #b7c29d44;background:#34575044;color:#ceddc5;text-align:left;padding:10px 12px;border-radius:8px;font-size:11px;flex-shrink:0}.recipe-entry.selected{border-color:#e6cf98;background:#b4c18e22;color:#f5e1ae}#recipe-detail{overflow:auto;padding:18px 24px;touch-action:pan-y}#recipe-detail h3{font-size:20px;font-weight:500;color:#f0dba5;margin:7px 0 15px}#recipe-detail p{font-size:11px;color:#bdcfbd}.recipe-device{display:inline-block;padding:7px 11px;border:1px solid #b1c19755;border-radius:7px;background:#153e4455}.recipe-flow{display:flex;align-items:center;justify-content:center;gap:13px;margin:17px 0;flex-wrap:wrap}.recipe-ingredients{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.recipe-ingredient{width:83px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 5px;background:#75987a19;border:1px solid #b4bc8a55;border-radius:9px}.recipe-ingredient svg{width:48px;height:48px}.recipe-ingredient span{font-size:9px;text-align:center;color:#e1dfba}.recipe-arrow{font-size:23px;color:#e2ca8a}.recipe-tip{border-left:2px solid #e5c683;padding:8px;background:#b4a67b11}
#game #inventory,#game .hud-shortcuts>button{display:flex;align-items:center;justify-content:center;padding:3px;line-height:0;height:34px;min-height:34px;width:37px;flex:0 0 37px}
#game .traveler-hud #scene-name{top:68px}.shop-mode #farm-actions{align-items:stretch;grid-template-rows:minmax(0,1fr)}.shop-mode #farm-actions>.settings-nav,.shop-mode #farm-actions>.shop-content{height:100%;min-height:0}
#farm-drop{display:none!important}#farm-seedbox{left:25%;right:auto;bottom:15%;z-index:9}.purchase-flash{animation:purchase-flash .9s ease-out}@keyframes purchase-flash{from{background:#d5c58577;color:#fff4c3}to{background:transparent;color:#e6d39f}}#upgrade-tree{width:720px}.tree-lines svg{width:720px}
/* Title screen and verified asset loading. */
body.booting header,body.booting #pad,body.booting #control-hint,body.booting #objective,body.booting #quest-tracker,body.booting #farm-hud,body.booting #farm-cargo{visibility:hidden}#cover{z-index:30;overflow:hidden;background:#183d3e;backdrop-filter:none}.title-scenery{position:absolute;inset:0;background:linear-gradient(90deg,#142e3bc9,#183d40a3 55%,#142d36de),url('./art/farm-background-v1.webp') center/cover;filter:blur(1px);opacity:.85}.title-layout{position:relative;width:min(860px,91%);height:min(500px,93%);display:grid;grid-template-columns:42% 58%;align-items:center}.title-character{position:relative;height:88%;overflow:hidden;border:1px solid #e5d59a55;border-radius:150px 150px 14px 14px;background:#efeee0;box-shadow:0 20px 65px #0b263566;transform:rotate(-3deg)}.title-character img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;mix-blend-mode:multiply}.title-character span{position:absolute;bottom:8%;left:0;right:0;text-align:center;background:#23464ae8;color:#f1e2b4;font-size:12px;letter-spacing:2px;padding:11px 4px}.title-card{padding:24px 34px;text-align:left;margin-left:18px;border-radius:5px 24px 5px 24px;box-shadow:0 16px 60px #092c3a77;background:linear-gradient(130deg,#214c4cec,#1b343fef);max-height:100%;overflow:auto}.title-card .eyebrow{font-size:8px;letter-spacing:3px}.title-card h1{font-size:27px;letter-spacing:5px;line-height:1.5;margin:13px 0;font-weight:400}.title-card h1 strong{font-size:43px;letter-spacing:10px;font-weight:500;color:#f4e3b8}.title-card .title-description{font-size:11px;color:#d3dfca;line-height:1.9;margin:9px 0 17px}.loading-heading{display:flex;align-items:center;justify-content:space-between;color:#d7d4aa;font-size:10px;gap:8px}.loading-heading b{font-weight:400;font-variant-numeric:tabular-nums;color:#ead599}#load-progress{height:8px;overflow:hidden;border:1px solid #c4c18c88;border-radius:7px;background:#102c39;margin:8px 0 13px;padding:1px}#load-fill{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,#8eb39a,#e6d89e);transition:width .15s linear;box-shadow:0 0 10px #d9d68b88}.title-card #start{display:block;width:100%;padding:11px 20px;margin:13px 0 6px;border-radius:9px;background:#e4d6a8;border-color:#efdda6;color:#294b49;font-size:15px;letter-spacing:3px}.title-card #start:disabled{opacity:.45;cursor:progress}.title-card #message{font-size:10px;line-height:1.7;min-height:31px;color:#c6d5bc;margin:8px 0}.title-controls{display:block;font-size:8px;color:#a9bfb1;line-height:1.9}.title-version{display:block;font-size:7px;letter-spacing:2px;color:#8faea5;margin-top:13px}#cover[data-phase=ready] #loading-area{opacity:.65}#cover[data-phase=error] #load-progress{border-color:#d4a28a}#cover[data-phase=error] #load-status{color:#f2bd9a}body.portrait .title-card{padding:17px 25px}body.portrait .title-card h1{font-size:22px;margin:7px 0}body.portrait .title-card h1 strong{font-size:35px}body.portrait .title-card .title-description{margin:6px 0 10px}body.portrait .title-version{margin-top:6px}@media(max-height:450px){.title-card{padding:14px 25px}.title-card h1{font-size:22px;margin:6px 0}.title-card h1 strong{font-size:34px}.title-card .title-description{margin:5px 0 9px;font-size:10px}.title-card #start{padding:8px 16px;margin:9px 0 5px}.title-version{margin-top:5px}.title-controls{font-size:7px}}
#cover,.title-layout .title-card{touch-action:pan-y}
/* Non-chibi title CG; right-side readable controls. */
#cover .title-scenery{background:linear-gradient(90deg,transparent 35%,#122e3688 66%,#142e3bd9),url('./art/title-cg-v1.webp') center/cover;filter:none;opacity:1}.title-layout{display:flex;justify-content:flex-end;width:94%;height:94%;max-width:1200px}.title-character{display:none}.title-card{width:min(390px,43%);margin-left:0;background:linear-gradient(130deg,#244a49e8,#18353eee);backdrop-filter:blur(5px)}@media(max-height:450px){.title-card{width:42%}}body.portrait .title-card{width:43%}
/* Compact task card: title can wrap, status stays inside its own row. */
#game #quest-tracker{top:118px;width:210px;max-width:29%;padding:9px 11px;overflow:hidden}#game .task-heading{display:grid;grid-template-columns:17px minmax(0,1fr);gap:4px 7px;align-items:start}#game .task-heading>div{min-width:0}#game #quest-title{white-space:normal;overflow-wrap:anywhere;line-height:1.6;margin-top:4px;font-size:10px;letter-spacing:0}#game #quest-status{grid-column:2;justify-self:start;margin:2px 0 0;font-size:8px;max-width:100%}#game .task-row{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;line-height:1.5}#game .task-row>span:first-child{min-width:0;overflow-wrap:anywhere}#game .task-row>span:nth-child(2){white-space:nowrap}@media(max-height:450px){#game #quest-tracker{top:108px;width:196px;max-width:28%}}