@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650&family=Libre+Caslon+Display&display=swap";:root{color:#f3f2e8;font-synthesis:none;--line:#edf3df25;--muted:#c8d2c8;--paper:#f0efdf;--glass:#172c29bd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#b9cfc3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .2s,transform .2s}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #e0d6af}button:hover{background:#ffffff14}button:active{transform:scale(.96)}svg{flex-shrink:0;width:20px;height:20px}button svg{pointer-events:none}[hidden]{display:none!important}#landscape{position:fixed;inset:0}#landscape canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#interface{pointer-events:none;transition:opacity .35s;position:fixed;inset:0}#interface button,#interface input,#interface select,#panel{pointer-events:auto}.hidden-ui{opacity:0;pointer-events:none!important}.hidden-ui *{pointer-events:none!important}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.15);border:1px solid var(--line);box-shadow:0 8px 30px #102d2b12}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:30px;left:36px;right:36px}.brand{text-align:left;text-shadow:0 2px 20px #19352b80;align-items:center;gap:12px;padding:0;display:flex}.brand:hover{background:0 0}.brand>svg{stroke-width:1px;width:35px;height:35px}.brand span{letter-spacing:.2px;font:38px/1 Libre Caslon Display,Georgia,serif}.brand small{letter-spacing:3px;color:#f0efdfc9;margin-top:9px;font:9px/1.2 DM Sans,sans-serif;display:block}.world-clock{border-radius:40px;align-items:center;gap:13px;min-width:198px;padding:11px 17px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.world-clock>span:first-child{color:#e5cfa4;display:flex}.world-clock div{flex-direction:column;gap:2px;display:flex}.world-clock strong{font-size:12px;font-weight:500}.world-clock div span{color:var(--muted);font-size:10px}.live-dot{background:#bbd6a2;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #c9e8aa80}.world-clock .live-dot{margin-left:8px}.live-dot.offline{box-shadow:none;background:#dda57b}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.top-actions>.icon-button{width:46px;height:46px}.capture{border-radius:30px;align-items:center;gap:10px;padding:13px 18px;font-size:12px;display:flex}.capture small{letter-spacing:1px;color:var(--muted);margin-left:7px;font-size:9px}.rail{border-radius:32px;flex-direction:column;align-items:center;gap:5px;padding:7px;display:flex;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.rail button{color:#e5e8db;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:42px;min-height:45px;display:flex}.rail button span{font-size:9px;font-weight:500}.rail button.active{background:#e6eddb26}.rail-divider{background:var(--line);width:22px;height:1px;margin:1px 0}.world-caption{text-shadow:0 2px 30px #22372c65;transition:opacity 2s;position:absolute;bottom:116px;left:110px}.eyebrow{letter-spacing:2.4px;color:#c8d1bb;font-size:9px;font-weight:500}.world-caption h1{letter-spacing:-1px;margin:14px 0;font:58px/.96 Libre Caslon Display,Georgia,serif}.world-caption em{color:#e2dfc6;font-style:italic}.world-caption p{letter-spacing:.3px;color:#e3e6db;font-size:11px}.faded{pointer-events:none;opacity:0!important}.bottom-left{text-shadow:0 1px 8px #18372b;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:34px;left:38px}.live-label{letter-spacing:.2px;align-items:center;gap:7px;font-size:10px;display:flex}.quiet{color:#e8ecdd9c;margin-left:12px;font-size:10px}.camera-dock{border-radius:30px;align-items:center;gap:4px;padding:5px 8px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.camera-dock button{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.camera-dock>span{background:var(--line);width:1px;height:18px;margin:0 3px}.camera-dock svg{width:17px;height:17px}.location{text-shadow:0 1px 10px #1b3328;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:35px;right:36px}.location>span{align-items:center;gap:7px;display:flex}.location svg{width:13px;height:13px}.location strong{font-size:11px;font-weight:450}.location small{letter-spacing:1px;color:#e9ebddb3;font-size:9px}.interaction-hint{color:#f4f2e3c9;white-space:nowrap;text-shadow:0 1px 10px #19382b;font-size:10px;transition:opacity 2s;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.interaction-hint b{color:#e5e8d575;padding:0 8px;font-weight:400}#panel{scrollbar-width:thin;scrollbar-color:#aabb9e50 transparent;border-radius:18px;width:340px;max-height:calc(100dvh - 190px);position:absolute;top:100px;right:30px;overflow:auto}#panel>header{z-index:1;background:#1f3634ee;justify-content:space-between;align-items:center;padding:14px 18px 8px;display:flex;position:sticky;top:0}#panel-label{letter-spacing:.8px;color:#cad5c7;font-size:10px}#panel>header button{width:28px;height:28px}#panel>header svg{width:16px;height:16px}#panel-body{padding:5px 22px 24px}.panel-intro{margin:10px 0 22px}.panel-intro h2{letter-spacing:-.4px;margin:0 0 10px;font:34px/1.03 Libre Caslon Display,Georgia,serif}.panel-intro p,.detail-section p{color:var(--muted);margin:7px 0;font-size:11px;line-height:1.7}.creature-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.creature-row:hover{background:#ffffff08}.creature-row>span:nth-child(2){flex:1;min-width:0}.creature-row strong{font-size:12px;font-weight:500;display:block}.creature-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:185px;margin-top:3px;font-size:9px;display:block;overflow:hidden}.row-meta{color:var(--muted);flex-direction:column;align-items:center;gap:3px;font-size:9px;display:flex}.row-meta svg{width:13px;height:13px}.portrait{flex-shrink:0;justify-content:center;align-items:center;width:37px;height:40px;display:inline-flex;position:relative}.portrait:before{content:"";background:var(--fur);border-radius:45% 45% 48% 48%;width:29px;height:26px;position:absolute;bottom:0;box-shadow:inset -3px -3px 5px #0002}.portrait:after{content:"";background:var(--fur);width:8px;height:18px;box-shadow:15px 0 var(--fur);border-radius:50%;position:absolute;top:1px;left:7px;transform:rotate(-5deg)}.portrait i{z-index:1;background:#233a35;border-radius:50%;width:3px;height:4px;position:absolute;bottom:13px;left:12px;box-shadow:10px 0 #233a35}.portrait.large{margin:5px 10px 7px 4px;transform:scale(1.35)}.creature-title{align-items:center;gap:14px;margin:18px 0 20px;display:flex}.creature-title h2{margin:0 0 7px;font:39px/1 Libre Caslon Display,Georgia,serif}.creature-title p{color:var(--muted);margin:0;font-size:10px}.trait-row{flex-wrap:wrap;gap:6px;display:flex}.trait-row span{color:#d2ddcb;background:#dde9d015;border-radius:20px;padding:5px 10px;font-size:9px}.activity{color:#e0d6af;margin:17px 0;font-size:11px}blockquote{color:#e7e0c7;border-left:1px solid #d2bf8b90;margin:20px 0;padding-left:14px;font:20px/1.4 Libre Caslon Display,Georgia,serif}.stats{grid-template-columns:1fr 1fr;gap:14px 18px;margin:16px 0 22px;display:grid}.stat>div{color:#d3ddcf;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:9px;display:flex}.stat small{color:#adbcaf80;font-size:8px}.stat>i{background:#e3eccf18;border-radius:3px;height:3px;display:block;overflow:hidden}.stat b{background:#b7c9a2;height:100%;display:block}.primary{color:#263d32;background:#d4dfbd;border:1px solid #e9f1d329;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:11px;font-weight:500;display:flex}.primary:hover{background:#e2e8c7}.primary svg{width:15px;height:15px}.detail-section{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.detail-section h3{letter-spacing:.5px;color:#e4e6d8;margin:0 0 12px;font-size:10px;font-weight:500}.inventory{flex-wrap:wrap;gap:6px;display:flex}.inventory>span{border:1px solid var(--line);text-transform:capitalize;background:#dce9d20b;border-radius:6px;padding:6px 9px;font-size:10px}.inventory b{color:#e5dbad;padding-left:7px;font-weight:500}.knowledge-item{align-items:center;gap:8px;display:flex}.knowledge-item svg{color:#cbd5a7;width:13px;height:13px}input[type=search],select{color:#edf0e5;background:#0e242747;border:1px solid #cad7b82b;border-radius:7px;width:100%;padding:10px 12px;font-size:11px}input::placeholder{color:#c7d5c077}.remembered-toggle{color:var(--muted);align-items:center;gap:6px;margin:12px 0 6px;font-size:9px;display:flex}.remembered-toggle input{accent-color:#b8caa0}.timeline article{border-left:1px solid #c0ceaa33;padding:4px 0 22px 20px;position:relative}.event-dot{background:#bfcea7;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:-4px}.event-dot.birth{background:#a6c6bf}.event-dot.discovery{background:#e2bf7d}.timeline small{letter-spacing:1.3px;color:#bbc9b2;font-size:8px}.timeline p{color:#dee6d7;margin:8px 0;font-size:11px;line-height:1.75}.text-link{color:#c8d5b0;align-items:center;gap:5px;padding:4px 9px 4px 0;font-size:9px;display:inline-flex}.text-link svg{width:11px;height:11px}.discovery{border-top:1px solid var(--line);padding:18px 0}.discovery h3,.arc h3{margin:8px 0;font:25px/1.15 Libre Caslon Display,Georgia,serif}.discovery p,.arc p{color:var(--muted);font-size:11px;line-height:1.7}.discovery small{color:#c7c9a2;font-size:9px}.experiment-progress{background:#dce9c323;height:3px;margin-top:15px}.experiment-progress span{background:#dcca8d;height:100%;display:block}.closing-note,.field-note{color:#c4ceb0b0;margin:22px 0 0;font-size:10px;line-height:1.65}.arc{border:1px solid var(--line);border-radius:8px;margin-bottom:20px;padding:15px}.places{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.place{text-align:left;border-bottom:1px solid var(--line);padding:0 0 12px;position:relative}.place-art{background:linear-gradient(165deg,#bec8a1 10%,#4e897b 41%,#bcb284 43%,#85c1b7 49%,#8eb2a0 60%,#527a68 61%,#346858);border-radius:7px;height:70px;margin-bottom:10px;display:block;overflow:hidden}.art-1{background:radial-gradient(at 70% 36%,#d89c89 0 22%,#0000 23%),radial-gradient(at 20% 65%,#bb8174 0 35%,#0000 36%),linear-gradient(#c5c7a2,#88996d)}.art-2{background:linear-gradient(125deg,#b5baa0 20%,#a9bbaa 32%,#6dabb1 33%,#a3cdc3 52%,#90aaa0 53%,#527e6c)}.art-3{background:linear-gradient(143deg,#c4c5c1 0 35%,#9a9fa2 36% 55%,#9a8fa9 56% 70%,#717a8e 71%)}.place strong{font-size:10px;font-weight:500;display:block}.place small{color:var(--muted);margin-top:4px;padding-right:12px;font-size:8px;line-height:1.5;display:block}.place>svg{width:12px;height:12px;position:absolute;bottom:14px;right:0}.light-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.light-options button{border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:9px;display:flex}.light-options button.chosen{background:#d5dfbc22;border-color:#d5dfbc66}.light-options svg{width:17px;height:17px}.empty{color:var(--muted);padding:20px 0;font-size:11px}#speech-layer{pointer-events:none;position:fixed;inset:0}.speech{color:#35443b;background:#f3efdfed;border-radius:12px;max-width:200px;padding:11px 14px;font-size:10px;line-height:1.5;position:absolute;transform:translate(-50%,-100%);box-shadow:0 5px 25px #132e2d28}.speech:after{content:"";background:#f3efdf;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.speech strong{color:#798871;margin-bottom:4px;font-size:9px;display:block}#exit-photo{opacity:.45;border-radius:30px;align-items:center;gap:8px;padding:10px 17px;font-size:10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#exit-photo:hover{opacity:1}#exit-photo svg{width:14px;height:14px}kbd{border:1px solid var(--line);border-radius:3px;padding:2px 5px;font:9px DM Sans,sans-serif}#toast{text-align:center;z-index:20;border-radius:30px;max-width:90%;padding:12px 20px;font-size:11px;position:fixed;bottom:105px;left:50%;transform:translate(-50%)}#loading{z-index:50;background:#1b3432;flex-direction:column;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}#loading.finished{opacity:0;pointer-events:none}#loading h1{margin:16px 0 9px;font:64px/1 Libre Caslon Display,Georgia,serif}#loading p{letter-spacing:1px;color:#c3cfb3;font-size:12px}#loading small{color:#b1c1ad88;margin-top:20px;font-size:10px}.loading-mark svg{color:#bbcba6;stroke-width:1px;width:36px;height:36px}.loading-track{background:#b3c9a522;width:150px;height:2px;margin-top:35px;overflow:hidden}.loading-track span{background:#c4d2b5;width:0;height:100%;transition:width .3s;display:block}@media (max-width:800px){.topbar{top:20px;left:20px;right:20px}.brand span{font-size:30px}.brand>svg{width:28px;height:28px}.brand small{letter-spacing:2px;font-size:7px}.world-clock{min-width:175px;padding:9px 13px;top:65px}.capture{padding:12px}.capture>span{display:none}.top-actions>.icon-button{width:44px;height:44px}.rail{padding:5px;left:16px}.world-caption{bottom:120px;left:24px}.world-caption h1{font-size:46px}#panel{width:min(340px,100vw - 90px);max-height:calc(100dvh - 235px);top:140px;right:16px}.bottom-left{bottom:25px;left:20px}.location{bottom:25px;right:20px}.camera-dock{bottom:70px}.interaction-hint,.world-caption.faded{display:none}}@media (max-width:420px){.location small{font-size:8px}.location strong{font-size:10px}.bottom-left,.quiet{font-size:9px}.camera-dock button{width:35px;height:35px}.world-clock{min-width:170px}.stats{grid-template-columns:1fr}#panel-body{padding:5px 16px 20px}.panel-intro h2{font-size:29px}.top-actions{gap:6px}.brand span{font-size:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}