@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap";#music-player{display:none!important}:root{color:#f6eddb;font-synthesis:none;--ink:#273f36;--paper:#f2ebd9;--gold:#d9bf83;background:#c9c6b3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{touch-action:manipulation}button:disabled{cursor:wait}button,kbd{color:inherit}button{border:0}#world{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}button,dialog{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.vignette{pointer-events:none;background:radial-gradient(at 50% 42%,#0000 42%,#202d2520 100%);position:fixed;inset:0}h1,h2,p{margin:0}h1,h2,.crest{font-family:Cormorant Garamond,Georgia,serif}h1{letter-spacing:.04em;font-size:30px;font-weight:500;line-height:1.1}h1 span{color:#d1c6a2;padding:0 8px;font-size:23px}h1 small{letter-spacing:.015em;color:#e5ddc8;font-size:19px}.eyebrow{letter-spacing:.22em;font-size:10px;font-weight:500;display:block}.brand{filter:drop-shadow(0 2px 10px #172d24c0);align-items:center;gap:14px;display:flex;position:fixed;top:27px;left:30px}.brand .eyebrow{margin-bottom:5px;font-size:8px}.crest{outline-offset:4px;text-align:center;width:38px;height:44px;color:var(--gold);background:#243b3480;border:1px solid #cbb786;border-radius:12px 12px 20px 20px;outline:1px solid #cbb78660;font-size:32px;line-height:40px}.tools{gap:8px;display:flex;position:fixed;top:27px;right:28px}.tools button,.photo-button,#restore-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#20372edf;border:1px solid #cdbb8133;border-radius:6px;height:37px;padding:0 12px;font-size:13px;box-shadow:0 3px 20px #21302612}.tools button:hover,.photo-button:hover{background:#385449}.tools kbd{margin-left:8px}kbd{white-space:nowrap;border:1px solid #eeddbb45;border-radius:3px;padding:3px 5px;font:10px/1.2 DM Sans,sans-serif;display:inline-block}#help-button{padding:0 13px;font-family:Georgia,serif;font-size:17px}.location{text-shadow:0 2px 12px #182d23,0 1px 3px #182d2380;position:fixed;top:117px;left:32px}.location .eyebrow{opacity:.8;letter-spacing:.25em;font-size:8px}.location h2{margin:5px 0;font-size:26px;font-weight:500}.location-note{opacity:.85;font-size:11px}.bottom-left{text-shadow:0 2px 8px #17291e;background:#20372ebd;border:1px solid #cdbb8122;border-radius:5px;align-items:center;gap:10px;padding:10px 14px;font-size:11px;display:flex;position:fixed;bottom:28px;left:30px}.bottom-left b{margin-right:5px;font-weight:500}.small-diamond{color:var(--gold);font-size:21px}.controls{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20372ed6;border:1px solid #cdbb8125;border-radius:5px;align-items:center;gap:18px;padding:9px 16px;font-size:10px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.controls kbd{margin-right:5px}.controls i{color:var(--gold);margin-right:5px;font-size:14px;font-style:normal}.photo-button{font-size:11px;position:fixed;bottom:29px;right:28px}.photo-button kbd{margin-left:8px}#restore-hud{opacity:.5;font-size:11px;position:fixed;bottom:24px;right:24px}#restore-hud:hover{opacity:1}#mini-map{color:#566147;background:#e9dfc9f5;border:1px solid #e8dcc36b;border-radius:6px;width:156px;padding:7px 7px 6px;position:fixed;top:86px;right:28px;box-shadow:0 5px 22px #20302525}#mini-canvas{width:140px;height:140px;display:block}#mini-map>span{letter-spacing:.18em;justify-content:space-between;padding:4px 3px 0;font-size:8px;display:flex}#mini-map b{letter-spacing:.02em;font-size:9px;font-weight:500}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg,#182e29c4,#152d2344 60%,#152d2355);place-items:center;display:grid;position:fixed;inset:0}.welcome-card{text-align:center;outline-offset:8px;background:linear-gradient(150deg,#233d33f0,#19312af2);border:1px solid #d0b77b50;border-radius:140px 140px 6px 6px;outline:1px solid #d0b77b28;width:510px;max-width:calc(100vw - 42px);padding:38px 52px 35px;box-shadow:0 25px 90px #102b2740}.welcome-ornament{color:var(--gold);letter-spacing:10px;margin-bottom:23px;font-size:21px}.welcome-card .eyebrow{color:#d1c39d;font-size:9px}.welcome-card h2{letter-spacing:.02em;margin:14px 0 0;font-size:79px;font-weight:500;line-height:1.1}.welcome-card .subtitle{color:#dbcbac;font-family:Cormorant Garamond,Georgia,serif;font-size:25px;font-style:italic}.fine-rule{background:#c8af7670;width:68px;height:1px;margin:23px auto}.welcome-card>p:not(.subtitle){color:#d6dbc9;font-size:12px;line-height:1.95}.welcome-card>button{color:#293e33;background:#dcc596;border:1px solid #e5d1a766;border-radius:4px;min-width:235px;margin:25px auto 15px;padding:14px 30px;font-size:13px;transition:background .2s,transform .2s;display:block}.welcome-card>button:not(:disabled):hover{background:#f2dfb7;transform:translateY(-2px)}.welcome-card>button:disabled{color:#344537;background:#a4a68e}.loading-track{background:#eef0d818;width:220px;height:2px;margin:0 auto 8px}.loading-track i{background:#d4be88;width:0;height:100%;transition:width .3s;display:block}#loading-detail{color:#d0d6c080;font-size:9px}.welcome-controls{color:#dfdfcc;border-top:1px solid #d1bc8825;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:25px;padding-top:19px;font-size:9px;display:flex}.welcome-controls kbd{margin-right:3px;font-size:9px}.welcome-footer{letter-spacing:.3em;color:#efe5ccaf;font-size:9px;position:absolute;bottom:25px}#discovery-toast{text-align:center;pointer-events:none;background:#253e34ee;border:1px solid #d1b77170;border-radius:4px;padding:15px 32px;animation:.6s ease-out arrive;position:fixed;top:35px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #152d2320}#discovery-toast .eyebrow{color:var(--gold);font-size:8px}#discovery-toast strong{margin:5px 0;font:500 28px Cormorant Garamond,Georgia,serif;display:block}#discovery-toast small{color:#d8d9c4;font-size:10px}@keyframes arrive{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}#interact{background:#263e34f0;border:1px solid #d9c49180;border-radius:5px;align-items:center;gap:10px;padding:11px 17px;font-size:12px;display:flex;position:fixed;bottom:105px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #17291e30}.panel{color:var(--ink);background:var(--paper);border:1px solid #a1906b;border-radius:7px;width:470px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 50px);padding:36px;overflow:auto;box-shadow:0 20px 100px #09261c66}.panel::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#172e2870}.panel>.eyebrow{color:#7c805f;font-size:9px}.panel h2{margin:10px 0;font-size:37px;font-weight:500;line-height:1.15}.panel>p{color:#66705b;font-size:12px;line-height:1.8}.close{color:#52634b;background:0 0;font-size:25px;position:absolute;top:12px;right:15px}.panel-foot{color:#7b806a;border-top:1px solid #bbb39760;margin-top:20px;padding-top:16px;font-size:10px;display:block}.journal-entry{text-align:left;width:100%;color:var(--ink);background:0 0;border-bottom:1px solid #c9bea750;align-items:center;gap:16px;padding:15px 0;display:flex}.journal-entry .symbol{color:#7b8a63;text-align:center;width:28px;font-size:25px}.journal-entry strong{font:600 22px Cormorant Garamond,Georgia,serif;display:block}.journal-entry small{color:#768068;margin-top:4px;font-size:10px;display:block}.journal-entry .check{color:#819369;margin-left:auto}#journal-entries{margin-top:12px}.map-panel{width:630px}.map-panel canvas{cursor:crosshair;touch-action:none;border:1px solid #beb596;width:100%;height:auto;margin-top:20px;display:block}.help-panel dl{grid-template-columns:1fr 1.35fr;gap:14px 17px;margin:25px 0;font-size:11px;display:grid}.help-panel dt{font-weight:600}.help-panel dd{color:#748068;margin:0}.panel>button:not(.close){color:#eee7d4;background:#2e4b3e;border-radius:4px;margin-top:20px;padding:12px 20px;font-size:12px}.place-panel{text-align:center;padding:40px}.place-symbol{color:#8e986d;margin-bottom:17px;font-size:40px;display:block}.place-panel>p{margin-top:20px;font-size:14px;line-height:1.9}.place-panel>button span{margin-left:24px}#joystick{touch-action:none;background:#263e3430;border:1px solid #eee2be65;border-radius:50%;width:106px;height:106px;display:none;position:fixed;bottom:90px;left:26px}#joystick-knob{background:#304d3eb0;border:1px solid #ebd8a988;border-radius:50%;width:40px;height:40px;position:absolute;top:32px;left:32px}@media (width<=1000px){.brand{top:22px;left:22px}.tools{top:22px;right:20px}.tools span,.tools kbd{display:none}.tools button{width:37px}.location{top:108px;left:23px}.controls{gap:10px;font-size:9px;bottom:24px}.controls span:nth-child(3){display:none}.bottom-left{padding:7px 10px;font-size:9px;bottom:24px;left:20px}.photo-button{bottom:24px;right:20px}.photo-button span{display:none}#mini-map{width:136px;top:77px;right:20px}#mini-canvas{width:120px;height:120px}}@media (width<=650px){h1{font-size:24px}h1 small,h1 span{display:none}.brand{gap:10px}.brand .eyebrow{font-size:6px}.crest{width:28px;height:34px;font-size:26px;line-height:32px}.tools{gap:5px}.tools button{width:32px;height:32px;padding:0}.location{top:91px}.location h2{font-size:21px}.location-note{max-width:165px;font-size:9px;display:block}#mini-map{width:106px;padding:5px;top:74px}#mini-canvas{width:94px;height:94px}#mini-map>span{font-size:6px}.controls{display:none}.welcome-card{padding:31px 22px 28px}.welcome-card h2{font-size:64px}.welcome-card>p:not(.subtitle){font-size:11px}.welcome-controls{gap:10px;font-size:8px}.welcome-footer{font-size:7px}#discovery-toast{min-width:235px;padding:12px 18px;top:185px}#discovery-toast strong{font-size:24px}.panel{padding:28px}.panel h2{font-size:31px}#interact{white-space:nowrap;max-width:70vw;font-size:10px;bottom:83px}.bottom-left{font-size:9px}.photo-button kbd{display:none}.help-panel dl{font-size:10px}}@media (pointer:coarse){#joystick{display:block}.controls{display:none}#interact{max-width:50vw;bottom:105px;left:auto;right:22px;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--gold:#d6bd85;--panel:#1d2624;--edge:#90794e}.brand{filter:drop-shadow(0 4px 6px #07160e55);align-items:center;gap:0;height:86px;top:26px;left:25px}.portrait{z-index:2;background:radial-gradient(at 48% 30%,#d2c5a0,#717a57 74%,#273d2c);border:2px solid #d0b37b;border-radius:43% 43% 48% 48%;width:79px;height:88px;position:relative;overflow:visible;box-shadow:0 0 0 3px #293029,0 0 0 4px #927745,inset 0 0 13px #182e2280}.portrait:before,.portrait:after{content:"❧";color:#d8bb78;text-shadow:0 2px 2px #161b15;z-index:4;font:30px Georgia;position:absolute;top:5px;left:-13px;transform:rotate(-65deg)}.portrait:after{font-size:25px;top:55px;left:auto;right:-12px;transform:rotate(110deg)}.portrait>img{clip-path:ellipse(37px 41px at 180px 67px);width:545px;max-width:none;position:absolute;top:-26px;left:-141px}.portrait-seal{text-align:center;color:#e3c681;background:linear-gradient(#344b41,#172f28);border:1px solid #b59b62;border-radius:50%;width:28px;height:24px;font-size:21px;line-height:21px;position:absolute;bottom:-8px;left:24px;box-shadow:0 2px 4px #15201a80}.player-plate{background:linear-gradient(#252c24f5,#101e1af5);border:1px solid #a78d58;border-radius:0 23px 7px 0;width:227px;height:78px;margin-left:-8px;padding:10px 15px 8px 20px;box-shadow:inset 0 0 0 3px #e4cc8d10,0 0 0 2px #1a211dbb}.player-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-heading h1{letter-spacing:.015em;color:#f0dfb5;font-size:22px;font-weight:600;line-height:1}.player-heading>span{letter-spacing:.17em;color:#c6c6a4;font-size:6px}.player-subtitle{color:#a8b39b;margin-top:4px;font-size:9px}.travel-bar{background:#080f0bb0;border:1px solid #887347;border-radius:5px;height:6px;margin-top:9px;overflow:hidden;box-shadow:0 1px #eac98615}.travel-bar i{background:linear-gradient(#d8c389,#a98b49);width:0;min-width:3px;height:100%;transition:width .6s;display:block;box-shadow:0 0 8px #f0da8250}.travel-label{color:#c8bea0;letter-spacing:.025em;justify-content:space-between;margin-top:4px;font-size:7px;display:flex}.travel-label b{color:#e5d9b7;font-weight:500}.location{text-align:center;text-shadow:0 2px 3px #142519;background:linear-gradient(90deg,#0000,#1a2c21be 17% 83%,#0000);min-width:250px;padding:11px 30px 13px;top:26px;left:50%;transform:translate(-50%)}.location:after{content:"";background:linear-gradient(90deg,#0000,#c3a96ab0,#0000);height:1px;position:absolute;bottom:0;left:15%;right:15%}.location .eyebrow{color:#f0d794;letter-spacing:.25em;font-size:7px}.location h2{color:#f8eccb;margin:6px 0 3px;font-size:26px}.location-note{color:#dbdfc7;font-size:9px}.tools{gap:5px;top:23px;right:23px}.tools button{background:linear-gradient(#2c372ce8,#14231edb);border-color:#a991585a;border-radius:3px;height:29px;font-size:10px;box-shadow:inset 0 0 0 2px #bd9f5620}.tools #help-button{font-size:14px}.tools button:hover{background:#3a4a37}#mini-map{color:#ceb985;background:linear-gradient(135deg,#292e23ee,#111d19f5);border:1px solid #aa8f55;border-radius:20px 4px 5px;width:197px;padding:10px 10px 9px;top:65px;right:23px;box-shadow:0 0 0 2px #182319aa,inset 0 0 0 3px #cdb67618,0 8px 18px #10251925}#mini-map:before{content:"✧";color:#e0c288;text-shadow:0 1px 3px #101d17;font-size:21px;position:absolute;top:-8px;left:-8px}.map-title{line-height:1;letter-spacing:.03em!important;padding:0 1px 8px!important;font:600 19px Cormorant Garamond,Georgia,serif!important}.map-title b{font-size:19px!important}#mini-canvas{filter:sepia(.08)saturate(.85);border:1px solid #a28a55;width:175px;height:175px}#mini-map>span:last-child{letter-spacing:.13em;padding-top:8px;font-size:6px}.quest-note{color:#ece1c4;background:linear-gradient(90deg,#1e2b229a,#1a281ff2);border-top:1px solid #ba9d6080;border-bottom:1px solid #ba9d6040;width:196px;padding:14px 12px 13px;position:fixed;top:317px;right:24px}.quest-heading{align-items:center;gap:8px;display:flex}.quest-heading>span{color:#d3b87b;font-size:21px}.quest-heading h3{margin:0;font:600 17px Cormorant Garamond,Georgia,serif}.quest-note p{color:#c4c9ac;margin:7px 0 11px;font-size:8px;line-height:1.5}.quest-progress{gap:6px;margin-bottom:9px;display:flex}.quest-progress i{background:#16251a;border:1px solid #aa9665;width:7px;height:7px;transform:rotate(45deg)}.quest-progress i.found{background:#d0b475;box-shadow:0 0 5px #b9a56766}.quest-note>span{color:#a6b292;font-size:8px}.bottom-left{background:linear-gradient(90deg,#1b2b22eb,#243528ce);border:1px solid #a28b4b66;border-radius:3px;padding:9px 14px;font-size:10px;bottom:26px;left:27px;box-shadow:inset 0 0 0 2px #d2b36310}.small-diamond{color:#d8bb74}.action-dock{background:linear-gradient(#2c3125f5,#101d17f5);border:1px solid #ad945c;border-radius:7px 7px 3px 3px;align-items:center;padding:9px 15px;display:flex;position:fixed;bottom:31px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #17221bba,inset 0 0 0 3px #e2c58218,0 6px 20px #12271f66}.action-dock:before{content:"◆";color:#d5ba7c;text-shadow:0 0 3px #101a14;font-size:13px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.action-slots{align-items:center;gap:7px;display:flex}.action-slot{color:#d0c69f;background:radial-gradient(#43533d80,#17241b 90%);border:1px solid #9f89546b;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:62px;height:63px;padding:10px 2px 4px;transition:background .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ddc58a0f}.action-slot:hover,.action-slot.selected{background:radial-gradient(#68744da8,#25372bd4);border-color:#d9bd7d;box-shadow:inset 0 0 12px #d6bc681a,0 0 5px #c8aa5940}.action-slot>kbd{color:#dfd4b2;background:#15211a;border:1px solid #8b7b5190;padding:1px 3px;font-size:7px;position:absolute;top:-6px;left:4px}.action-slot>span:last-child{white-space:nowrap;margin-top:4px;font-size:8px;line-height:1}.action-icon{color:#ded0a4;filter:drop-shadow(0 2px 2px #0a180f);width:27px;height:27px;display:block}.action-icon svg{stroke:currentColor;fill:none;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.slot-divider{background:linear-gradient(#0000,#a08b5366,#0000);width:1px;height:35px;margin:0 2px}.dock-flourish{color:#b39c61;opacity:.85;width:22px;margin-right:12px;font:28px Georgia}.dock-flourish.reverse{margin:0 0 0 12px;transform:scaleX(-1)}.dock-caption{text-align:center;letter-spacing:.12em;color:#f1e5c4;text-shadow:0 2px 5px #17291d;width:100%;font-size:7px;position:absolute;bottom:-22px;left:0}.dock-caption>span{color:#bda061;margin:0 13px;font-size:5px}#interact{background:linear-gradient(#334736f0,#1b2c22f0);border-color:#b79a5b;border-radius:3px;font-size:11px;bottom:145px;box-shadow:0 0 0 2px #172a2077,inset 0 0 0 2px #d2b56b15}#discovery-toast{background:linear-gradient(135deg,#344a36f5,#182e25f5);border-color:#c5a866;padding:18px 34px;top:130px;box-shadow:0 0 0 3px #18271c88,inset 0 0 0 3px #dbc08312,0 8px 30px #16291e50}#discovery-toast:after{content:"❧";color:#d6b77b;text-shadow:0 2px 2px #17291e;font-size:25px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.panel{color:#f0e4c6;background:linear-gradient(135deg,#29332bef,#121f1afc);border:1px solid #bca16a;border-radius:8px;box-shadow:0 0 0 4px #14231ac4,inset 0 0 0 4px #d7bb7912,0 25px 100px #09261c88}.panel:before{content:"❦";color:#c4aa6c;opacity:.55;font-size:29px;position:absolute;top:27px;right:46px}.panel h2{color:#edd7a4;font-size:35px}.panel>.eyebrow{color:#bca874;letter-spacing:.2em}.panel>p{color:#b8c2a8}.panel-foot{color:#94a48a;border-color:#b7a06a40}.close{color:#d6bd86;background:#172a20;border:1px solid #9d85504d;border-radius:3px;width:24px;height:24px;padding:0;font-size:20px;line-height:19px}.journal-entry{color:#dddec0;border-color:#b5a06b35}.journal-entry:hover{background:#d5c38c0a}.journal-entry strong{color:#e9d8b0;font-size:23px}.journal-entry small{color:#9eae91}.journal-entry .symbol{color:#c9ae71}.journal-entry .check{color:#adc797}.journal-entry.locked{opacity:.48}.panel>button:not(.close){color:#e6ddbc;background:linear-gradient(#43573d,#263b2a);border:1px solid #b39a625c}.help-panel dd{color:#b3bfa4}.place-symbol{color:#ddc18a}.map-panel canvas{background:#e9e1cb;border-color:#b99e65}.welcome-card{box-shadow:inset 0 0 0 4px #d1b57410,0 25px 90px #102b2740}.welcome-ornament{font-family:Georgia,serif}@media (width<=1100px){.brand{transform-origin:0 0;top:20px;left:20px;transform:scale(.9)}.location{min-width:200px;padding:10px 18px;top:19px}.location h2{font-size:23px}.location-note{font-size:8px}.action-dock{padding:8px 10px;bottom:30px}.action-slot{width:52px;height:56px}.dock-flourish{display:none}.bottom-left{font-size:8px;left:20px}.tools button{width:29px}.quest-note{width:172px;top:293px;right:20px}#mini-map{width:173px;right:20px}#mini-canvas{width:151px;height:151px}.map-title{font-size:17px!important}}@media (width<=760px){.brand{top:18px;left:16px;transform:scale(.76)}.location{text-align:left;background:linear-gradient(90deg,#1d3023aa,#0000);min-width:0;max-width:190px;padding:8px 11px;top:111px;left:25px;transform:none}.location h2{font-size:22px}.location:after{left:10%;right:10%}.location .eyebrow{font-size:6px}.location-note{max-width:145px;font-size:8px}.tools{top:17px;right:16px}#mini-map{width:127px;padding:8px;top:58px;right:16px}#mini-canvas{width:109px;height:109px}.map-title{font-size:15px!important}.map-title b{font-size:13px!important}#mini-map>span:last-child{letter-spacing:.01em;font-size:5px}.quest-note{display:none}.action-dock{bottom:29px}.action-slot{width:48px;height:53px}.action-slots{gap:5px}.action-icon{width:24px;height:24px}.action-slot>span:last-child{font-size:7px}.action-slot>kbd,.dock-caption{font-size:6px}.bottom-left{max-width:152px;padding:5px 9px;font-size:8px;bottom:122px;left:16px}#interact{font-size:10px;bottom:181px}#discovery-toast{top:220px}.panel h2{font-size:30px}.portrait>img{clip-path:ellipse(37px 41px at 180px 67px)}}@media (pointer:coarse){#joystick{width:90px;height:90px;bottom:138px;left:20px}#joystick-knob{top:24px;left:24px}.bottom-left{display:none}#interact{max-width:46vw;bottom:163px;left:auto;right:19px;transform:none}}.tools{grid-template-columns:1fr auto;width:197px;display:grid}.tools #sound{width:auto}.volume-control{background:linear-gradient(#2c372ce8,#14231edb);border:1px solid #a991585a;border-radius:3px;grid-column:1/-1;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 9px;font-size:10px;display:grid}.volume-control output{font-variant-numeric:tabular-nums;color:var(--gold)}#volume{width:100%;height:20px;accent-color:var(--gold);cursor:pointer;grid-column:1/-1;margin:0}#volume:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (width<=1100px){.tools{width:173px}.quest-note{top:344px}}@media (width<=760px){.tools{width:127px}#mini-map{top:109px}}.camera-controls{grid-column:1/-1;gap:5px;display:flex}.tools .camera-controls button{flex:1;width:auto;height:32px;padding:0;font-size:19px}#mini-map{top:153px}.quest-note{top:405px}@media (width<=1100px){.quest-note{top:381px}}@media (width<=760px){#mini-map{top:146px}}