@font-face{font-family:Frontier;src:local('Palatino'),local('Palatino Linotype'),local('Book Antiqua');font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#192422;color:#f3eee0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;border:0}button:focus-visible{outline:2px solid #e0bd75;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.hidden{display:none!important}#scene,#scene canvas,#vignette,#damage-flash{position:absolute;inset:0;width:100%;height:100%}#scene canvas{display:block}#vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 40%,#09161248 100%);z-index:1}#damage-flash{z-index:2;background:radial-gradient(ellipse,transparent 40%,#a52c28aa);opacity:0;pointer-events:none}#loading,#fatal{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#17211f;text-align:center}#loading h2{font:36px Georgia,serif;letter-spacing:10px;font-weight:400}.eagle-mark{font:42px Georgia;color:#cdb582;border:1px solid #75684c;border-radius:50%;width:90px;height:90px;display:grid;place-items:center}#loading p{font-size:13px;color:#b4b9aa}.load-track{width:150px;height:2px;background:#465045;margin-top:20px}.load-track span{display:block;height:100%;background:#d5be8b;animation:load 1.5s ease-in-out infinite}@keyframes load{0%{width:0}80%{width:100%}100%{width:100%;opacity:0}}#title{position:absolute;inset:0;z-index:8}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10211cf2 0%,#10211cb8 30%,#10211c2a 75%),linear-gradient(0deg,#091613b8,transparent 25%)}.title-content{position:absolute;left:max(6.5vw,env(safe-area-inset-left));top:50%;transform:translateY(-50%);max-width:720px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#d4ba83}.title-content h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,7vw,104px);letter-spacing:.055em;margin:23px 0 4px;text-shadow:0 3px 30px #0006}.subtitle{letter-spacing:8px;font-size:clamp(11px,1.4vw,18px);color:#d7c9ab}.intro{line-height:1.9;font-size:15px;color:#dadfd1;margin:32px 0}.primary{background:#d7bf8f;color:#26352b;padding:18px 26px;min-width:280px;font-weight:650;border:1px solid #f0ddb3;text-align:left;box-shadow:0 6px 30px #0002}.primary span{float:right;margin-left:30px}.quiet{display:block;background:none;color:#bec7b9;padding:18px 0;font-size:12px}.title-tags{font-size:10px;letter-spacing:2px;color:#9ea99b;margin-top:28px}.title-bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:6.5vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#d7dbcf8a}#hud{position:absolute;inset:0;z-index:5;pointer-events:none}#hud button,#joystick{pointer-events:auto}#top-left{position:absolute;left:max(26px,env(safe-area-inset-left));top:max(23px,env(safe-area-inset-top));width:235px;text-shadow:0 1px 5px #0009}.location-line{display:flex;align-items:center;gap:9px;font-weight:650;font-size:13px;letter-spacing:1.6px;white-space:nowrap}.location-dot{width:5px;height:5px;border-radius:50%;background:#dfc68e}.location-line small{font-size:10px;font-weight:400;color:#dce0d3;letter-spacing:1px}.sub-location{font:italic 12px Georgia;margin:6px 0 12px;color:#e1e4d5aa}#bars{display:flex;gap:5px;height:4px;width:200px}.bar{width:65%;background:#18201bd0;border:1px solid #ffffff10}.bar i{display:block;height:100%;background:#dae3c3;width:100%;transition:width .15s}.bar.stamina{width:35%}.bar.stamina i{background:#d7bb78}.stat-line{display:flex;gap:14px;margin-top:8px;font-size:9px;letter-spacing:1.2px;color:#e5e9d7c9}#save-dot{color:#abb994;opacity:0;transition:opacity .5s}#compass{position:absolute;left:50%;top:max(22px,env(safe-area-inset-top));width:250px;height:52px;transform:translateX(-50%);overflow:hidden;text-shadow:0 1px 4px #000}#compass-strip{position:absolute;height:25px;top:0;left:0;right:0;font-size:10px;color:#fff9;letter-spacing:2px}#compass-strip span{position:absolute;transform:translateX(-50%)}.compass-notch{position:absolute;left:50%;top:24px;transform:translateX(-50%);font-size:7px;color:#e5c88b}#bearing{position:absolute;top:37px;text-align:center;width:100%;font-size:9px;color:#f1e0b8;letter-spacing:2px}#top-right{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));display:flex;gap:24px;align-items:flex-start}nav{display:flex;gap:6px}.icon-button{width:48px;height:53px;background:#14221d70;backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.icon-button svg{width:19px;height:19px;fill:none;stroke:#ecebdc;stroke-width:1.3}.icon-button span{font-size:8px;letter-spacing:.4px}#alert{text-align:right;margin-top:3px;color:#f1b38c}#alert-label{font-size:8px;letter-spacing:2px}#alert-pips{font-size:19px;letter-spacing:3px;margin-top:4px}#discovery{position:absolute;top:19%;left:50%;transform:translateX(-50%);text-align:center;min-width:260px;max-width:80%;text-shadow:0 2px 15px #0c1814}#discovery small{letter-spacing:5px;font-size:9px;color:#e0cc9d}#discovery h2{font:32px Georgia;margin:10px 0}#discovery p{font-size:11px;letter-spacing:1px;color:#e5e9da}.appear{animation:appear .7s ease-out}@keyframes appear{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}#toast{position:absolute;top:110px;left:50%;transform:translateX(-50%);max-width:460px;font-size:12px;line-height:1.5;text-align:center;padding:10px 18px;border-radius:3px;background:#10231ed6;backdrop-filter:blur(8px);opacity:0;transition:opacity .3s}#toast.show{opacity:1}#target-info{position:absolute;left:50%;top:58%;transform:translateX(-50%);text-align:center}#target-info span{font-size:10px;letter-spacing:1px;text-shadow:0 1px 3px #000}#target-info>div{width:90px;height:3px;background:#151b17cc;margin:6px auto}#target-info i{display:block;height:100%;background:#dcb68c;width:100%}#objective{position:absolute;left:26px;top:140px;background:#14241dcc;text-align:left;padding:12px 14px;width:225px;border-left:2px solid #d2b078;backdrop-filter:blur(6px)}#objective span{display:block;font-size:8px;letter-spacing:2px;color:#d4bd8d}#objective strong{display:block;font:15px Georgia;margin:6px 0}#objective small{font-size:10px;color:#e2e7d0b0}#bottom-info{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;gap:5px;width:400px;text-shadow:0 1px 5px #000}#weather-text{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#e7e8d6b8}#ambient-line{font:italic 12px Georgia;color:#e7e8d6b0}#mini-wrap{position:absolute;left:26px;bottom:228px;border:1px solid #c9b78b8c;border-radius:50%;width:118px;height:118px;overflow:hidden;background:#1b2a24d9;box-shadow:0 0 20px #0002}#minimap{width:100%;height:100%;opacity:.93}.mini-north{position:absolute;top:5px;left:50%;transform:translateX(-50%);font:9px Georgia;color:#e6d5a7}#joystick{position:absolute;left:44px;bottom:max(55px,env(safe-area-inset-bottom));width:136px;height:136px;border:1px solid #e9e3cd3b;background:#10261b22;border-radius:50%;box-shadow:inset 0 0 30px #0d1c1522}#joystick:before,#joystick:after{content:'';position:absolute;inset:12px;border:1px solid #e4e1c812;border-radius:50%}#stick{position:absolute;left:45px;top:45px;width:44px;height:44px;border:1px solid #fff5;border-radius:50%;background:#e1ddc136;box-shadow:0 3px 18px #0002}.stick-cross{position:absolute;inset:30px;background:linear-gradient(transparent 49%,#fff1 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#fff1 50%,transparent 51%)}#joystick>span{position:absolute;top:148px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:#f4f1df99}#look-hint{position:absolute;right:130px;bottom:305px;font-size:8px;letter-spacing:3px;color:#f4f1df66}#actions{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(45px,env(safe-area-inset-bottom));width:235px;height:240px}.round{position:absolute;border:1px solid #f0e3c44d;border-radius:50%;background:#15291c55;backdrop-filter:blur(3px);box-shadow:0 3px 18px #0002;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:72px;height:72px}.round.pressed,.pill-control.pressed{background:#d1bd8580;border-color:#e5d1a9}.round small{font-size:7px;letter-spacing:1px}.round svg{width:30px;height:30px;fill:none;stroke:#eee5cc;stroke-width:1.2;stroke-linecap:round}.round .symbol{font:30px Georgia;line-height:30px}.round.attack{width:90px;height:90px;right:12px;top:94px;background:#6e3b2955;border-color:#e0ba905e}.round.attack svg{width:36px;height:36px}.round.context{left:17px;top:28px;background:#9c8e5a45}.round.context.available{background:#d5b7786b;border-color:#edd7a5;box-shadow:0 0 25px #d7bc5e20}.round.context small{max-width:67px;line-height:1.3;text-align:center}#throw{right:21px;top:0;width:63px;height:63px}#guard{left:24px;bottom:0;width:66px;height:66px}#dodge{right:0;bottom:0;width:54px;height:54px}#dodge .symbol{font-size:24px}#sprint{left:205px;bottom:67px}#dismount{left:205px;bottom:125px}.pill-control{position:absolute;height:42px;min-width:70px;border:1px solid #e3d9bd4d;background:#1a291e44;border-radius:24px;font-size:10px;letter-spacing:1px;padding:0 16px}#tutorial{position:absolute;left:50%;bottom:95px;transform:translateX(-50%);width:330px;background:#17291eef;backdrop-filter:blur(10px);border:1px solid #ded0a23b;padding:22px;pointer-events:auto;box-shadow:0 10px 60px #0002}#tutorial h3{font:23px Georgia;margin:12px 0}#tutorial p{font-size:12px;line-height:1.7;color:#d3d9cb}#tutorial button{display:block;width:100%;background:none;border-top:1px solid #ffffff20;margin-top:10px;padding:13px 0 0;text-align:left;color:#e6ce9a;font-size:12px}#tutorial button span{float:right}#panel{position:absolute;inset:0;z-index:15;background:#0b1916c4;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));touch-action:pan-y}#panel-inner{width:min(800px,100%);max-height:100%;background:#1c2b23f2;border:1px solid #c4b38345;box-shadow:0 20px 100px #0004;display:flex;flex-direction:column}#panel header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 20px;border-bottom:1px solid #f0e5bc20}#panel header h2{font:29px Georgia;margin:7px 0 0}#close-panel{background:none;font-weight:200;font-size:32px;line-height:40px;width:44px;height:44px;color:#d9d5c3}#panel-body{padding:25px 30px 30px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;font-size:13px;line-height:1.7;color:#dae0d1}#panel-body p{margin:0 0 16px}#panel-body .lead{font:21px/1.55 Georgia;color:#f0e9d6}#panel-body h3{font:19px Georgia;color:#e5cc97;margin:22px 0 12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;min-height:84px;background:#ffffff05;border:1px solid #d9d6bb26;padding:16px 18px;touch-action:manipulation}.menu-card:hover{background:#ffffff0c}.menu-card strong{font-size:13px;font-weight:550;color:#eae4d0}.menu-card small{font-size:11px;color:#adb9a6;margin-top:3px;line-height:1.5}.menu-card .price{color:#e3c695}.menu-card.danger{border-color:#b46e4d6b}.menu-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #ffffff12;padding:15px 0}.menu-row strong{font-weight:500;color:#eee6d1}.menu-row small{display:block;color:#aeb9a8;font-size:11px}.switch{background:#ffffff0d;border:1px solid #c3bb9255;padding:10px 14px;min-width:78px;font-size:11px;touch-action:manipulation}.switch.on{background:#ccb27c;color:#243525}.subtle{color:#a8b6a2;font-size:11px}.sep{border:0;border-top:1px solid #ffffff20;margin:20px 0}.bag-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 20px}.bag-stats div{background:#ffffff05;padding:14px}.bag-stats strong{font:24px Georgia;color:#e7cc92;display:block}.bag-stats small{font-size:9px;letter-spacing:1px;text-transform:uppercase}.key{display:inline-block;padding:0 7px;background:#fff1;border:1px solid #fff3;font-size:11px;border-radius:3px;margin:0 2px}.map-container{position:relative;background:#bdb395;height:min(46vh,420px);border:1px solid #d4c8a280;overflow:hidden}.map-container canvas{width:100%;height:100%;display:block;touch-action:none}.map-controls{position:absolute;right:10px;top:10px;display:flex;gap:5px}.map-controls button{width:36px;height:36px;background:#24362ce6;border:1px solid #d6c69870;font-size:19px}.map-caption{display:flex;justify-content:space-between;font-size:10px;margin:8px 0 18px;color:#b8c4ae}.map-list{display:flex;flex-wrap:wrap;gap:8px}.map-list button{background:#ffffff0a;border:1px solid #d2c18f38;font-size:11px;padding:10px 12px}.dialog-quote{font:21px/1.6 Georgia;color:#ece3cd!important;padding:0 0 20px}.dialog-footer{font-size:11px;color:#afbca7;margin-top:18px}#fatal p{max-width:500px;padding:20px}#fatal button{background:#d4bd89;color:#18261c;padding:15px 30px}.settings-range{width:160px;accent-color:#cbb27a;touch-action:pan-x}a{color:#e1c68b}body.photo #hud{opacity:0}#sprint,#joystick,#actions,#look-hint{transition:opacity .2s}@media(max-width:1000px){#compass{width:180px}#top-left{width:210px}.location-line{font-size:11px}#top-right{gap:10px}#alert-pips{font-size:15px;letter-spacing:2px}#alert-label{font-size:7px}.icon-button{width:44px;height:49px}#bottom-info{width:300px}#mini-wrap{width:95px;height:95px;bottom:222px}#actions{right:20px}#tutorial{width:295px;bottom:95px}#sprint{left:190px}}@media(max-height:650px){#joystick{width:115px;height:115px;left:28px;bottom:40px}#stick{left:35px;top:35px}#joystick>span{top:125px}#mini-wrap{bottom:185px;width:85px;height:85px}#actions{transform:scale(.86);transform-origin:right bottom;bottom:25px}#sprint{left:162px;bottom:45px}#dismount{left:162px;bottom:98px}#look-hint{bottom:240px;right:95px}#top-left{top:16px;left:22px}#top-right{top:13px;right:15px}#compass{top:15px}#tutorial{bottom:65px;max-width:270px;padding:16px}#tutorial h3{font-size:20px;margin:9px 0}#tutorial p{font-size:11px}#objective{top:122px;left:130px;width:200px}#bottom-info{bottom:13px}#panel{padding:18px}#panel header{padding:16px 24px}#panel-body{padding:18px 24px}.title-content h1{font-size:57px}.intro{margin:20px 0}.title-tags{margin-top:15px}.title-bottom{bottom:15px}}@media(orientation:portrait){.title-content{left:8vw;right:8vw}.title-content h1{font-size:11vw}.subtitle{font-size:12px;letter-spacing:5px}.title-bottom{flex-direction:column;gap:8px}#top-left{left:18px;top:max(18px,env(safe-area-inset-top));width:190px}#top-right{right:14px;top:18px;flex-direction:column-reverse;gap:15px;align-items:flex-end}#compass{top:127px;left:50%;width:210px}#top-left #bars{width:160px}.icon-button{width:44px;height:48px}nav{gap:4px}.sub-location{font-size:10px}#joystick{left:25px;bottom:72px;width:125px;height:125px}#stick{left:40px;top:40px}#joystick>span{top:136px}#mini-wrap{left:22px;bottom:260px;width:88px;height:88px}#actions{transform:scale(.82);transform-origin:right bottom;right:12px;bottom:60px}#sprint{left:40px;bottom:220px}#dismount{left:122px;bottom:220px}#look-hint{right:55px;bottom:280px}#bottom-info{bottom:20px;width:300px}#toast{top:190px;width:85%}#tutorial{bottom:350px;width:calc(100% - 44px);max-width:380px}#discovery{top:30%}#panel{padding:14px}#panel header{padding:20px}#panel-body{padding:20px}.menu-grid{grid-template-columns:1fr}.bag-stats{grid-template-columns:repeat(2,1fr)}#objective{top:195px;left:18px;width:180px}.map-caption{flex-direction:column;gap:4px}}

#heavy{left:26px;top:108px;width:57px;height:57px;background:#784b2b77}#heavy .symbol{font-size:25px}#weapon-cycle{left:185px;bottom:180px;font-size:9px}#world-event{position:absolute;left:50%;top:85px;transform:translateX(-50%);padding:8px 15px;border-bottom:1px solid #d6b87c77;background:#17251caa;font-size:9px;letter-spacing:1.6px;text-align:center;max-width:70%}@media(max-height:650px){#weapon-cycle{left:150px;bottom:150px}#world-event{top:75px;max-width:50%}}@media(orientation:portrait){#weapon-cycle{left:26px;bottom:365px}#world-event{top:165px;width:88%;max-width:88%}.title-content .subtitle{letter-spacing:3px;font-size:10px}}@media(max-width:500px){#top-left{width:150px}.location-line{font-size:9px;letter-spacing:.5px}.sub-location{max-width:145px}#bars{max-width:145px}#compass{top:115px}}

/* The riding overhaul: readable controls, clear hierarchy, quieter HUD. */
:root{--paper:#f1e8d3;--gold:#c9a766;--glass:#121716b8;--border:#eee4ca55}body{background:#101615}#vignette{background:radial-gradient(ellipse at 50% 45%,transparent 55%,#07120e42)}.title-shade{background:linear-gradient(90deg,#0b1214ef,#0b1214aa 32%,#0b121400 80%),linear-gradient(0deg,#070e11b0,transparent 35%)}.subtitle{color:#c7a774;font-size:14px;letter-spacing:5px}.intro{font-size:17px;line-height:1.65}.primary{background:#cbaa6e;border:0;color:#18201c;min-height:60px;font-size:16px}.quiet{font-size:13px}.title-tags{font-size:11px}.title-content h1{letter-spacing:.025em}#top-left{top:24px;left:26px}.location-line{font-size:14px;letter-spacing:1px}#bars{height:6px;width:210px}.bar.health i{background:#ded8bc}.bar.stamina i{background:#bba16a}.stat-line{font-size:11px}.sub-location{font-size:13px}#compass{opacity:.8}#compass-strip{font-size:11px}#bearing{font-size:10px}#top-right{gap:18px}#atlas-btn{display:none}.icon-button{width:48px;height:52px;border-radius:9px;background:var(--glass)}.icon-button span{font-size:10px}#alert-label{font-size:10px;letter-spacing:1px}#alert-pips{font-size:20px}#mini-wrap{top:132px;bottom:auto;left:26px;width:108px;height:108px;border-color:#e0d2ad77;background:#172321b8}#objective{top:257px}#toast{top:100px;font-size:14px;max-width:540px;padding:11px 20px;background:#101817d9;pointer-events:none}#joystick{width:154px;height:154px;left:38px;bottom:55px;border:2px solid #e8e4d534;background:#111b1844;box-shadow:inset 0 0 25px #0002}#stick{width:56px;height:56px;left:47px;top:47px;background:#e6dfc94d;border:1px solid #ede5cc9c;box-shadow:0 3px 16px #0003}#joystick>span{top:166px;font-size:10px;letter-spacing:1.5px}#ride{position:absolute;left:38px;bottom:236px;min-width:154px;min-height:54px;border:1px solid #d6bd85a6;background:#16221be0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 13px;color:#e9d4a9;box-shadow:0 4px 15px #0003}#ride svg{width:32px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#ride span{font-size:11px;font-weight:700;letter-spacing:.5px}#ride.mounted{background:#b0925e;color:#131c16}#look-hint{right:35px;bottom:335px;font-size:11px;letter-spacing:.4px;color:#eee8d9a6}#actions{right:30px;bottom:38px;width:232px;height:275px;transform:none}#actions .round{border-color:var(--border);background:var(--glass);backdrop-filter:blur(6px);box-shadow:0 4px 16px #0002}#actions small{font-size:10px;font-weight:600;letter-spacing:.6px}#actions svg{stroke-width:1.6}#actions .attack{width:100px;height:100px;top:93px;right:0;background:#6b342cdc;border-color:#c98c6a99}#attack svg{width:38px;height:38px}#actions #guard{left:24px;bottom:0;width:76px;height:76px}#actions #dodge{right:0;bottom:0;width:76px;height:76px}#actions .context{height:54px;width:160px;border-radius:10px;left:auto;right:0;top:24px;flex-direction:row;gap:9px;background:#17221edb}#actions .context .symbol{font-size:22px}#actions .context small{max-width:110px;font-size:11px}#actions .context.available{background:#a88d55eb;border-color:#ead4a4;color:#101a14}#actions .pressed{background:#b69d65e0!important;transform:scale(.96)}#more-controls{position:absolute;left:19px;top:111px;width:64px;height:64px;background:#121b18bd;border:1px solid #fff3;border-radius:50%;font-size:22px;letter-spacing:2px}#actions .extra{display:none}#actions.expanded .extra{display:flex}#actions #heavy{left:-69px;top:98px;width:72px;height:72px;background:#5b382bdc}#actions #throw{left:-69px;right:auto;top:180px;width:72px;height:72px}#weapon-cycle{left:auto;right:112px;bottom:336px;background:#121b18c2;font-size:10px;height:38px;min-width:110px}#look-hint{bottom:384px}#context-hint{position:absolute;right:30px;bottom:300px;font:14px Georgia;max-width:220px;text-align:right;text-shadow:0 2px 6px #000}#mount-tag{position:absolute;transform:translate(-50%,-100%);padding:7px 11px;background:#101918dd;border:1px solid #d3b47388;border-radius:5px;font-size:10px;letter-spacing:1px;color:#f0d39b;white-space:nowrap}#mount-tag:after{content:'';position:absolute;left:50%;bottom:-7px;border:4px solid transparent;border-top-color:#d3b473}#speedometer{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);text-align:center;text-shadow:0 2px 10px #000}#speed-value{font:italic 38px Georgia;display:block}#speedometer small{font-size:9px;letter-spacing:2px}#chaos-score{position:absolute;left:50%;top:24%;transform:translateX(-50%);color:#e6c58b;font-size:15px;letter-spacing:2px;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .2s}#chaos-score.show{opacity:1}#bark{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);max-width:420px;text-align:center;background:#101715b8;padding:10px 18px;font:italic 15px/1.5 Georgia;color:#eee6d3;opacity:0;transition:opacity .2s}#bark.show{opacity:1}#bottom-info{bottom:22px}#ambient-line{font-size:12px}#weather-text{font-size:10px}#conversation{position:absolute;left:50%;bottom:85px;transform:translateX(-50%);width:min(430px,calc(100vw - 540px));min-width:280px;background:#141b18ef;border:1px solid #b6a27a77;padding:20px;pointer-events:auto;box-shadow:0 12px 50px #0005;border-radius:8px}#talk-name{font-size:11px;letter-spacing:1.8px;color:#d1b27c}#talk-line{font:19px/1.45 Georgia;margin:13px 0 18px}#talk-actions{display:flex;gap:7px;flex-wrap:wrap}#talk-actions button{padding:12px;background:#d1b477;color:#151e18;border-radius:4px;min-height:44px;font-size:12px}#talk-close{position:absolute;right:10px;top:5px;width:36px;height:36px;background:transparent;font-size:26px}#panel{background:#070d0db5}#panel-inner{background:#17201df8;border-radius:10px;border-color:#c4b38355}#panel-body{font-size:14px}.menu-card{border-radius:6px;min-height:82px}.menu-card strong{font-size:15px}.menu-card small,.subtle{font-size:12px}.menu-row small{font-size:12px}.menu-row strong{font-size:15px}#target-info{top:47%}#target-info span{font-size:12px}#world-event{font-size:11px;top:79px}
@media(max-height:650px) and (orientation:landscape){#joystick{width:136px;height:136px;left:28px;bottom:35px}#stick{left:39px;top:39px}#joystick>span{top:144px}#ride{left:28px;bottom:194px;min-width:136px}#mini-wrap{width:82px;height:82px;top:120px;left:185px}#actions{right:22px;bottom:24px;transform:scale(.88);transform-origin:right bottom}#context-hint{bottom:263px;right:22px}#weapon-cycle{right:120px;bottom:280px}#look-hint{display:none}#conversation{bottom:42px;width:310px;padding:16px}#bark{bottom:130px;max-width:300px;font-size:13px}#speedometer{bottom:65px}#top-left{top:17px}#top-right{top:14px}#toast{top:83px;font-size:12px}#objective{top:210px;left:185px;width:180px}}
@media(orientation:portrait){#top-left{left:18px;top:22px;width:180px}.location-line{font-size:12px}#top-right{top:19px;right:14px;gap:12px;flex-direction:column-reverse}#compass{top:136px;width:200px}#mini-wrap{top:129px;left:20px;width:82px;height:82px}#joystick{left:22px;bottom:64px;width:142px;height:142px}#stick{left:42px;top:42px;width:54px;height:54px}#joystick>span{top:155px}#ride{left:22px;bottom:235px;min-width:142px;padding:7px}#ride span{font-size:10px}#actions{right:17px;bottom:52px;width:205px;height:270px;transform:scale(.86);transform-origin:right bottom}#weapon-cycle{left:auto;right:18px;bottom:336px;font-size:10px}#context-hint{right:18px;bottom:292px;max-width:175px;font-size:13px}#look-hint{display:none}#toast{top:222px;width:90%;font-size:13px}#chaos-score{top:32%;font-size:13px;width:85%;text-align:center}#bark{bottom:390px;width:85%;max-width:360px;font-size:14px}#conversation{bottom:395px;width:calc(100% - 44px);max-width:450px;min-width:0}#speedometer{left:52%;bottom:315px}#speed-value{font-size:30px}#bottom-info{bottom:17px}#objective{top:310px;left:20px}#world-event{top:184px}#discovery{top:33%}.intro{font-size:16px}.title-content .subtitle{font-size:11px;letter-spacing:2px}}
@media(max-width:420px) and (orientation:portrait){#joystick{left:16px;width:132px;height:132px}#stick{left:38px;top:38px}#joystick>span{top:145px}#ride{left:16px;min-width:132px;max-width:140px}#actions{right:10px;transform:scale(.8)}#weapon-cycle{right:10px}#bars{width:155px}.location-line{font-size:11px}.stat-line{font-size:9px;gap:8px}.sub-location{font-size:11px}.icon-button{width:43px}#context-hint{max-width:150px}#conversation{bottom:375px}#bark{bottom:375px}}
#joystick>span{white-space:nowrap}#conversation{z-index:8}#bark{z-index:3}body:has(#conversation:not(.hidden)) #bark{opacity:0}#panel-body button{min-height:44px}

/* The province: map, pursuits, driving. */
#route-hint{margin-top:8px;font-size:11px;letter-spacing:.3px;color:#e5c487;text-shadow:0 2px 4px #000;white-space:nowrap}#pursuit-state{font-size:9px;letter-spacing:1px;color:#dcb38e;text-align:right;margin-top:6px;white-space:nowrap}#vehicle-condition{font:10px sans-serif;letter-spacing:1px;margin-top:8px;color:#d4bc8a}#actions #firepot{left:-150px;top:180px;width:72px;height:72px;background:#693c28eb}#actions #firepot small{font-size:10px}.province-summary{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#c0b596;margin-bottom:12px}.map-container{height:min(53vh,470px);background:#343e30;border-color:#c6b88d44;border-radius:5px}.map-controls button{min-width:44px;width:auto;padding:0 12px;font-size:12px}.map-controls #zoom-in,.map-controls #zoom-out{font-size:22px}.map-legend{position:absolute;right:12px;bottom:13px;font-size:9px;letter-spacing:.8px;color:#e3c791;text-shadow:0 2px 5px #000;pointer-events:none}#map-destination{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#cbb58414;border:1px solid #cbb58435;border-radius:5px;margin-bottom:16px}#map-destination>div{flex:1}#map-destination strong{display:block;font:20px Georgia;color:#e9d4a8}#map-destination small{display:block;font-size:12px;color:#b3bca9;margin-top:5px;line-height:1.5}#map-travel{padding:12px 16px;background:#c7aa6d;color:#17231c;white-space:nowrap;border-radius:4px;font-size:12px}#map-travel:disabled{opacity:.3}#map-clear{font-size:25px;width:44px;background:transparent}.town-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.town-grid button{text-align:left;padding:13px 16px;background:#ffffff05;border:1px solid #d2be8a33;border-radius:4px}.town-grid strong{display:block;font:16px Georgia;color:#e4d4ae}.town-grid small{display:block;color:#aebba9;font-size:11px;margin-top:5px}.town-grid button:hover{background:#d2be8a17}#big-map{cursor:grab}#big-map:active{cursor:grabbing}#panel-body:has(#big-map){padding-top:18px}
@media(orientation:portrait){#actions #firepot{left:-69px;top:15px;width:72px;height:72px}#route-hint{font-size:10px}#pursuit-state{font-size:8px}.province-summary{flex-direction:column;gap:5px}.map-container{height:38vh}#map-destination{flex-wrap:wrap;padding:12px;gap:8px}#map-destination>div{flex-basis:100%}.town-grid{grid-template-columns:1fr 1fr}.town-grid button{padding:12px 10px}.map-caption{font-size:9px}.map-legend{font-size:8px}.map-controls{left:10px;right:auto}.map-controls button{padding:0 9px}}
@media(max-height:650px) and (orientation:landscape){#route-hint{font-size:10px;margin-top:5px}#pursuit-state{font-size:8px}.map-container{height:52vh}#actions #firepot{left:-150px;top:180px}}