@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10191c;--cream:#f0edda;--muted:#9ba7a7;--mint:#c0e6b3;--amber:#efbf7f;--line:#cfe0da21}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){color:var(--mint)}[hidden]{display:none!important}.topbar{position:fixed;top:0;inset-inline:0;height:76px;padding:0 32px;display:flex;align-items:center;gap:27px;border-bottom:1px solid var(--line);background:#10191ced;backdrop-filter:blur(12px);z-index:20}.brand{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:600;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.brand span{font-size:23px;color:var(--mint)}.experiment{font:10px monospace;letter-spacing:1.5px;display:flex;gap:17px;align-items:center}.experiment>span{color:#557071}.experiment i{font:8px monospace;font-style:normal;color:#a5b6b4;border:1px solid var(--line);padding:5px 7px;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:10px}.top-actions button{background:none;padding:9px 0;font-size:10px;color:var(--muted)}.original-link{color:#c5cec4}.top-actions .help-button{width:24px;height:24px;border:1px solid #97a6a655;border-radius:50%;padding:0;color:var(--cream)}#viewport{position:fixed;inset:76px 0 72px;overflow:hidden;touch-action:none;cursor:grab;outline-offset:-3px;isolation:isolate}#viewport.dragging{cursor:grabbing}.map-grid{position:absolute;inset:0;background-image:radial-gradient(#a0b7b720 .6px,transparent .8px);background-size:25px 25px;mask-image:radial-gradient(ellipse,transparent 30%,#000);opacity:.7;pointer-events:none}.ambient-sun{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 55%,#71908010,transparent 70%);pointer-events:none}#world{position:absolute;left:0;top:0;width:1600px;height:1067px;transform-origin:0 0;will-change:transform;user-select:none}#block-art{position:absolute;width:100%;height:100%;display:block;pointer-events:none;mix-blend-mode:normal}#residents,#room-lights,#hotspots,#speech,.power-dim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#residents{image-rendering:pixelated}.power-dim{background:#071017;opacity:0;transition:opacity .35s;mix-blend-mode:multiply}#world.power-cut .power-dim{opacity:.55}#room-lights{background:radial-gradient(ellipse at 33% 40%,#b2ffa812,transparent 13%),radial-gradient(ellipse at 38% 66%,#ffbd5930,transparent 12%),radial-gradient(ellipse at 68% 64%,#8af4ce20,transparent 12%);mix-blend-mode:screen;animation:block-breathe 6s ease-in-out infinite alternate}.hotspot{position:absolute;pointer-events:auto;background:#152422ed;border:1px solid #d4e7c975;color:var(--cream);box-shadow:0 5px 20px #0006;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:5px;font-size:13px;white-space:nowrap;transform:translate(-50%,-100%);transition:background .2s,border-color .2s,box-shadow .2s;touch-action:manipulation}.hotspot:after{content:'';position:absolute;width:1px;height:20px;top:100%;left:50%;background:linear-gradient(#d2dec499,transparent)}.hotspot svg{width:17px;height:17px;fill:none;stroke:var(--mint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hotspot .hotspot-arrow{font-size:11px;margin-left:4px;color:#8eaca2}.hotspot:hover,.hotspot[aria-pressed=true]{background:#2c4439;border-color:#d4ebbd;box-shadow:0 0 25px #c5f3c126}.secret{width:27px;height:27px;padding:0;border-radius:50%;background:#edc585e6;border-color:#fbe1ac;color:#26312b;font-size:15px;justify-content:center}.secret:after{height:10px}.secret.found{background:#bdd5b0}.speech-bubble{position:absolute;max-width:205px;background:#f3efd9;color:#28312c;box-shadow:2px 4px 0 #0004;padding:9px 12px;font-family:monospace;font-size:12px;border-radius:4px;transform:translate(-50%,-100%);border:1px solid #596358;line-height:1.4}.speech-bubble:after{content:'';position:absolute;bottom:-6px;left:50%;border-top:6px solid #f3efd9;border-right:6px solid transparent}.welcome{position:fixed;top:110px;left:32px;z-index:3;pointer-events:none;text-shadow:0 2px 18px #10191c,0 0 6px #10191c;max-width:280px}.micro{font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#a5b6a9;display:block;line-height:1.5}h1,h2,p{margin:0}h1,h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-1.5px;line-height:1.05}h1{font-size:35px;margin:15px 0 18px}em{font-style:normal;color:var(--mint)}.welcome>p{font-size:12px;line-height:1.8;color:#a6b5b0}.live-label{font:7px monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:7px;color:#a5b4a6;margin-top:22px}.live-label>span{width:4px;height:4px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #b9e7b16b;animation:status-pulse 3s infinite}.places{position:fixed;right:32px;top:106px;width:185px;z-index:12}.places>button{width:100%;border:1px solid var(--line);background:#142024ec;padding:12px 14px;display:flex;justify-content:space-between;font-size:11px;border-radius:5px}.places>button>span{color:var(--muted)}#places-list{margin-top:5px;padding:7px;background:#142024f5;border:1px solid var(--line);border-radius:5px;box-shadow:0 10px 40px #0004}#places-list button{width:100%;display:flex;gap:14px;background:none;font:9px monospace;padding:13px 8px;color:#8fa19a}#places-list button span{flex:1;text-align:left;color:var(--cream);font:11px 'DM Sans',sans-serif}#places-list button:hover{background:#c0e6b30a}.discovery-card{position:fixed;right:32px;bottom:104px;z-index:3;padding:17px 19px;background:#142024e8;border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(10px);width:218px;transition:opacity .2s}.discovery-card .micro{font-size:7px}.discovery-card button{display:flex;align-items:center;background:none;width:100%;padding:12px 0 5px;gap:5px}.discovery-card #discovery-count{font-size:23px;font-family:'Space Grotesk',sans-serif}.out-of{font-size:10px;color:#a0afa8}.story-dots{display:flex;gap:4px;margin-left:auto}.story-dots i{height:5px;width:5px;border:1px solid #92a896;border-radius:50%}.story-dots i.found{background:var(--mint);border-color:var(--mint)}.discovery-card>p{font-size:8px;color:#99a69c}.place-panel{position:fixed;right:32px;top:163px;bottom:auto;z-index:13;width:295px;background:#162327f5;border:1px solid #c1d2bd42;border-radius:8px;padding:27px 24px;box-shadow:0 20px 70px #0006;backdrop-filter:blur(20px);animation:panel-enter .25s ease-out;max-height:calc(100dvh - 260px);overflow-y:auto}.panel-close{position:absolute;right:12px;top:9px;background:none;color:var(--muted);font-size:24px;padding:0 4px}.place-panel h2{font-size:30px;margin:15px 0}.place-description{font-size:12px;line-height:1.75;color:#b7c2b6}.place-panel blockquote{margin:20px 0;padding:13px 15px;border-left:2px solid var(--amber);background:#e1c39309;color:#e7d7b7;font-size:12px;line-height:1.7}.action-button{background:var(--mint);color:#192922!important;border:1px solid transparent;padding:13px 17px;border-radius:4px;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.action-button:hover{background:#deefce;transform:translateY(-1px)}#place-link{font-size:10px;border-bottom:1px solid #c0d1b944;display:inline-block;margin:18px 0 0;padding-bottom:4px;color:#c6d8bd}.panel-note{display:block;font:7px monospace;letter-spacing:.7px;color:#95a69a;margin-top:20px;line-height:1.6}.toast{position:fixed;left:32px;bottom:107px;max-width:360px;z-index:14;display:flex;gap:13px;align-items:center;background:#142024ed;backdrop-filter:blur(10px);border:1px solid var(--line);padding:14px 17px;border-radius:6px;pointer-events:none;transition:opacity .3s,transform .3s}.toast .micro{font-size:7px;letter-spacing:1px;color:#9baa9d}.toast p{font-size:11px;line-height:1.5;margin-top:5px;color:#d4dece}.toast-icon{font-size:24px;color:var(--amber)}.toast.quiet{opacity:0;transform:translateY(10px)}.bottom-bar{position:fixed;bottom:0;inset-inline:0;height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#10191cf5;border-top:1px solid var(--line);z-index:20}.coordinates{display:flex;align-items:center;gap:17px;font:8px monospace;color:#bcc8b9;letter-spacing:.8px}.coordinates b{font-size:7px;font-weight:400;color:#7e928b;display:block;margin-top:5px}.compass{font-size:13px;padding-right:17px;border-right:1px solid var(--line);color:#b7cab3}.map-controls{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#19272a;border-radius:5px;padding:4px}.map-controls button{height:30px;min-width:30px;padding:0 9px;background:none;font-size:19px;color:#d2dec9}.map-controls #fit{font-size:10px;padding:0 12px}.map-controls #zoom-value{font:10px monospace;min-width:43px;text-align:center;color:#b8c7b7}.divider{height:17px;width:1px;background:var(--line);margin:0 3px}.map-instructions{font:7px monospace;letter-spacing:1px;color:#8b9e93}.map-instructions span{margin:0 8px;color:var(--amber)}#loading{position:absolute;inset:0;background:var(--bg);z-index:15;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .5s}#loading p{font-size:12px;color:#a4b6a5}.loading-sun{font-size:55px;color:var(--mint);animation:turn 5s linear infinite}body.ready #loading{opacity:0;pointer-events:none}dialog{background:#162327;color:var(--cream);border:1px solid #c1d2bd42;border-radius:10px;padding:36px;width:min(90vw,420px);box-shadow:0 25px 100px #000a;max-height:85dvh}dialog::backdrop{background:#091014ac;backdrop-filter:blur(7px)}dialog h2{font-size:34px;margin:17px 0 24px}dialog p{font-size:12px;color:#b0bfaf;line-height:1.8}dialog small{font-size:8px;line-height:1.7;color:#8d9f93;display:block;margin-top:20px}.dialog-close{position:absolute;right:14px;top:9px;font-size:25px;background:none;color:#a7b6a7}.help-keys{display:grid;grid-template-columns:92px 1fr;gap:13px;font-size:10px;color:#acbca8;margin:25px 0}.help-keys span{font:10px monospace;color:#e2e8d6}.help-note{margin:20px 0!important;color:#e1c18f!important}#story-list{padding:0;margin:20px 0;list-style:none}#story-list li{padding:14px 0;border-top:1px solid var(--line);font-size:12px;display:flex;gap:12px;align-items:center;color:#96aa9b}#story-list li.complete{color:var(--cream)}#story-list li>span{color:var(--mint)}#stories-dialog .action-button{margin-top:23px}.motion-paused *{animation-play-state:paused!important}.motion-paused #world,.motion-paused .power-dim{transition:none!important}.motion-paused .place-panel{animation:none!important}.panel-open .discovery-card{opacity:0;pointer-events:none}@keyframes block-breathe{to{opacity:.4}}@keyframes status-pulse{50%{opacity:.45}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.topbar{gap:20px;padding-inline:23px}.experiment i{display:none}.top-actions{gap:13px}.welcome{left:23px;top:102px}.welcome h1{font-size:28px}.welcome>p{font-size:11px}.places{right:23px;width:157px}.discovery-card{right:23px;width:190px;padding:15px}.place-panel{right:23px}.toast{left:23px;max-width:290px}.bottom-bar{padding-inline:23px}.map-instructions{display:none}.coordinates{font-size:7px}.coordinates b{font-size:6px}.top-actions .original-link{display:none}}
@media(max-width:600px){.topbar{height:64px;padding-inline:16px;gap:14px}.brand{font-size:20px}.brand span{font-size:20px}.experiment{font-size:8px;letter-spacing:1px}.experiment>span{display:none}.top-actions{gap:12px}.top-actions button{font-size:8px}.top-actions .help-button{width:20px;height:20px}.top-actions #sound{display:none}#viewport{inset:64px 0 68px}.welcome{top:85px;left:18px;max-width:210px}.welcome .micro{font-size:6px;letter-spacing:1px}.welcome h1{font-size:28px;margin:11px 0}.welcome>p{display:none}.live-label{font-size:6px;margin-top:13px}.places{right:16px;top:88px;width:103px}.places>button{font-size:10px;padding:10px}#places-list{position:absolute;right:0;width:185px}.discovery-card{right:16px;bottom:87px;width:145px;padding:12px}.discovery-card .micro{font-size:6px;letter-spacing:.5px}.discovery-card #discovery-count{font-size:20px}.out-of{font-size:8px}.story-dots{gap:3px}.story-dots i{width:4px;height:4px}.discovery-card>p{font-size:7px}.toast{left:16px;right:177px;bottom:87px;max-width:none;padding:12px;gap:8px}.toast-icon{display:none}.toast .micro{font-size:6px;letter-spacing:.5px}.toast p{font-size:9px}.bottom-bar{height:68px;padding:0 16px;gap:12px}.coordinates{gap:0}.compass{display:none}.coordinates b{max-width:125px;line-height:1.5}.map-controls{gap:3px;padding:2px}.map-controls button{min-width:27px;padding:0 7px}.map-controls #zoom-value{min-width:34px;font-size:9px}.map-controls #fit{font-size:9px;padding:0 8px}.place-panel{top:auto;bottom:83px;right:16px;left:16px;width:auto;max-height:55dvh;padding:23px}.place-panel h2{font-size:28px;margin:10px 0}.place-description{font-size:11px}.place-panel blockquote{font-size:11px;padding:11px 13px;margin:14px 0}.panel-note{font-size:6px;margin-top:14px}.panel-open .toast{display:none}#place-link{margin-top:13px}.hotspot{font-size:14px;padding:10px 13px}.hotspot svg{width:18px;height:18px}.secret{width:29px;height:29px;padding:0}.welcome.compact{opacity:0}dialog{padding:29px}.top-actions #motion{max-width:41px;line-height:1.4}#viewport:focus-visible{outline-offset:-2px}}
.places{z-index:16}
@media(max-width:600px) and (max-height:650px){.welcome h1{font-size:22px;margin:8px 0}.welcome .live-label{display:none}.welcome{top:79px}.welcome .micro{font-size:5px}.places{top:81px}.discovery-card{bottom:83px}.toast{bottom:83px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}