:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#fff7dd;--cream-2:#efe2bd;--ink:#213229;--moss:#294b3b;--moss-2:#426b51;--leaf:#86b56f;--terracotta:#a96542;--gold:#f0ce79;--glass:#e5fff21f;--panel:#1a2e24eb;--shadow:0 18px 60px #07120d7a;font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-shell{background:#15251d;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--cream);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fff1a8}.skip-link{z-index:100;color:var(--ink);background:#fff;border-radius:10px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-140%)}.skip-link:focus{transform:none}#game-shell{isolation:isolate;grid-template-rows:auto 1fr auto;display:grid;position:relative}.topbar{z-index:20;min-height:64px;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:linear-gradient(#192f24fa,#1b3628f0),radial-gradient(circle at 30% 0,#557b5c,#0000 60%);border-bottom:1px solid #fff6d429;grid-template-columns:minmax(155px,1fr) auto auto;align-items:center;gap:12px;display:grid;position:relative;box-shadow:0 8px 24px #030f093d}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;place-items:center;width:38px;height:38px;font-size:22px;display:grid;box-shadow:inset 0 1px #ffffff29}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,2.8vw,21px)}.brand small{color:#bbd5be;letter-spacing:.09em;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:700}.resources{font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12px;display:flex}.resources>span{color:#f7edcb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:4px;min-height:36px;padding:0 9px;display:flex}.resources>span:first-child>span{color:var(--gold)}.round-button{background:#ffffff17;border:1px solid #ffffff26;border-radius:50%;place-items:center;font-size:20px;display:grid}.terrarium-stage{background:#1d3529;min-height:0;position:relative;overflow:hidden}#app{touch-action:manipulation;width:100%;height:100%;display:block}.glass-shine{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 12%,#ffffff14 30%,#0000 31%),radial-gradient(at 50% 110%,#0000 54%,#cfffe81a 72%,#0000 84%);position:absolute;inset:0}.backend-badge{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#09180f5c;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800;position:absolute;top:10px;right:10px}.climate-strip{scrollbar-width:none;gap:7px;max-width:calc(100% - 118px);padding:4px;display:flex;position:absolute;top:10px;left:10px;overflow-x:auto}.climate-strip::-webkit-scrollbar{display:none}.climate-button{color:#fff8e0d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#13291da3;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:6px;min-height:40px;padding:5px 10px 5px 7px;display:flex;box-shadow:0 6px 16px #07140c38}.climate-button span{font-size:18px}.climate-button small{white-space:nowrap}.climate-button[aria-current=true]{color:var(--ink);background:var(--cream);border-color:#ffffff6b}.climate-button.locked{opacity:.64}.habitat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#122a1dad;border:1px solid #ffffff21;border-radius:15px;width:min(222px,35vw);padding:10px 11px;position:absolute;top:62px;left:14px;box-shadow:0 10px 30px #04100940}.habitat-card h2{margin:0 0 7px;font:700 14px/1.1 Georgia,serif}.condition-row{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.condition{color:#dce9d8;letter-spacing:.06em;text-align:center;text-transform:uppercase;gap:2px;font-size:8px;font-weight:800;display:grid}.condition meter{appearance:none;width:100%;height:7px}.condition meter::-webkit-meter-bar{background:#ffffff24;border:0;border-radius:8px}.condition meter::-webkit-meter-optimum-value{background:#a8d283;border-radius:8px}.condition meter::-moz-meter-bar{background:#a8d283;border-radius:8px}.selected-snail{width:min(276px,42vw);color:var(--cream);text-align:left;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1d2f26c7;border:1px solid #ffffff30;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 11px;display:grid;position:absolute;bottom:14px;right:14px}.selected-snail>span:first-child{background:#ffffff1a;border-radius:14px;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.selected-snail strong,.selected-snail small{display:block}.selected-snail small{color:#d1dfcf;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.status-dot{background:#9bca77;border:2px solid #ffffff7a;border-radius:50%;width:10px;height:10px}.status-dot.unhappy{background:#e5bd61}.status-dot.sick{background:#e37b70}.care-effect-label{z-index:4;color:var(--ink);opacity:0;pointer-events:none;background:#fff3c9;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800;transition:all .18s;position:absolute;bottom:20px;left:50%;transform:translate(-50%,8px);box-shadow:0 7px 22px #07110b4d}.care-effect-label.visible{opacity:1;transform:translate(-50%)}.care-dock{z-index:20;padding:8px max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:linear-gradient(#213e2f,#172b21);border-top:1px solid #ffffff24;grid-template-columns:repeat(6,minmax(52px,1fr));gap:7px;display:grid;position:relative}.care-dock button{background:#ffffff12;border:1px solid #ffffff1c;border-radius:15px;place-items:center;gap:1px;min-height:58px;padding:5px;display:grid;box-shadow:inset 0 1px #ffffff14}.care-dock button:active{background:#ffffff24;transform:translateY(1px)scale(.98)}.care-dock button>span{font-size:21px}.care-dock small{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:800}.notebook-button{color:var(--ink);background:var(--cream)!important}.drawer{z-index:60;width:min(430px,92vw);height:100%;color:var(--ink);background:linear-gradient(135deg, #fffdecfa, #ede3c3fa), var(--cream);grid-template-rows:auto auto 1fr;transition:transform .22s;display:grid;position:fixed;top:0;right:0;transform:translate(104%);box-shadow:-20px 0 70px #04100975}.drawer.open{transform:translate(0)}.drawer>header{padding:max(18px, env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid #30443526;justify-content:space-between;align-items:center;display:flex}.drawer>header small{color:#72816d;letter-spacing:.14em;font-size:9px;font-weight:900}.drawer h2{margin:2px 0 0;font:700 25px/1 Georgia,serif}.drawer .round-button{color:var(--ink);background:#27443014;border-color:#24382b24}.drawer-tabs{border-bottom:1px solid #3044351f;gap:5px;padding:9px 12px;display:flex;overflow-x:auto}.drawer-tabs button{color:#5f705f;background:0 0;border-radius:10px;min-height:38px;padding:7px 11px;font-size:11px;font-weight:800}.drawer-tabs button.active{color:#fff;background:var(--moss)}.drawer-content{padding:14px 14px max(24px, env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.drawer-scrim{z-index:55;background:#040e0973;width:100%;height:100%;display:none;position:fixed;inset:0}.drawer-scrim.open{display:block}.card-grid{gap:10px;display:grid}.paper-card{background:#ffffff8c;border:1px solid #40523d24;border-radius:16px;padding:13px;box-shadow:0 5px 16px #313b2d14}.paper-card.selected{border-color:#6d8f69;box-shadow:0 0 0 2px #6d8f692e}.paper-card header,.paper-card .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.paper-card h3,.paper-card p{margin:0}.paper-card h3{font:700 16px/1.15 Georgia,serif}.paper-card p{color:#5b695a;margin-top:6px;font-size:12px;line-height:1.45}.paper-card small{color:#778275;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.paper-card button,.primary-button,.secondary-button{border-radius:11px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:850}.primary-button,.paper-card button{color:#fff;background:var(--moss)}.paper-card button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{color:var(--moss);background:0 0;border:1px solid #294b3b40}.meter-line{color:#5e6b5c;grid-template-columns:54px 1fr 34px;align-items:center;gap:8px;margin-top:8px;font-size:10px;font-weight:800;display:grid}.meter-line meter,.research-progress{width:100%;height:10px}.species-card{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}.species-icon{background:#2a4b3814;border-radius:15px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.species-card.locked{filter:saturate(.25);opacity:.63}.tag-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tag{color:#5c6959;background:#304d3914;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800}.history-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-list li{color:#52604f;border-left:3px solid #adbc92;padding-left:12px;font-size:12px;line-height:1.4}.setting-row{border-bottom:1px solid #26392b1c;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.setting-row label{font-size:13px;font-weight:800}.setting-row p{color:#657161;margin:3px 0 0;font-size:11px;line-height:1.35}.toggle{background:#9ca79c;border-radius:99px;width:52px;min-width:52px;height:32px;min-height:32px;padding:3px}.toggle:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .16s;display:block;box-shadow:0 2px 5px #12231840}.toggle[aria-pressed=true]{background:var(--moss-2)}.toggle[aria-pressed=true]:before{transform:translate(20px)}.mystery{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 40%,#73609438,#0000 44%),#07110dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mystery[hidden]{display:none}.mystery-card{width:min(420px,94vw);color:var(--cream);text-align:center;background:linear-gradient(145deg, #273931fa, #1c2527fa), var(--panel);border:1px solid #ffffff2e;border-radius:24px;padding:24px;box-shadow:0 30px 100px #0000007a}.mystery-icon{margin-bottom:5px;font-size:38px;display:block}.mystery-card>small{color:#bdafd5;letter-spacing:.14em;font-size:9px;font-weight:900}.mystery-card h2{margin:8px 0 6px;font:700 24px/1.1 Georgia,serif}.mystery-card p{color:#d6ddd2;margin:0 0 16px;font-size:13px;line-height:1.5}#mystery-options{gap:8px;display:grid}#mystery-options button{background:#ffffff17;border:1px solid #ffffff21;border-radius:13px;font-size:12px;font-weight:800}.toast{z-index:110;left:50%;bottom:calc(148px + env(safe-area-inset-bottom));max-width:min(420px,86vw);color:var(--ink);opacity:0;pointer-events:none;background:#fff3c9;border:1px solid #ffffff29;border-radius:14px;padding:11px 15px;font-size:12px;font-weight:750;transition:all .18s;position:fixed;transform:translate(-50%,12px);box-shadow:0 14px 40px #07130c52}.toast.visible{opacity:1;transform:translate(-50%)}.danger-zone{border-top:1px solid #712f232e;margin-top:20px;padding-top:16px}.danger-zone button{color:#7d352c;background:0 0;border:1px solid #7d352c40}body.high-contrast{--cream:#fffef4;--panel:#0a140ffa}body.high-contrast .habitat-card,body.high-contrast .selected-snail,body.high-contrast .climate-button{background:#08170eeb;border-width:2px}@media (width<=680px){.topbar{min-height:58px;padding-top:max(6px, env(safe-area-inset-top));grid-template-columns:minmax(138px,1fr) auto auto;gap:6px}.brand-mark{width:34px;height:34px}.resources{gap:3px}.resources>span{min-width:38px;min-height:32px;padding:0 6px}.habitat-card{width:min(205px,48vw);top:57px;left:8px}.selected-snail{width:min(245px,46vw);bottom:8px;right:8px}.care-dock{gap:4px;padding-top:6px}.care-dock button{border-radius:12px;min-height:54px}}@media (orientation:portrait){#game-shell{grid-template-rows:auto minmax(0,1fr) auto}.terrarium-stage{min-height:52vh}.climate-strip{max-width:calc(100% - 20px)}.backend-badge{display:none}.habitat-card{width:min(235px,100% - 28px);top:58px}.selected-snail{width:min(270px,100% - 28px)}.care-dock{grid-template-columns:repeat(3,1fr)}.care-dock button{min-height:54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}