.brand{display:flex;color:#f2f1df;font-weight:400;-webkit-font-smoothing:antialiased;flex-shrink:0;align-items:flex-start;gap:12px}.brand>svg{margin-top:4px;opacity:.85}.brand>span{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1.2px;line-height:1.15}.brand-dot{color:#c6d49b}.brand small{display:block;margin-top:11px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:500;letter-spacing:2.7px;color:#d5dec4;opacity:.7}@media(max-width:600px){.brand>span{font-size:23px}.brand>svg{width:22px}.brand{gap:9px}.brand small{font-size:6.5px;letter-spacing:2px;margin-top:9px}}@media(max-height:520px)and (orientation:landscape){.brand small{display:none}.brand>span{font-size:22px}}@media(max-width:360px){.brand>span{font-size:21px}}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf) format("truetype");font-weight:100 1000;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#f2f1df;background:#263c28;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;color-scheme:dark;--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e8eac9;outline-offset:5px}button{touch-action:manipulation}button svg{flex-shrink:0}button:hover{color:#fff}a{color:inherit;text-decoration:none}.experience{height:100svh;width:100%;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.world{position:absolute;inset:0;touch-action:none}.world canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,24,16,.15),transparent 24%,transparent 60%,rgba(8,22,14,.58)),linear-gradient(90deg,rgba(12,28,18,.12),transparent 25%,transparent 75%,rgba(12,28,18,.08))}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(32px + env(safe-area-inset-top)) 42px 20px;pointer-events:none}.brand,.top-actions{pointer-events:auto}.top-actions{display:flex;gap:30px;align-items:center}.weather{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.1px;color:#e3e8cf}.live-dot{width:5px;height:5px;background:#c8d6a6;border-radius:50%;box-shadow:0 0 10px #d4e0a433}.icon-button{height:44px;width:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#13281c33;border:1px solid #e0e7c91c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s}.icon-button:hover,.icon-button.active{background:#dde3c22b;border-color:#e0e7c95c}.bottom-ui{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:30px 42px calc(35px + env(safe-area-inset-bottom));pointer-events:none;gap:24px}.bottom-ui>*{pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:2.1px;font-weight:500;color:#c5d1ad}.place-label h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.5px;font-size:29px;margin:9px 0 13px}.field-notes-button{padding:0;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2px;color:#d3dbc1;min-height:28px}.field-notes-button svg:last-child{opacity:.6;margin-left:8px}.camera-section{text-align:center;position:absolute;left:50%;transform:translate(-50%);bottom:calc(35px + env(safe-area-inset-bottom))}.control-caption{display:block;font-size:7px;font-weight:500;letter-spacing:2px;color:#cfdbc0;margin-bottom:13px}.camera-control{display:flex;border:1px solid #d7ddbd35;padding:5px;border-radius:35px;background:#172e22a1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 5px 30px #0b160c33}.camera-control button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:104px;padding:12px 17px;border-radius:30px;font-size:11px;color:#d1ddc3;transition:background-color .2s,color .2s,box-shadow .2s}.camera-control button.selected{background:#e1e6cd;color:#24372a;box-shadow:0 1px 8px #05110711}.camera-control button:hover:not(.selected){color:#fff;background:#eff4de0d}.time-section{text-align:center}.time-controls{display:flex;align-items:center;gap:8px;height:53px}.time-controls .icon-button{background:transparent;border-color:transparent}.time-controls .icon-button:hover,.time-controls .icon-button.active{background:#e1e6cd1a}.speed-button{width:42px;height:44px;font-size:14px;letter-spacing:-.5px;border-radius:50%}.speed-button.active{background:#e1e6cd26}.separator{height:18px;width:1px;background:#e4eaca26;margin:0 3px}.first-hint{position:absolute;bottom:180px;left:50%;transform:translate(-50%,8px);text-align:center;pointer-events:none;opacity:0;transition:opacity 1s,transform 1s;text-shadow:0 1px 8px #102719;white-space:nowrap}.first-hint.visible{opacity:1;transform:translate(-50%)}.first-hint>svg{opacity:.75}.first-hint p{font-size:14px;letter-spacing:.2px;margin:10px 0 6px}.first-hint span{font-size:10px;color:#d7dfc5b5}.text-button{display:flex;align-items:center;gap:9px;font-size:11px}.intro-skip{z-index:4;min-height:44px;position:absolute;top:112px;right:44px;padding:10px;background:#19332666;border-radius:20px}.panel{position:absolute;z-index:5;width:320px;border:1px solid #d8dfc52e;border-radius:20px;background:#1d3328ed;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 12px 70px #0a1b1466;padding:25px;color:#e9ecdb}.settings{top:104px;right:42px}.notebook{bottom:165px;left:42px;width:350px;max-height:calc(100svh - 260px);overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:20px}.close-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;opacity:.65;margin:-10px -8px -10px 8px;border-radius:50%;flex-shrink:0}.close-button:hover{opacity:1;background:#ebefdc16}.panel h2{font-family:Georgia,serif;font-size:24px;line-height:1.2;font-weight:400;margin:18px 0}.panel-intro{font-size:11px;line-height:1.7;opacity:.62;margin-top:-7px;margin-bottom:25px}.note-row{display:flex;align-items:center;width:100%;text-align:left;gap:15px;border-top:1px solid #dce4c81f;padding:20px 0}.note-row>svg:first-child{width:21px;opacity:.65;stroke-width:1.4}.note-row>svg:last-child{margin-left:auto;opacity:.5}.note-row span{display:flex;flex-direction:column;gap:6px}.note-row strong{font-weight:400;font-size:12px}.note-row small{font-size:9px;opacity:.55}.notebook-foot{border-top:1px solid #dce4c81f;padding-top:18px;margin:2px 0 0;font-size:9px;line-height:1.9;opacity:.5}.notebook-foot svg{float:left;margin-right:10px;margin-top:3px}.sound-row{display:flex;width:100%;align-items:center;gap:13px;text-align:left;padding:8px 0 24px}.sound-row>span:first-of-type{font-size:12px}.sound-row small{display:block;font-size:9px;opacity:.5;margin-top:4px}.toggle{width:32px;height:18px;border-radius:20px;background:#fff2;margin-left:auto;padding:3px}.toggle:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#d7dec2;transition:transform .2s}.toggle.on{background:#7e9765}.toggle.on:before{transform:translate(14px)}.range-label{display:block;font-size:11px;line-height:20px;margin:7px 0 15px}.range-label>span{float:right;opacity:.5;font-size:10px}input[type=range]{width:100%;display:block;margin:8px 0 0;accent-color:#c6d5a8;height:14px}.quality-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce4c81f;padding:20px 0 15px;font-size:11px}.quality-row select{color:#d9e1c8;background:#283f31;border:1px solid #dce4c829;padding:7px;border-radius:6px;max-width:155px;font-size:10px}.settings-link{display:flex;align-items:center;gap:10px;min-height:40px;font-size:11px;opacity:.8}.settings-foot{border-top:1px solid #dce4c81f;margin-top:12px;padding-top:18px;font-size:9px;line-height:1.7;color:#c4cfb5}.field-bubble{position:absolute;top:0;left:0;width:280px;padding:21px 22px 15px;z-index:3;background:#e9eddcef;border-radius:3px 18px 18px;color:#26382a;box-shadow:0 10px 40px #10251b38;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:transform}.field-bubble:after{content:"";position:absolute;bottom:-18px;left:0;width:1px;height:18px;background:#e9eddc80}.field-bubble .eyebrow{color:#657451;font-size:7px;letter-spacing:1.5px}.field-bubble .close-button{float:right;margin:-10px -12px 0 8px}.field-bubble h2{font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.1;margin:12px 0}.field-bubble p{font-size:11px;line-height:1.65;color:#4b5a47;margin:0 0 13px}.bubble-actions{display:flex;border-top:1px solid #304b2925;padding-top:6px;gap:10px}.bubble-actions button{display:flex;align-items:center;gap:6px;font-size:9px;min-height:36px;padding:3px 0;color:#3c5134}.bubble-actions button:hover{color:#162b19}.bubble-actions button.pressed{color:#768c40}.macro-toolbar{position:absolute;top:120px;left:42px;display:flex;gap:9px}.glass-button{display:flex;align-items:center;gap:6px;font-size:10px;background:#1b33269c;border:1px solid #e0e7c926;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:11px 14px;border-radius:30px;min-height:44px}.glass-button.active{background:#dce4c8;color:#213824}.explore-pad{position:absolute;left:50%;bottom:155px;transform:translate(-50%);text-align:center}.explore-pad>span{font-size:7px;letter-spacing:2px;display:block;margin-bottom:12px}.explore-pad>div{display:flex;gap:8px}.event-toast{position:absolute;bottom:118px;right:45px;font-size:10px;color:#dce6cb;display:flex;align-items:center;gap:8px}.loading,.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#203d2bea;border-radius:22px;padding:35px;max-width:90vw}.loading p{font-family:Georgia,serif;font-size:20px}.error-message{width:400px}.error-message h1{font-family:Georgia,serif;font-weight:400;font-size:28px}.error-message p{font-size:12px;line-height:1.7}.error-message button{border:1px solid #dce4c850;border-radius:30px;padding:12px 20px;font-size:12px;margin-top:12px}.diagnostics{position:absolute;top:112px;left:18px;z-index:20;display:flex;gap:7px;flex-direction:column;max-width:360px;background:#08180aee;color:#cee6bb;padding:18px;font:11px monospace;border:1px solid #c4e2b344;border-radius:8px}.diagnostics input{width:120px;background:#233a27;color:#fff;border:1px solid #66865e;border-radius:4px;font:inherit;padding:5px}.diagnostics button{background:#3b5939;padding:9px;border-radius:5px;font:inherit}.diagnostics small{opacity:.6;font-size:10px}@media(min-width:1500px){.bottom-ui{padding:42px 56px}.camera-section{bottom:42px}.topbar{padding-left:56px;padding-right:56px}}@media(max-width:900px){.topbar{padding:calc(26px + env(safe-area-inset-top)) calc(25px + var(--safe-right)) 26px calc(25px + var(--safe-left))}.bottom-ui{padding:24px calc(25px + var(--safe-right)) calc(28px + env(safe-area-inset-bottom)) calc(25px + var(--safe-left))}.place-label h1{font-size:24px}.place-label>.eyebrow{font-size:6px;letter-spacing:1.5px}.camera-control button{min-width:83px;padding:12px}.time-controls{gap:1px}.camera-section{bottom:calc(28px + env(safe-area-inset-bottom))}.control-caption{font-size:6px;letter-spacing:1.5px}.notebook{left:25px}.settings{right:25px}}@media(max-width:600px){.topbar{padding:calc(24px + env(safe-area-inset-top)) calc(22px + var(--safe-right)) 12px calc(22px + var(--safe-left))}.weather{display:none}.top-actions{gap:0}.top-actions .icon-button{width:44px;height:44px}.bottom-ui{padding:20px 22px calc(25px + env(safe-area-inset-bottom));display:block;height:207px}.place-label{position:absolute;bottom:calc(104px + env(safe-area-inset-bottom));left:calc(24px + var(--safe-left))}.place-label .eyebrow{font-size:6px;letter-spacing:1.7px}.place-label h1{font-size:23px;margin:7px 0 5px}.field-notes-button{font-size:9px;gap:6px}.field-notes-button svg{width:13px}.time-section{position:absolute;right:calc(17px + var(--safe-right));bottom:calc(104px + env(safe-area-inset-bottom))}.time-section .control-caption{display:none}.time-controls{gap:0;height:44px}.time-controls .icon-button{width:36px;height:40px}.speed-button{width:34px}.separator{margin:0 3px;height:14px}.camera-section{bottom:calc(26px + env(safe-area-inset-bottom));width:calc(100% - 44px - var(--safe-left) - var(--safe-right))}.camera-section .control-caption{display:none}.camera-control{padding:5px}.camera-control button{flex:1;min-width:0;padding:13px 10px;font-size:11px;gap:8px}.first-hint{bottom:245px}.first-hint p{font-size:12px}.first-hint span{font-size:9px}.panel{right:16px;left:16px;width:auto;max-width:370px;margin-left:auto;max-height:calc(100svh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.settings{top:calc(96px + env(safe-area-inset-top));padding:22px}.notebook{bottom:calc(200px + env(safe-area-inset-bottom));max-height:calc(100svh - 296px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-left:0;padding:22px}.panel h2{font-size:23px}.note-row{padding:16px 0}.field-bubble{width:250px;padding:18px 20px 12px}.field-bubble h2{font-size:21px}.field-bubble p{font-size:10px}.field-bubble .eyebrow{font-size:6.5px}.macro-toolbar{left:calc(22px + var(--safe-left));top:calc(105px + env(safe-area-inset-top));max-width:calc(100% - 44px - var(--safe-left) - var(--safe-right));flex-wrap:wrap;gap:6px}.glass-button{font-size:9px;padding:9px 12px;min-height:38px}.intro-skip{top:103px;right:22px;font-size:10px}.explore-pad{bottom:220px}.event-toast{right:24px;bottom:calc(188px + env(safe-area-inset-bottom));font-size:9px}.diagnostics{top:155px;max-width:calc(100% - 36px);font-size:10px}.vignette{background:linear-gradient(180deg,#10251c44,transparent 23%,transparent 53%,#0c2119bb)}}@media(max-height:520px)and (orientation:landscape){.topbar{padding:calc(18px + env(safe-area-inset-top)) calc(24px + var(--safe-right)) 18px calc(24px + var(--safe-left))}.bottom-ui{padding:16px calc(24px + var(--safe-right)) calc(16px + env(safe-area-inset-bottom)) calc(24px + var(--safe-left))}.place-label>.eyebrow,.control-caption{display:none}.place-label h1{font-size:20px;margin:5px 0}.camera-section{bottom:calc(20px + env(safe-area-inset-bottom))}.first-hint{bottom:110px}.macro-toolbar{top:calc(80px + env(safe-area-inset-top));left:calc(24px + var(--safe-left))}.settings{top:calc(70px + env(safe-area-inset-top));max-height:calc(100svh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;right:calc(24px + var(--safe-right))}.notebook{top:calc(70px + env(safe-area-inset-top));bottom:auto;max-height:calc(100svh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}.field-bubble{width:245px;padding:15px}.field-bubble h2{font-size:19px;margin:8px 0}.field-bubble p{font-size:10px}.event-toast{bottom:85px}.explore-pad{bottom:90px}.intro-skip{top:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.range-label input[type=range]{height:28px}.close-button{width:44px;height:44px}.field-notes-button{min-height:36px}@media(max-width:600px){.time-controls .icon-button{width:44px;height:44px}.speed-button{width:40px;height:44px}}.explore-stops{justify-content:center;margin-bottom:8px}.explore-stops button{padding:10px 14px;min-height:40px;border-radius:24px;background:#1b3326cf;border:1px solid #e0e7c92b;font-size:10px}.explore-pad .icon-button{background:#1b3326ce;border:1px solid #e0e7c926}@media(max-width:600px){.explore-pad{bottom:calc(190px + env(safe-area-inset-bottom))}.explore-pad>div{gap:5px}.explore-pad .icon-button{width:44px;height:44px}.macro-toolbar .glass-button{min-height:44px}}.panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9ba98b55 transparent}@media(max-width:600px){.field-notes-button,.bubble-actions button,.settings-link,.explore-stops button{min-height:44px}.field-bubble{max-width:calc(100vw - 32px)}}@media(max-width:600px)and (orientation:portrait){.explore-pad{bottom:calc(220px + env(safe-area-inset-bottom))}}@media(max-width:360px){.camera-control button{gap:6px;padding-inline:7px}.first-hint{width:calc(100% - 40px);white-space:normal}}@media(prefers-reduced-transparency:reduce){.panel,.camera-control,.glass-button,.explore-stops button,.explore-pad .icon-button{background:#1d3328;-webkit-backdrop-filter:none;backdrop-filter:none}.glass-button.active{background:#dce4c8}.field-bubble{background:#e9eddc;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:600px)and (max-height:520px)and (orientation:landscape){.bottom-ui{height:auto;display:flex;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.place-label,.time-section{position:static}.place-label h1,.field-notes-button svg:last-child{display:none}.camera-section{left:calc(50% - 12px);width:184px;bottom:calc(12px + env(safe-area-inset-bottom))}.camera-control button{min-height:44px;padding:10px 5px;font-size:10px}.camera-control button svg{display:none}.macro-toolbar{flex-wrap:nowrap}.explore-pad{top:calc(132px + env(safe-area-inset-top));bottom:auto}.explore-pad>span{display:none}.explore-stops{margin-bottom:5px}}@media(max-height:520px)and (orientation:landscape){.field-bubble{max-height:calc(100dvh - 194px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}}.sound-choice{color:#e5ead6;background:#1d3022f5;border:1px solid #a1b28b55;border-radius:26px;padding:30px;width:min(380px,calc(100vw - 40px));box-shadow:0 24px 80px #10241666}.sound-choice::backdrop{background:#10241628}.sound-choice .eyebrow{display:block;margin:18px 0 12px}.sound-choice h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0}.sound-choice p{font-size:14px;line-height:1.7;opacity:.85}.sound-choice button{font-size:14px;display:flex;justify-content:center;width:100%;margin-top:12px;min-height:44px}.sound-choice .glass-button{background:#dfe8c9;color:#263e2b}.audio-retry{position:absolute;top:max(90px,env(safe-area-inset-top));right:24px;z-index:30}.note-expand{display:none}@media(max-width:600px)and (orientation:portrait){.inspecting .place-label>.eyebrow,.inspecting .place-label h1{display:none}.inspecting .bottom-ui{pointer-events:none}.inspecting .bottom-ui>*{pointer-events:auto}.inspecting .field-bubble{transform:none!important;top:auto;left:16px;right:16px;bottom:calc(152px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:30dvh;padding:14px 18px;overflow-y:auto}.inspecting .field-bubble:after{display:none}.inspecting .field-bubble.compact p,.inspecting .field-bubble.compact>.eyebrow{display:none}.inspecting .field-bubble h2{font-size:19px;margin:0 24px 2px 0}.note-expand{color:#3f5637;display:inline-flex;align-items:center;min-height:36px;background:none;font-size:12px;opacity:.85;padding:0}.inspecting .bubble-actions{margin-top:0}.audio-retry{top:158px;right:16px;font-size:12px}}.field-bubble .note-expand{color:#3f5637}.field-bubble .note-expand:hover{color:#26382a;text-decoration:underline}.field-bubble button:focus-visible{outline-color:#3f5637}.life-observation{display:grid;gap:5px;padding:9px 0;font-size:11px;line-height:1.45;color:#3b5138}.life-observation strong{font-weight:500}.life-observation span{font-size:10px;color:#5b6b50}.food-action{border-top:1px solid #304b2925;padding-top:5px}.food-action button{min-height:44px;display:flex;align-items:center;gap:6px;font-size:11px}.food-action small{display:block;font-size:10px;line-height:1.4;color:#5b6b50}.food-action button:disabled{opacity:.45;cursor:default}.event-toast{max-width:min(360px,calc(100vw - 32px));text-align:center}.watching-animal{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0 18px;padding-right:max(24px,env(safe-area-inset-right));pointer-events:none}.watching-animal .world,.watching-animal .topbar,.watching-animal .macro-toolbar,.watching-animal .bottom-ui,.watching-animal .panel,.animal-observation{pointer-events:auto}.watching-animal .topbar{position:relative;grid-column:1 / -1;grid-row:1;padding-bottom:16px}.watching-animal .macro-toolbar{position:relative;grid-row:2;grid-column:1 / -1;inset:auto;margin:0 24px 10px;align-self:start;flex-wrap:wrap}.watching-animal .bottom-ui{position:relative;grid-row:4;grid-column:1 / -1;inset:auto;padding:14px 0 22px 24px;height:auto}.watching-animal .place-label h1,.watching-animal .place-label>.eyebrow,.watching-animal .control-caption,.watching-animal .first-hint{display:none}.animal-observation{--animal-accent: #506643;--animal-tint: #e0e8d2;grid-row:3;grid-column:2;align-self:start;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;max-height:var(--animal-card-max-height, 60dvh);z-index:3;overflow:hidden;border:1px solid #d3d9c9;border-radius:23px;background:#f0f2e7fa;color:#283b2e;box-shadow:0 14px 36px #10241726,0 2px 5px #1024170d}[data-tone=amber]{--animal-accent: #84652e;--animal-tint: #eee4ca}[data-tone=slate]{--animal-accent: #5a6b5e;--animal-tint: #e0e7dc}.animal-summary{padding:17px;flex:0 0 auto}.animal-heading{display:flex;align-items:center;gap:11px}.animal-avatar{display:grid;place-items:center;width:40px;height:44px;flex:0 0 40px;border:1px solid #51634114;border-radius:14px;color:var(--animal-accent, #506643);background:var(--animal-tint, #e0e8d2)}.animal-avatar svg{width:30px;height:34px}.animal-identity{min-width:0;flex:1}.animal-eyebrow{display:flex;align-items:center;gap:5px;color:#61705a;font-size:10px;line-height:1.4;white-space:nowrap}.animal-status-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#839079}[data-following=true] .animal-status-dot{background:#527741;box-shadow:0 0 0 3px #52774114}.animal-role{display:none}.animal-heading h2{font:400 22px/1.12 Georgia,serif;letter-spacing:-.45px;margin:4px 0 0;overflow-wrap:normal}.animal-heading h2:focus,.animal-picker-heading h2:focus{outline:none}.animal-close,.animal-detail-close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;border-radius:50%;color:#52634e}.animal-heading .animal-close{margin:-8px -8px -8px 0;align-self:flex-start}.animal-activity{margin:12px 0 14px;font-size:13px;line-height:1.5;color:#52604e;overflow-wrap:anywhere}.animal-actions{display:flex;align-items:stretch;gap:6px}.animal-actions button{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:8px 10px;font-size:12px;line-height:1.2;font-weight:500}.animal-actions button span{white-space:nowrap}.animal-primary{flex:1;background:#334f3a;color:#f4f5e8}.animal-follow{flex:0 0 auto;border:1px solid #cbd4c2;color:#485f3f;background:#edf0e4}.animal-follow[aria-pressed=true]{border-color:#c5d3b5;background:#dce6d0;color:#36522c}.animal-notes{flex:0 0 44px;border:1px solid #cbd4c2;color:#52634b}.animal-notes span{display:none}.animal-notes[aria-expanded=true]{background:#e0e6d4;border-color:#b4c1a5}.animal-observation button:disabled,.animal-picker button:disabled{opacity:.48;cursor:default}.animal-observation button:hover:not(:disabled),.animal-picker button:hover:not(:disabled){color:#253e29;background-color:#e0e6d4}.animal-observation .animal-primary:hover:not(:disabled){color:#fff;background:#253f2d}.animal-observation button:focus-visible,.animal-picker button:focus-visible,.animal-detail-scroll:focus-visible{outline:2px solid #47613c;outline-offset:-3px}.animal-explanation{min-height:0;display:flex;flex-direction:column;border-top:1px solid #d6ddcc;background:#e8edde66}.animal-detail-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 18px 5px;flex:0 0 24px;color:#596a50;font-size:11px;letter-spacing:.04em}.animal-detail-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 18px 18px;font-size:13px;line-height:1.65;color:#4f5d49;scrollbar-width:thin;scrollbar-color:#aebda0 transparent}.animal-detail-scroll p{margin:10px 0 0}.animal-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:2px 0 14px;border:1px solid #cfd8c4;border-radius:12px;background:#f2f4e9}.animal-facts>div{display:flex;flex-direction:column;padding:10px 12px}.animal-facts>div+div{border-left:1px solid #d8dfce}.animal-facts dt{order:2;color:#66755b;font-size:10px;white-space:nowrap}.animal-facts dd{margin:0;font-size:18px;font-weight:500;color:#344d32;line-height:1.3}.animal-detail-scroll .animal-hint{margin:0 0 18px;padding:0 0 0 11px;border-left:2px solid #a1b48a;color:#425b38}.animal-detail-scroll .animal-scientific{font-family:Georgia,serif;font-style:italic;color:#344d32;font-size:15px}.animal-model-note{color:#75806c;font-size:11px}.animal-picker-backdrop{position:fixed;inset:0;z-index:40;pointer-events:auto;width:100%;height:100%;padding:0;background:#12271d66;cursor:default}.animal-picker-backdrop:hover{background:#12271d66}.panel.animal-picker{z-index:41;left:auto;right:max(24px,env(safe-area-inset-right));top:146px;bottom:auto;width:352px;max-width:calc(100% - 32px);max-height:calc(100dvh - 174px - env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:0;overflow:hidden;background:#f0f2e7;color:#283b2e;border:1px solid #cbd4c1;border-radius:24px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 60px #10241755}.animal-picker-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 14px 15px 22px;flex:0 0 auto}.animal-picker-kicker{font-size:9px;letter-spacing:.13em;color:#718064}.animal-picker .animal-picker-heading h2{font:400 29px/1.15 Georgia,serif;letter-spacing:-.6px;margin:6px 0 5px}.animal-picker-heading p{font-size:12px;color:#68775d;margin:0}.animal-choices{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px;scrollbar-width:thin}.animal-choice{display:flex;gap:12px;align-items:center;width:100%;padding:12px;text-align:left;border-radius:16px;min-height:84px;border-top:1px solid #52654412}.animal-choice-copy{min-width:0;flex:1}.animal-choice strong{display:block;font:400 18px/1.2 Georgia,serif;letter-spacing:-.2px;margin-bottom:5px}.animal-choice small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;font-size:12px;line-height:1.45;color:#69755f}.animal-choice>svg{color:#6d7f5e;flex:0 0 17px}.animal-contact{position:absolute;z-index:5;pointer-events:none;display:none;max-width:220px;padding:10px 12px;border:1px solid #dce8b8;border-radius:18px;background:#203c2eea;color:#f0f3df;font-size:12px;line-height:1.4;box-shadow:0 0 0 5px #dce8b828}.animal-contact.visible{display:block}@media(min-width:1100px){.watching-animal{grid-template-columns:minmax(0,1fr) 340px;padding-right:32px}.animal-notes{flex-basis:auto}.animal-notes span,.animal-role{display:inline}.animal-role:before{content:"·";margin-right:5px;color:#94a086}}@media(max-width:600px)and (orientation:portrait){.watching-animal{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(96px,1fr) auto auto;padding:0}.watching-animal .topbar{padding:calc(14px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.watching-animal .brand small{display:none}.watching-animal .macro-toolbar{grid-column:1;margin:0 16px;gap:6px}.watching-animal .macro-toolbar .glass-button{padding-inline:10px}.watching-animal .macro-toolbar>.back-to-plant{display:none}.watching-animal .animal-observation{grid-row:4;grid-column:1;margin:7px 12px 0;border-radius:22px}.animal-summary{padding:13px 14px}.animal-heading{gap:10px}.animal-avatar{width:36px;flex-basis:36px;height:42px;border-radius:13px}.animal-avatar svg{width:27px;height:31px}.animal-heading h2{font-size:20px;margin-top:3px}.animal-role{display:inline}.animal-role:before{content:"·";margin-right:5px;color:#94a086}.animal-activity{margin:10px 0 12px;font-size:13px;line-height:1.45}.animal-actions button{padding:8px}.watching-animal .bottom-ui{grid-row:5;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 0;padding:4px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.watching-animal .place-label,.watching-animal .time-section,.watching-animal .camera-section{position:static;transform:none;width:auto}.watching-animal .camera-section{grid-row:2;grid-column:1 / -1}.watching-animal .camera-control button{padding:10px;min-height:44px}.panel.animal-picker{top:calc(126px + env(safe-area-inset-top));right:12px;max-width:calc(100% - 24px);max-height:calc(100dvh - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(max-width:360px)and (orientation:portrait){.animal-heading h2{font-size:18px}.animal-eyebrow{font-size:9px;gap:4px}.animal-summary{padding:12px}.animal-actions{gap:5px}.animal-actions button{padding-inline:7px;font-size:11px}}@media(max-height:520px)and (orientation:landscape){.watching-animal{grid-template-columns:minmax(0,1fr) 284px;gap:0 12px;padding-right:max(12px,env(safe-area-inset-right))}.watching-animal .topbar{grid-column:1;padding:calc(8px + env(safe-area-inset-top)) 12px 4px 16px}.watching-animal .brand small,.watching-animal .weather{display:none}.watching-animal .macro-toolbar{grid-column:1;gap:5px;margin:0 16px 6px}.watching-animal .animal-observation{grid-row:1 / 4;margin-top:12px;border-radius:18px}.animal-summary{padding:10px}.animal-heading{gap:8px}.animal-heading h2{font-size:18px;margin-top:3px}.animal-avatar{width:32px;flex-basis:32px;height:38px;border-radius:11px}.animal-avatar svg{width:26px;height:30px}.animal-eyebrow{font-size:9px}.animal-activity{font-size:12px;line-height:1.35;margin:6px 0 9px}.animal-actions button{font-size:11px;padding:7px}.animal-notes span,.animal-role{display:none}.animal-detail-heading{padding-left:12px}.animal-detail-scroll{padding-inline:12px}.watching-animal .bottom-ui{display:flex;gap:16px;align-items:center;padding:4px 0 calc(8px + env(safe-area-inset-bottom)) 16px}.watching-animal .place-label,.watching-animal .time-section,.watching-animal .camera-section{position:static;transform:none;width:auto}.watching-animal .camera-section{margin-left:auto}.watching-animal .camera-control button{min-width:64px;min-height:44px;padding:8px}.panel.animal-picker{top:12px;right:12px;width:304px;max-height:calc(100dvh - 24px)}.animal-picker-heading{padding-top:13px;padding-bottom:10px}}@media(max-height:520px)and (orientation:landscape){.watching-animal .macro-toolbar>.back-to-plant{display:none}.watching-animal .macro-toolbar [aria-label="Reset view"]{font-size:0;gap:0;min-width:44px;padding-inline:12px}}@media(max-height:560px)and (orientation:portrait){.watching-animal .animal-summary{padding:10px 12px}.watching-animal .animal-heading h2{font-size:18px}.watching-animal .animal-activity{font-size:12px;margin:6px 0 9px}.watching-animal .animal-observation.expanded .animal-activity{display:none}}.animal-actions .animal-notes{flex-direction:column;gap:3px;padding:5px 7px}.animal-notes span{display:block;font-size:9px;line-height:1}.animal-choice[aria-pressed=true]{background:#e1e8d7;border-top-color:transparent}@media(min-width:1100px){.animal-actions .animal-notes{flex-direction:row;gap:6px;padding:8px 10px}.animal-notes span{font-size:12px;line-height:1.2}}@media(max-width:600px)and (orientation:portrait){.watching-animal.animal-notes-open{grid-template-rows:auto auto minmax(64px,1fr) auto auto}.animal-observation.expanded .animal-activity{display:none}.animal-observation.expanded .animal-actions{margin-top:10px}}.investigating>.topbar .weather{display:none}.investigating>.macro-toolbar,.investigating>.bottom-ui,.investigating>.field-bubble,.investigating>.animal-observation,.investigating>.explore-pad,.investigating>.first-hint,.investigating>.intro-skip,.investigating>.debug{display:none}.investigating>.topbar{pointer-events:none}.investigating>.topbar button{pointer-events:none;visibility:hidden}.investigation-picker>button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid #d5ddc52b;border-radius:12px;background:#edf0ce0b;padding:14px;margin:10px 0;color:#edf1dc;min-height:66px}.investigation-picker button span{flex:1}.investigation-picker strong,.investigation-picker small{display:block}.investigation-picker small{margin-top:5px;color:#bdc9b5}.object-investigations{display:grid;gap:6px;margin:10px 0}.object-investigations button{min-height:44px;border:1px solid #d5ddc54a;border-radius:8px;color:#e9edcf;background:#adc68c15}.investigation-dock{position:absolute;z-index:30;right:max(20px,env(safe-area-inset-right));top:max(85px,env(safe-area-inset-top));bottom:max(20px,env(safe-area-inset-bottom));width:360px;overflow-y:auto;overscroll-behavior:contain;padding:22px;color:#e7edda;background:linear-gradient(145deg,#263a2cf5,#182b26fa);border:1px solid #c6d6b338;border-radius:18px;box-shadow:0 12px 50px #06130d66;scrollbar-width:thin;scrollbar-color:#7a9371 transparent}.investigation-dock header{display:flex;align-items:center;justify-content:space-between;gap:8px}.investigation-dock button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;cursor:pointer;border:1px solid #c8dab139;border-radius:9px;background:#d2ddbc0b;color:#ecf0dd;padding:8px 12px;font:inherit;font-size:12px}.investigation-dock header button{padding:10px;flex-shrink:0}.investigation-dock button:disabled{opacity:.45;cursor:default}.investigation-dock h1{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.1;letter-spacing:-.5px;margin:12px 0}.investigation-dock p{font-size:13px;line-height:1.55}.investigation-dock small{display:block;font-size:11px;line-height:1.5;color:#bdccb5}.investigation-intent{color:#d0dbc2;margin-bottom:20px}.experiment-controls{display:grid;gap:13px;padding:15px 0;border-top:1px solid #c5d3ae29}.experiment-range{display:block;font-size:12px}.experiment-range>span{display:flex;align-items:center;justify-content:space-between;gap:7px}.experiment-range strong{color:#e5d9ae;font-size:11px}.experiment-range input{display:block;width:100%;height:44px;margin:0;accent-color:#bdd2a1;cursor:pointer}.experiment-select{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.experiment-select select{height:44px;max-width:195px;background:#223c30;color:#ecf0dd;border:1px solid #a9bf8855;border-radius:8px;font:inherit;padding:8px}.experiment-status{display:flex;justify-content:space-between;font-size:11px;color:#c6d3bb;padding:10px 0}.experiment-status strong{font-weight:400;color:#dfd3a5}.experiment-actions{display:flex;gap:8px;margin-bottom:9px}.experiment-actions .run-experiment{flex:1;background:#c6d8ae;color:#203325;font-weight:600}.restart-note{margin-bottom:15px}.measurements{padding:7px 12px;background:#071d183b;border-radius:10px;margin:14px 0}.measurements>div{padding:7px 0;display:grid;gap:3px}.measurements span{font-size:10px;color:#b6cbb4}.measurements strong{font-size:13px;font-weight:500;color:#e9e7c9}.experiment-wide{width:100%;margin:5px 0}.result-explanation{border-left:2px solid #b9cba1;padding-left:12px;color:#e3e8d5}.experiment-detail{border-top:1px solid #c8dab129;margin-top:12px;padding-top:3px}.experiment-detail summary{min-height:44px;display:flex;align-items:center;font-size:12px;cursor:pointer}.experiment-detail summary:before{content:"＋";margin-right:8px}.experiment-detail[open] summary:before{content:"−"}.experiment-detail label{font-size:12px}.experiment-detail textarea{width:100%;min-height:70px;resize:vertical;box-sizing:border-box;background:#0d211a;color:#e8eddf;border:1px solid #acc09d66;border-radius:8px;padding:10px;margin:8px 0;font:inherit}.experiment-detail a{display:block;font-size:12px;line-height:1.5;color:#cce4cd;margin:9px 0}.isolation-note{font-size:11px!important;line-height:1.5;color:#bdcbb4}.trace-legend{font-size:10px;color:#c4d5bc}.exchange-trace{margin:12px 0}.exchange-trace figcaption{font-size:10px}.exchange-trace svg{display:block;width:100%;overflow:visible}.exchange-trace text{fill:#cad7c0;font:10px sans-serif}.chart-axis{stroke:#b6c3a644;fill:none}.chart-reference{stroke:#e3c78f;fill:none;stroke-width:1.5;stroke-dasharray:4 3}.chart-current{stroke:#9ddad4;fill:none;stroke-width:2}.residence-plot{font-size:10px;color:#c6d3bb;padding:14px 10px;background:#081e1633;border-radius:10px}.residence-row{display:flex;gap:12px;align-items:center;height:26px}.residence-row>span{width:9px}.residence-row>div{position:relative;flex:1;height:1px;background:linear-gradient(90deg,#bdcaa64a 49.5%,#d5dfc8,#bdcaa64a 50.5%)}.residence-row i,.residence-row b{position:absolute;transform:translate(-50%,-50%);font:15px sans-serif;top:0;color:#99d9d2}.residence-row b{color:#e4cc9f}.plot-axis{display:flex;justify-content:space-between;margin-left:22px}.residence-summary{font-size:12px!important;color:#d5e0c9}.investigation-caption{position:absolute;left:max(24px,env(safe-area-inset-left));top:98px;z-index:25;max-width:calc(100% - 440px);color:#eff2df;text-shadow:0 1px 8px #102115}.investigation-caption p{font:19px Georgia,serif;margin:7px 0}.investigation-caption small{font-size:11px;line-height:1.6;display:block}.investigation-caption button{display:flex;align-items:center;gap:8px;border:1px solid #d8e6c755;color:#f1f3e4;background:#203a2bc9;border-radius:9px;padding:10px 12px;min-height:44px;margin-top:10px;font-size:11px;cursor:pointer}.microscope{position:absolute;z-index:24;left:24px;top:245px;width:min(390px,calc(100vw - 440px));padding:16px;border:1px solid #bfcdac66;border-radius:50% 50% 16px 16px;background:#1a302aec;box-shadow:0 12px 40px #0b1c1644;color:#dce9ce}.microscope>.eyebrow{display:block;text-align:center;font-size:8px;letter-spacing:1px}.microscope svg{width:100%;display:block}.microscope text{font:10px sans-serif;fill:#deebd4}.microscope small{font-size:10px;line-height:1.4;display:block;text-align:center}@media(max-width:759px){.investigation-dock{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:48%;bottom:max(10px,env(safe-area-inset-bottom));width:auto;padding:16px;border-radius:16px}.investigation-dock h1{font-size:25px}.investigation-caption{top:84px;left:18px;right:18px;max-width:none}.investigation-caption .eyebrow{font-size:8px;letter-spacing:1px}.investigation-caption p{font-size:16px;margin:4px 0}.investigation-caption button{margin-top:5px;min-height:44px}.investigation-caption small{font-size:10px}.microscope{top:190px;left:18px;width:min(285px,calc(100vw - 36px));padding:8px;border-radius:15px}.microscope svg{height:min(17vh,150px)}.microscope small{font-size:8px}.microscope>.eyebrow{font-size:7px}.investigating .brand small{display:none}.investigating .brand{font-size:20px}.investigation-picker{max-height:calc(100dvh - 190px);overflow:auto}}@media(max-height:600px)and (min-width:760px){.investigation-dock{top:75px;bottom:10px}.microscope{top:210px;width:270px}.investigation-caption{top:80px}}@media(max-height:540px)and (max-width:759px){.investigation-dock{inset:8px 8px 8px 52%}.investigation-caption{right:51%;top:70px}.investigation-caption .eyebrow{font-size:7px}.investigation-caption p{font-size:14px}.microscope{top:166px;width:42%;left:12px}.microscope svg{height:85px}.microscope small{display:none}.investigation-dock h1{font-size:23px}.investigation-dock .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.investigation-dock *,.microscope *{animation:none!important;transition:none!important}}.chamber-label{position:absolute;z-index:24;transform:translate(-50%,-50%);padding:5px 7px;border-radius:6px;background:#16352ce6;color:#edf2de;font-size:10px;pointer-events:none;white-space:nowrap;border:1px solid #d1dec652}.investigation-dock,.investigation-caption{pointer-events:auto}.experiment-transport{position:sticky;top:-22px;z-index:5;background:#20352c;padding:8px 0 4px;box-shadow:0 8px 10px #10291a22}@media(max-width:759px){.experiment-transport{top:-16px}}.specimen-actions{display:flex;gap:6px;flex-wrap:wrap}.specimen-actions button{font-size:10px;padding:8px 10px}.investigation-dock textarea{-webkit-user-select:text;user-select:text}.investigate-launch{display:inline-flex;gap:7px;width:auto;padding-inline:12px}.investigate-launch span{font-size:11px;white-space:nowrap}@media(max-width:600px){.investigate-launch{width:44px;padding:10px}.investigate-launch span{display:none}}.chart-zero{fill:none;stroke:#d3ddbf66;stroke-dasharray:2 3;stroke-width:1}.icon-button:disabled{opacity:.4;cursor:default}.object-investigations{grid-template-columns:repeat(2,minmax(0,1fr))}.object-investigations button{font-size:11px;padding:6px}.field-bubble .close-button{width:44px;height:44px;top:3px;right:3px}.field-bubble .note-expand,.field-bubble .bubble-actions button{min-height:44px}.field-bubble h2{margin-right:32px}@media(max-width:759px)and (max-height:700px)and (orientation:portrait){.investigation-dock{top:max(48%,315px)}.specimen-actions{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));gap:4px}.specimen-actions button{width:44px;padding:10px;margin:0}.specimen-actions button span,.investigation-caption.gas p{display:none}.microscope{top:106px}.microscope svg{height:auto}.microscope text{font-size:13px}}@media(max-width:360px)and (orientation:portrait){.investigating .brand>svg{display:none}.investigating .brand{font-size:18px}}.specimen-actions button{min-width:44px;min-height:44px}@media(max-height:540px)and (orientation:landscape){.specimen-actions button span{display:none}.specimen-actions button{width:44px;padding:10px}}@media(max-width:759px)and (max-height:560px)and (orientation:portrait){.investigation-dock>h1{display:none}}@media(max-width:600px)and (orientation:portrait){.inspecting:not(.watching-animal):not(.investigating) .bottom-ui{height:calc(120px + var(--safe-bottom));display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 44px;gap:6px;padding:10px calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}.inspecting:not(.watching-animal):not(.investigating) .bottom-ui .place-label,.inspecting:not(.watching-animal):not(.investigating) .bottom-ui .time-section,.inspecting:not(.watching-animal):not(.investigating) .bottom-ui .camera-section{position:static;transform:none;width:auto}.inspecting:not(.watching-animal):not(.investigating) .bottom-ui .camera-section{grid-column:1/-1;grid-row:2}.inspecting:not(.watching-animal):not(.investigating) .bottom-ui .control-caption{display:none}.inspecting:not(.watching-animal):not(.investigating) .macro-toolbar>.back-to-plant{display:none}}@media(max-width:759px)and (max-height:520px)and (orientation:landscape){.inspecting:not(.watching-animal):not(.investigating) .field-bubble{left:auto;right:calc(12px + var(--safe-right));top:calc(100px + env(safe-area-inset-top));width:240px;transform:none!important}}.field-bubble .note-expand{gap:6px}.field-bubble .close-button{position:sticky;top:0;float:right;right:auto;margin:-11px -11px 0 0;z-index:2;background:#e9eddc}@media(max-width:600px)and (orientation:portrait){.inspecting .field-bubble .note-expand{position:absolute;right:47px;top:3px;width:44px;min-height:44px;justify-content:center}.inspecting .field-bubble .note-expand span{display:none}.inspecting .field-bubble h2{margin-right:86px}}@media(max-height:520px)and (orientation:landscape){.field-bubble.compact p,.field-bubble.compact>.eyebrow{display:none}.field-bubble .note-expand{display:inline-flex;min-height:44px}}.field-bubble .object-investigations button{color:#29472e;background:#ccd9bd;border-color:#91aa79}.weather{text-shadow:0 1px 4px #071a0d}.water-invitation{position:absolute;z-index:12;left:calc(32px + var(--safe-left));bottom:calc(164px + var(--safe-bottom));width:310px;padding:20px;border:1px solid #d9e4c537;border-radius:18px;color:#edf0df;background:#1a3329f2;box-shadow:0 12px 32px #071a1426;animation:invitation-arrive .6s ease-out both}.water-invitation .close-button{width:44px;height:44px;top:4px;right:4px}.water-invitation .eyebrow{display:block;font-size:8px;letter-spacing:1.5px;max-width:220px}.water-invitation h2{font:23px/1.15 Georgia,serif;margin:12px 26px 9px 0}.water-invitation p{font-size:12px;line-height:1.5;color:#d2ddc7;margin:0 0 14px}.water-invitation-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;border-radius:10px;background:#ccdbb1;color:#253e2b;font-size:13px}.water-invitation-action:hover{color:#142b1d;background:#dce6ca}.water-observation{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0;font-size:11px;border-top:1px solid #8aa27666;padding-top:10px;color:#36523c}.water-observation strong{font-weight:500}.water-observation small{flex-basis:100%;font-size:10px;color:#52664b}.water-again{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#29472e}.field-bubble .bubble-actions .pressed{background:#c5d4b2;color:#233c28;box-shadow:inset 0 0 0 1px #839b70}.animal-contact.leaf-feedback{width:34px;height:34px;padding:0;min-width:0;border:1px solid #f0f4d6b3;border-radius:50%;transform:translate(-50%,-50%);background:#dce9c512;box-shadow:0 0 0 5px #112b2420}@keyframes invitation-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:759px)and (orientation:portrait){.water-invitation{left:calc(16px + var(--safe-left));bottom:calc(223px + var(--safe-bottom));width:min(310px,calc(100% - 32px - var(--safe-left) - var(--safe-right)));padding:16px}}@media(max-width:759px)and (orientation:portrait)and (max-height:560px){.water-invitation{padding:12px 14px}.water-invitation .eyebrow{display:none}.water-invitation h2{font-size:20px;margin:3px 28px 7px 0}.water-invitation p{font-size:11px;margin-bottom:9px}}@media(max-height:520px)and (orientation:landscape){.water-invitation{top:calc(100px + env(safe-area-inset-top));bottom:auto;left:auto;right:calc(16px + var(--safe-right));width:260px;padding:12px 14px}.water-invitation .eyebrow{display:none}.water-invitation h2{font-size:20px;margin:3px 28px 7px 0}.water-invitation p{font-size:11px;margin-bottom:9px}}@media(prefers-reduced-motion:reduce){.water-invitation{animation:none}}.water-invitation .close-button{position:absolute;color:#c6d5be}.field-bubble.water-close-up .note-expand,.field-bubble.water-close-up>.eyebrow,.field-bubble.water-close-up .object-investigations button:nth-child(2){display:none}.field-bubble.water-close-up h2{margin-right:44px}.field-bubble.water-close-up .object-investigations{grid-template-columns:1fr}.field-bubble.water-close-up .bubble-actions{display:flex;gap:8px;padding-top:8px}.field-bubble.water-close-up .bubble-actions button{min-height:44px;flex:1;justify-content:center;font-size:12px;color:#29472e;border-radius:8px}.field-bubble.water-close-up .water-observation{margin:8px 0;padding-top:8px}.field-bubble.water-close-up{padding:14px 16px;overflow-y:auto}.inspecting .field-bubble.water-close-up.compact p{display:none}.inspecting .field-bubble.water-close-up h2{margin:4px 44px 8px 0}@media(max-width:759px)and (orientation:portrait)and (max-height:560px){.field-bubble.water-close-up .object-investigations{display:none}}@media(max-height:520px)and (orientation:landscape){.field-bubble.water-close-up .object-investigations,.field-bubble.water-close-up .water-observation small{display:none}.field-bubble.water-close-up{padding:10px 12px}.field-bubble.water-close-up .water-observation{padding:0;border:0;margin:4px 0}.field-bubble.water-close-up .water-observation span{font-size:10px}}@media(max-width:759px)and (orientation:portrait){.intro-skip{top:calc(160px + env(safe-area-inset-top));right:calc(16px + var(--safe-right));background:#233f2cdd}}@media(max-width:759px)and (orientation:portrait)and (max-height:700px){.water-invitation{padding:12px 14px}.water-invitation .eyebrow{display:none}.water-invitation h2{font-size:20px;margin:3px 28px 7px 0}.water-invitation p{font-size:11px;margin-bottom:9px}}@media(max-width:759px)and (orientation:portrait)and (max-height:600px){.water-invitation{bottom:calc(211px + var(--safe-bottom));padding:8px}.water-invitation h2,.water-invitation p{display:none}.water-invitation-action{width:calc(100% - 44px)}.water-invitation .close-button{top:8px;right:4px}}@media(max-height:520px)and (orientation:landscape){.water-invitation{top:auto;bottom:calc(88px + var(--safe-bottom));padding:8px}.water-invitation h2,.water-invitation p{display:none}.water-invitation-action{width:calc(100% - 44px)}.water-invitation .close-button{top:8px;right:4px}}.garden-site-links{display:grid;gap:0;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #cad6b138}.garden-site-links a,.garden-site-links button{display:flex;align-items:center;min-height:44px;font-size:11px;color:#d5dfc4;text-align:left;background:none}.error-about{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;color:#e3eacb;font-size:12px}.garden-site-links a,.garden-site-links button{-webkit-tap-highlight-color:transparent}