:root{font-family:Space Grotesk,sans-serif;color:#f3f0e5;background:#193c43;font-synthesis:none;--ink: #26464a;--muted: #77908e;--paper: #f0eee3;--sea: #23494e;--sand: #eec391;--line: rgba(39, 75, 74, .15);--mono: "DM Mono", monospace;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#app,#experience{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:none;color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--sand);outline-offset:4px}button{touch-action:manipulation}button svg,svg{display:block;flex:none;width:20px;height:20px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}#experience{position:relative}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,42,44,.6),transparent 75%),linear-gradient(0deg,rgba(15,41,46,.48),transparent 25%,transparent 78%,rgba(18,40,42,.28));transition:opacity 1s}.playing .scene-shade{background:linear-gradient(0deg,rgba(10,35,41,.2),transparent 25%,transparent 85%,rgba(10,35,41,.3))}.topbar{position:absolute;z-index:5;inset:0 0 auto;height:106px;padding:0 45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-align:left;font-size:26px;letter-spacing:-1.6px;line-height:.95;font-weight:600;padding:0}.brand-mark{width:38px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,239,221,.65);border-radius:22px 22px 5px 5px}.brand-mark svg{width:25px;height:25px}.brand-second{display:block;font-size:14px;letter-spacing:4.1px;font-weight:400;margin-top:5px}.edition{font:9px/1.6 var(--mono);letter-spacing:1.5px;margin-left:7px;padding-left:19px;border-left:1px solid #ffffff40}.main-nav{display:flex;gap:4px;padding:5px;background:#1834363d;border:1px solid rgba(240,241,221,.2);border-radius:50px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-nav button{display:flex;align-items:center;gap:8px;padding:12px 17px;font-size:13px;border-radius:30px;color:#efefe3c9;transition:background .2s,color .2s}.main-nav button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 6px #0a252522}.main-nav button:hover:not(.active){background:#eaf4ea24;color:#fff}.main-nav svg{width:16px;height:16px}.main-nav kbd{font-size:9px;opacity:.6;margin-left:3px}.top-tools{display:flex;align-items:center;gap:12px}.icon-button{display:flex;align-items:center;justify-content:center;padding:9px;border-radius:50%;transition:background .2s}.icon-button:hover{background:#ffffff20}.peace-label{font-size:11px;color:#f2f1e3d9;border-left:1px solid #ffffff40;padding-left:20px;display:flex;align-items:center;gap:7px;margin-left:3px}.peace-label span{width:5px;height:5px;background:#cee3c9;border-radius:50%}.intro-coordinate{position:absolute;top:145px;left:48px;display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:1.1px;color:#e8efe3ab}.live-dot{display:inline-block;width:5px;height:5px;background:#afc9a9;border-radius:50%;box-shadow:0 0 0 4px #afc9a918;flex:none}.coordinate-rule{width:25px;height:1px;background:#e4ebd870}.intro{position:absolute;left:7.1%;top:30%;max-width:720px}.eyebrow{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:1.6px;line-height:1.6}.tiny-line{width:26px;height:1px;background:var(--sand)}.intro>.eyebrow{color:#f1d9b9;margin-bottom:24px}.intro h1{font:clamp(76px,7.3vw,120px)/.93 var(--serif);letter-spacing:-3.8px;margin:0 0 27px;text-shadow:0 2px 30px #183e3912;font-weight:400}.intro h1 em{font-weight:400;letter-spacing:-4.2px;color:#e4e7d5}.intro p{font-size:14px;line-height:1.8;letter-spacing:-.1px;color:#f0eee0c7;margin:0 0 28px}.intro-actions{display:flex;align-items:center;gap:22px}.primary-button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--sand);color:#2d4746;font-size:13px;font-weight:600;padding:17px 23px;border-radius:4px;min-height:50px;transition:background .2s,transform .2s}.primary-button:hover{background:#f7d5aa;transform:translateY(-2px)}.primary-button svg{width:18px;height:18px}.text-button{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:500;padding:10px 0}.text-button svg{width:16px;height:16px}.text-button:hover{opacity:.7}.secondary-button{display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 20px;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;font-weight:500;background:#f8f7ef;transition:background .2s}.secondary-button:hover{background:#e9e8da}.intro-facts{display:flex;gap:23px;margin-top:27px;color:#e5eaddb3;font-size:10px}.intro-facts>span{display:flex;align-items:center;gap:7px}.intro-facts svg{width:13px;height:13px}.intro-place{position:absolute;right:5.4%;bottom:28%;width:220px;display:block;padding-left:18px;text-shadow:0 1px 8px #204345}.place-line{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(var(--sand),#edc19120)}.intro-place .eyebrow{font-size:8px;color:#dfdecbc4}.intro-place h2{font:32px var(--serif);margin:8px 0 5px}.intro-place p{font-size:10px;color:#e9eadab6}.intro-place .text-button{font-size:10px}.intro-bottom{position:absolute;left:45px;right:45px;bottom:73px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vehicle-dock{display:flex;align-items:center;gap:7px;border:1px solid #ebecdd30;background:#1f3f419e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:8px 10px;border-radius:7px}.dock-label{font:8px/1.5 var(--mono);letter-spacing:1px;max-width:85px;color:#e2e7d6a1;padding:0 12px}.dock-mode{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:3px;color:#d8e1d4;font-size:11px}.dock-mode svg{width:18px;height:18px}.dock-mode.selected{background:var(--paper);color:var(--ink)}.dock-mode:hover:not(.selected){background:#e9ecd411}.intro-help{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.intro-help span{font:17px var(--serif);font-style:italic;color:#e8e8d5c2}.intro-help button{display:flex;align-items:center;gap:8px;font-size:10px;color:#e4e9dba3}.intro-help svg{width:13px;height:13px}.world-caption{position:absolute;bottom:24px;left:45px;right:45px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#dce5d987;pointer-events:none}.world-caption>span:nth-child(2){font-family:Space Grotesk;letter-spacing:.2px}.play-hud{position:absolute;inset:0;pointer-events:none}.play-hud button{pointer-events:auto}.location-hud{position:absolute;left:45px;top:137px;text-shadow:0 2px 8px #143a36}.location-hud .eyebrow{color:#f3f0e5ba;font-size:8px}.location-hud h2{font:44px var(--serif);margin:10px 0 3px}.location-hud p{font-size:11px;margin:0;opacity:.75}.discovery-hud{position:absolute;right:46px;top:144px;display:flex;gap:9px;align-items:center;font-size:10px;text-shadow:0 2px 8px #143a36}.discovery-hud svg{width:16px;height:16px}.discovery-hud>span:first-of-type{font:12px var(--mono)}.discovery-hud>span:last-of-type{opacity:.7}.minimap{position:absolute;bottom:64px;left:45px;width:208px;height:168px;border:1px solid #e7e7d869;border-radius:6px;overflow:hidden;box-shadow:0 5px 20px #17332e26;padding:0}.minimap canvas{width:100%;height:100%}.minimap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1a49465e,transparent 30%);pointer-events:none}.minimap-north{position:absolute;top:12px;right:12px;font:9px var(--mono);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:1}.minimap-north svg{width:10px;height:10px}.minimap-caption{position:absolute;left:12px;bottom:10px;right:12px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:2px;z-index:1}.minimap-caption kbd{padding:0 4px;border:1px solid #fff5;border-radius:2px}.drive-hud{position:absolute;bottom:75px;left:50%;transform:translate(-50%);display:flex;gap:17px;align-items:center;border:1px solid #eeecde42;border-radius:6px;background:#21484d8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 17px 12px 22px;box-shadow:0 3px 20px #16313210}.speedometer{display:flex;align-items:baseline;gap:6px;min-width:63px}.speedometer>span:first-child{font:36px/1 var(--serif)}.speed-unit{font:8px var(--mono);color:#d2ddcf}.drive-details{display:flex;flex-direction:column;gap:5px;border-left:1px solid #d8e2cf30;padding-left:17px}.drive-details>span:first-child{font-size:12px}.drive-details>span:last-child{font-size:9px;color:#dee4d5b0}.drive-hud .icon-button{padding:5px;margin-left:9px}.drive-hud svg{width:17px;height:17px}.controls-hud{position:absolute;right:45px;bottom:84px;display:flex;align-items:center;gap:14px;font-size:9px;color:#e7ebdfbd}.controls-hud kbd{padding:3px 5px;border:1px solid #e6e9d533;border-radius:3px;margin-right:3px;font:8px var(--mono)}.controls-hud button{padding:4px}.controls-hud button svg{width:16px;height:16px}.route-hud{position:absolute;right:45px;top:197px;display:flex;align-items:center;gap:14px;padding:17px;background:#23484eeb;border:1px solid #e5e6d329;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:370px;border-radius:5px}.route-arrow{display:flex;align-items:center;justify-content:center;width:39px;height:42px;background:var(--sand);color:var(--sea);border-radius:4px}.route-arrow svg{width:23px;height:23px}.route-hud>div{display:flex;flex-direction:column;gap:5px}.route-hud .eyebrow{font-size:7px;color:#e0e4d69c}.route-hud strong{font-size:12px;font-weight:500}.route-hud>div>span:last-child{font-size:9px;color:#dce2d7a6}.route-hud .icon-button{padding:5px}.route-hud .icon-button svg{width:14px;height:14px}.toast{position:absolute;z-index:35;left:50%;bottom:170px;transform:translate(-50%);display:flex;align-items:center;gap:11px;background:#f1eedf;color:#2f4c47;padding:14px 22px;max-width:min(600px,90%);border-radius:5px;box-shadow:0 4px 30px #173a3426;font-size:12px;animation:toast-in .3s both}.toast svg{width:15px;height:15px}.loading{position:absolute;z-index:50;inset:0;background:#1d4047;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .7s,visibility .7s}.loading.loaded{opacity:0;pointer-events:none}.loading-logo{width:54px;height:68px;border:1px solid #eee4cd7d;border-radius:30px 30px 5px 5px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.loading-logo svg{width:32px;height:32px}.loading .eyebrow{color:#e9d2b1}.loading h2{font:52px/1.08 var(--serif);margin:22px 0 32px;letter-spacing:-.9px}.loading-track{width:185px;height:2px;background:#d8e2cf26;overflow:hidden}.loading-track span{display:block;width:50%;height:100%;background:var(--sand);animation:loading 1.6s ease-in-out infinite}.loading p{font-size:11px;color:#e5eadac1;margin:20px;max-width:80%;line-height:1.8}.loading-note{font:8px var(--mono);letter-spacing:1px;color:#cadbc374}.modal-backdrop{position:absolute;z-index:20;inset:0;background:#16383d85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:36px}.modal{width:min(1180px,100%);max-height:min(850px,90vh);background:var(--paper);color:var(--ink);border-radius:10px;overflow:auto;box-shadow:0 15px 90px #112c3338;animation:modal-in .25s;scrollbar-color:#93a296 transparent;scrollbar-width:thin}.modal-header{padding:31px 36px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.modal-header .eyebrow{font-size:8px;color:#68867d;letter-spacing:1.4px}.modal-header h2{font:42px/1.1 var(--serif);margin:9px 0 0;letter-spacing:-.7px;font-weight:400}.modal-header p{font-size:11px;color:#738980;line-height:1.7;margin:11px 0 0}.close-button{display:flex;flex-direction:column;align-items:center;gap:7px;color:#6e837a;padding:2px}.close-button svg{width:21px;height:21px}.close-button kbd{font:7px var(--mono);letter-spacing:1px}.close-button:hover{color:#183c3a}.modal-map{overflow:hidden}.map-layout{height:min(585px,65vh);min-height:340px;display:grid;grid-template-columns:272px 1fr}.map-sidebar{border-right:1px solid var(--line);padding:19px 18px;overflow:auto;scrollbar-width:thin}.search-field{display:flex;align-items:center;gap:10px;background:#f8f6ed;border:1px solid var(--line);border-radius:4px;padding:12px}.search-field svg{width:15px;height:15px;color:#6d897d}.search-field input{min-width:0;border:0;outline:0;background:transparent;font-size:11px;width:100%;color:var(--ink)}.search-field input::placeholder{color:#91a196}.search-field:focus-within{border-color:#819b88;box-shadow:0 0 0 2px #839b8514}.sidebar-label{margin:27px 0 10px 3px;color:#739283;font-size:8px}.parish-list{display:flex;flex-direction:column}.parish-list button{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 5px;text-align:left;border-bottom:1px solid #44625912}.parish-list button:hover{background:#dae0cc77}.parish-list button>span{display:flex;flex-direction:column;gap:4px}.parish-list strong{font-size:11px;font-weight:500}.parish-list small{font-size:8px;color:#839387}.parish-list svg{width:14px;height:14px;color:#96a394}.source-link{display:flex;align-items:center;gap:8px;font-size:9px;color:#748e7e;margin-top:23px}.source-link svg{width:14px;height:14px}.map-surface{position:relative;background:#789a97;overflow:hidden}.map-surface canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.map-surface canvas:active{cursor:grabbing}.map-toolbar{position:absolute;right:20px;bottom:58px;display:flex;flex-direction:column;background:#eeeee0;border:1px solid #3c655930;border-radius:5px;box-shadow:0 2px 10px #38534b14;overflow:hidden}.map-toolbar button{padding:10px;border-bottom:1px solid var(--line)}.map-toolbar button:last-child{border:0}.map-toolbar button:hover{background:#dfe2ce}.map-toolbar svg{width:16px;height:16px}.map-compass{position:absolute;right:26px;top:22px;display:flex;flex-direction:column;align-items:center;font:10px var(--mono);gap:5px;color:#e8edd8;text-shadow:0 1px 7px #153d33}.map-compass svg{width:17px;height:17px}.map-legend{position:absolute;bottom:15px;right:19px;display:flex;gap:12px;background:#eeeeddcf;padding:7px 10px;font-size:8px;border-radius:4px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:5px;height:5px;background:#345b51;border-radius:50%;display:inline-block}.map-legend .legend-current{background:#efc58b;border:1px solid #3b5e54;width:7px;height:7px}.map-legend .legend-route{background:#efbf81;width:10px;height:2px;border-radius:0}.map-selected{position:absolute;bottom:57px;left:20px;max-width:calc(100% - 100px);background:#f3f0e1f5;border:1px solid #45665533;padding:18px;border-radius:5px;box-shadow:0 3px 18px #375b461f}.map-selected .eyebrow{font-size:7px;color:#82917e;letter-spacing:1px}.map-selected h3{font:26px var(--serif);margin:6px 0 15px}.map-selected>div{display:flex;gap:15px}.map-selected button{display:flex;align-items:center;gap:6px;font-size:10px}.map-selected button svg{width:14px;height:14px}.map-result{padding:10px 5px;border-bottom:1px solid var(--line);width:100%;text-align:left;display:flex;flex-direction:column;gap:4px}.map-result strong{font-size:11px;font-weight:500}.map-result small{font-size:8px;opacity:.6}.no-results{font-size:10px;color:#81917c}.places-tools{display:flex;align-items:center;gap:25px;padding:23px 36px 16px}.places-tools .search-field{width:430px}.album-button{display:flex;align-items:center;gap:9px;white-space:nowrap;margin-left:auto;font-size:10px}.album-button svg{width:16px;height:16px}.album-button>span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:20px;height:20px;border-radius:50%;font:8px var(--mono)}.category-filters{padding:0 36px 20px;display:flex;gap:5px;overflow:auto;scrollbar-width:none}.category-filters button{padding:8px 13px;border-radius:30px;font-size:10px;white-space:nowrap;color:#7b8e80;border:1px solid transparent}.category-filters button.selected{background:#2e5451;color:#efefe0}.category-filters button:hover:not(.selected){border-color:var(--line)}.places-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 36px 30px}.poi-card{position:relative;display:flex;flex-direction:column;background:#f7f5ec;border:1px solid #536e5724;border-radius:5px;text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s}.poi-card:hover{transform:translateY(-3px);box-shadow:0 5px 18px #324b3820}.poi-image{height:145px;background-size:180%;width:100%;display:block;position:relative;filter:saturate(.65);overflow:hidden}.poi-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1d413851,transparent 80%)}.poi-symbol{position:absolute;top:14px;left:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #f4f5dd7a;color:#f4f4dd;border-radius:50%;background:#214a3d40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.poi-symbol svg{width:15px;height:15px}.poi-category{position:absolute;bottom:13px;left:14px;font-size:9px;color:ivory;background:#2445398a;padding:4px 9px;border-radius:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visited-check{position:absolute;right:15px;top:15px;background:#eeefd9;border-radius:50%;padding:5px;color:#456744}.visited-check svg{width:12px;height:12px}.poi-card-text{display:flex;flex-direction:column;gap:8px;padding:17px 17px 22px;width:100%}.poi-card-text>.eyebrow{font-size:7px;color:#7c9281;letter-spacing:1px}.poi-card-text>strong{font:24px/1.1 var(--serif);letter-spacing:-.3px;padding-right:18px}.poi-card-text>span:last-child{font-size:9px;line-height:1.7;color:#82907e;min-height:30px}.poi-card-arrow{position:absolute;right:17px;bottom:55px;color:#849681}.poi-card-arrow svg{width:14px;height:14px}.places-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 36px;border-top:1px solid var(--line);font-size:9px;color:#81917d}.places-footer>span:last-child{display:flex;align-items:center;gap:6px}.places-footer svg{width:13px;height:13px}.garage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:30px 30px 25px}.vehicle-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;background:#f6f3e9;padding:0}.vehicle-card:hover{border-color:#78937e;transform:translateY(-3px)}.vehicle-card.chosen{border-color:#4b7767}.vehicle-preview{position:relative;width:100%;height:160px;background:radial-gradient(ellipse at 50% 120%,#97afa285,#ced6b727 80%);color:#92a698;display:flex;align-items:center;justify-content:center;padding:10px 6px}.vehicle-outline{width:100%}.vehicle-outline>svg{width:100%;height:100%}.vehicle-preview[data-vehicle=car]{color:#a9b5a6}.vehicle-preview[data-vehicle=moto]{color:#b99076}.vehicle-preview[data-vehicle=plane]{color:#aca788}.vehicle-preview[data-vehicle=walk]{color:#798d87}.vehicle-number{position:absolute;left:14px;top:12px;font:7px var(--mono);letter-spacing:1.4px;color:#96a491}.vehicle-current{position:absolute;right:12px;top:12px;font:6px var(--mono);letter-spacing:1px;color:#49705b;border:1px solid #70907355;border-radius:2px;padding:3px 4px}.vehicle-info{padding:15px 15px 19px;display:flex;flex-direction:column;gap:12px;flex:1}.vehicle-info strong{font:27px var(--serif)}.vehicle-info>span{font-size:9px;line-height:1.8;color:#83917c;min-height:65px}.vehicle-info small{display:flex;align-items:center;gap:7px;font:8px var(--mono);color:#6f8878}.vehicle-info svg{width:13px;height:13px}.vehicle-select{border-top:1px solid var(--line);padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;font-weight:500;background:#e3e6d033}.vehicle-select svg{width:13px;height:13px}.chosen .vehicle-select{color:#eef0de;background:#50715f}.garage-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#81917d;font-size:9px;margin:0 30px 28px;line-height:1.8}.garage-note svg{width:14px;height:14px}.modal-poi{max-width:920px}.poi-detail{display:grid;grid-template-columns:1.1fr 1fr}.poi-detail-image{position:relative;min-height:410px;background-size:210%;display:flex;align-items:flex-end;justify-content:space-between;padding:25px;filter:saturate(.75)}.poi-detail-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#21483a9e,transparent 60%)}.poi-detail-image>span{position:relative;display:flex;align-items:center;gap:7px;color:#f0f1dc;font-size:11px;z-index:1}.poi-detail-image .orthophoto-label{font:6px var(--mono);letter-spacing:1px}.poi-detail-image svg{width:14px;height:14px}.poi-detail-text{padding:34px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.poi-detail-text>.eyebrow{color:#82947e;font-size:7px}.poi-detail-text>p{font:25px/1.3 var(--serif);margin:4px 0 0}.poi-detail-text>.address{font:10px Space Grotesk;display:flex;align-items:center;gap:7px;color:#82927e}.address svg{width:14px;height:14px}.poi-coordinates{font:8px var(--mono);color:#94a18c;margin:6px 0 15px}.poi-detail-text>.primary-button,.poi-detail-text>.secondary-button{width:100%;font-size:11px;padding:13px 17px;min-height:44px}.poi-detail-text>small{font-size:8px;color:#8b9883;line-height:1.7}.external-link{color:#79907c;font-size:9px}.modal-settings{max-width:840px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:30px 36px}.settings-section h3{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;margin:0 0 26px}.settings-section h3 svg{width:17px;height:17px;color:#77927d}.setting-label{display:flex;justify-content:space-between;font-size:10px;margin:21px 0 12px;color:#768e78}.setting-label>span{font:9px var(--mono)}.renderer-note,.renderer-status{font-size:10px;line-height:1.6;color:#7c927b}.renderer-note{margin:10px 0 6px}.renderer-status{margin:0 0 14px}.renderer-status strong{color:var(--ink)}.weather-options{display:flex;gap:7px}.weather-options button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;border:1px solid var(--line);border-radius:4px;font-size:8px;flex:1;color:#7c927b}.weather-options button.selected{border-color:#6b8c71;background:#d9dfc668;color:#3e664f}.weather-options svg{width:19px;height:19px}.settings-section input[type=range]{width:100%;accent-color:#5e7d66;cursor:pointer}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.setting-toggle>span{display:flex;flex-direction:column;gap:5px}.setting-toggle strong{font-size:11px;font-weight:500}.setting-toggle small{font-size:8px;color:#8c9b84}.setting-toggle input{appearance:none;width:31px;height:18px;border:0;background:#c8d1b9;border-radius:20px;flex:none;cursor:pointer;position:relative;transition:background .2s}.setting-toggle input:before{content:"";width:12px;height:12px;position:absolute;top:3px;left:3px;background:#f1f0e3;border-radius:50%;transition:transform .2s}.setting-toggle input:checked{background:#557b5c}.setting-toggle input:checked:before{transform:translate(13px)}.settings-section select{width:100%;padding:12px 9px;border:1px solid var(--line);background:#f5f3e8;border-radius:3px;color:#6b876d;font-size:10px}.performance-note{display:flex;align-items:center;gap:9px;padding-top:22px;color:#94a082;font:8px var(--mono)}.performance-note .live-dot{box-shadow:none;background:#809f72;width:4px;height:4px}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 36px;border-top:1px solid var(--line)}.settings-footer .text-button{font-size:10px}.settings-footer>span{font-size:8px;color:#91a086}.modal-help{max-width:860px}.help-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:28px 36px}.help-layout h3{font-size:12px;font-weight:500;margin:0 0 16px}.help-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px;color:#7e957e}.help-row kbd{font:8px var(--mono);color:#5f7b65;padding:5px 7px;border:1px solid var(--line);min-width:65px;text-align:center;border-radius:3px;background:#f8f5e9}.help-tip{display:flex;align-items:center;gap:13px;margin:0 36px 25px;padding:17px;background:#e3e7d066;border:1px solid var(--line);font-size:10px;line-height:1.8;color:#84957c;border-radius:5px}.help-tip svg{width:21px;height:21px}.modal-help>.primary-button{margin:0 36px 30px;font-size:11px}.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 36px}.photo-card{background:#fbf8eb;border:1px solid var(--line);border-radius:4px;overflow:hidden}.photo-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.photo-card>div{padding:14px 17px;display:grid;grid-template-columns:1fr 30px;gap:6px}.photo-card strong{font-size:12px;font-weight:500}.photo-card small{font:8px var(--mono);color:#8b9b81;grid-row:2}.photo-card a{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center}.photo-card svg{width:16px;height:16px}.empty-state{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:30px}.empty-state>svg{width:30px;height:30px;color:#84997f}.empty-state h3{font:30px var(--serif);margin:17px 0 5px}.empty-state p{font-size:11px;color:#8f9b84;line-height:1.8}.empty-state .secondary-button{font-size:10px;margin-top:12px}.source-content{padding:28px 36px}.source-stats{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.source-stats>span{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#8a9a82}.source-stats strong{font:34px var(--serif);color:#587865}.source-content>p{font:8px/1.9 var(--mono);color:#8d9d80;padding:15px 0}.source-row{padding:17px 0;border-bottom:1px solid var(--line)}.source-row h3{font-size:12px;font-weight:500;margin:0 0 8px}.source-row a{display:flex;align-items:center;gap:10px}.source-row svg{width:13px;height:13px}.source-row p{font-size:10px;line-height:1.9;color:#7c9177;margin:9px 0}.source-row small{font-size:9px;color:#8f9d83;line-height:1.8}.reference-links{display:flex;gap:22px;padding:24px 0 0;flex-wrap:wrap;font-size:9px;color:#7b957b}.reference-links a{display:flex;align-items:center;gap:7px}.reference-links svg{width:13px;height:13px}.touch-controls{display:none}#experience:not([data-mode=plane]) [data-control=descend]{display:none}#experience[data-mode=plane] .touch-actions [data-control=brake]{grid-column:2;grid-row:1;height:40px}#experience[data-mode=plane] .touch-actions [data-control=descend]{grid-column:2;grid-row:2}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(210%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:1700px){.intro{top:33%}.intro h1{font-size:135px}.intro p{font-size:16px}.intro-place{bottom:32%}.intro-bottom{bottom:95px}.topbar{height:130px}.intro-coordinate{top:178px}.world-caption{bottom:35px}}@media(max-width:1150px){.topbar{padding:0 27px;gap:15px}.main-nav button{padding:11px 13px}.peace-label{display:none}.intro{left:6%;top:30%}.intro h1{font-size:90px}.intro-place{right:4%;width:200px;bottom:31%}.intro-bottom{left:27px;right:27px}.dock-mode{padding:11px}.intro-help{display:none}.world-caption{left:27px;right:27px}.controls-hud{right:27px;gap:9px}.controls-hud span:first-child{display:none}.garage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vehicle-card{min-width:0}.modal-garage{max-width:850px}.vehicle-info>span{min-height:40px}.location-hud,.minimap{left:27px}.discovery-hud,.route-hud{right:27px}.drive-hud{left:57%}.map-layout{grid-template-columns:245px 1fr}.places-grid{gap:15px}.intro h1{letter-spacing:-2px}.intro h1 em{letter-spacing:-3px}}@media(max-height:760px)and (min-width:801px){.topbar{height:85px}.intro-coordinate{top:109px}.intro{top:25%}.intro h1{font-size:84px;margin-bottom:18px}.intro>.eyebrow{margin-bottom:16px}.intro p{font-size:12px;margin-bottom:18px}.intro-facts{margin-top:18px}.intro-bottom{bottom:54px}.world-caption{bottom:17px}.location-hud{top:110px}.discovery-hud{top:115px}.route-hud{top:155px}.minimap{height:150px;bottom:48px}.drive-hud{bottom:58px}.controls-hud{bottom:67px}.modal-backdrop{padding:22px}.modal-header{padding:23px 30px 20px}.modal-header h2{font-size:36px}.garage-grid{padding:24px}.vehicle-preview{height:130px}}@media(max-width:800px){.topbar{height:90px;padding:0 22px;gap:10px}.brand{font-size:24px;gap:8px}.brand-mark{width:32px;height:42px}.brand-second{font-size:11px;letter-spacing:3.9px}.edition{display:none}.main-nav{padding:3px}.main-nav button{padding:10px 12px;gap:0}.main-nav button span,.main-nav kbd{display:none}.main-nav svg{width:18px;height:18px}.top-tools{gap:2px}.top-tools .icon-button{padding:7px}.top-tools svg{width:17px;height:17px}.intro-coordinate{top:111px;left:24px;font-size:8px}.intro-coordinate>span:last-child{display:none}.coordinate-rule{display:none}.intro{left:6%;top:30%;max-width:88%}.intro h1{font-size:clamp(70px,12vw,100px);line-height:.96;margin-bottom:23px}.intro>.eyebrow{font-size:8px;margin-bottom:23px}.intro p{font-size:12px;line-height:1.9}.intro-facts{gap:19px;font-size:9px}.intro-place{display:none}.intro-bottom{left:22px;right:22px;bottom:62px;justify-content:center}.vehicle-dock{padding:7px;width:100%;justify-content:space-around;max-width:590px}.dock-label{display:none}.dock-mode{flex-direction:column;gap:6px;font-size:9px;padding:10px 14px}.dock-mode svg{width:20px;height:20px}.world-caption{bottom:21px;left:22px;right:22px;font-size:7px}.world-caption>span:last-child{display:none}.world-caption>span:nth-child(2){font-size:7px}.location-hud{left:23px;top:112px}.location-hud h2{font-size:35px}.discovery-hud{right:23px;top:117px;gap:6px}.discovery-hud>span:last-of-type{display:none}.route-hud{top:182px;right:23px;max-width:300px}.route-hud strong{font-size:11px}.route-hud>div>span:last-child{font-size:8px}.minimap{left:22px;bottom:60px;width:168px;height:134px}.drive-hud{left:auto;right:23px;transform:none;bottom:62px;gap:13px;padding:12px 15px}.speedometer>span:first-child{font-size:32px}.drive-details{padding-left:13px}.drive-hud .icon-button{margin-left:0}.controls-hud{display:none}.modal-backdrop{padding:20px}.modal{max-height:92dvh;max-width:100%;border-radius:8px}.modal-header{padding:23px 25px 20px}.modal-header h2{font-size:34px;line-height:1.07}.modal-header p{font-size:10px}.map-layout{grid-template-columns:210px 1fr;height:64dvh}.map-sidebar{padding:15px 12px}.parish-list small{font-size:7px}.map-sidebar .search-field{padding:10px 8px}.map-sidebar .search-field input{font-size:9px}.places-tools{padding:20px 24px 15px;gap:10px}.album-button{font-size:9px}.places-tools .search-field{width:100%}.category-filters{padding:0 24px 18px}.places-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px 25px}.poi-image{height:140px}.places-footer{padding:15px 24px;align-items:flex-start}.places-footer>span:last-child{max-width:220px;font-size:8px}.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:13px}.vehicle-info{padding:13px}.vehicle-info strong{font-size:26px}.vehicle-info>span{font-size:9px;min-height:50px}.vehicle-select{padding:13px;font-size:9px}.vehicle-preview{height:145px}.garage-note{justify-content:flex-start;align-items:flex-start;font-size:9px}.poi-detail{grid-template-columns:1fr}.poi-detail-image{min-height:260px;max-height:260px;background-size:140%}.poi-detail-text{padding:27px}.poi-detail-text>p{font-size:27px}.settings-grid{gap:25px;padding:24px}.settings-footer{padding:17px 24px}.weather-options{gap:5px}.weather-options button{font-size:7px;padding:12px 5px}.settings-section select{font-size:9px}.help-layout{gap:25px;padding:25px}.help-row{font-size:8px;gap:10px}.help-row kbd{font-size:7px;min-width:57px}.help-tip{margin:0 25px 25px}.modal-help>.primary-button{margin:0 25px 25px}.album-grid{padding:25px;gap:15px}.source-content{padding:25px}}@media(max-width:520px){.topbar{padding:0 17px;height:79px;gap:5px}.brand{font-size:21px;gap:7px}.brand-second{font-size:10px;letter-spacing:3.2px}.brand-mark{width:29px;height:36px}.brand-mark svg{width:21px;height:21px}.main-nav{gap:0}.main-nav button{padding:9px}.main-nav svg{width:16px;height:16px}.top-tools{gap:0}.top-tools .icon-button{padding:5px}.top-tools .icon-button:first-child{display:none}.intro-coordinate{top:99px;left:22px}.intro{left:22px;top:30%;max-width:calc(100% - 44px)}.intro h1{font-size:76px;letter-spacing:-2px}.intro h1 em{letter-spacing:-2.5px}.intro>.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:22px}.intro p{font-size:11px;line-height:1.9;margin-bottom:22px}.intro-actions{gap:10px;flex-wrap:wrap}.intro-actions .primary-button{font-size:11px;padding:14px 19px;min-height:46px;gap:25px}.continue-button{font-size:10px;padding:3px 0}.intro-facts{gap:14px;margin-top:23px;font-size:8px}.intro-facts svg{width:11px;height:11px}.intro-bottom{left:17px;right:17px;bottom:57px}.vehicle-dock{gap:0;padding:6px;border-radius:5px}.dock-mode{padding:9px 11px;font-size:8px;gap:6px}.dock-mode svg{width:18px;height:18px}.world-caption{bottom:18px;left:18px;right:18px;letter-spacing:.5px;font-size:6px}.world-caption>span:nth-child(2){font-size:6px}.location-hud{left:21px;top:103px}.location-hud h2{font-size:30px;margin-top:8px}.location-hud .eyebrow{font-size:6px}.location-hud p{font-size:9px}.discovery-hud{right:20px;top:105px}.discovery-hud>span:first-of-type{font-size:9px}.discovery-hud svg{width:13px;height:13px}.minimap{width:141px;height:112px;left:18px;bottom:188px}.minimap-caption{font-size:6px}.minimap-north{font-size:7px;top:9px;right:9px}.drive-hud{right:18px;bottom:188px;gap:9px;padding:12px}.speedometer{min-width:45px;gap:4px}.speedometer>span:first-child{font-size:29px}.speed-unit{font-size:6px}.drive-details{padding-left:9px;gap:4px}.drive-details>span:first-child{font-size:10px}.drive-details>span:last-child{font-size:7px}.drive-hud .icon-button{display:none}.route-hud{top:169px;left:18px;right:auto;max-width:calc(100% - 36px);padding:12px;gap:11px}.route-arrow{width:32px;height:35px}.route-hud>div>.eyebrow{font-size:6px}.route-hud strong{font-size:10px}.touch-controls{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:44px;left:19px;right:19px;pointer-events:auto}.touch-pad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,34px);gap:3px}.touch-pad button,.touch-actions button{background:#234a50a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #eef1e33b;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#eff0dd;padding:0;touch-action:none}.touch-pad button.pressed,.touch-actions button.pressed{background:#cfdbbe;color:#31584e}.touch-pad button svg,.touch-actions button svg{width:18px;height:18px}.touch-pad [data-control=forward]{grid-column:2;grid-row:1}.touch-pad [data-control=left]{grid-column:1;grid-row:2}.touch-pad [data-control=right]{grid-column:3;grid-row:2}.touch-pad [data-control=back]{grid-column:2;grid-row:3}.touch-actions{display:grid;grid-template-columns:repeat(2,40px);gap:9px}.touch-actions button{width:40px;height:40px}.touch-actions button:first-child{grid-row:1/3;grid-column:2;height:65px;align-self:center}.toast{bottom:320px;font-size:10px;padding:12px 16px;max-width:88%}.modal-backdrop{padding:12px}.modal{max-height:94dvh;border-radius:7px}.modal-header{padding:22px 19px 19px}.modal-header h2{font-size:31px}.modal-header .eyebrow{font-size:6px;letter-spacing:1.2px}.modal-header p{font-size:9px;line-height:1.9}.close-button svg{width:18px;height:18px}.close-button kbd{font-size:6px}.map-layout{display:flex;flex-direction:column;height:69dvh;min-height:380px}.map-sidebar{height:105px;flex:none;overflow:visible;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);z-index:3;background:var(--paper)}.map-sidebar>.sidebar-label,.map-sidebar>.source-link{display:none}.map-sidebar .search-field{padding:9px 10px}.parish-list{display:flex;flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none;margin-top:7px}.parish-list button{padding:6px 9px;border:1px solid var(--line);border-radius:3px;white-space:nowrap}.parish-list small,.parish-list svg{display:none}.parish-list strong{font-size:9px}.map-surface{flex:1;min-height:0}.map-sidebar #map-results:not(:empty){position:absolute;top:66px;left:12px;right:12px;max-height:220px;overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 10px #45654d1a;padding:4px 10px}.map-legend{right:12px;bottom:11px;font-size:7px;gap:10px}.map-toolbar{bottom:49px;right:12px}.map-toolbar button{padding:8px}.map-selected{left:12px;bottom:50px;max-width:calc(100% - 70px);padding:13px}.map-selected h3{font-size:24px;margin:5px 0 12px}.map-selected .eyebrow{font-size:6px}.map-selected>div{gap:11px;flex-wrap:wrap}.map-selected button{font-size:9px}.map-compass{right:22px;top:15px}.places-tools{padding:17px 19px 14px;flex-wrap:wrap;gap:12px}.places-tools .search-field{padding:10px}.album-button{margin-left:0;font-size:9px}.category-filters{padding:0 19px 17px}.category-filters button{font-size:9px;padding:7px 11px}.places-grid{gap:12px;padding:0 19px 20px}.poi-image{height:115px}.poi-card-text{padding:13px 11px 16px;gap:7px}.poi-card-text>strong{font-size:20px;padding-right:0}.poi-card-text>.eyebrow{font-size:6px}.poi-card-text>span:last-child{font-size:8px;line-height:1.8;min-height:39px}.poi-card-arrow{display:none}.poi-category{font-size:7px;left:10px;bottom:10px}.poi-symbol{width:25px;height:25px;top:10px;left:10px}.poi-symbol svg{width:12px;height:12px}.places-footer{padding:15px 19px;font-size:8px;gap:15px}.places-footer>span:last-child{max-width:155px;font-size:7px;align-items:flex-start;line-height:1.7}.garage-grid{padding:18px;gap:12px}.vehicle-preview{height:125px}.vehicle-number{font-size:6px;left:10px;top:10px}.vehicle-current{right:8px;top:8px;font-size:5px;letter-spacing:.5px;padding:2px 3px}.vehicle-info{padding:12px;gap:10px}.vehicle-info strong{font-size:26px}.vehicle-info>span{font-size:8px;line-height:1.85;min-height:65px}.vehicle-info small{font-size:7px;gap:5px}.vehicle-info svg{width:11px;height:11px}.vehicle-select{font-size:8px;padding:12px}.vehicle-select svg{width:11px;height:11px}.garage-note{font-size:8px;margin:0 20px 22px;gap:8px}.poi-detail-image{min-height:210px;padding:18px}.poi-detail-image>span{font-size:9px}.poi-detail-text{padding:23px}.poi-detail-text>p{font-size:26px}.settings-grid{grid-template-columns:1fr;gap:28px;padding:22px}.settings-section h3{font-size:12px;margin-bottom:20px}.weather-options button{font-size:9px;padding:14px 9px}.settings-footer{padding:17px 22px;gap:10px}.settings-footer>span{font-size:7px;max-width:150px;line-height:1.8}.settings-footer .text-button{font-size:9px}.help-layout{grid-template-columns:1fr;gap:25px;padding:23px}.help-row{font-size:9px;gap:15px}.help-row kbd{font-size:8px;min-width:70px}.help-tip{margin:0 23px 23px;font-size:9px;padding:13px}.modal-help>.primary-button{margin:0 23px 23px;font-size:10px}.album-grid{grid-template-columns:1fr;padding:20px;gap:17px}.source-content{padding:22px}.source-stats{gap:12px}.source-stats strong{font-size:28px}.source-stats>span{font-size:8px}.source-content>p{font-size:7px}.source-row p{font-size:9px}.source-row h3{font-size:11px}.source-row small{font-size:8px}.reference-links{gap:18px;font-size:8px}.loading h2{font-size:44px}.loading p{font-size:10px}}@media(pointer:coarse)and (min-width:521px){.touch-controls{display:flex;position:absolute;bottom:55px;left:25px;right:25px;justify-content:space-between;align-items:center;pointer-events:auto}.touch-pad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,30px);gap:3px}.touch-pad button,.touch-actions button{background:#234a50a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #eef1e33b;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;touch-action:none}.touch-pad [data-control=forward]{grid-column:2;grid-row:1}.touch-pad [data-control=left]{grid-column:1;grid-row:2}.touch-pad [data-control=right]{grid-column:3;grid-row:2}.touch-pad [data-control=back]{grid-column:2;grid-row:3}.touch-actions{display:flex;gap:10px}.touch-actions button{width:40px;height:40px}.minimap{bottom:183px}.drive-hud{bottom:194px}.controls-hud{display:none}.toast{bottom:330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.loading-track span{width:70%;transform:translate(0)}}.activity-hud{position:absolute;z-index:12;top:108px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 14px;min-width:330px;max-width:min(520px,calc(100% - 36px));color:var(--paper);background:#23484eeb;border:1px solid #e5e6d329;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:5px}.activity-hud.urgent{border-color:#eec391;box-shadow:0 0 0 1px #eec39166}.activity-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;background:var(--sand);color:var(--sea);border-radius:4px}.activity-icon svg{width:20px;height:20px}.activity-hud>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.activity-title{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail{font-size:9px;color:#dce2d7a6}.activity-time{font-family:var(--mono);font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.activity-hud.urgent .activity-time{color:var(--sand)}.activity-hud .icon-button{padding:5px}.activity-hud .icon-button svg{width:14px;height:14px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:22px 30px 8px;overflow-y:auto}.challenge-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:10px 14px;padding:16px;text-align:left;color:var(--ink);background:#fbfaf4;border:1px solid var(--line);border-radius:5px;cursor:pointer;transition:border-color .2s,transform .2s}.challenge-card:hover,.challenge-card:focus-visible{border-color:#26464a66;transform:translateY(-1px)}.challenge-card .challenge-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--paper);background:var(--sea);border-radius:4px}.challenge-card.delivery .challenge-icon{color:var(--sea);background:var(--sand)}.challenge-text{display:flex;flex-direction:column;gap:5px}.challenge-text strong{font-family:var(--serif);font-size:22px;font-weight:400}.challenge-text>span:last-child{font-size:11px;line-height:1.45;color:var(--muted)}.challenge-best{grid-column:2;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--ink)}.challenge-best svg{width:14px;height:14px}@media(max-width:520px){.activity-hud{top:150px;min-width:0;width:calc(100% - 36px);padding:10px;gap:10px}.activity-time{font-size:17px}.challenge-grid{padding:16px 16px 8px;grid-template-columns:1fr}}.vehicle-interaction{position:absolute;bottom:145px;left:50%;transform:translate(-50%);max-width:min(360px,calc(100vw - 32px));display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border:1px solid #c7d0b8;border-radius:5px;background:#edf0dcf2;color:#284b40;font-size:12px;box-shadow:0 3px 16px #183b3420;pointer-events:auto}.vehicle-interaction[hidden]{display:none}.vehicle-interaction:disabled{opacity:.72;cursor:default}.vehicle-interaction kbd{border:1px solid #80947d;padding:3px 7px;font:12px var(--mono)}.vehicle-interaction span{overflow-wrap:anywhere}.garage-heading{padding:24px 30px 0}.garage-heading h3{font:28px var(--serif);margin:0 0 8px}.garage-heading p{font-size:12px;line-height:1.6;color:#6f8070;margin:0}.garage-grid.garage-modes{grid-template-columns:repeat(4,minmax(0,1fr))}.garage-grid.garage-cars{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-cars .vehicle-preview{height:120px}.garage-cars .vehicle-outline{height:100%}.garage-cars .vehicle-info{gap:8px}.garage-cars .vehicle-info>span{min-height:42px}@media(max-width:700px){.garage-grid.garage-modes,.garage-grid.garage-cars{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 16px}.garage-heading{padding:18px 16px 0}.garage-heading h3{font-size:24px}.vehicle-interaction{bottom:314px;padding:11px 14px;font-size:11px}}@media(pointer:coarse){.vehicle-interaction{bottom:314px}.vehicle-interaction kbd{display:none}}@media(max-height:500px)and (orientation:landscape){.vehicle-interaction{bottom:24px;max-width:240px}}#experience:has(.vehicle-interaction:not([hidden])) .toast{bottom:208px}@media(max-width:700px),(pointer:coarse){#experience:has(.vehicle-interaction:not([hidden])) .toast{bottom:374px}}@media(max-height:500px)and (orientation:landscape){#experience:has(.vehicle-interaction:not([hidden])) .toast{bottom:82px}}.debug-hud{position:absolute;z-index:12;right:20px;top:175px;width:min(345px,calc(100vw - 32px));padding:14px;color:#e4ede2;background:#203e3bea;border:1px solid #afc3b173;border-radius:5px;font:11px var(--mono);pointer-events:auto}.debug-hud[hidden]{display:none}.debug-heading,.debug-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.debug-heading strong{font-size:11px;letter-spacing:.5px}.debug-heading strong span{color:#b4d6b0;margin-left:10px}.debug-hud button{font:10px var(--mono);color:inherit;padding:7px;border:1px solid #afc3b15c;border-radius:3px}.debug-hud p{line-height:1.5;overflow-wrap:anywhere;margin:11px 0}.debug-hud textarea{width:100%;height:83px;min-width:0;resize:none;border:1px solid #afc3b15c;color:#f1eddb;background:#142d2c;padding:8px;font:10px/1.8 var(--mono)}.debug-footer{margin-top:9px}.debug-footer span{font-size:9px;color:#b5c7ba}@media(max-width:700px){.debug-hud{right:16px;top:155px}}@media(max-height:500px)and (orientation:landscape){.debug-hud{top:65px;padding:10px}}