@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#fffdf1;font-synthesis:none;--ink:#102d37;--mint:#b5f4d8;--gold:#f9dc89}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#719eac}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}#world{display:block;width:100vw;height:100dvh;outline:none;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#12313e50,transparent 24%,transparent 73%,#11334065)}.topbar{position:fixed;top:30px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:7px;text-shadow:0 2px 20px #153d4350}.brand-mark{font-size:36px;letter-spacing:0;color:#d7f7d5}.edition{font-size:10px;letter-spacing:2px;font-weight:500;margin-left:15px;opacity:.75;border-left:1px solid #ffffff45;padding-left:24px}nav{display:flex;align-items:center;gap:12px}.icon-btn,.text-btn{background:#183f4833;backdrop-filter:blur(12px);height:38px;border:1px solid #ffffff30;border-radius:5px}.icon-btn{min-width:38px;font-size:19px}.icon-btn span{font-size:9px;padding:0 4px;vertical-align:middle}.text-btn{font-size:10px;letter-spacing:1px;padding:0 12px}.asset-link{font-size:13px;margin-left:14px}.asset-link span{margin-left:12px;font-size:20px}#welcome{position:fixed;left:7%;top:36%;z-index:3;text-shadow:0 2px 25px #15383045}body:not(.playing):after{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#102d375e,transparent 75%);z-index:1}.intro-kicker,.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600}.intro-kicker{display:flex;align-items:center;gap:12px;color:#def9df}.intro-kicker span{width:23px;height:1px;background:#def9df}h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(54px,5.6vw,91px);line-height:1.01;letter-spacing:-2px;margin:23px 0 22px}#welcome p{font-size:15px;line-height:1.8;color:#eef5e5;margin:0 0 29px}.primary{display:flex;align-items:center;justify-content:space-between;gap:44px;min-width:242px;padding:18px 22px;background:#f3f6df;color:#163c3b;border:1px solid #fff9;border-radius:4px;font-size:14px;font-weight:700;text-shadow:none;box-shadow:0 5px 22px #173d421c;transition:transform .2s,background .2s}.primary:hover{background:#fffdea;transform:translateY(-2px)}.primary:disabled{opacity:.65;cursor:wait}.button-arrow{font-size:23px;font-weight:400}.intro-meta{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.6px;margin-top:23px;color:#ffffffbb}.intro-meta i{height:3px;width:3px;background:#fff7;border-radius:50%}#scene-caption{position:fixed;right:43px;bottom:38px;display:grid;text-align:right;gap:8px;z-index:3}#scene-caption>span:first-child{font-size:9px;letter-spacing:2px;color:#eef6daaa}#scene-caption strong{font-size:13px;font-weight:500}.caption-line{height:1px;width:60px;background:#fff8;justify-self:end;margin-top:7px}#loading{position:fixed;bottom:0;left:0;width:100%;height:3px;z-index:20}#loading-bar{background:#d9eeb4;height:100%;width:10%;transition:width .4s}.hidden{display:none!important}.playing .edition{display:none}.playing .vignette{background:linear-gradient(180deg,#14394755,transparent 23%,transparent 79%,#112d4266)}#hud{position:fixed;inset:0;pointer-events:none;z-index:2}.location{position:absolute;left:42px;top:112px}.eyebrow{color:#bfe0cf;font-size:10px}.location h2{font:400 38px 'Libre Caslon Display',Georgia,serif;margin:6px 0 4px;text-shadow:0 2px 14px #193e4c55}#coordinates{font-size:10px;letter-spacing:1.8px;color:#d3e2dbb0}.panel{background:linear-gradient(145deg,#163c45ba,#0d2937b8);border:1px solid #deffe62e;backdrop-filter:blur(16px);box-shadow:0 5px 30px #0c2a3920;border-radius:5px}.quest{position:absolute;left:42px;top:235px;width:280px;padding:18px 20px}.quest-kicker{display:flex;align-items:center;gap:8px;color:#ead8a0;letter-spacing:1px;font-size:10px;font-weight:600}.diamond{font-size:22px}#beacon-count{margin-left:auto;font-size:12px;color:#f4f1db;letter-spacing:2px}.quest p{font-size:13px;line-height:1.5;margin:10px 0 17px}.quest-beacons{display:flex;justify-content:space-between;font-size:10px;color:#d6e3de8c}.quest-beacons>span{display:flex;align-items:center;gap:6px}.quest-beacons i{width:6px;height:6px;border:1px solid #b5d4cb80;transform:rotate(45deg)}.quest-beacons .active{color:var(--mint)}.quest-beacons .active i{background:var(--mint);border-color:var(--mint);box-shadow:0 0 8px var(--mint)}.minimap{position:absolute;right:42px;top:104px;width:193px;padding:12px 13px 10px}.map-heading{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;justify-content:space-between;color:#e2eedd}.map-heading button{pointer-events:auto;background:none;font-size:10px;padding:0;opacity:.7}.minimap canvas{width:165px;height:165px;display:block;border-radius:50%;margin:10px 0;opacity:.95}.map-footer{display:flex;justify-content:space-between;font-size:9px;color:#cadad3ab}.map-key{display:inline-block;width:4px;height:4px;margin-right:3px;transform:rotate(45deg);background:#f5dc8d}.bottom-left{position:absolute;bottom:33px;left:42px;display:flex;align-items:center;gap:12px}.portrait{width:48px;height:48px;border:1px solid #f5ecbb88;background:#113b4388;display:grid;place-items:center;font-size:32px;color:#e7d99d;border-radius:5px;transform:rotate(-4deg)}.bottom-left strong{font-size:13px;font-weight:500;display:block;margin-bottom:4px}.bottom-left span{font-size:8px;letter-spacing:1.5px;color:#d5e7d2b0}.stamina-track{height:3px;width:147px;background:#ffffff26;margin-top:7px}#stamina{display:block;height:100%;width:100%;background:#cde3a7;transition:width .1s}.hotkeys{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;white-space:nowrap;color:#f5f7e3b0;font-size:10px}.hotkeys span{display:flex;align-items:center;gap:6px}kbd{font-family:inherit;display:inline-block;border:1px solid #f1ffeb55;background:#1a3b4844;padding:4px 6px;border-radius:3px;color:#f4f5df;font-size:10px;white-space:nowrap}.hotkeys .mouse-hint{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;opacity:.65}.inventory{position:absolute;right:42px;bottom:34px;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px}.crystal-icon{grid-row:1/3;font-size:29px;color:#adeee4;filter:drop-shadow(0 0 10px #8febd488)}.inventory strong{font-size:23px;font-weight:500}.inventory>span:last-child{font-size:8px;letter-spacing:1.5px;color:#d3e4d0b0}#interaction{position:absolute;left:50%;bottom:23%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#173c43df;padding:12px 20px;border:1px solid #e6f7ca77;border-radius:4px;font-size:13px}#interaction kbd{background:#e8edd7;color:#173c43;font-weight:700}#glide-indicator{position:absolute;top:130px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;color:#effcda;text-shadow:0 2px 10px #134146}#toast{position:absolute;top:100px;left:50%;transform:translate(-50%,-15px);opacity:0;transition:opacity .4s,transform .4s;background:#133b47e8;border:1px solid #b6e9cd45;border-radius:4px;padding:13px 22px;max-width:90vw;font-size:13px;color:#e6f8d9;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}dialog{color:#f1f5de;background:#133743f5;border:1px solid #d9f8d943;border-radius:9px;box-shadow:0 30px 100px #06212666;max-width:min(530px,92vw);max-height:90dvh;padding:38px;z-index:10;backdrop-filter:blur(25px)}dialog::backdrop{background:#091d285e;backdrop-filter:blur(5px)}dialog h2{font:400 39px/1.1 'Libre Caslon Display',Georgia,serif;margin:12px 0 20px}dialog p{font-size:14px;line-height:1.7;color:#d6e4d7}dialog .primary{width:100%;margin-top:25px}.close-dialog{position:absolute;right:17px;top:12px;font-size:27px;background:none;color:#cddfce}.control-list{display:grid;grid-template-columns:auto 1fr;gap:13px 20px;font-size:12px;margin:25px 0}.control-list b{font-weight:400;align-self:center;color:#e1ecda}.muted{font-size:12px!important;opacity:.7}.secondary{display:block;text-align:center;background:none;border:1px solid #d0efcc33;border-radius:4px;font-size:12px;padding:14px 16px;width:100%;margin-top:12px}.secondary:hover{background:#fff1}#map-dialog{max-width:min(620px,92vw);padding:26px}#bigmap{display:block;width:min(520px,75vw);height:auto;max-height:58vh;object-fit:contain;border:1px solid #daf5db20;border-radius:5px;background:#183f4a}.map-legend{display:flex;justify-content:space-around;font-size:11px;margin-top:15px;color:#d7e6c6}#win-dialog{text-align:center}.win-symbol{font-size:66px;color:#ecdda1;margin:16px 0}#win-stats{font-size:12px;letter-spacing:2px;color:#c6dec2;margin:22px 0}#photo-hint{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:white;z-index:5;white-space:nowrap}body.photo .topbar,body.photo #hud,body.photo #touch-controls{display:none!important}#error{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#102d37;z-index:50;padding:30px}#error button{color:#123;background:#e2f4d2;padding:15px;border-radius:4px;margin:15px auto}#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:5}#joystick{position:absolute;left:28px;bottom:95px;width:104px;height:104px;background:#ffffff15;border:1px solid #ffffff45;border-radius:50%;pointer-events:auto;touch-action:none}#joystick-knob{position:absolute;left:32px;top:32px;width:40px;height:40px;background:#e7f4d766;border:1px solid #fff8;border-radius:50%;pointer-events:none}.touch-actions{position:absolute;right:26px;bottom:98px;display:flex;gap:18px;pointer-events:auto}.touch-actions button{height:57px;width:57px;border-radius:50%;background:#1a485888;border:1px solid #d4e5b977;font-size:24px;touch-action:none}@media(max-width:1100px){.edition{display:none}.hotkeys{gap:10px;bottom:27px;font-size:9px}.bottom-left{bottom:68px}.inventory{bottom:67px}.quest{width:248px}.topbar{left:25px;right:25px}.location,.quest{left:25px}.minimap{right:25px}.bottom-left{left:25px}.inventory{right:25px}}@media(max-width:650px){.topbar{top:19px;left:20px;right:20px}.brand{font-size:19px;letter-spacing:4px;gap:7px}.brand-mark{font-size:29px}nav{gap:7px}.asset-link{font-size:12px;margin-left:3px}.asset-link span{margin-left:4px}.text-btn{display:none}#welcome{left:7%;top:auto;bottom:17%}h1{font-size:57px}.intro-kicker{font-size:9px}#welcome p{font-size:13px;max-width:310px}.intro-meta{font-size:8px}#scene-caption{right:21px;bottom:25px}#scene-caption strong{font-size:11px}.location{top:85px;left:20px}.location h2{font-size:29px}.location .eyebrow{font-size:8px}#coordinates{font-size:9px}.quest{top:170px;left:20px;width:208px;padding:12px}.quest p{font-size:11px;margin:7px 0 12px}.quest-kicker{font-size:8px;letter-spacing:.6px}.quest-beacons{font-size:9px}.minimap{width:109px;top:87px;right:16px;padding:7px}.minimap canvas{width:93px;height:93px;margin:6px 0}.map-heading{font-size:7px;letter-spacing:.3px}.map-heading button{font-size:9px}.map-footer{display:none}.hotkeys{display:none}.bottom-left{left:21px;bottom:22px}.bottom-left strong{font-size:11px}.bottom-left span{font-size:7px}.portrait{height:37px;width:37px;font-size:24px}.stamina-track{width:115px}.inventory{right:21px;bottom:23px}.inventory strong{font-size:20px}.inventory>span:last-child{font-size:7px}#toast{top:72px;font-size:11px;padding:10px 16px;max-width:86%;width:max-content}#interaction{bottom:29%;font-size:11px;white-space:nowrap}.control-list{gap:12px 15px;font-size:10px}dialog{padding:29px 22px}dialog h2{font-size:33px}#glide-indicator{top:285px;font-size:9px;letter-spacing:2px}.primary{padding:16px 20px;min-width:230px}#photo-hint{font-size:8px;letter-spacing:0;width:95vw;text-align:center;white-space:normal}}