:root{--paper:#f8f2e5;--ink:#20342f;--gold:#efc987;--glass:#132925c9}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#a7c8c7;font-family:'Noto Sans',Arial,sans-serif;color:var(--paper)}canvas{display:block;width:100vw;height:100vh}#vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(180deg,#081a1e7c 0%,transparent 26%,transparent 69%,#10232297 100%)}.top{position:absolute;top:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{display:flex;gap:16px;align-items:center}.symbol{font-size:37px;color:#f4d995;font-weight:200;line-height:1}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:800;color:var(--gold)}h1{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:4px 0 0;letter-spacing:.015em}.tag{font-size:10px;font-weight:700;letter-spacing:.17em;border:1px solid #f9f2df88;border-radius:2px;padding:11px 15px;color:#fff7df}.tag span{color:var(--gold)}.info{position:absolute;top:46%;left:36px;transform:translateY(-40%);width:266px;background:#102b27dc;border:1px solid #d9e9d147;box-shadow:0 16px 50px #182b2973;padding:23px 25px 24px;pointer-events:none;backdrop-filter:blur(8px)}.info h2{font:normal 29px Georgia,serif;margin:14px 0 10px;color:#fff8e8}.info #beskrivelse,.info #fakta{font-size:12px;line-height:1.7;color:#d9e8db}.info #fakta{color:#eecb93}.line{height:1px;background:#d3d5b94e;margin:18px 0}.compass{position:absolute;top:107px;right:44px;text-align:center;pointer-events:none}.north{font-size:10px;font-weight:800;letter-spacing:.2em;color:#f5d18a}.compass #needle{font-size:37px;line-height:36px;display:block;filter:drop-shadow(0 1px 2px #123);color:#fff1d5}.hud{position:absolute;right:35px;bottom:140px;font-size:10px;letter-spacing:.17em;color:#e7e8d8;line-height:2.3;text-align:right;pointer-events:none}.hud strong{font-size:12px;color:#fff;margin-left:13px}.controls{position:absolute;bottom:32px;left:36px;background:#102b27c9;padding:15px 18px 13px;border-left:2px solid #efca89;font-size:12px;line-height:2.35;min-width:362px;backdrop-filter:blur(8px)}.controls .eyebrow{margin-bottom:5px}kbd{display:inline-block;background:#eef3df24;border:1px solid #d7e5ca76;border-radius:3px;font:700 11px Arial;color:#fff;padding:1px 5px;min-width:20px;text-align:center;line-height:17px;margin:0 1px}.mouse{font-size:17px;line-height:0;color:#efc987}.actions{position:absolute;bottom:37px;right:36px;display:flex;gap:8px}button{cursor:pointer;padding:15px 19px;background:#173631e6;color:#fff8ed;border:1px solid #e5e2cb8f;border-radius:3px;font:700 12px 'Noto Sans',Arial,sans-serif;letter-spacing:.03em;box-shadow:0 6px 22px #122d2c5e}button:hover,button:focus-visible{background:#30564a;outline:2px solid #f1cd8c;outline-offset:2px}.primary{background:#f0d19b;color:#26352e;border-color:#f6e4bd}.primary:hover,.primary:focus-visible{background:#ffe3ad}.tour-status{display:none;position:absolute;bottom:105px;right:36px;width:261px;align-items:center;gap:10px;font-size:9px;letter-spacing:.12em;color:#fff}.tour-status.visible{display:flex}.track{height:4px;background:#d7e2d15c;flex:1;border-radius:10px;overflow:hidden}.track i{display:block;height:100%;width:0;background:#f5d292}.tour-status b{white-space:nowrap;font-size:9px}.credits{position:absolute;bottom:13px;right:36px;font-size:9px;letter-spacing:.12em;color:#e1e9d1b9;pointer-events:none}.credits span{color:#f4d18e}@media(max-width:720px){.top{top:15px;left:16px;right:16px}h1{font-size:19px}.tag{display:none}.info{left:16px;top:105px;transform:none;padding:12px 15px;width:220px}.info h2{font-size:20px;margin:6px 0}.info #beskrivelse,.info #fakta{font-size:10px}.line{margin:7px 0}.controls{bottom:12px;left:12px;min-width:0;width:235px;padding:8px;font-size:9px}.actions{right:12px;bottom:13px;flex-direction:column}button{padding:9px;font-size:10px}.credits,.hud,.compass{display:none}.tour-status{right:12px;bottom:98px;width:220px}}