.world-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f0dcaa;border-radius:10px;color:#f0dcaa;font-size:32px;font-weight:400}
.brand{font-size:28px;letter-spacing:-1px}.tag{font-size:8px}.location{top:112px}.location h1{font-size:30px}.location p{font-size:11px}
#quest-tracker{position:absolute;right:38px;top:118px;width:310px;padding:22px;border:1px solid #fff2;border-radius:12px;background:#203b2edb;backdrop-filter:blur(8px)}
#quest-tracker .eyebrow{font-size:8px;color:#d9ceaf;letter-spacing:1.5px}#quest-tracker .eyebrow span{float:right;opacity:.6;letter-spacing:.5px}#quest-tracker h2{font-size:20px;margin:12px 0 18px;letter-spacing:-.3px}#quest-tracker p{font-size:11px;line-height:1.7;color:#d7dfc8;margin:15px 0 0}
.objective{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:9px 0}.objective strong{font-variant-numeric:tabular-nums;white-space:nowrap}
#interaction{top:57%;max-width:480px;text-align:center;line-height:1.6}#interaction kbd{flex-shrink:0}
#build-hint{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);background:#193c32e6;color:#fff4d6;padding:14px 20px;border-radius:10px;font-size:12px;text-align:center;min-width:310px;max-width:540px;line-height:1.8}
#task-hud{position:absolute;left:50%;bottom:126px;transform:translateX(-50%);width:310px;font-size:11px;text-align:center;background:#1d3e34e8;padding:12px 18px;border-radius:8px}progress{display:block;width:100%;height:5px;border:0;margin-top:10px;accent-color:#d9be7e}progress::-webkit-progress-bar{background:#ffffff25;border-radius:5px}progress::-webkit-progress-value{background:#d9be7e;border-radius:5px}
#toast{position:absolute;left:50%;top:90px;transform:translateX(-50%);padding:12px 20px;background:#fff9e9f5;color:#294237;border-radius:9px;font-size:12px;max-width:600px;text-align:center;box-shadow:0 5px 30px #14332625}
#pocket{position:absolute;bottom:73px;left:50%;transform:translateX(-50%);display:flex;gap:18px;padding:12px 20px;border:1px solid #fff2;background:#21382fca;border-radius:10px;font-size:10px;white-space:nowrap}#pocket b{font-size:13px;color:#edd1a0;margin-left:5px}
.work-panel{position:absolute;right:24px;top:95px;bottom:85px;width:450px;display:flex;flex-direction:column;padding:24px;box-shadow:0 10px 80px #16393255}.work-panel h2{font-size:25px;margin:12px 0}.work-panel>p{margin-bottom:14px;flex-shrink:0}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-top .eyebrow{font-size:8px;letter-spacing:.7px}.panel-top button{border:0;background:transparent;color:#365246;font-size:25px;line-height:1}.work-panel .primary{flex-shrink:0;margin-top:14px}#work-content{overflow:auto;min-height:0;padding-right:7px;scrollbar-width:thin;scrollbar-color:#a5ad94 transparent}
.recipe{border:1px solid #b4b59d69;border-radius:9px;padding:15px;margin-bottom:11px;background:#fffdf66b}.recipe h3{font-size:13px;margin:0 0 10px;display:flex;justify-content:space-between;gap:10px}.recipe h3 small{font-size:10px;color:#888c77;font-weight:400;white-space:nowrap}.recipe p{font-size:11px;margin:9px 0;line-height:1.6}.recipe .eyebrow{font-size:8px;display:block;margin-bottom:8px}.cost{font-size:10px;line-height:1.9}.enough{color:#4f714e}.missing{color:#a36544}.cost small{opacity:.7}.recipe-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.recipe-bottom>span{font-size:10px;color:#76806d}.small-button{background:#284d3f;border:0;color:#fff8e9;border-radius:6px;padding:9px 12px;font-size:11px}.small-button:hover{background:#426d55}.small-button:disabled{opacity:.35;cursor:not-allowed}.recipe .reason{font-size:10px;color:#986e49;margin-bottom:0}.button-row{display:flex;flex-wrap:wrap;gap:7px}.completed{opacity:.65;background:#e1e8d877}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inventory-grid>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 12px;background:#e8e7d36b;border-radius:8px;font-size:12px}.inventory-grid strong{font-size:20px;font-weight:500}.danger{color:#9b543b}.settings{max-height:calc(100vh - 50px);overflow:auto}.settings h2{margin:9px 0}.settings label{margin-top:13px}.settings .secondary{margin-top:8px;padding:9px}
body[data-mode="work-panel"] .location{opacity:.6}body[data-mode="playing"] .location p{display:none}
@media(max-width:1050px){.tag{display:none}#quest-tracker{width:265px;right:24px;padding:17px}.controls{gap:10px}.telemetry{display:none}.location h1{font-size:25px}#pocket{gap:11px}}
@media(max-width:700px){.brand{font-size:24px}.status{display:none}.location{left:22px;top:87px}.location h1{font-size:22px}#quest-tracker{top:160px;right:16px;width:240px;padding:14px}#quest-tracker h2{font-size:16px;margin:8px 0}#quest-tracker p{font-size:10px}#quest-tracker .eyebrow span{display:none}.work-panel{left:12px;right:12px;top:85px;bottom:78px;width:auto;padding:18px}#pocket{max-width:94vw;flex-wrap:wrap;justify-content:center;gap:8px}#toast{width:85%;top:85px}footer .controls{max-width:none;gap:7px}footer{left:16px;right:16px}.controls>span{font-size:9px}#build-hint{bottom:163px;width:85%;font-size:11px}.welcome{width:300px}}
@media(max-height:650px){#quest-tracker{top:90px}#quest-tracker p{margin-top:8px}.work-panel{top:80px;bottom:65px}.location{top:90px}.work-panel>p{font-size:10px}.work-panel h2{font-size:22px}.settings{padding:18px}.settings label{margin-top:9px}}