@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}}.mosskin-portrait{flex-shrink:0;width:54px;height:54px}.creature-title>.mosskin-portrait{width:88px;height:88px}.gene-chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.gene-chips span{background:#f6f2e84d;border:1px solid #72806a30;border-radius:6px;padding:6px 9px;font-size:11px}.lineage{z-index:40;pointer-events:auto;background:#f4f1e9f2;border-radius:20px;flex-direction:column;display:flex;position:absolute;inset:100px 8vw 76px;overflow:hidden;box-shadow:0 24px 100px #17261e30}.lineage[hidden]{display:none}.lineage-header{border-bottom:1px solid #71806b22;justify-content:space-between;align-items:flex-start;padding:26px 30px 22px;display:flex}.lineage-header h2{margin:6px 0;font-family:Georgia,serif;font-size:32px;font-weight:400}.lineage-header p{opacity:.65;margin:6px 0 0;font-size:12px}.lineage-layout{flex:1;grid-template-columns:260px 1fr;min-height:0;display:grid}.family-sidebar{border-right:1px solid #71806b22;padding:20px 16px;overflow:auto}.family-sidebar input,.family-sidebar select{width:100%;font:inherit;background:#ffffff68;border:1px solid #78816b30;border-radius:7px;margin-bottom:9px;padding:10px;font-size:12px}.family-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 6px;display:flex}.family-item:hover,.family-item.chosen{background:#71806b10;border-color:#71806b26}.family-item strong,.family-item small{display:block}.family-item strong{font-size:12px}.family-item small{opacity:.6;margin-top:5px;font-size:10px}.family-item .mosskin-portrait{width:42px;height:42px}.family-main{min-width:0;overflow:auto}.lineage-tabs{z-index:2;background:#f4f1e9;border-bottom:1px solid #71806b22;gap:8px;padding:16px 24px;display:flex;position:sticky;top:0}.lineage-tabs button{background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 15px;font-size:12px}.lineage-tabs .chosen{background:#71806b16;border-color:#6b7c6240}.family-welcome{text-align:center;max-width:540px;margin:auto;padding:54px 28px}.family-welcome h3{font:26px Georgia,serif}.family-welcome p{opacity:.7;font-size:13px;line-height:1.8}.branch-symbol{color:#8c9c75;font:64px Georgia,serif}.lineage-totals{justify-content:center;gap:48px;padding:25px 0;display:flex}.lineage-totals span{opacity:.75;font-size:11px}.lineage-totals b{margin-bottom:6px;font:32px Georgia,serif;display:block}.family-context{padding:24px 26px 0}.family-context h3{margin:0 0 8px;font:24px Georgia,serif}.family-context p,.tree-key{opacity:.6;font-size:12px}.tree-scroll{padding:10px 24px;overflow:auto}.family-tree{margin:auto;position:relative}.family-connectors{pointer-events:none;position:absolute;inset:0}.family-connectors path{stroke:#879775;stroke-width:1.5px;fill:none}.ancestor{background:#fffcf5e0;border:1px solid #8b987d50;border-radius:12px;flex-direction:column;align-items:center;width:150px;min-height:132px;padding:9px 8px 12px;display:flex;position:absolute;box-shadow:0 5px 15px #364c3210}.ancestor:hover{border-color:#455e32;transform:translateY(-2px)}.ancestor strong{margin:4px 0;font-size:12px}.ancestor small{opacity:.6;font-size:10px}.ancestor .mosskin-portrait{width:67px;height:67px}.ancestor.remembered{filter:saturate(.5);border-style:dashed}.variation-badge{background:#e3e8d9;border-radius:8px;margin-top:6px;padding:4px 8px;font-size:9px}.tree-key{padding:0 26px 20px}.evolution-ledger{padding:10px 26px 30px}.evolution-entry{border-bottom:1px solid #78856d30;padding:22px 0}.evolution-heading{align-items:center;gap:14px;display:flex}.evolution-heading small{opacity:.6;margin-top:7px;font-size:10px;display:block}.evolution-entry>p{font-size:12px;line-height:1.6}.evolution-entry details{margin-top:18px;font-size:12px}.evolution-entry summary{cursor:pointer;opacity:.75}.gene-table{border-collapse:collapse;text-align:left;width:100%;margin-top:12px;font-size:11px}.gene-table td,.gene-table th{border-bottom:1px solid #73846720;padding:10px 6px;font-weight:400}.gene-table small,.gene-table em{opacity:.65;margin-top:4px;font-size:9px;display:block}.gene-table em{color:#55753b;font-style:normal}.camera-mode-options{gap:8px;display:flex}.camera-mode-options button{background:0 0;border:1px solid #74826740;border-radius:7px;padding:10px 12px;font-size:12px}.camera-mode-options .chosen{background:#74826720}.travel-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.travel-form label{font-size:11px}.travel-form input{width:100%;font:inherit;background:#ffffff68;border:1px solid #78816b30;border-radius:7px;margin-top:5px;padding:10px}.travel-form button{grid-column:1/-1}.camera-dock #camera-mode{align-items:center;gap:7px;width:auto;padding:0 13px;font-size:11px;display:flex}.camera-dock #camera-mode svg{width:17px}.family-open{width:100%;margin-top:14px}.lineage :focus-visible{outline-offset:2px;outline:2px solid #76975d}@media (max-width:760px){.lineage{inset:78px 10px 68px}.lineage-header{padding:18px}.lineage-header h2{font-size:25px}.lineage-header p{display:none}.lineage-layout{grid-template-columns:150px 1fr}.family-sidebar{padding:12px 8px}.family-item{gap:4px}.family-item .mosskin-portrait{width:30px;height:30px}.family-item strong{font-size:10px}.family-item small{font-size:8px}.lineage-tabs{gap:0;padding:10px 8px}.lineage-tabs button{padding:9px;font-size:10px}.family-context{padding:20px 14px 0}.family-welcome{padding:30px 14px}.lineage-totals{gap:15px}.family-welcome h3{font-size:21px}.evolution-ledger{padding:8px 14px}.camera-dock #camera-mode span{display:none}}.lineage{color:#344334;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lineage button,.lineage input,.lineage select{color:inherit}.lineage .eyebrow{color:#79866c}.lineage .field-note{color:#728069}.lineage ::-webkit-scrollbar-track{background:0 0}.lineage ::-webkit-scrollbar-thumb{background:#89947b55;border-radius:8px}.family-connectors{width:100%;height:100%}.ancestor{height:148px}.lineage input::placeholder{color:#7c8975}.lineage .text-link{color:#4c623f}.genome-details{margin:12px 0;font-size:11px}.genome-details summary{cursor:pointer;opacity:.7}.genome-details dl>div{border-bottom:1px solid #87947725;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.genome-details dt{opacity:.6}.genome-details dd{margin:0}.land-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.land-metrics strong{color:#f0e9d9;font:26px Georgia,serif;display:block}.land-metrics small{opacity:.6;letter-spacing:.03em;font-size:10px}.land-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff10;align-items:center;gap:12px;padding:14px 0;display:flex}.land-row:hover{color:#e5d3a9}.land-row>span:nth-child(2){flex:1}.land-row strong{font-size:13px;font-weight:500;display:block}.land-row small{opacity:.55;margin-top:5px;font-size:11px;display:block}.land-row b{opacity:.5;font-size:15px;font-weight:400}.land-symbol{opacity:.55;text-align:center;width:25px;font-size:25px}.land-stock{color:#c8cdbb;margin:14px 0}.land-stock strong{color:#f0e9d9;font:34px Georgia,serif}.land-stock span{opacity:.65;font-size:12px}.creature-display{border-radius:30px;gap:3px;padding:4px;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}.creature-display button{letter-spacing:.02em;color:#c4d0c8;border-radius:24px;padding:9px 16px;font-size:11px}.creature-display button[aria-pressed=true]{color:#263e35;background:#e4e8c9}#creature-overlay{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}#interface{z-index:3}#speech-layer{z-index:4}.creature-tag{pointer-events:auto;color:#f2efda;white-space:nowrap;background:#193831db;border:1px solid #e6e8c866;border-radius:14px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;line-height:1.2;transition:background .2s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 10px #0b1e2580}.creature-tag i{background:#efe3ad;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 5px #efe3ad50}.creature-tag.grazer i{background:#b9d3e8}.creature-tag:after{content:"";height:var(--stem,9px);pointer-events:none;background:linear-gradient(#e1e8dba0,#e1e8db18);width:1px;position:absolute;top:100%;left:50%}.creature-tag.selected{background:#36534a;border-color:#fff4bc}.creature-tag:hover{z-index:2;background:#36534a}#creature-overlay[data-mode=markers] .creature-tag{border-radius:50%;justify-content:center;width:19px;height:19px;padding:5px}#creature-overlay[data-mode=markers] .creature-tag span{display:none}#world-atlas{z-index:45;pointer-events:auto;background:#142d2cf7;border-radius:20px;flex-direction:column;display:flex;position:absolute;inset:22px;overflow:hidden}.atlas-header{justify-content:space-between;align-items:center;gap:24px;padding:25px 30px 18px;display:flex}.atlas-header h2{margin:5px 0;font-family:Libre Caslon Display,Georgia,serif;font-size:34px;font-weight:400}.atlas-header p{color:#afc1b8;margin:0;font-size:12px}.atlas-header .eyebrow{letter-spacing:.18em;color:#d3d7b4;font-size:9px}.atlas-close{border:1px solid #fff2;border-radius:24px;align-items:center;gap:18px;padding:10px 16px;font-size:12px;display:flex}.atlas-close span{font-size:22px}.atlas-tools{justify-content:space-between;align-items:center;gap:16px;padding:0 30px 16px;display:flex}.atlas-zoom{gap:5px;display:flex}.atlas-tools button,.atlas-tools select{color:#d6e1d3;background:#ffffff07;border:1px solid #ffffff20;border-radius:7px;padding:8px 12px;font-size:11px}.atlas-tools select{max-width:230px}.atlas-tools option{background:#203d35}.atlas-stage{background:#203a3d;border-top:1px solid #fff1;border-bottom:1px solid #fff1;border-radius:10px;flex:1;min-height:150px;margin:0 16px;position:relative;overflow:hidden}.atlas-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.atlas-stage canvas:active{cursor:grabbing}.atlas-compass{text-align:center;pointer-events:none;color:#e1e6cf;gap:2px;display:grid;position:absolute;top:20px;left:24px}.atlas-compass b{letter-spacing:.1em;font-size:10px}.atlas-compass span{font-size:28px}.atlas-legend{pointer-events:none;background:#1a353ad9;border:1px solid #ffffff15;border-radius:8px;gap:16px;padding:10px 12px;display:flex;position:absolute;bottom:16px;left:20px}.atlas-legend span{color:#c7d9d4;align-items:center;gap:7px;font-size:10px;display:flex}.atlas-legend i{background:#fff0bd;border-radius:50%;width:6px;height:6px}.atlas-legend i.map-grazer{background:#b8d1e4}.atlas-legend i.map-unknown{background:#203337;border:1px solid #c7d9d4;border-radius:2px}.atlas-detail{background:#173430ee;border:1px solid #d7dbc333;border-radius:14px;width:240px;padding:18px;position:absolute;top:18px;right:18px;box-shadow:0 8px 25px #0a24294a}.atlas-detail .eyebrow{letter-spacing:.1em;opacity:.7;font-size:9px}.atlas-detail strong{margin:7px 0;font:27px Libre Caslon Display,Georgia,serif;display:block}.atlas-detail p{color:#c0d0c4;font-size:11px;line-height:1.6}.atlas-detail button{color:#253e34;background:#dce2ba;border-radius:8px;padding:9px 12px;font-size:11px}.atlas-scale{pointer-events:none;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:22px;right:22px}.atlas-scale span{border:1px solid #dce2ca;border-top:0;height:5px}.atlas-scale small{color:#dde4cf;text-shadow:0 1px 3px #123;font-size:10px}#world-atlas footer{justify-content:space-between;align-items:center;gap:20px;padding:15px 30px;display:flex}#world-atlas footer p{color:#becdc0;flex-shrink:0;margin:0;font-size:10px;line-height:1.8}#world-atlas footer p span{opacity:.55}.atlas-groups{scrollbar-width:thin;scrollbar-color:#b9cbae40 transparent;gap:6px;max-width:62%;max-height:66px;padding:3px;display:flex;overflow:auto}.atlas-groups button{white-space:nowrap;border:1px solid #e4dfbd25;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.atlas-groups small{opacity:.6}.atlas-groups i{background:#d9ddaf;border-radius:50%;width:5px;height:5px}@media (max-width:800px){.creature-display{top:94px}.creature-display button{padding:7px 12px}#world-atlas{border-radius:14px;inset:8px}.atlas-header{padding:16px}.atlas-header h2{font-size:27px}.atlas-header p{font-size:10px}.atlas-close{gap:8px;padding:6px 10px;font-size:10px}.atlas-tools{flex-wrap:wrap;gap:8px;padding:0 16px 12px}.atlas-tools button,.atlas-tools select{padding:7px 8px;font-size:10px}.atlas-stage{margin:0 8px}.atlas-detail{width:190px;padding:13px}.atlas-legend{gap:10px;padding:7px;bottom:10px;left:10px}.atlas-legend span{font-size:8px}#world-atlas footer{padding:10px 16px;display:block}#world-atlas footer p{font-size:9px}.atlas-groups{max-width:100%;margin-top:7px}.atlas-scale{bottom:50px;right:12px}}