@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#173f35;background:#d5ddcb;font-synthesis:none;--green:#173f35;--cream:#fff8e6;--gold:#f5be4d;--control-scale:1;--control-opacity:.8;--control-offset-x:0px;--control-offset-y:0px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e58831;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}button{border:0}button:hover{filter:brightness(1.06)}[hidden]{display:none!important}#app{height:100dvh;height:100vh;overflow:hidden;position:relative}@media(min-width:769px)and (min-height:541px){#app{min-height:540px}}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#f7f2df 0%,#f7f2dff5 19%,#f7f2dfc9 33%,#f7f2df12 57%,transparent 80%);pointer-events:none}body:has(#menu[hidden]) .vignette{background:linear-gradient(180deg,#102f3430,transparent 20%,transparent 80%,#13372d22)}.topbar{position:absolute;top:0;left:0;right:0;height:104px;padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;color:var(--green);text-decoration:none;font-family:Barlow Condensed,Impact,sans-serif;font-size:22px;font-weight:700;letter-spacing:.6px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;border:2px solid var(--green);border-radius:7px;font-size:34px;font-weight:900;box-shadow:3px 3px 0 var(--green)}.brand small{display:block;font:8px DM Sans,sans-serif;letter-spacing:1.9px;margin-top:4px}.toplinks{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:1.5px}.live-dot,.caption-dot{display:inline-block;width:7px;height:7px;background:#31785d;border-radius:50%}.icon-button{background:#fff9e7b8;border:1px solid #17433626;border-radius:50%;width:38px;height:38px;font-size:21px;color:var(--green);margin-left:10px}.hero{position:absolute;left:6%;top:22%;width:420px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:19px;height:2px;background:#cd8a32}h1{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-size:clamp(65px,6.8vw,106px);font-weight:800;letter-spacing:-1.7px;line-height:.92;margin:23px 0 18px}h1 em{color:#d56a32;font-style:normal}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:48px;line-height:1;margin:18px 0;color:var(--green)}h2 em{color:#b86c29;font-style:normal}.edition{font-size:12px;font-weight:800;letter-spacing:2px}.edition span{margin:0 8px;color:#b58036}.hero p{font-size:16px;line-height:1.6;margin:23px 0 0}.hero .hero-detail{font-size:12px;color:#61766a;margin-top:10px;line-height:1.8}.primary{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--green);color:#fff4d4;padding:18px 23px;border-radius:5px;font-weight:800;letter-spacing:1.3px;font-size:12px;min-height:56px}.hero>.primary{margin-top:28px;width:320px;box-shadow:0 5px #102d24}.primary>span:last-child{font-size:24px;font-weight:400}.secondary-actions{display:flex;gap:28px;margin-top:21px}.secondary-actions button{padding:0;background:none;color:#3b574a;font-size:12px;font-weight:600}.secondary-actions span{margin-left:12px}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:8px;letter-spacing:1.3px;color:#6b7c6b;font-weight:700}.hero-foot i{height:3px;width:3px;background:#9caa91;border-radius:50%}.scene-caption{position:absolute;right:7%;bottom:16%;display:flex;align-items:center;gap:14px;background:#fff8e6ec;border:1px solid #fff9e4;padding:18px 24px;border-radius:7px;box-shadow:0 8px 30px #294a3520;transform:rotate(-2deg);font-size:10px;letter-spacing:1.4px;font-weight:800}.scene-caption small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:7px;color:#758373}.stamp{border:1px solid #be6c38;border-radius:50%;height:62px;width:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:Barlow Condensed,sans-serif;font-size:18px;color:#b56a39;margin-left:12px;transform:rotate(14deg)}.stamp b{font:7px DM Sans,sans-serif}.menu-footer{position:absolute;bottom:0;padding:24px 4.5%;width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;font-weight:700;color:#41604e;border-top:1px solid #1d4c3820;background:#f6f1df50}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}.shift{position:absolute;top:26px;left:50%;transform:translate(-50%);background:#fff8e6f5;border:1px solid #fffff0;padding:14px 24px;border-radius:8px;box-shadow:0 5px 20px #1b352b12;text-align:center}.shift .eyebrow{font-size:8px;letter-spacing:2px;color:#7e8869}.stats{display:flex;gap:30px;margin-top:10px;text-align:left}.stats>div+div{border-left:1px solid #d7d9c6;padding-left:25px}.stats small{font-size:8px;letter-spacing:1px;display:block;color:#758273}.stats strong{font-family:Barlow Condensed,sans-serif;display:block;font-size:29px;margin-top:2px;white-space:nowrap}.orders{position:absolute;top:145px;left:28px;width:218px}.orders-title{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:12px}.orders-title>span{font-size:8px;font-weight:500;letter-spacing:.5px}.order-card{background:#fff8e6ed;box-shadow:0 3px 12px #193b2414;border-radius:5px;padding:13px 15px;margin-bottom:10px;border-top:3px solid #e7bd60}.order-top{display:flex;align-items:center;gap:12px}.order-top>b{font-family:Barlow Condensed,sans-serif;font-size:27px;color:#587765}.order-top>span{font-size:12px;font-weight:700;flex:1}.order-top small{display:block;font-size:7px;font-weight:700;letter-spacing:1px;margin-top:3px;color:#819079}.order-top i{width:6px;height:6px;border-radius:50%;background:#6f9e73}.order-top i.urgent{background:#d65f3d}.order-items{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:11px;color:#5b7060}.patience{height:3px;background:#dfe3d1;margin-top:13px;border-radius:2px;overflow:hidden}.patience i{height:100%;display:block}.inventory{background:#fff8e6ed;border:1px solid #fff8ee;padding:10px 14px;border-radius:7px;margin-bottom:8px;text-align:left;width:100%}.inventory .eyebrow{color:#859073;font-size:8px}.inventory>div{font-size:9px;font-weight:700;letter-spacing:1px;margin-top:8px}.inventory b{font-family:Barlow Condensed,sans-serif;font-size:22px;margin-right:6px}.inventory div>span{margin:0 14px;color:#a3af95}.inventory small{display:block;font-size:9px;margin-top:8px;color:#79856f;line-height:1.6}.action-area{position:absolute;bottom:28px;left:50%;transform:translate(-50%);text-align:center;width:350px}#interact{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:6px;min-height:56px;width:100%;background:#173f35eb;color:#fff2d6;font-size:12px;font-weight:700;box-shadow:0 4px #112d27}#interact.available{background:#f6bf51;color:#284635;box-shadow:0 4px #a97625}kbd{display:inline-block;font:10px DM Sans,sans-serif;border:1px solid currentColor;border-radius:3px;padding:4px 6px;letter-spacing:1px}#interact kbd{font-size:16px;font-weight:800;background:#ffffff26}.controls{display:block;margin-top:14px;font-size:8px;letter-spacing:1px;color:#355b4a}.controls kbd{font-size:8px;margin:0 4px;padding:2px 4px}.controls>span{margin-left:12px}#toast{font-size:11px;color:#244b37;background:#fff9e8e8;border-radius:4px;margin:0 auto 10px;padding:9px 12px;line-height:1.5;min-height:0}#toast:empty{display:none;padding:0;margin:0}#progress{height:5px;background:#f3ead0;margin-top:8px;border-radius:3px;overflow:hidden}#progress i{display:block;height:100%;background:#e8993d}.world-label{position:absolute;top:0;left:0;will-change:transform;pointer-events:none;font-size:8px;letter-spacing:1px;font-weight:800;padding:6px 9px;border:1px solid #fffcdf;background:#fff7dae8;color:#416647;border-radius:4px;white-space:nowrap}dialog{border:1px solid #e7ddbe;border-radius:12px;background:var(--cream);padding:34px;width:min(460px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:#45614d;box-shadow:0 24px 100px #0d32284a}dialog::backdrop{background:#112f2a70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.7}dialog .primary{width:100%;margin-top:22px;justify-content:center}.dialog-button{display:block;padding:13px;margin-top:7px;background:#e9ead7;color:var(--green);width:100%;border-radius:4px;font-size:12px}.instructions{padding-left:22px}.instructions li{padding-left:7px;margin:18px 0;font-size:13px}.instructions li b{display:block;color:var(--green);margin-bottom:5px}.instructions li span{font-size:11px;line-height:1.7}.control-guide{font-size:11px;line-height:2.7;background:#e9ead7;padding:13px;border-radius:5px}.control-guide kbd{font-size:8px;margin-right:4px}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px}.slider-label input{width:52%;accent-color:var(--green)}.check-label{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:20px}.result-total{font-family:Barlow Condensed,sans-serif;font-size:50px;background:#e7e9cc;text-align:center;padding:18px;border-radius:7px}.result-total small{font:9px DM Sans,sans-serif;letter-spacing:2px;display:block}.results-grid{margin-top:18px}.results-grid>div{display:flex;justify-content:space-between;font-size:12px;padding:8px 0;border-bottom:1px solid #e2e4cc}#joystick,.touch-dpad,.touch-sprint{display:none}#hud.control-dpad #joystick{display:none!important}#hud:not(.control-dpad) .touch-dpad{display:none!important}#joystick,.touch-dpad,.touch-sprint{transform:scale(var(--control-scale,1));transform-origin:bottom left;opacity:var(--control-opacity,.8)}.controls-right #joystick,.controls-right .touch-dpad,.controls-right .touch-sprint{transform-origin:bottom right!important}.touch-dpad{position:absolute;width:105px;height:105px;background:#173f3530;border:2px solid #ffffeacc;border-radius:12px;touch-action:none;pointer-events:auto;z-index:10;user-select:none;-webkit-user-select:none}.dpad-btn{position:absolute;background:#fff4cfd9;border:1px solid #ffffff;color:#173f35;font-size:13px;font-weight:800;display:grid;place-items:center;padding:0;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .1s,transform .1s}.dpad-btn:active,.dpad-btn.active{background:#f6bf51!important;color:#15382e!important;box-shadow:inset 0 2px 4px #a87920}.dpad-up{top:3px;left:33.33%;width:33.33%;height:32%;border-radius:6px 6px 2px 2px}.dpad-down{bottom:3px;left:33.33%;width:33.33%;height:32%;border-radius:2px 2px 6px 6px}.dpad-left{top:33.33%;left:3px;width:32%;height:33.33%;border-radius:6px 2px 2px 6px}.dpad-right{top:33.33%;right:3px;width:32%;height:33.33%;border-radius:2px 6px 6px 2px}.dpad-center{position:absolute;top:33.33%;left:33.33%;width:33.33%;height:33.33%;background:#173f3522;border-radius:3px;pointer-events:none}.settings-tabs{display:flex;gap:8px;margin-top:14px;margin-bottom:14px;border-bottom:2px solid #e1e3cb;padding-bottom:8px}.tab-btn{flex:1;padding:9px 12px;border-radius:6px;font-weight:800;font-size:11px;letter-spacing:1px;background:#e9ead7;color:#4a6754;border:1px solid #dcdfc4;cursor:pointer}.tab-btn.active{background:var(--green);color:#fff6de;border-color:var(--green);box-shadow:0 3px #112d27}.setting-group{background:#f7f3e4;border:1px solid #e9e5d2;border-radius:7px;padding:10px 12px;margin-bottom:10px;text-align:left}.setting-label{display:block;font-size:8.5px;font-weight:800;letter-spacing:1.1px;color:#657766;margin-bottom:6px}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#244636;margin-top:5px;margin-bottom:3px}.setting-sub{font-size:9.5px;color:#556c5c;font-weight:600}.btn-group{display:flex;gap:6px;margin-top:3px}.opt-btn{flex:1;padding:7px 8px;font-size:10px;font-weight:700;border-radius:5px;background:#eae9d5;color:#3b5a48;border:1px solid #ccd1b9;text-align:center;cursor:pointer}.opt-btn.active{background:#f6bf51;color:#17382c;border-color:#d19f39;font-weight:800;box-shadow:0 2px #b37f1e}.reset-btn{background:#eed8cd!important;color:#923a23!important;font-weight:700!important;margin-top:12px!important}.reset-btn:hover{background:#e9cbbd!important}.setting-group input[type=range]{width:100%;accent-color:var(--green);margin:4px 0}#debug{position:absolute;right:20px;top:110px;color:#f2ffda;background:#142820d9;font-size:11px;padding:14px}@media(min-width:1500px){.hero{top:24%;left:8%}.scene-caption{right:10%}}@media(max-height:750px)and (min-width:761px){.hero{top:19%}h1{font-size:74px;margin:15px 0}.hero p{margin-top:15px}.hero>.primary{margin-top:19px}.hero-foot{margin-top:23px}.hero .hero-detail{font-size:11px}.topbar{height:85px}.scene-caption{bottom:15%}}@media(max-width:1000px){.toplinks{font-size:8px;gap:6px}.brand{font-size:18px}.brand small{font-size:6px}.brand-mark{width:33px;height:37px;font-size:29px}.orders{width:178px;left:16px;top:130px}.action-area{left:auto;right:20px;transform:none;bottom:20px;width:320px}.shift{padding:12px 17px;left:55%}.stats{gap:17px}.stats>div+div{padding-left:15px}.stats strong{font-size:25px}.scene-caption{right:4%;bottom:13%}.hero{left:5%}}@media(max-width:760px){.topbar{height:76px;padding:19px 20px}.toplinks{font-size:0;gap:0}.live-dot{display:none}.brand small{font-size:6px}.icon-button{width:36px;height:36px}.vignette{background:linear-gradient(0deg,#f7f2df,#f7f2dffa 23%,#f7f2df70 57%,#f7f2df00 72%)}.hero{top:auto;bottom:66px;left:7%;width:86%}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:68px;line-height:.88;margin:16px 0 12px;letter-spacing:-1px}h1 br{display:none}h1 em{display:block}.edition{font-size:9px;letter-spacing:1.5px}.hero p{font-size:13px;margin-top:14px}.hero .hero-detail,.desktop{display:none}.hero>.primary{width:100%;margin-top:20px;padding:14px 20px;min-height:52px}.secondary-actions{margin-top:19px;justify-content:center;gap:40px}.hero-foot,.scene-caption{display:none}.menu-footer{padding:18px 7%;font-size:7px}.menu-footer span:last-child{display:none}.shift{top:81px;left:50%;width:calc(100% - 32px);padding:10px 15px;text-align:left}.shift>.eyebrow{display:none}.stats{margin:0;justify-content:space-between;gap:10px}.stats>div+div{padding-left:15px}.stats strong{font-size:25px}.stats small{font-size:7px}.orders{top:156px;left:12px;width:130px}.orders-title{font-size:8px;margin-bottom:7px}.orders-title>span{display:none}.order-card{padding:8px 9px;margin-bottom:7px}.order-top{gap:6px}.order-top>b{font-size:22px}.order-top>span{font-size:10px}.order-top small{font-size:6px;letter-spacing:.5px}.order-items{font-size:9px;gap:3px;margin-top:8px}.patience{margin-top:8px}.inventory{padding:7px 9px;margin-bottom:6px}.inventory .eyebrow{font-size:7px}.inventory>div{font-size:7px;margin-top:2px}.inventory b{font-size:16px}.inventory div>span{margin:0 4px}.inventory small{font-size:7.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-area{bottom:32px;right:15px;width:190px}#interact{min-height:65px;padding:10px;font-size:11px;gap:9px}#interact kbd,.controls{display:none}#toast{font-size:10px;padding:8px}.world-label{font-size:7px;padding:4px 6px}#joystick,.touch-dpad{position:absolute;display:grid;place-items:center;left:calc(25px + var(--control-offset-x,0px));bottom:calc(32px + var(--control-offset-y,0px));width:105px;height:105px;pointer-events:auto;touch-action:none;z-index:10}#joystick{border:2px solid #ffffeacc;background:#173f3530;border-radius:50%}#joystick span{height:43px;width:43px;border-radius:50%;background:#fff4cfd9;border:2px solid #ffffff;box-shadow:0 3px 10px #153e3724}.touch-sprint{display:block;position:absolute;left:calc(25px + var(--control-offset-x,0px) + (105px * var(--control-scale,1)) + 8px);bottom:calc(37px + var(--control-offset-y,0px));background:#f9f0d8cb;color:var(--green);width:43px;height:43px;border-radius:50%;font-size:9px;font-weight:800;touch-action:none;pointer-events:auto;z-index:10}.controls-right #joystick,.controls-right .touch-dpad{left:auto!important;right:calc(25px + var(--control-offset-x,0px))!important}.controls-right .touch-sprint{left:auto!important;right:calc(25px + var(--control-offset-x,0px) + (105px * var(--control-scale,1)) + 8px)!important}.controls-right .action-area{right:auto!important;left:15px!important}dialog{padding:26px}h2{font-size:42px}}@media(pointer:coarse)and (min-width:761px){#joystick,.touch-dpad{display:grid;place-items:center;position:absolute;left:calc(25px + var(--control-offset-x,0px));bottom:calc(25px + var(--control-offset-y,0px));width:100px;height:100px;pointer-events:auto;touch-action:none;z-index:10}#joystick{background:#173f3540;border:2px solid #fff8dd;border-radius:50%}#joystick span{height:42px;width:42px;border-radius:50%;background:#fff1c9}.touch-sprint{display:block;position:absolute;left:calc(25px + var(--control-offset-x,0px) + (100px * var(--control-scale,1)) + 8px);bottom:calc(28px + var(--control-offset-y,0px));background:#f9f0d8cb;color:var(--green);width:43px;height:43px;border-radius:50%;font-size:9px;font-weight:800;touch-action:none;pointer-events:auto;z-index:10;border:1px solid #ffffffa0}.controls,#interact kbd{display:none}.controls-right #joystick,.controls-right .touch-dpad{left:auto!important;right:calc(25px + var(--control-offset-x,0px))!important}.controls-right .touch-sprint{left:auto!important;right:calc(25px + var(--control-offset-x,0px) + (100px * var(--control-scale,1)) + 8px)!important}.controls-right .action-area{right:auto!important;left:20px!important}}@media(max-height:650px)and (max-width:760px){h1{font-size:52px}.hero{bottom:58px}.hero p{font-size:11px;margin-top:8px}.hero>.primary{margin-top:12px}.hero .eyebrow,.order-items{display:none}.orders{top:146px}.topbar{height:65px}.shift{top:66px}.scene-caption{display:none}}@media(max-width:760px){.orders{left:12px;right:12px;width:auto}.orders-title{margin-bottom:5px}#orders{display:flex;gap:8px}.order-card{width:calc(50% - 4px)}.order-items{font-size:8px}.order-top small{letter-spacing:.25px}.patience{margin-top:7px}}.mode-picker{display:flex;gap:8px;margin-top:20px;width:340px}.mode-picker button{flex:1;padding:12px 10px;border:1px solid #8c9b7d;background:#f8f2df;color:#365541;text-align:left;border-radius:5px;min-height:55px}.mode-picker button[aria-pressed=true]{border:2px solid #234e3b;background:#e4e9ce;padding:11px 9px}.mode-picker b{font-size:10px;letter-spacing:1px}.mode-picker small{display:block;font-size:8px;margin-top:5px;color:#6e7b61}.hero .mode-picker+.primary{margin-top:16px}.rush-mode .order-card{padding:10px 12px;margin-bottom:7px}.rush-mode .order-items{margin-top:7px;gap:2px}.rush-mode .order-top>b{font-size:24px}.rush-mode .orders{top:139px}@media(max-width:760px){.mode-picker{width:100%;margin-top:12px}.mode-picker button{min-height:48px;padding:9px}.mode-picker button[aria-pressed=true]{padding:8px}.mode-picker small{font-size:8px}.hero .mode-picker+.primary{margin-top:12px}.hero h1{font-size:60px}.rush-mode .orders{top:153px}.rush-mode #orders{display:grid;grid-template-columns:1fr 1fr;gap:5px}.rush-mode .order-card{width:100%;margin:0;padding:6px 8px}.rush-mode .order-top>b{font-size:19px}.rush-mode .order-top>span{font-size:9px}.rush-mode .order-items{display:none}.rush-mode .order-top small{font-size:6px}.rush-mode .patience{margin-top:5px}}@media(max-height:650px)and (max-width:760px){.hero h1{font-size:44px}.hero .edition{font-size:8px}.hero>p{display:none}.rush-mode .orders{top:139px}.mode-picker{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-height:720px)and (min-width:761px){.rush-mode .order-items{display:none}.rush-mode .order-card{padding:8px 12px}.mode-picker{margin-top:14px}.hero h1{font-size:66px}}.shift .eyebrow>span{width:auto;height:auto;background:none}.difficulty-panel{width:340px;margin-top:12px}.difficulty-panel>div{display:flex;align-items:center;gap:12px}.difficulty-panel label{font-size:8px;font-weight:800;letter-spacing:1.1px}.difficulty-panel select{flex:1;min-width:0;height:42px;background:#fff8e6;color:#173f35;border:1px solid #9fa98b;border-radius:4px;font:600 11px DM Sans,sans-serif;padding:0 8px}.difficulty-panel p{font-size:9px!important;line-height:1.3!important;margin:7px 0 0!important;color:#61745a}.hero .difficulty-panel+.primary{margin-top:14px}.hero{top:19%}.hero-foot{margin-top:23px}@media(min-width:761px)and (max-height:800px){.hero{top:17%}.hero h1{font-size:67px;margin:14px 0}.hero>p{margin-top:13px}.mode-picker{margin-top:12px}.hero-foot{display:none}.secondary-actions{margin-top:17px}}@media(max-width:760px){.hero{top:auto}.difficulty-panel{width:100%;margin-top:9px}.difficulty-panel select{height:40px}.hero h1{font-size:50px}.hero .difficulty-panel+.primary{margin-top:11px}.difficulty-panel p{font-size:8px!important}.hero>p{font-size:11px}.mode-picker{margin-top:10px}}@media(max-height:650px)and (max-width:760px){.hero h1{font-size:38px;margin:10px 0}.difficulty-panel p{display:none}.hero .secondary-actions{margin-top:12px}.mode-picker button{min-height:42px}.hero{bottom:54px}}@media(max-height:580px),(orientation:landscape)and (max-height:650px),(max-width:1024px)and (orientation:landscape){#app{min-height:0!important;height:100dvh!important;height:100vh!important;max-height:100dvh!important}.topbar{height:46px;padding:4px max(16px,env(safe-area-inset-right)) 4px max(58px,calc(env(safe-area-inset-left) + 14px))}.brand{font-size:15px}.brand-mark{width:26px;height:28px;font-size:18px}.brand small{font-size:6px;letter-spacing:1px}.icon-button{width:32px;height:32px;font-size:16px;margin-left:6px}.hero{position:absolute;top:46px;bottom:max(14px,env(safe-area-inset-bottom));left:max(58px,calc(env(safe-area-inset-left) + 14px));width:min(360px,45vw);max-height:calc(100dvh - 56px);overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;justify-content:space-between;margin:0}.hero::-webkit-scrollbar{display:none}.hero-brand{display:flex;flex-direction:column;gap:clamp(2px,.8vh,4px)}.hero .eyebrow{font-size:clamp(7.5px,2vh,9px);letter-spacing:1.5px}.hero h1{font-size:clamp(26px,7.2vh,38px);margin:0;line-height:.95;letter-spacing:-.8px}.hero .edition{font-size:clamp(7.5px,2vh,9.5px)}.hero-brand p,.hero>p,.scene-caption,.menu-footer{display:none!important}.mode-picker{width:100%;margin:0;gap:clamp(5px,1.2vw,8px)}.mode-picker button{min-height:clamp(36px,8.5vh,44px);padding:clamp(5px,1.2vh,8px) 9px}.mode-picker b{font-size:clamp(9px,2.2vh,11px)}.mode-picker small{font-size:clamp(7px,1.8vh,8.5px);margin-top:1px}.difficulty-panel{width:100%;margin:0}.difficulty-panel select{height:clamp(32px,7.5vh,38px);font-size:clamp(10px,2.2vh,11px)}.difficulty-panel p{display:none!important}.hero>.primary{margin:0;width:100%;min-height:clamp(38px,9vh,46px);padding:clamp(7px,1.8vh,11px) 16px;font-size:clamp(10.5px,2.2vh,12px)}.hero-foot-group{display:flex;flex-direction:column;gap:clamp(5px,1.4vh,8px)}.secondary-actions{margin:0;gap:clamp(14px,3vw,22px)}.secondary-actions button{font-size:clamp(10px,2.2vh,11px)}.hero-foot{display:flex!important;align-items:center;gap:8px;margin:0;font-size:7.5px;letter-spacing:1.1px;color:#6b7c6b;font-weight:700}.hero-foot i{height:3px;width:3px;background:#9caa91;border-radius:50%}.shift{top:6px;padding:4px 12px;z-index:6;border-radius:6px}.shift .eyebrow{font-size:7px;letter-spacing:1.2px}.stats{gap:14px;margin-top:2px}.stats>div+div{padding-left:12px}.stats strong{font-size:17px}.stats small{font-size:6px;letter-spacing:.8px}.orders{top:40px;left:max(12px,env(safe-area-inset-left));width:120px;z-index:5;max-height:calc(100dvh - 165px);overflow-y:auto;scrollbar-width:none}.orders::-webkit-scrollbar{display:none}.orders-title{font-size:7.5px;margin-bottom:3px}.orders-title>span{font-size:6.5px}.order-card{padding:4px 6px!important;margin-bottom:2px!important;border-top-width:2px!important;border-radius:4px!important}.order-top{gap:4px!important}.order-top>b{font-size:15px!important}.order-top>span{font-size:8.5px!important}.order-top small{font-size:5.5px!important;letter-spacing:.2px;margin-top:1px!important}.order-items{font-size:7.5px!important;gap:1px!important;margin-top:2px!important}.patience{height:2px!important;margin-top:2px!important}#joystick,.touch-dpad{position:absolute!important;display:grid!important;place-items:center;left:calc(max(14px,env(safe-area-inset-left)) + var(--control-offset-x,0px))!important;bottom:calc(max(10px,env(safe-area-inset-bottom)) + var(--control-offset-y,0px))!important;width:76px!important;height:76px!important;pointer-events:auto;touch-action:none;z-index:10}#joystick{border:2px solid #ffffeacc;background:#173f3535;border-radius:50%}#joystick span{display:block;height:32px;width:32px;border-radius:50%;background:#fff4cfd9;border:2px solid #ffffff;box-shadow:0 2px 6px #153e3724}.touch-sprint{position:absolute!important;display:block!important;left:calc(max(14px,env(safe-area-inset-left)) + var(--control-offset-x,0px) + (76px * var(--control-scale,1)) + 6px)!important;bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--control-offset-y,0px))!important;width:36px!important;height:36px!important;border-radius:50%;background:#f9f0d8cb;color:var(--green);font-size:8px;font-weight:800;touch-action:none;pointer-events:auto;z-index:10;border:1px solid #ffffffa0;box-shadow:0 2px 6px #153e3720}.controls-right #joystick,.controls-right .touch-dpad{left:auto!important;right:calc(max(14px,env(safe-area-inset-right)) + var(--control-offset-x,0px))!important}.controls-right .touch-sprint{left:auto!important;right:calc(max(14px,env(safe-area-inset-right)) + var(--control-offset-x,0px) + (76px * var(--control-scale,1)) + 6px)!important}.controls-right .action-area{right:auto!important;left:max(14px,env(safe-area-inset-left))!important}.inventory{padding:5px 8px;margin-bottom:4px;border-radius:5px;background:#fff8e6ed;border:1px solid #fff8ee;text-align:left;width:100%}.inventory .eyebrow{font-size:6px;letter-spacing:.8px}.inventory>div{font-size:7px;margin-top:1px}.inventory b{font-size:13px;margin-right:2px}.inventory div>span{margin:0 3px}.inventory small{font-size:7px;margin-top:1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:block}.action-area{position:absolute;left:auto!important;right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));transform:none!important;width:min(205px,30vw);text-align:center;z-index:10}#toast{font-size:9.5px;padding:4px 8px;margin:0 auto 4px;border-radius:4px;line-height:1.3;min-height:0}#toast:empty{display:none!important;padding:0;margin:0}#interact{min-height:48px;width:100%;border-radius:6px;font-size:11px;font-weight:700;padding:6px 8px;gap:6px;box-shadow:0 3px #112d27}#interact.available{box-shadow:0 3px #a97625}#interact kbd{display:none!important}#progress{height:4px;margin-top:3px;border-radius:2px}.controls{display:none!important}.world-label{font-size:6.5px;padding:3px 5px}dialog{padding:18px 22px;max-height:88dvh}dialog h2{font-size:26px;margin:8px 0}dialog p{font-size:11px;line-height:1.4}dialog .primary{margin-top:12px;min-height:38px;padding:8px 14px}.instructions li{margin:8px 0;font-size:11px}}@media(max-height:340px)and (orientation:landscape){.topbar{height:36px!important}.brand-mark{width:22px!important;height:24px!important;font-size:14px!important}.hero{top:38px!important;bottom:6px!important}.hero h1{font-size:20px!important}.hero .edition{display:none!important}.mode-picker button{min-height:28px!important;padding:3px 6px!important}.mode-picker b{font-size:8.5px!important}.mode-picker small{display:none!important}.difficulty-panel select{height:26px!important;font-size:9.5px!important}.hero>.primary{min-height:30px!important;padding:5px 12px!important;font-size:9.5px!important}.hero-foot{display:none!important}.secondary-actions{gap:12px!important}.secondary-actions button{font-size:8.5px!important}}body.has-touch #hud:not(.control-dpad) #joystick{position:absolute;display:grid!important;place-items:center;pointer-events:auto;touch-action:none}body.has-touch #hud.control-dpad .touch-dpad{position:absolute;display:grid!important;place-items:center;pointer-events:auto;touch-action:none}body.has-touch .touch-sprint{display:block!important;pointer-events:auto;touch-action:none}body.has-touch .controls,body.has-touch #interact kbd{display:none!important}body:has(#menu[hidden]) .toplinks-text,body:has(#menu[hidden]) .live-dot{display:none!important}@media(max-width:960px),(max-height:580px){.toplinks-text,.live-dot{display:none!important}.toplinks{gap:4px!important}}
