:root{color-scheme:dark;--cream:#f1eee5;--muted:#b9c0bb;--ink:#171f20;--line:rgba(239,238,228,.2)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#bfc9c5;color:var(--cream);font-family:Arial,Helvetica,sans-serif;touch-action:none}button,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:rgba(20,29,30,.78);color:var(--cream);padding:12px 17px;min-height:44px}button:hover{background:#35403d}button:focus-visible,textarea:focus-visible{outline:2px solid #c0ce9f;outline-offset:4px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#world,#world canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#world:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 130px rgba(22,23,21,.13)}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--ink);z-index:20}#loading p{font-size:13px;color:var(--muted);margin-top:30px;letter-spacing:.04em}.wordmark{font-weight:800;letter-spacing:-1.5px;font-size:29px;display:inline-flex;align-items:baseline}.dot{height:6px;width:6px;background:#c4cbb3;display:block;margin-left:3px}.screen{position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,rgba(11,20,23,.86),rgba(20,29,29,.4) 50%,rgba(20,29,29,.05));display:flex;align-items:center;padding:7vw}.entry{max-width:510px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500;letter-spacing:.15em;color:#c2c9bc}.entry h1{font-size:clamp(48px,6.7vw,92px);line-height:.96;letter-spacing:-.055em;font-weight:500;margin:35px 0 24px}.entry>p{font-size:16px;color:#d8dcd3;line-height:1.5}.site-meta{display:flex;gap:22px;font:9px ui-monospace,monospace;letter-spacing:.08em;margin:35px 0 20px;color:#aebbb6}.primary{background:var(--cream);color:var(--ink);font-weight:600;border-color:var(--cream)}.primary:hover{background:#d5dec5}.entry .primary{width:260px;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-size:15px}.entry .hint{font-size:11px;color:#b7c1b6;line-height:1.7}.entry-foot{margin-top:60px;font-size:10px;color:#a6b2ad}header{position:fixed;top:0;left:0;right:0;padding:calc(22px + env(safe-area-inset-top)) 28px 20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(rgba(12,22,22,.65),transparent);z-index:3}.brand{display:flex;align-items:center;gap:19px}.brand-rule{height:29px;width:1px;background:var(--line)}.location{font:10px ui-monospace,monospace;letter-spacing:.11em}.location span{display:block;color:#c0c8bd;font-size:9px;margin-top:6px;letter-spacing:.03em}nav{display:flex;gap:8px;pointer-events:auto}nav button{font-size:11px;padding:9px 13px;min-height:38px}nav button span{margin-left:12px}#lower-hud{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:center;gap:10px;z-index:3;pointer-events:none}.field-label{font:9px ui-monospace,monospace;letter-spacing:.12em;margin-right:auto;text-shadow:0 1px 4px #000}.field-label span{display:block;letter-spacing:0;font:11px Arial,sans-serif;color:#d7ddd2;margin-top:8px}.capture,.quiet{pointer-events:auto;font-size:11px;display:flex;align-items:center;gap:11px;box-shadow:0 4px 20px #0002}.quiet{background:rgba(24,32,32,.55)}#note-count{border-left:1px solid var(--line);padding-left:10px;color:#c7d0ba}.camera-icon{display:block;width:16px;height:12px;border:1px solid #d9ded2;border-radius:2px;position:relative}.camera-icon:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:4px;border:1px solid #d9ded2;border-radius:50%}.camera-icon:before{content:"";position:absolute;width:6px;height:3px;border:1px solid #d9ded2;top:-4px;left:3px;border-bottom:0}#joystick{position:fixed;left:28px;bottom:calc(38px + env(safe-area-inset-bottom));height:112px;width:112px;border:1px solid #f1eee560;background:#1e292c25;border-radius:50%;z-index:4;touch-action:none}#stick{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#f1eee56e;border:1px solid #f1eee5b0;pointer-events:none}#restore{position:fixed;right:16px;top:calc(12px + env(safe-area-inset-top));border:0;background:#14201e22;border-radius:50%;z-index:5;width:42px;height:42px;padding:0;color:#eeefdf75}#toast{position:fixed;top:calc(95px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:30;background:#17201deb;border:1px solid var(--line);padding:11px 17px;font-size:12px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .2s;max-width:90vw;text-align:center}#toast.visible{opacity:1}dialog{border:1px solid #50605a;border-radius:8px;background:#192322;color:var(--cream);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;box-shadow:0 30px 120px #0006;touch-action:pan-y}dialog::backdrop{background:#0b131781;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.close{border:0;background:none;min-height:32px;padding:0 4px;font-size:28px;line-height:1;color:#b8c4bb}h2{font-weight:500;font-size:30px;letter-spacing:-1px;margin:12px 0 25px}dialog p{font-size:13px;line-height:1.65;color:#c1cbbf}kbd{display:inline-block;border:1px solid #526059;border-bottom-width:2px;border-radius:3px;padding:2px 6px;font:10px ui-monospace,monospace;min-width:22px;text-align:center;margin-right:3px}.settings-actions{display:grid;gap:9px;margin:26px 0 18px}.settings-actions button{text-align:left;font-size:12px}.small{font-size:10px!important;color:#9aa99d!important;line-height:1.65}.danger{color:#d7b3a3}#note-image{width:100%;max-height:240px;object-fit:cover;border-radius:3px;margin-bottom:20px}label{display:block;font-size:13px;margin-bottom:10px}textarea{width:100%;resize:vertical;background:#111b1a;border:1px solid #4b5d50;color:var(--cream);padding:12px;line-height:1.5;font-size:13px;border-radius:4px;touch-action:auto}.button-row{display:flex;gap:8px;margin-top:18px}.button-row button{flex:1;font-size:12px}.note-card{border-top:1px solid var(--line);padding:18px 0}.note-card img{width:100%;height:145px;object-fit:cover;border-radius:3px}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.note-card small{font:9px ui-monospace,monospace;color:#96a894}.note-card button{margin-top:12px;min-height:30px;padding:7px 10px;font-size:10px}#export-notes{width:100%;margin-top:18px}#notes-list:empty:after{content:"Your observations will appear here. Capture a view to start a note.";font-size:13px;color:#adbaad;line-height:1.7;display:block;margin-bottom:24px}body.clean #hud,body.clean #lower-hud{visibility:hidden}body.clean #joystick{opacity:0}#webgl-error{z-index:40;background:#192322}@media(pointer:coarse){#lower-hud{left:auto;right:22px;bottom:calc(40px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.field-label{display:none}.capture,.quiet{justify-content:center;min-height:43px}#mouse-lock{display:none}}@media(max-width:600px){header{padding:calc(15px + env(safe-area-inset-top)) 17px 18px}.brand{gap:10px}.wordmark{font-size:24px}.brand-rule{height:25px}.location{font-size:8px}.location span{font-size:8px}.location{max-width:125px}nav{gap:5px}nav button{font-size:10px;padding:8px 10px}nav button span{display:none}.entry{max-width:360px}.entry h1{font-size:64px}.entry>p{font-size:14px}.screen{padding:8vw;background:linear-gradient(90deg,#101d21d9,#18252165)}.site-meta{gap:13px;font-size:8px}.entry-foot{margin-top:36px}#joystick{left:22px;bottom:calc(36px + env(safe-area-inset-bottom));width:106px;height:106px}#stick{left:32px;top:32px}#lower-hud{right:19px}.capture,.quiet{padding:11px 13px;font-size:10px}dialog{padding:20px}#toast{top:calc(80px + env(safe-area-inset-top));font-size:11px}}@media(max-height:500px){.entry h1{font-size:48px;margin:15px 0}.entry-foot{margin-top:15px}.site-meta{margin:18px 0 12px}.entry .primary{padding:12px 18px}.entry>p{margin:10px 0}#joystick{bottom:22px;width:92px;height:92px}#stick{left:25px;top:25px}#lower-hud{bottom:22px}}

.level-link{display:block;width:260px;padding:15px 17px;margin-top:12px;background:#24352ced;border:1px solid #b8c49c77;border-radius:5px;color:#e2e5cb;text-decoration:none;font-size:13px;line-height:1.4;touch-action:manipulation}.level-link span{float:right}.level-link small{display:block;font-size:9px;color:#b4bea7;margin-top:7px}#return-entry{width:100%;margin-top:10px}.screen{overflow:auto;touch-action:pan-y}@media(max-height:500px){.level-link{padding:10px 14px;margin-top:8px}.entry-foot{display:none}}

@media(max-width:600px){.brand .location,.brand-rule{display:none}nav button{padding:8px 9px}}