:root{color:#e0e8df;font-synthesis:none;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#8b9f9f;--border:#ffffff12;--green:#c2d7aa;--panel:#10262b;background:#091b20;font-family:Outfit,Noto Sans KR,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:360px;margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:9px;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}button:hover{background:#ffffff08;border-color:#ffffff30}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #c2d7aa}svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button,small{letter-spacing:-.02em}button.primary{background:var(--green);border-color:var(--green);color:#223b31;font-weight:600}button.primary:hover{background:#d1e3bc}button.icon-button{border:none;border-radius:50%;width:40px;height:40px}.app-shell{background:radial-gradient(at 50% 16%,#17333965,#0000 65%);min-height:100vh}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:89px;margin:0 4.2%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:21px;font-weight:600;display:flex}.brand-symbol{width:45px;height:45px;color:var(--green);border:1px solid #a0c1a42e;border-radius:14px;place-items:center;display:grid;transform:rotate(-5deg)}.brand-symbol svg{transform:rotate(5deg)}.brand small{letter-spacing:2px;color:#9cb5aa;margin-top:1px;font-family:Outfit,sans-serif;font-size:8px;font-weight:400;display:block}.header-actions{align-items:center;gap:24px;display:flex}.version-label{letter-spacing:1.6px;color:#7f9695;font-size:10px}.version-label i{color:#c2d7aa;border:1px solid #9cba9c30;border-radius:4px;margin-left:7px;padding:3px 5px;font-style:normal}.header-actions button{color:#9bb0ab}.main-content{width:87%;max-width:1440px;margin:auto}.page-intro{justify-content:space-between;align-items:center;padding:39px 0 29px;display:flex}.eyebrow{letter-spacing:2.4px;color:#a6b99d;align-items:center;gap:8px;font-size:9px;font-weight:500;display:flex}.eyebrow>span{background:#b0cda0;border-radius:50%;width:4px;height:4px}.page-intro h1{letter-spacing:-1.4px;margin:8px 0;font-size:31px;font-weight:500;line-height:1.45}.page-intro h1>span{color:var(--green);padding-left:3px}.intro-note{color:#c0cdbc;align-items:center;gap:13px;padding-right:3px;font-size:12px;display:flex}.intro-note svg{color:#afc79d}.intro-note small{color:#758e8b;margin-top:4px;font-size:10px;display:block}.aquarium-section{border:1px solid #ffffff19;border-radius:15px;overflow:hidden;box-shadow:0 20px 80px #0000002b}.tank-frame{background:#123c40;position:relative;overflow:hidden}.tank-canvas{aspect-ratio:16/9;touch-action:manipulation;width:100%}.tank-canvas canvas{width:100%;height:100%;display:block}.tank-heading{letter-spacing:1.3px;color:#dde9d6;pointer-events:none;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;top:23px;left:27px}.live-dot{background:#bddbac;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #c5f9be44}.heading-divider{background:#cbe3cf3d;width:1px;height:12px;margin:0 6px}.tank-heading>span:last-child{letter-spacing:.02em;font-size:11px}.tank-light{color:#d1dec8;pointer-events:none;background:#0a2c3229;border:1px solid #d5eed51a;border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:10px;display:flex;position:absolute;top:20px;right:24px}.tank-caption{letter-spacing:2px;color:#e1e6d2a8;pointer-events:none;font-size:9px;position:absolute;bottom:22px;left:27px}.tank-caption span{color:#d1d8bd;margin-right:8px}.tank-expand{color:#e5ead5;position:absolute;bottom:12px;right:15px;background:#10292d44!important}.tank-toolbar{background:#10272c;justify-content:space-between;align-items:center;height:92px;padding:0 27px;display:flex}.tank-stats{align-items:center;gap:28px;display:flex}.stat{color:#a2b79c;align-items:center;gap:13px;display:flex}.stat>span{color:#93a9a4;flex-direction:column;font-size:9px;display:flex}.stat strong{color:#e5ebdd;margin-top:2px;font-family:Outfit,Noto Sans KR,sans-serif;font-size:23px;font-weight:400;line-height:1.3}.stat small{color:#a1b2a9;margin-left:5px;font-size:10px}.stat+.stat{border-left:1px solid var(--border);padding-left:26px}.tank-actions{align-items:center;gap:20px;display:flex}.light-button{color:#a6b7a8;border:none;gap:7px;padding:10px 4px;font-size:11px}.feed-button{gap:10px;min-height:46px;padding:13px 19px;font-size:12px}.button-divider{background:#4d684c33;width:1px;height:14px;margin:0 3px}.feed-button>svg{width:18px}.below-tank{grid-template-columns:1fr 350px;gap:34px;margin-top:30px;display:grid}.section-heading{align-items:center;gap:13px;margin-bottom:14px;display:flex}.section-heading h2{color:#c1cfc2;font-size:12px;font-weight:500}.section-heading>span{letter-spacing:1.4px;color:#708b88;font-size:8px}.species-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.species-card{text-align:left;background:#11292d4a;border-color:#aac4b710;border-radius:9px;justify-content:flex-start;gap:12px;min-width:0;padding:13px 11px}.species-card.active{background:#183532;border-color:#8faa8540}.fish-thumbnail{background:radial-gradient(#65aeac12,#0000);flex-shrink:0;place-items:center;width:46px;height:40px;display:grid}.fish-thumbnail.guppy{background:radial-gradient(#c7a16e17,#0000);transform:scaleX(-1)}.species-card strong{font-size:11px;font-weight:500;display:block}.species-card small{color:#819b95;white-space:nowrap;margin-top:4px;font-size:9px;display:block}.species-card>svg{color:#708d82;width:13px;margin-left:auto}.ambient-card{text-align:left;background:linear-gradient(110deg,#263b302e,#1b352e7d);border-color:#8aaf8924;border-radius:11px;justify-content:space-between;align-self:end;gap:15px;height:90px;padding:22px 21px}.ambient-icon{color:#b3c49b}.ambient-card strong{color:#d1dbc1;font-size:13px;font-weight:500;display:block}.ambient-card small{color:#94a591;margin-top:7px;font-size:10px;display:block}.ambient-card>svg{color:#abc096;width:18px}.footer{color:#738d88;align-items:center;gap:21px;margin-top:28px;padding-bottom:22px;font-size:9px;display:flex}.save-status,.session-time{align-items:center;gap:6px;display:flex}.save-status svg{color:#9cb88a}.session-time{letter-spacing:.4px;font-family:Outfit,Noto Sans KR,sans-serif}.footer-dot{padding:0 7px}.footer button{color:#8fa79f;border:none;margin-left:auto;padding:6px 0 6px 10px;font-size:10px}.warning{color:#e5b786}.fish-picker{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.fish-picker button{color:#a6b99c;padding:7px 10px;font-size:10px}.fish-picker button[aria-pressed=true]{background:#bfd5a70b;border-color:#bfd5a7}.fish-detail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b2429f0;border:1px solid #c4d5bd27;border-radius:12px;width:240px;padding:24px 22px;position:absolute;top:70px;right:20px;box-shadow:0 15px 50px #00151d50}.close-button{color:#a9bbae;border:none;width:30px;height:30px;position:absolute;top:13px;right:13px}.fish-detail .eyebrow{letter-spacing:1.8px;font-size:8px}.detail-fish{place-items:center;height:75px;display:grid}.fish-detail h2{text-align:center;font-size:15px;font-weight:500}.fish-detail>p{text-align:center;color:#9bafa3;margin-top:5px;font-size:9px}.behavior{color:#c2d5b7;justify-content:center;align-items:center;gap:7px;margin:17px 0 19px;font-size:10px;display:flex}.detail-meter{color:#a5b8ad;justify-content:space-between;font-size:10px;display:flex}.detail-meter strong{color:#c9dabf;font-weight:500}progress{appearance:none;background:#ffffff13;border:0;border-radius:3px;width:100%;height:4px;margin:9px 0 10px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff13}progress::-webkit-progress-value{background:#b4d29d}progress::-moz-progress-bar{background:#b4d29d}.fish-detail p.fish-description{text-align:left;font-size:10px;line-height:1.9}.favorite{color:#acbea9;width:100%;margin-top:18px;padding:9px;font-size:10px}.favorite.active{color:#e5bdab;border-color:#e5bdab50}.tank-loading{color:#b7c9b7;text-align:center;background:#14383d;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:30px;font-size:13px;display:flex;position:absolute;inset:0}.toast{color:#234038;opacity:0;pointer-events:none;z-index:20;text-align:center;background:#d5e3c6;border-radius:9px;max-width:calc(100% - 30px);padding:13px 23px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 40px #00171e66}.toast.visible{opacity:1;transform:translate(-50%)}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:30;background:#031317aa;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:#102b30;border:1px solid #b2c9b52b;border-radius:18px;width:500px;max-height:90dvh;padding:37px 32px;position:relative;overflow:auto;box-shadow:0 30px 100px #0006}.modal h2{letter-spacing:-.8px;margin-top:12px;margin-bottom:20px;font-size:22px;font-weight:500}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.setting-row strong{font-size:12px;font-weight:500;display:block}.setting-row small{color:#91aaa1;max-width:240px;margin-top:7px;font-size:10px;line-height:1.7;display:block}.setting-row button{white-space:nowrap;padding:9px 12px;font-size:11px}.modal-note{color:#9bb19f;margin-top:22px;font-size:11px;line-height:1.9}.modal-lead{color:#a7bdb0;font-size:12px;line-height:1.9}.guide-list{margin:25px 0;padding:0;list-style:none}.guide-list li{color:#9fb6ac;gap:14px;margin:20px 0;font-size:11px;line-height:1.8;display:flex}.guide-list svg{color:#b7cfa7;margin-top:2px}.guide-list strong{color:#d6e2d0;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.prototype-note{color:#b4c7a5;background:#99b78709;border:1px solid #99b78714;border-radius:9px;padding:16px 18px;font-family:Outfit,Noto Sans KR,sans-serif;font-size:11px}.prototype-note p{color:#91a99b;margin-top:8px;font-size:10px;line-height:1.9}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100dvh;padding:25px;display:flex}.loading-screen h1{font-size:24px;font-weight:500}.loading-screen p{color:#9fb6aa;font-size:13px;line-height:1.9}.loading-screen button{padding:12px 24px}.is-ambient{cursor:none;background:#020b10;height:100dvh;overflow:hidden}.is-ambient .interface{display:none!important}.is-ambient .main-content{place-items:center;width:100%;max-width:none;height:100%;display:grid}.is-ambient .aquarium-section{width:min(100vw,177.778dvh);box-shadow:none;border:none;border-radius:0}.is-ambient .tank-frame{border-radius:0}.is-ambient .tank-canvas,.is-ambient canvas{cursor:none!important}.ambient-exit{opacity:0;color:#d0e0c4;z-index:15;cursor:pointer;background:#10282cbd;padding:10px 15px;font-size:11px;transition:opacity .2s;position:fixed;top:20px;right:24px}.ambient-exit:hover,.ambient-exit:focus-visible{opacity:1}.ambient-exit span{border:1px solid #ffffff35;border-radius:3px;margin-left:6px;padding:2px 4px;font-size:8px}.tank-canvas{position:relative}.tank-canvas canvas{position:absolute;inset:0}@media (width>=1600px){.main-content{max-width:1340px}.page-intro{padding-top:42px;padding-bottom:32px}}@media (width<=1200px){.main-content{width:91%}.below-tank{grid-template-columns:1fr 290px;gap:22px}.species-card{gap:6px;padding:12px 8px}.species-card>svg{display:none}.fish-thumbnail{width:35px}.species-card small{font-size:8px}.ambient-card{gap:10px;padding:18px 16px}.ambient-card small{font-size:9px}.ambient-icon svg{width:24px}.tank-stats{gap:18px}.stat+.stat{padding-left:18px}}@media (width<=900px){.topbar{height:76px}.topbar-caption{display:none}.main-content{width:92%}.page-intro{padding:28px 0 23px}.page-intro h1{font-size:27px}.intro-note{display:none}.below-tank{grid-template-columns:1fr}.ambient-card{justify-content:flex-start;align-self:auto;height:76px}.ambient-card>svg{margin-left:auto}.species-card{gap:12px;padding:15px 13px}.species-card small{font-size:10px}.tank-toolbar{height:83px;padding:0 20px}.tank-actions{gap:13px}.stat{gap:9px}.stat>svg{width:17px}.stat+.stat{padding-left:16px}.tank-stats{gap:16px}.feed-button{padding:12px 15px}.fish-detail{width:220px;padding:20px;top:52px;right:15px}.detail-fish{height:45px}.fish-detail p.fish-description{display:none}}@media (width<=600px){.topbar{height:73px;margin:0 5%}.brand{font-size:18px}.brand-symbol{border-radius:11px;width:37px;height:37px}.brand-symbol svg{width:23px}.header-actions{gap:8px}.version-label{letter-spacing:.8px;font-size:7px}.version-label i{display:none}.page-intro{padding:27px 1px 23px}.page-intro h1{margin:9px 0;font-size:24px}.page-intro p{font-size:10px}.eyebrow{letter-spacing:1.7px;font-size:7px}.tank-heading{gap:5px;font-size:7px;top:13px;left:13px}.tank-heading>span:last-child{font-size:9px}.tank-light{padding:5px 7px;font-size:8px;top:11px;right:12px}.tank-light svg{width:12px}.tank-caption{letter-spacing:1px;font-size:6px;bottom:13px;left:13px}.tank-expand{bottom:3px;right:5px}.tank-expand svg{width:16px}.aquarium-section{border-radius:11px}.tank-toolbar{flex-wrap:wrap;gap:17px;height:auto;padding:17px 15px}.tank-stats{justify-content:space-between;gap:0;width:100%}.stat{gap:9px}.stat+.stat{padding-left:14px}.stat>span{font-size:8px}.stat strong{font-size:21px}.tank-actions{flex-direction:row-reverse;justify-content:space-between;width:100%}.feed-button{flex:1;max-width:220px}.light-button{padding:10px 4px}.below-tank{gap:20px;margin-top:24px}.species-list{gap:6px}.species-card{text-align:center;flex-direction:column;gap:3px;padding:11px 3px}.species-card strong{font-size:10px}.species-card small{font-size:8px}.fish-thumbnail{height:32px}.fish-thumbnail svg{width:32px}.species-card small{white-space:normal}.ambient-card{padding:18px}.ambient-card small{font-size:10px}.footer{flex-wrap:wrap;gap:9px;margin-top:22px;font-size:8px}.session-time{font-size:8px}.footer button{font-size:9px}.footer-dot{padding:0 3px}.fish-detail{z-index:16;width:calc(100% - 30px);padding:20px;position:fixed;top:auto;bottom:18px;right:15px;box-shadow:0 0 0 100vmax #00151a70}.detail-fish{height:40px}.fish-detail .eyebrow{margin-bottom:6px}.fish-detail h2{font-size:16px}.behavior{margin:12px 0}.favorite{margin-top:10px}.modal{padding:32px 22px}.modal h2{font-size:20px}.setting-row small{font-size:9px}.setting-row{gap:12px}.ambient-exit{top:12px;right:12px}.tank-loading p{font-size:10px}.tank-loading svg{width:24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.tank-canvas canvas{image-rendering:pixelated!important;width:100%!important;height:100%!important}.aquarium-section{border-color:#acc6ac3b;border-radius:4px;box-shadow:0 0 0 3px #07191f,0 0 0 4px #76948325,0 20px 80px #0000002b}.tank-frame{image-rendering:pixelated}.pixel-tag{letter-spacing:1.4px;color:#a5c094;border:1px solid #93b38433;padding:3px 6px;font-size:8px}.water-panel{--status:#c1d8a6;background:#10272c;border:1px solid #8ea58b27;border-radius:4px;margin-top:24px;padding:22px 25px}.water-panel.caution{--status:#e6c785}.water-panel.danger{--status:#f39b87}.water-heading,.water-title{align-items:center;gap:12px;display:flex}.water-heading{justify-content:space-between;margin-bottom:21px}.water-title svg{color:#b6cfa7}.water-title h2{font-size:14px;font-weight:500}.water-detail-toggle{color:#a8bdaa;border-radius:3px;padding:7px 10px;font-size:10px}.water-overview{grid-template-columns:145px 1fr auto;align-items:center;gap:26px;display:grid}.stability>strong{color:var(--status);font-family:monospace;font-size:30px;font-weight:500}.stability strong small{color:#839f94;margin-left:8px;font-size:12px}.stability>span{color:var(--status);margin-top:1px;font-size:11px;display:block}.stability progress{height:5px;margin:8px 0 0}.stability progress::-webkit-progress-value{background:var(--status)}.stability progress::-moz-progress-bar{background:var(--status)}.water-advice{border-left:1px solid var(--border);padding-left:25px}.water-advice>strong{color:#c2d7b7;font-size:12px;font-weight:500}.water-advice p{color:#bacdbd;margin:7px 0;font-size:11px;line-height:1.8}.water-advice small{color:#879f94;font-size:10px}.water-change>span{color:#aec3ad;margin-bottom:8px;font-size:10px;display:block}.water-change>div{gap:7px;display:flex}.water-change button{color:#d1e0bd;background:#a7c18f12;border-color:#a7c18f44;border-radius:3px;padding:10px 14px;font-size:11px}.water-change small{color:#91a68c;margin-top:7px;font-size:9px;display:block}.water-details{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.water-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{background:#071b2359;border-left:2px solid #748f6c;padding:13px 14px}.metric>span{color:#9eb6a8;font-size:10px;display:block}.metric strong{color:#c7dec0;margin-top:7px;font-family:monospace;font-size:22px;font-weight:400;display:block}.metric strong small{color:#7d9b8f;margin-left:6px;font-family:sans-serif;font-size:9px}.metric.is-warning{border-color:#e0a576}.metric.is-warning strong,.metric.is-warning>span{color:#edbc92}.water-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:21px;display:flex}.water-controls label{color:#aac0ac;align-items:center;gap:10px;font-size:11px;display:flex}.water-controls select{color:#c6d9bd;background:#0d2229;border:1px solid #99b18c38;border-radius:3px;max-width:100%;padding:10px 12px;font-size:11px}.water-controls button{border-radius:3px;padding:10px 12px;font-size:10px}.water-controls button[aria-checked=true]{color:#c3d9a9;border-color:#b4cb964d}.filter-note{color:#8ea68c;font-size:9px}.water-facts{grid-template-columns:repeat(6,1fr);gap:12px;margin:23px 0;display:grid}.water-facts div{border-right:1px solid var(--border)}.water-facts div:last-child{border:0}.water-facts dt{color:#8da796;font-size:9px}.water-facts dd{color:#c1d4b8;margin:7px 0 0;font-family:monospace;font-size:12px}.nitrogen-flow{color:#c7d9b3;background:#9bb98809;border:1px dashed #9bb98825;padding:10px 14px;font-size:10px;line-height:2.3}.nitrogen-flow span{color:#789c92;margin:0 3px}.water-tips{color:#ddba90;margin-bottom:0;padding-left:18px;font-size:11px;line-height:1.8}.water-footnote{color:#849c90;margin-top:14px;font-size:9px;line-height:1.9}.fish-vitals{color:#9caf9e;gap:15px;margin-bottom:8px;font-size:9px;display:flex}.fish-vitals strong{color:#d1ddbc;margin-left:3px;font-weight:400}@media (width<=900px){.water-overview{grid-template-columns:120px 1fr;gap:20px}.water-change{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:15px;display:flex}.water-change>span,.water-change small{margin:0}.water-change small{margin-left:auto}.water-facts{grid-template-columns:repeat(3,1fr);row-gap:19px}}@media (width<=600px){.water-panel{padding:18px 15px}.water-title{gap:8px}.water-title h2{font-size:12px}.water-title .pixel-tag{display:none}.water-detail-toggle{padding:7px;font-size:9px}.water-overview{grid-template-columns:85px 1fr;gap:14px}.water-advice{padding-left:14px}.water-advice p{font-size:10px}.water-advice small{font-size:8px}.water-advice>strong{font-size:10px}.stability>strong{font-size:27px}.stability strong small{font-size:10px}.water-change{gap:10px}.water-change small{margin-left:0}.water-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.water-controls{gap:10px}.water-controls label{flex:100%}.water-controls select{flex:1}.water-change button{min-height:40px}}.life-panel{background:#10272c;border:1px solid #8ea58b27;border-radius:4px;margin-top:24px;padding:24px 25px}.life-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.life-heading h2{margin-top:6px;font-size:17px;font-weight:500}.life-overview{grid-template-columns:minmax(270px,1fr) 1.6fr;gap:30px;display:grid}.stage-counts{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stage-counts span{color:#99b2a5;font-size:10px}.stage-counts strong{color:#d3e2bd;margin-top:6px;font:26px monospace;display:block}.stage-counts small{color:#8da395;margin-left:4px;font:9px sans-serif}.nursery-advice{border-left:1px solid var(--border);padding-left:25px}.nursery-advice strong{color:#c2d7b7;font-size:12px;font-weight:500}.nursery-advice p{color:#9bb2a5;margin:7px 0;font-size:10px}.nursery-advice small{color:#94ab96;font-size:9px}.brood-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:20px;display:grid}.brood-card{text-align:left;background:#071b233b;border-radius:3px;justify-content:flex-start;padding:13px}.brood-card>span{flex:1}.brood-card strong{font-size:11px;font-weight:500}.brood-card small{color:#9fb69f;margin-top:5px;font-size:9px;display:block}.brood-card progress{margin:7px 0 0}.life-empty{color:#92a998;border:1px dashed #8da78c30;grid-column:1/-1;padding:14px 16px;font-size:10px;line-height:1.9}.birth-history{color:#a8bf9f;margin-top:18px;font-size:11px}.birth-history summary,.fish-life summary{cursor:pointer;min-height:32px;padding:7px 0}.birth-history article{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.birth-history article>span{font-size:10px}.birth-history article>div{flex-wrap:wrap;gap:6px;display:flex}.birth-history article button{padding:7px;font-size:10px}.birth-history>div{max-height:240px;overflow:auto}.fish-life{border-top:1px solid var(--border);padding-top:12px;font-size:10px}.life-badges{flex-wrap:wrap;gap:6px;display:flex}.life-badges span{color:#c5dab6;background:#8eaa7719;border:1px solid #adc49b25;padding:3px 6px}.fish-life p{color:#91a99a;margin:8px 0;font-size:10px}.fish-life .breeding-state{color:#cbdaba;line-height:1.7}.fish-life small{color:#8fa598;font-size:9px}.family-links{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.family-links>span{color:#c0d0b3;width:100%}.family-links button{text-align:left;min-height:30px;padding:6px 8px;font-size:9px}.fish-detail{width:265px;max-height:calc(100% - 90px);overflow-y:auto}.detail-fish{height:55px}.behavior{margin:11px 0}.fish-detail .favorite{margin-top:12px}@media (width<=900px){.life-overview{grid-template-columns:1fr;gap:20px}.nursery-advice{border-left:0;padding-left:0}.fish-detail{max-height:calc(100% - 60px);top:50px}}@media (width<=600px){.life-panel{padding:18px 15px}.life-heading h2{font-size:14px}.life-heading .pixel-tag{font-size:7px}.stage-counts{gap:8px}.stage-counts strong{font-size:23px}.birth-history article{flex-direction:column;align-items:flex-start}.fish-detail{width:calc(100% - 30px);max-height:80dvh;position:fixed;top:auto;bottom:18px}.brood-card{min-height:75px}.family-links button,.birth-history article button{min-height:40px}}.gene-open{color:#d5e3bd;background:#a9c09212;border-color:#a5c48a60;width:100%;margin-top:12px;padding:10px;font-size:11px}.modal.genetics-modal{width:800px;max-width:100%;padding:28px}.genetics-modal>h2{margin-bottom:18px}.genetics-identity{border:1px solid var(--border);background:#091f26;align-items:center;gap:22px;padding:18px;display:flex}.genetics-identity h3{margin:0;font-size:17px;font-weight:500}.genetics-identity h3 small{color:#c2d7aa;margin-left:7px;font-size:11px}.genetics-identity p{color:#c1d0ba;margin:7px 0;font-size:11px}.genetics-identity span{color:#9cb69b;font-size:10px}.trait-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.trait-summary>span{color:#90a992;background:#adc58a09;padding:12px;font-size:10px}.trait-summary strong{color:#c6d7b9;margin-top:5px;font-weight:500;display:block}.gene-section{border-top:1px solid var(--border);margin-top:20px;padding-top:17px}.gene-section h3{margin:0 0 10px;font-size:13px;font-weight:500}.gene-section p,.genetics-note{color:#91ab9e;margin:9px 0;font-size:10px;line-height:1.9}.growth-preview{text-align:center;background:#071b21;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.growth-preview>div>div{justify-content:center;align-items:center;height:65px;display:flex}.growth-preview span{color:#aabf9f;font-size:10px}.inheritance-comparison{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.inheritance-comparison button{border-radius:4px;flex-direction:column;gap:8px;padding:12px 6px}.inheritance-comparison button:disabled{opacity:1;cursor:default;background:#87a87909}.inheritance-comparison span{color:#91a992;font-size:9px}.inheritance-comparison strong{font-size:11px;font-weight:500}.inheritance-comparison small{color:#a4b6a1;font-size:9px}.gene-values summary,.gene-section details summary{cursor:pointer;color:#b8cbaa;padding:8px 0;font-size:11px}.gene-table-wrap{margin-top:8px;overflow-x:auto}.gene-values table{border-collapse:collapse;text-align:left;width:100%;font-size:10px}.gene-values th,.gene-values td{border-bottom:1px solid var(--border);padding:8px 10px;font-weight:400}.gene-values th{color:#a3ba9e}.gene-values td{color:#d0dec0}.mutation-tag{color:#ebc48c;margin-top:3px;font-size:8px;display:block}.line-tags{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.line-tags button{border-color:#b4c89455;padding:8px;font-size:11px}.line-tags>span,.line-tags>small{color:#92ac9b;font-size:10px}.ancestor-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ancestor-list>div{flex-direction:column;gap:5px;font-size:10px;display:flex}.ancestor-list span{color:#92aa96}.ancestor-list button{padding:8px;font-size:10px}.ancestor-list small{color:#819d89;padding:8px}.founder-shares{flex-wrap:wrap;gap:7px;display:flex}.founder-shares button{padding:8px;font-size:10px}.founder-shares strong{color:#d0dba7;font-weight:500}.line-form{background:#9ab9830a;margin-top:15px;padding:16px}.line-form>label{color:#bacead;margin-bottom:10px;font-size:11px;display:block}.line-form>div{gap:8px;display:flex}.line-form input{color:#dce6ce;min-width:0;font:inherit;background:#071e25;border:1px solid #aec99544;border-radius:3px;flex:1;padding:10px;font-size:12px}.line-form button{white-space:nowrap;padding:10px;font-size:11px}.line-form>span{color:#cfdfb0;font-size:10px}.genetics-note{border-top:1px solid var(--border);margin-top:18px;padding-top:12px}@media (width<=600px){.modal.genetics-modal{padding:25px 16px}.genetics-identity{gap:12px;padding:12px}.genetics-identity>svg{width:72px}.genetics-identity h3{font-size:14px}.genetics-identity p{font-size:10px}.trait-summary{grid-template-columns:repeat(2,1fr)}.inheritance-comparison{gap:5px}.inheritance-comparison strong{font-size:9px}.inheritance-comparison small{font-size:8px}.gene-values th,.gene-values td{padding:8px 4px}.line-form{padding:10px}.gene-section button{min-height:40px}.genetics-modal .close-button{min-width:36px;min-height:36px}}.economy-bar{background:linear-gradient(110deg,#1c3432,#10262c);border:1px solid #bccb8a40;border-radius:5px;align-items:center;gap:24px;margin-top:22px;padding:19px 24px;display:flex}.economy-bar>div{align-items:center;gap:12px;min-width:145px;display:flex}.coin-mark{color:#234136;background:#c6d294;border:3px double #5b7656;border-radius:50%;place-items:center;width:34px;height:34px;font:18px Georgia,serif;display:grid}.economy-bar>div>span:last-child{color:#9eb696;font-size:10px}.economy-bar strong{color:#e1e6bc;margin-top:3px;font:24px monospace;display:block}.economy-bar strong small{color:#a8bb96;margin-left:8px;font:10px sans-serif}.economy-bar p{color:#c7d4b7;flex:1;font-size:12px}.economy-bar p small{color:#8fa99a;margin-top:6px;font-size:10px;display:block}.economy-bar>button{color:#183432;background:#c5d49d;border:0;padding:12px 18px;font-size:12px}.modal.shop-modal{width:860px;max-width:100%;padding:28px}.shop-wallet{background:#091f25;border:1px solid #b9cd8a30;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;padding:20px;display:flex}.shop-wallet span,.shop-kicker{letter-spacing:1.5px;color:#a9bc84;font:9px monospace}.shop-wallet strong{color:#e4e7b8;margin-top:5px;font:32px monospace;display:block}.shop-wallet strong small{font-size:13px}.shop-wallet p{color:#bbcdb4;font-size:12px}.shop-wallet p small{color:#8fa99a;margin-top:7px;font-size:10px;display:block}.shop-tabs{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.shop-tabs button{white-space:nowrap;flex:1;min-width:85px;padding:11px 8px;font-size:11px}.shop-tabs button[aria-pressed=true]{color:#e0e6bc;background:#b8c98a20;border-color:#c2d097}.shop-message{color:#d7dfa6;min-height:34px;padding:9px 0;font-size:11px;line-height:1.7}.shop-section-heading{justify-content:space-between;align-items:center;gap:14px;margin:8px 0 16px;display:flex}.shop-section-heading h3{margin:0;font-size:16px;font-weight:500}.shop-section-heading p,.shop-section-heading>span{color:#99b09d;margin:6px 0 0;font-size:10px;line-height:1.8}.shop-section-heading label{color:#afc29f;font-size:10px}.shop-section-heading select{color:#d9e3c2;background:#0b2128;border:1px solid #abc28f44;border-radius:4px;margin-top:6px;padding:9px;font-size:11px;display:block}.shop-capacity{color:#afc49d;background:#b5ca8810;border-left:2px solid #b5ca8855;margin-bottom:15px;padding:10px;font-size:10px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.shop-card{background:#0a2026;border:1px solid #b9ca8d2a;border-radius:4px;flex-direction:column;min-width:0;padding:15px;display:flex}.shop-art{background:radial-gradient(#5c886726,#0000 70%);justify-content:center;align-items:center;height:85px;margin-bottom:14px;display:flex}.shop-art svg{max-width:100%}.plant-art{color:#98bf7c}.equipment-art{color:#8ebcb5}.shop-card h4,.sale-card h4,.tank-upgrade h4{margin:8px 0;font-size:14px;font-weight:500}.shop-card p{color:#aac1ac;min-height:38px;margin:0 0 10px;font-size:10px;line-height:1.9}.shop-card>small{color:#7fa08d;margin-bottom:12px;font-size:9px;line-height:1.8}.shop-card>button{min-height:40px;margin-top:auto;padding:11px 7px;font-size:11px}.shop-buy{color:#17332e;background:#c4d398;border-color:#c4d398;font-weight:600}.shop-buy:disabled{color:#a5b794;background:#7e916736;border-color:#6a845140}.shop-reason{color:#c2b794;font-size:10px;line-height:1.8;margin:9px 0 0!important}.shop-footnote{color:#90ab98;margin:15px 0;font-size:10px;line-height:1.9}.tank-upgrade{background:#adc5820b;border:1px solid #adc58238;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;padding:20px;display:flex}.tank-upgrade>div{flex:1;min-width:200px}.tank-upgrade p{color:#b1c3a7;margin:8px 0;font-size:10px;line-height:1.9}.tank-upgrade small{color:#91a98e;font-size:9px;line-height:1.8}.tank-upgrade>button{padding:12px;font-size:11px}.sale-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sale-card{background:#0a2026;border:1px solid #abc38d2c;border-radius:4px;padding:16px}.sale-identity{align-items:center;gap:10px;display:flex}.sale-identity>div{flex:1;min-width:0}.sale-identity>svg{flex-shrink:0;width:55px}.sale-identity h4{overflow-wrap:anywhere;font-size:12px}.sale-identity p{color:#96b196;font-size:9px;line-height:1.8}.sale-identity>strong{color:#dbe4b1;white-space:nowrap;font:14px monospace}.sale-card summary{color:#a0b99b;cursor:pointer;min-height:40px;padding:12px 0;font-size:10px}.sale-card>button{width:100%;margin-top:7px;padding:10px;font-size:11px}.sale-card details>small{color:#88a58e;font-size:9px;line-height:1.8}.sale-factors{grid-template-columns:1fr 1fr;gap:6px;margin:0 0 8px;display:grid}.sale-factors>div{color:#9cb594;background:#a4be8610;justify-content:space-between;padding:7px;font-size:9px;display:flex}.sale-factors dd{color:#d4deb7;margin:0}.sale-confirm{border-top:1px solid #b5c88c50;margin-top:10px;padding-top:10px}.sale-confirm p{color:#d3dcb4;font-size:11px;line-height:1.8}.sale-confirm>div{gap:8px;margin-top:10px;display:flex}.sale-confirm button{flex:1;padding:10px;font-size:10px}.sale-card.confirming{border-color:#c6d39a}.shop-empty{text-align:center;color:#a8bf9a;padding:32px 15px;font-size:12px}.shop-empty h4{font-size:15px;font-weight:500}.shop-empty p{color:#90ab98;font-size:11px;line-height:2}.transaction-list{margin:0;padding:0;list-style:none}.transaction-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.transaction-list strong{color:#c6d5b7;font-size:12px;font-weight:500}.transaction-list small{color:#8ea993;margin-top:5px;font-size:9px;display:block}.transaction-list b{white-space:nowrap;font:13px monospace}.transaction-list .sale{color:#d5dfa3}.transaction-list .purchase{color:#9fb8b1}.sold-records summary{cursor:pointer;padding:12px 0;font-size:12px}.sold-records button{text-align:left;width:100%;margin-top:6px;padding:12px;font-size:11px;display:block}@media (width<=600px){.economy-bar{flex-wrap:wrap;gap:12px;padding:15px}.economy-bar p{display:none}.economy-bar>button{margin-left:auto}.modal.shop-modal{padding:25px 16px}.shop-wallet{gap:10px;padding:15px}.shop-wallet p{max-width:150px;font-size:10px}.shop-wallet p small{font-size:9px}.shop-wallet strong{font-size:25px}.shop-tabs{gap:5px}.shop-tabs button{min-width:70px;min-height:42px;font-size:10px}.shop-grid{grid-template-columns:1fr 1fr;gap:9px}.shop-card{padding:12px}.shop-card h4{font-size:12px}.shop-card p{font-size:10px}.shop-kicker{letter-spacing:.6px;font-size:8px}.shop-card>button{font-size:10px}.shop-section-heading{align-items:flex-start}.shop-section-heading h3{font-size:14px}.sale-list{grid-template-columns:1fr}.tank-upgrade{padding:15px}.tank-upgrade>div{min-width:170px}.tank-upgrade>button{width:100%}.sale-confirm button{min-height:44px}}.decorate-toggle{color:#c2d5ae;border:1px solid #abc78d55;padding:10px 12px;font-size:11px}.decorate-toggle[aria-pressed=true]{background:#bfce9825;border-color:#c2d692}.decoration-overlay{z-index:5;pointer-events:none;position:absolute;inset:0}.floor-guide{background:#c5d88a10;border:1px dashed #c5d88a50;height:7.6%;position:absolute;top:86.65%;left:1%;right:1%}.floor-guide span{color:#b8cc9f;font-size:8px;position:absolute;bottom:0;left:4px}.decor-handle{pointer-events:auto;touch-action:none;border-radius:2px;min-width:0;min-height:0;padding:0;display:block;position:absolute;cursor:grab!important;background:0 0!important;border:1px dashed #dae7ab45!important}.decor-handle>span{color:#dce8ba;white-space:nowrap;pointer-events:none;background:#0b242ae8;padding:4px 7px;font-size:9px;display:none;position:absolute;top:2px;left:2px}.decor-handle:hover,.decor-handle.selected,.decor-handle:focus-visible{box-shadow:inset 0 0 0 1px #142f2b80;border:1px solid #d7e5a4!important}.decor-handle:hover>span,.decor-handle.selected>span,.decor-handle:focus-visible>span{display:block}.decor-handle:active{cursor:grabbing!important}.decor-handle.selected>i{background:#e0e8aa;width:6px;height:6px;position:absolute;bottom:-3px;left:calc(50% - 3px)}.decoration-panel{background:#122c2e;border:1px solid #b4ca8d45;border-radius:5px;margin-top:15px;padding:22px 24px}.decoration-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.decoration-title h2{margin:7px 0;font-size:17px;font-weight:500}.decoration-title button{padding:11px 16px;font-size:11px}.decoration-panel>p{color:#a7bea2;margin:10px 0 18px;font-size:11px;line-height:1.8}.decoration-controls{flex-wrap:wrap;align-items:end;gap:15px;display:flex}.decoration-controls label{color:#a9bc9e;flex-direction:column;gap:7px;font-size:10px;display:flex}.decoration-controls select{color:#d5e1be;font:inherit;background:#0b2229;border:1px solid #afc58c44;border-radius:3px;max-width:100%;padding:10px;font-size:11px}.layout-history{gap:8px;margin-left:auto;display:flex}.layout-history button{min-height:40px;padding:10px;font-size:11px}.position-controls{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding-top:15px;font-size:11px;display:flex}.position-controls strong{color:#dae5ba;font-weight:500}.position-controls output{color:#a8c399;font:11px monospace}.position-controls>div{gap:6px;display:flex}.position-controls button{width:40px;height:40px}.decoration-panel>small{color:#8faa90;margin-top:13px;font-size:9px;line-height:1.8;display:block}.ambient-settings{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:22px}.ambient-settings-heading h3{margin:8px 0;font-size:18px;font-weight:500}.ambient-settings-heading p{color:#9db79c;margin-bottom:20px;font-size:11px}.lighting-presets{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.lighting-preset{border-color:#a7c28a33;flex-direction:column;gap:7px;padding:12px 7px;display:flex}.lighting-preset>span{width:100%;height:44px;image-rendering:pixelated;background:repeating-linear-gradient(110deg,#0000 0 25px,#d8e6bb30 26px 31px,#0000 32px 50px),#224a46;display:block}.lighting-preset.sunset>span{background:repeating-linear-gradient(110deg,#0000 0 25px,#f2cf8f20 26px 31px,#0000 32px 50px),#573e36}.lighting-preset.night>span{background:repeating-linear-gradient(110deg,#0000 0 25px,#7d9ccc15 26px 31px,#0000 32px 50px),#162a46}.lighting-preset[aria-pressed=true]{background:#b4c68f12;border-color:#cfdfa0}.lighting-preset strong{font-size:12px;font-weight:500}.lighting-preset small{color:#97b09a;font-size:9px}.ambient-control{color:#c3d4b4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.ambient-control select{color:#cbdcbb;background:#0b2229;border:1px solid #a8bd8f44;border-radius:4px;max-width:100%;padding:10px;font-size:11px}.ambient-control input{accent-color:#bdcf98;width:100%}.ambient-control output{color:#d7e5b7;font:12px monospace}.ambient-hint{color:#8ea998;margin:10px 0;font-size:10px;line-height:1.9}.ambient-switches{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;display:grid}.ambient-switches button{justify-content:space-between;gap:8px;min-height:44px;padding:12px;font-size:11px;display:flex}.ambient-switches b{color:#8ba586;font-size:9px;font-weight:500}.ambient-switches [aria-checked=true]{background:#aec48a0c;border-color:#bed18e60}.ambient-switches [aria-checked=true] b{color:#d2dfad}.ambient-start{width:100%;margin-top:12px;padding:13px;font-size:12px}.ambient-clock{color:#d9e5cb;z-index:10;pointer-events:none;text-shadow:0 2px 8px #001719aa;position:fixed;bottom:5vh;left:5vw}.ambient-clock time{letter-spacing:.08em;opacity:.85;font:300 clamp(28px,4vw,58px) monospace;display:block}.ambient-clock span{letter-spacing:.1em;opacity:.6;margin-top:8px;font-size:11px;display:block}.ambient-status{color:#c1d3b6;z-index:10;opacity:.65;pointer-events:none;font-size:10px;position:fixed;bottom:5vh;right:5vw}.is-ambient.ambient-awake,.is-ambient.ambient-awake .tank-canvas,.is-ambient.ambient-awake canvas{cursor:default!important}.ambient-awake .ambient-exit,.is-ambient:focus-within .ambient-exit{opacity:1}.ambient-audio{z-index:15;opacity:0;align-items:center;gap:12px;transition:opacity .2s;display:flex;position:fixed;top:20px;left:24px}.ambient-audio button{color:#d0e0c4;cursor:pointer;background:#10282cbd;padding:10px 15px;font-size:11px}.ambient-audio span{color:#dfc69d;font-size:11px}.ambient-awake .ambient-audio,.ambient-audio:focus-within,.ambient-audio:hover{opacity:1}@media (width<=600px){.tank-actions{gap:9px}.tank-actions .feed-button{min-width:0;max-width:none;padding:12px;font-size:11px}.tank-actions .button-divider{display:none}.tank-actions .decorate-toggle{padding:10px;font-size:10px}.decoration-panel{padding:17px 15px}.decoration-title h2{font-size:14px}.decoration-controls{gap:10px}.decoration-controls label{flex:1;min-width:0;max-width:100%}.decoration-controls select{width:100%;font-size:10px}.layout-history{width:100%;margin-left:0}.layout-history button{flex:1}.ambient-switches button{padding:10px;font-size:10px}.ambient-control select{font-size:10px}.ambient-clock{bottom:5vh;left:5vw}.ambient-status{font-size:9px;bottom:2vh;left:5vw;right:auto}.ambient-audio{top:12px;left:12px}.decor-handle>span{padding:2px 4px;font-size:8px}}.tank-actions button,.tank-stats .stat>span{white-space:nowrap}@media (width>=601px) and (width<=900px){.tank-toolbar{flex-wrap:wrap;gap:16px;height:auto;padding:18px 20px}.tank-stats,.tank-actions{justify-content:space-between;width:100%}.tank-actions .feed-button{min-width:180px}}.offline-panel{background:linear-gradient(120deg,#1b3833,#10272e);border:1px solid #b3cc9a45;border-radius:10px;margin-top:22px;padding:24px}.offline-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.offline-heading h2{margin-top:7px;font-size:18px;font-weight:500}.offline-heading button{padding:9px 16px;font-size:12px}.offline-panel>p{color:#bdcbbb;margin-top:13px;font-size:12px;line-height:1.8}.offline-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.offline-metrics span{color:#99ada0;background:#091f2533;border:1px solid #a8c69718;padding:12px;font-size:10px}.offline-metrics b{color:#d9e4c8;margin-top:4px;font-size:17px;font-weight:400;display:block}.offline-panel small{color:#8fa99b;font-size:10px;line-height:1.9;display:block}.storage-panel{text-align:left;border-bottom:1px solid #bdd0b025;min-width:0;max-width:100%;margin-bottom:24px;padding-bottom:24px}.storage-panel h3{margin:8px 0 12px;font-size:17px;font-weight:500}.storage-panel p{color:#9db4a4;font-size:11px;line-height:1.9}.storage-panel button{min-height:42px;padding:10px 12px;font-size:11px}.backup-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.backup-file{cursor:pointer;border:1px solid #fff2;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:10px 12px;font-size:11px;display:flex;position:relative;overflow:hidden}.backup-file:focus-within{outline-offset:3px;outline:2px solid #c2d7aa}.backup-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.backup-select{color:#c5d5bb;gap:7px;margin:15px 0;font-size:11px;display:grid}.backup-select select{width:100%;min-width:0;max-width:100%;color:inherit;font:inherit;background:#0e2228;border:1px solid #ffffff24;border-radius:8px;padding:10px}.backup-confirm{background:#c0ce9c0d;border:1px solid #d0cf9e48;border-radius:9px;margin-top:16px;padding:16px}.backup-confirm strong{color:#dfdfbd;font-size:12px}.backup-confirm p{margin:10px 0}.backup-confirm>div{gap:10px;margin-top:14px;display:flex}.storage-panel small{color:#819c8e;margin-top:15px;font-size:10px;line-height:1.8;display:block}.storage-panel .storage-message{color:#c9dbb5;margin-top:12px}.loading-screen .storage-panel{border:1px solid #a6bf9e30;border-radius:12px;width:500px;padding:24px}.session-overlay{z-index:100;background:#041319e8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-overlay>div{text-align:center;max-width:430px}.session-overlay h2{margin:18px 0;font-size:20px}.session-overlay p{color:#adc0ad;margin-bottom:20px;font-size:12px;line-height:1.9}.session-overlay button{padding:12px 20px;font-size:12px}@media (width<=600px){.offline-panel{padding:18px 15px}.offline-heading h2{font-size:16px}.offline-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.offline-metrics b{font-size:15px}.backup-actions>*{white-space:nowrap;flex:1}.backup-select select{font-size:10px}.storage-panel .backup-confirm{padding:12px}}.collection-bar{background:#102b2b;border:1px solid #b9ca8d2a;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:20px 24px;display:flex}.collection-bar small,.collection-summary span,.collection-summary small,.codex-grid small{color:#a5b8ac;margin-top:7px;display:block}.collection-bar button,.collection-tabs button,.achievement-list button,.codex-grid button{color:#17332e;cursor:pointer;background:#c4d398;border:1px solid #b9ca8d40;border-radius:10px;padding:11px 16px}.collection-bar button span{margin-top:4px;font-size:11px;display:block}.collection-summary{background:#193a34;border-radius:12px;padding:16px}.collection-tabs{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.collection-tabs button[aria-pressed=true]{color:#c4d398;background:#355e4b}.collection-note{color:#a5b8ac;font-size:12px;line-height:1.8}.achievement-list{gap:10px;display:grid}.achievement-list article{border:1px solid #b9ca8d2a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.achievement-list h3,.codex-grid h3{margin:0 0 7px;font-size:16px}.achievement-list p,.codex-grid p{margin:0 0 10px;font-size:12px;line-height:1.7}.achievement-list small{color:#a5b8ac;font-size:11px;display:block}.achievement-list progress{accent-color:#c4d398;width:100%;height:7px}.achievement-list button{flex-shrink:0}.achievement-list .claimed{background:#193a34}.collection-panel button:disabled{opacity:.65;cursor:default}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.codex-grid article{background:#0a2026;border:1px solid #b9ca8d2a;border-radius:12px;min-width:0;padding:20px}.codex-grid article>svg{margin:0 0 16px}.codex-grid span{font-size:12px}.codex-grid button{overflow-wrap:anywhere;max-width:100%;margin-top:14px}.codex-grid .undiscovered{color:#a5b8ac;background:#0d252a}.unknown-trait{height:60px;display:block;font-size:38px!important}.transaction-list b.reward{color:#d5dfa3}@media (width<=600px){.collection-bar{flex-direction:column;align-items:flex-start;padding:16px}.collection-bar button{width:100%}.codex-grid{grid-template-columns:1fr}.achievement-list article{gap:10px;padding:12px}.achievement-list button{padding:10px;font-size:12px}.collection-tabs{gap:6px}.collection-tabs button{padding:10px;font-size:12px}}.plant-grid{gap:14px;display:grid}.plant-grid article{background:#0a2026;border:1px solid #b9ca8d2a;border-radius:12px;align-items:center;gap:20px;min-width:0;padding:16px;display:flex}.plant-portrait{width:100px;height:142px;image-rendering:pixelated;flex-shrink:0}.plant-info{flex:1;min-width:0}.plant-info h3,.cutting-list h3{margin:5px 0;font-size:16px}.plant-info strong{color:var(--green);font-size:12px}.plant-info progress{width:100%;height:8px;accent-color:var(--green);margin:10px 0;display:block}.plant-info p,.cutting-list p{color:#b9cbb9;font-size:12px;line-height:1.8}.plant-info small,.cutting-list small{color:#9cb29f;margin-top:7px;font-size:11px;display:block}.plant-info button,.cutting-list button{border-color:#b9ca8d40;min-height:42px;margin-top:10px;padding:10px 13px}.plant-panel button:disabled{cursor:default}.cutting-list{gap:12px;display:grid}.cutting-list article{background:#0a2026;border:1px solid #b9ca8d2a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.cutting-actions,.cutting-confirm{flex-wrap:wrap;gap:8px;display:flex}.cutting-confirm{border-top:1px solid var(--border);width:100%;padding-top:12px}.cutting-confirm p{width:100%}.transaction-list .plant-sale{color:#d5dfa3}@media (width<=600px){.plant-grid article{align-items:flex-start;gap:10px;padding:12px}.plant-portrait{width:72px;height:102px}.plant-info h3{font-size:14px}.plant-info button{width:100%;padding:10px 6px;font-size:11px}.cutting-actions{width:100%}.cutting-actions button{flex:1;font-size:11px}.cutting-list article{padding:14px}}.temperature-panel{border-top:1px solid var(--border);margin-top:20px;padding-top:22px}.temperature-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.temperature-heading h3{margin:6px 0 16px;font-size:15px;font-weight:500}.temperature-reading{color:var(--green);align-items:center;gap:12px;display:flex}.temperature-reading strong{white-space:nowrap;font-size:26px;font-weight:400}.temperature-reading small{margin-left:4px;font-size:12px}.temperature-reading>span{font-size:11px}.temperature-reading.is-warning{color:#f0b97b}.temperature-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.temperature-controls label{color:#b9cbb9;flex:1;gap:7px;min-width:150px;font-size:11px;display:grid}.temperature-controls select{width:100%;min-height:44px;font:inherit;color:#e0e8df;background:#0e2228;border:1px solid #ffffff24;border-radius:8px;padding:10px}.temperature-controls button{min-height:44px;padding:10px 16px;font-size:12px}.temperature-controls button[aria-checked=true]{color:#d2dfb9;background:#304e40}.temperature-controls button:disabled{cursor:default}.temperature-notes{grid-template-columns:1fr 1fr;gap:24px;margin-top:15px;display:grid}.temperature-notes p{color:#99b1a4;font-size:11px;line-height:1.9}.temperature-notes b{color:#c7d6b4;font-weight:500}@media (width<=600px){.temperature-controls{gap:10px}.temperature-controls label{min-width:calc(50% - 10px)}.temperature-controls button{width:100%}.temperature-notes{grid-template-columns:1fr;gap:8px}.temperature-heading h3{font-size:13px}.temperature-reading{gap:7px}.temperature-reading strong{font-size:22px}.temperature-reading>span{font-size:10px}}.fish-swim-preview{width:160px;height:96px;image-rendering:pixelated;object-fit:contain;max-width:100%}.fish-picker>span{color:#a5b8ac;padding:10px;font-size:12px;line-height:1.8}.species-list{row-gap:12px}.maintenance-panel{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.maintenance-heading,.care-reading{justify-content:space-between;align-items:center;gap:12px;display:flex}.maintenance-heading h3{color:#d5dfca;margin:6px 0 14px;font-size:14px;font-weight:500}.maintenance-heading>span{color:#afc79d;font-size:11px}.maintenance-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.maintenance-cards article{background:#11292d70;border:1px solid #aac4b720;border-radius:10px;min-width:0;padding:16px}.care-reading h4{margin:0;font-size:12px;font-weight:500}.care-reading strong{color:#cbdcaf;font-size:17px}.maintenance-cards progress{accent-color:#a5bd86;width:100%;height:5px;margin:12px 0 0}.maintenance-cards p,.care-note{color:#a5b8aa;font-size:11px;line-height:1.8}.maintenance-cards button{width:100%;min-height:44px;margin:4px 0 7px}.maintenance-cards small{color:#a5b8aa;min-height:19px;font-size:10px;line-height:1.8;display:block}.care-note{margin:12px 0 0}@media (width<=600px){.maintenance-cards{grid-template-columns:1fr}.maintenance-heading h3{font-size:13px}.maintenance-cards article{padding:14px}}.journal-panel{border:1px solid var(--border);background:#10272c;border-radius:12px;margin-top:24px;padding:20px}.journal-heading,.journal-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.journal-heading h2{margin:6px 0;font-size:15px;font-weight:500}.journal-heading button,.journal-tabs button{min-height:44px;padding:10px 14px;font-size:12px}.journal-intro,.journal-note{color:#a5b8aa;font-size:11px;line-height:1.8}.journal-tabs{gap:8px;margin:16px 0;display:flex}.journal-tabs button[aria-pressed=true]{color:#d6e5c5;background:#244035;border-color:#afc79d}.journal-controls{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.journal-controls label{color:#a5b8aa;flex-direction:column;gap:6px;font-size:11px;display:flex}.journal-controls select{color:#d5dfca;min-height:44px;font:inherit;background:#183239;border:1px solid #537166;border-radius:6px;padding:8px}.journal-summary strong{color:#d5dfca;font-size:13px}.journal-summary span{color:#a5b8aa;font-size:10px}.journal-chart{background:#0e2329;border-radius:8px;width:100%;max-width:900px;margin:12px auto;display:block}.journal-chart text{fill:#b7cab9;font-size:11px}.journal-table summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px}.journal-table table{border-collapse:collapse;width:100%;font-size:11px}.journal-table th,.journal-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 6px}.journal-events{grid-template-columns:1fr 1fr;gap:10px;max-height:480px;display:grid;overflow:auto}.journal-events article{border:1px solid var(--border);border-radius:8px;padding:14px}.journal-events article>div{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.journal-events strong{color:#d5dfca;font-size:12px}.journal-events time{color:#9bb2a5;font-size:10px}.journal-events p{color:#b5c5b6;font-size:11px;line-height:1.7}@media (width<=600px){.journal-panel{padding:14px}.journal-heading h2{font-size:13px}.journal-heading button{flex-shrink:0;padding:8px;font-size:11px}.journal-summary{flex-direction:column;align-items:start;gap:5px}.journal-events{grid-template-columns:1fr}.journal-controls label{flex:1;min-width:0}.journal-chart text{font-size:22px}}.breeding-panel{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.breeding-heading h3{color:#d5dfca;margin:8px 0 14px;font-size:14px;font-weight:500}.breeding-modes{flex-wrap:wrap;gap:8px;display:flex}.breeding-modes button,.breeding-selectors button,.breeding-pairs article>button{min-height:44px;padding:10px 14px;font-size:12px}.breeding-modes button[aria-pressed=true]{opacity:1;color:#d7e4c7;cursor:default;background:#294333;border-color:#a6bd8d}.breeding-note{color:#a8baae;font-size:11px;line-height:1.8}.breeding-selectors{flex-wrap:wrap;align-items:end;gap:12px;margin-top:14px;display:flex}.breeding-selectors label{color:#a8baae;flex-direction:column;flex:1;gap:6px;min-width:150px;font-size:11px;display:flex}.breeding-selectors select{color:#d5dfca;width:100%;min-height:44px;font:inherit;background:#183239;border:1px solid #537166;border-radius:6px;padding:8px}.breeding-pairs{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.breeding-pairs article{border:1px solid var(--border);border-radius:9px;min-width:0;padding:14px}.breeding-pairs article>strong{color:#d5dfca;font-size:12px}.breeding-pairs p{color:#a8baae;font-size:11px;line-height:1.7}.breeding-portraits{gap:8px;margin-top:12px;display:flex}.breeding-portraits button{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-width:0;padding:10px 4px;font-size:11px}.breeding-portraits small{margin-top:4px;font-size:10px;display:block}@media (width<=600px){.breeding-pairs{grid-template-columns:1fr}.breeding-selectors{flex-direction:column;align-items:stretch}.breeding-selectors label{width:100%}.breeding-modes button{flex:1;padding:8px 5px;font-size:11px}}.lamp-grid,.background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px;display:grid}.lamp-grid button,.background-grid button{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;min-height:90px;padding:12px;display:flex}.lamp-grid button[aria-pressed=true],.background-grid button[aria-pressed=true]{background:#31594f;border-color:#c5e5bc;box-shadow:inset 0 0 20px #a6d6ad14}.lamp-grid i,.background-grid i{width:24px;height:8px;box-shadow:0 0 12px #e9edb655}.lamp-grid small{font-size:11px;line-height:1.5}.habitat-panel{background:#163c3999;border:1px solid #79978a40;border-radius:20px;margin:24px 0;padding:24px}.habitat-panel>p{color:#a9beb1;font-size:13px;line-height:1.8}.critter-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.critter-list article{background:#244d4655;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.critter-list small{color:#b8cab9;margin-top:6px;font-size:11px;display:block}.habitat-alert{color:#ecd19f;background:#7d4f2433;border:1px solid #d8b66f80;border-radius:12px;padding:14px}.habitat-alert p{font-size:12px}.death-records{margin-top:20px}.death-records button{text-align:left;max-width:100%;margin:8px 0;display:block}.tank-actions{flex-wrap:wrap}.ambient-settings{scroll-margin-top:24px}@media (width<=700px){.lamp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.critter-list{grid-template-columns:1fr}.habitat-panel{padding:16px}.background-grid button{padding:8px;font-size:11px}}.critter-breeding{margin:18px 0}.critter-breeding p{color:#a9beb1;font-size:12px;line-height:1.8}.critter-list article{align-items:flex-start}.critter-list article>div{min-width:0}.critter-list button{min-height:38px;margin-top:10px;font-size:11px}.critter-list progress{width:100%;margin-top:10px}.critter-sale-confirm{border:1px solid #c5c28d66;border-radius:8px;padding:8px}.critter-sale-confirm p{font-size:11px;line-height:1.7}.critter-growth-preview{flex-wrap:wrap;gap:8px;display:flex}.critter-growth-preview>div{flex-direction:column;align-items:center;display:flex}.critter-growth-preview canvas{max-width:80px;height:auto!important}.critter-sex{align-items:center;gap:12px;margin:16px 0;display:flex}.critter-sex select{padding:10px}.lamp-grid button:disabled{opacity:.45}.critter-sold{margin-top:18px}.lighting-preview{color:#203f42;background:#e6ede3;border:1px solid #73948b;border-radius:14px;margin:16px 0;padding:16px}.lighting-preview p{font-size:.8rem;line-height:1.6}.lighting-preview label{gap:7px;margin:12px 0;font-size:.85rem;display:grid}.lighting-preview select,.lighting-preview input{width:100%;min-width:0}.lighting-preview-canvas{aspect-ratio:16/9;background:#356b70;border-radius:9px;margin-top:14px;overflow:hidden}.lighting-preview-canvas canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.app-shell .page-intro{padding-block:18px}.app-shell .page-intro h1{font-size:clamp(26px,3vw,36px)}.garden-actions.compact-actions{margin:12px 0;display:flex}.garden-actions.compact-actions>.economy-bar,.garden-actions.compact-actions>.collection-bar{flex-direction:row;align-items:center;min-height:0;padding:12px}.garden-actions.compact-actions>section>button{margin-top:0}.garden-actions.compact-actions>.economy-bar>div{min-width:85px}.garden-actions.compact-actions>.collection-bar{justify-content:center}.page-intro{min-height:0;padding-block:22px}.page-intro h1{margin:8px 0;font-size:clamp(26px,4vw,42px);line-height:1.2}.page-intro .hero-line{margin-left:.25em;display:inline}.page-intro .intro-note,.page-intro .eyebrow{display:none}.garden-nav a[aria-current=page]{color:#eff4d1;background:#43685a66;border-radius:8px}.care-summary{background:#183d3dcc;border:1px solid #6e918244;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:18px 22px;display:grid}.care-summary>div,.care-summary>a{color:inherit;gap:7px;text-decoration:none;display:grid}.care-summary span{color:#a8bfb5;font-size:11px}.care-summary strong{color:#e2eacb;font-size:14px}.care-summary>small{color:#a8bfb5;grid-column:1/-1;font-size:11px;line-height:1.6}.compact-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.compact-actions .economy-bar,.compact-actions .collection-bar{min-width:170px;box-shadow:none;border-radius:12px;flex:1;margin:0;padding:12px}.compact-actions .economy-bar>p,.compact-actions .collection-bar>div{display:none}.compact-actions .collection-bar button{width:100%}.compact-actions .economy-bar{flex:1.5}.compact-actions .economy-bar>div{gap:8px}.compact-actions .coin-mark{display:none}.compact-ambient{min-height:44px;margin:4px 0 12px}.care-disclosure{border:1px solid #73948844;border-radius:12px;margin-top:12px;padding:12px 16px}.care-disclosure>summary{cursor:pointer;color:#d7e4cb;padding:8px 0;font-size:13px}.care-disclosure[open]>summary{margin-bottom:12px}.habitat-panel button{border-radius:8px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:12px;line-height:1.5}.habitat-panel>p,.critter-breeding p,.critter-sale-confirm p{font-size:12px;line-height:1.8}.critter-list strong{font-size:13px;font-weight:500;line-height:1.6}.critter-list small{font-size:11px;line-height:1.7}.critter-pace{border-block:1px solid var(--border);margin:12px 0}.critter-pace summary{cursor:pointer;min-height:44px;color:var(--green);padding:12px 0;font-size:12px}.critter-pace table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px;line-height:1.7}.critter-pace caption{text-align:left;color:var(--muted);padding:8px 0;font-size:11px}.critter-pace th,.critter-pace td{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:10px 4px}.critter-pace th{font-weight:500}.critter-pace th:first-child{width:31%}.critter-breeding button[aria-checked=true]{color:#d7e4c7;background:#294333;border-color:#a6bd8d}@media (width<=600px){.page-intro{padding-block:12px}.page-intro p{font-size:12px}.care-summary{gap:14px;padding:14px}.care-summary strong{font-size:12px}.compact-actions .economy-bar{flex-basis:100%}.compact-actions .collection-bar{min-width:0}.garden-nav{gap:3px}.garden-nav a{padding:12px 8px;font-size:11px}.compact-actions button{font-size:11px}.compact-actions .economy-bar button{font-size:12px}}.garden-actions section>button{color:#d8e5ce}html:has([data-motion=reduced]){scroll-behavior:auto}:root{--ink:#071a23;--panel:#102a32;--cream:#f0eddb;--mint:#b8dfbd;--aqua:#81c7cb;--muted:#a0b6af;--border:#c4dfd51c;--green:#c5dfa9;background:var(--ink);color:#e5ecdf;font-family:Segoe UI,Malgun Gothic,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:360px}::selection{color:#163733;background:#b8dfbd}button,input,select{touch-action:manipulation}button{overflow-wrap:anywhere;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;position:relative}button:not(:disabled):hover{background-color:#b2d9c111;border-color:#b7ded173;box-shadow:0 3px 16px #00101945}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #dbeab3}button.primary{color:#14372f;background:linear-gradient(115deg,#e1e9bd,#a9d8ba);border:1px solid #e0efc2;overflow:hidden;box-shadow:0 4px 20px #a1d9ae18,inset 0 1px #fff8}button.primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff58,#0000);width:40%;transition:left .65s;position:absolute;inset:-80% auto -80% -65%;transform:rotate(25deg)}button.primary:hover:after,button.primary:focus-visible:after{left:140%}button.primary:hover{background:linear-gradient(115deg,#edf1cf,#bee5c8);box-shadow:0 6px 26px #a1d9ae28}.app-shell{isolation:isolate;--scene-glow:#b5dec63b;--scene-warm:#ebd4a426;background:radial-gradient(at 5% 0,#37666730,#0000 37%),radial-gradient(at 95% 8%,#b4a56c13,#0000 30%),#071a23;min-height:100dvh;padding-bottom:16px;position:relative}.app-shell[data-scene=sunset]{--scene-glow:#e2b27645;--scene-warm:#e58e5229}.app-shell[data-scene=night]{--scene-glow:#83a0e14a;--scene-warm:#9ecada13}.world-aura{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.world-aura:after{content:"";opacity:.15;background-image:radial-gradient(#b5d9cc16 .65px,#0000 .65px);background-size:5px 5px;position:absolute;inset:0}.world-aura i{background:radial-gradient(ellipse,var(--scene-glow),transparent 67%);opacity:.34;border-radius:50%;width:42vw;height:42vw;animation:22s ease-in-out infinite alternate aura-drift;position:absolute}.world-aura i:first-child{top:5%;left:-20%}.world-aura i:nth-child(2){background:radial-gradient(ellipse,var(--scene-warm),transparent 67%);animation-delay:-8s;top:35%;right:-15%}.world-aura i:nth-child(3){width:24vw;height:24vw;animation-delay:-15s;top:-14%;left:45%}.topbar{border-bottom:1px solid #bdd8cf16;max-width:1500px;height:88px;margin:auto;padding:0 4.5%}.brand{letter-spacing:-1.2px;color:var(--cream);gap:14px;font-size:23px}.brand-symbol{background:linear-gradient(135deg,#b9dccb19,#6c9d9a08);border:1px solid #c6e2cb50;border-radius:14px;width:44px;height:44px;transform:rotate(-8deg);box-shadow:inset 0 1px #cce9d42b,0 0 24px #a5d6ba08}.brand small{letter-spacing:3.3px;color:#9fbdb1;font-size:7px}.topbar-caption{color:#7e9d98;letter-spacing:2px;font-size:11px}.header-actions{gap:17px}.version-label{letter-spacing:1.2px;font-size:8px}.version-label i{color:#bed9be;border-color:#b1d7c53b}.main-content{width:calc(100% - 96px);max-width:1280px}.page-intro{gap:24px;padding:38px 0 31px;animation:.8s both arrival}.page-intro h1{letter-spacing:-2.8px;color:var(--cream);margin:13px 0 12px;font-size:clamp(30px,3.6vw,50px);font-weight:350;line-height:1.25}.page-intro h1 .hero-line{color:#bdd9bd;padding-left:14px;display:inline}.page-intro h1 .hero-line>span{color:#d9d4aa;padding-left:2px}.page-intro p{color:#a2b8b0;letter-spacing:.15px;font-size:12px}.eyebrow{letter-spacing:2.4px;color:#aac8b3;font-size:9px}.intro-note{gap:14px;padding-right:2px;font-size:12px}.intro-note small{letter-spacing:1.5px;color:#809c94;margin-top:9px;font-size:7px}.garden-seal{border:1px solid #bcd7bd35;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:inset 0 0 0 7px #c8dbbd05}.garden-seal:after{content:"";background:#cbdcaa;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:15px;box-shadow:0 0 14px #d6e5b985}.garden-nav{border-top:1px solid var(--border);color:#789d94;letter-spacing:.5px;align-items:center;gap:28px;padding:18px 4px;font-size:9px;display:flex}.garden-nav a{gap:8px;padding:6px 0;display:flex;position:relative}.garden-nav a span{color:#b7c9bc;letter-spacing:0;font-size:11px}.garden-nav a:after{content:"";transform-origin:0;background:#c1dcb3;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.garden-nav a:hover:after{transform:scaleX(1)}.garden-nav .nav-live{color:#a8c9b5;letter-spacing:1.7px;align-items:center;gap:8px;margin-left:auto;font-size:8px;display:flex}.nav-live i{background:#b9deba;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite live-breath;box-shadow:0 0 10px #b9deba}.aquarium-section{box-shadow:0 0 0 4px #bed7c906,0 0 0 5px #c2d7ca0b,0 25px 90px #0008,0 -4px 65px var(--scene-glow);border:1px solid #bad8c74f;border-radius:18px;transition:box-shadow 1.5s;animation:.9s .1s both arrival;position:relative;overflow:hidden}.tank-frame{background:#12343c}.tank-atmosphere{pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 60px #05152055,inset 0 2px #f3f5d447,inset 1px 0 #d7eddb19}.tank-atmosphere:before{content:"";background:linear-gradient(90deg,#0000,#d9f2c8b3,#0000);width:100%;height:2px;animation:11s ease-in-out infinite water-glint;position:absolute;top:0;left:0}.tank-atmosphere:after{content:"";pointer-events:none;background:linear-gradient(116deg,#d6edcf07 0%,#0000 22% 75%,#d2e4b808);position:absolute;inset:0}.tank-heading,.tank-light,.tank-caption,.tank-expand{z-index:2}.tank-heading{letter-spacing:1.8px;font-size:8px}.tank-light{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c252d80;border-color:#d5e8ce37;padding:8px 12px;font-size:10px}.tank-caption{letter-spacing:2px;color:#e4ead2b5}.tank-toolbar{background:linear-gradient(115deg,#16373b,#102a34);border-top:1px solid #c8e1c52c;height:92px;padding:0 28px}.stat strong{color:#edeedd;font-family:Segoe UI,sans-serif;font-size:27px;font-weight:300}.stat>svg{color:#a8c5ae}.stat>span{color:#a2bdb2;font-size:10px}.stat small{color:#94b0a4}.stat+.stat{border-left-color:#cee3cc1c}.feed-button{border-radius:10px;min-width:151px;min-height:48px}.decorate-toggle{background:#b5c9be08;border-color:#b3d6c32c;border-radius:8px;min-height:42px}.light-button{color:#c4d2b8;min-height:42px}.below-tank{grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:26px}.section-heading{margin-bottom:12px}.section-heading h2{color:#d1decc;font-size:12px}.species-list{gap:8px}.species-card{background:linear-gradient(125deg,#24403d55,#102b3166);border:1px solid #a3c8b726;border-radius:10px;min-height:77px;transition:background .25s,border .25s,box-shadow .25s,transform .25s}.species-card:hover{transform:translateY(-3px)}.species-card.active{background:#31503b80;border-color:#b9d69c80;box-shadow:0 0 22px #a4d2a111}.species-card strong{color:#d6e3cf;font-size:11px}.species-card small{color:#93afa1}.fish-thumbnail{filter:drop-shadow(0 4px 6px #0003);width:42px}.ambient-card{background:radial-gradient(at 100% 0,#a3cdb225,#0000 70%),linear-gradient(120deg,#1c3736,#243f38);border:1px solid #bdd7ab47;border-radius:12px;align-self:end;height:102px;position:relative;overflow:hidden}.ambient-card:after{content:"";pointer-events:none;border:1px solid #bad7ad1e;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-40px;right:-25px;box-shadow:0 0 0 16px #bad7ad07,0 0 0 32px #bad7ad05}.ambient-card:hover{box-shadow:0 0 30px #a3d5ac1a}.ambient-card strong{color:#e0e6ca;font-size:14px}.ambient-card small{color:#a8bfa6;font-size:10px}.garden-actions{grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin:28px 0;display:grid}.garden-actions>.economy-bar,.garden-actions>.collection-bar{background:linear-gradient(120deg,#193438c9,#102b34c9);border:1px solid #bdd8c326;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;min-width:0;min-height:158px;margin:0;padding:20px;display:flex;position:relative;overflow:hidden}.garden-actions>section:before{content:"";background:#b2d4ab8c;width:32px;height:2px;position:absolute;top:0;left:20px}.garden-actions .economy-bar>div{align-items:center;gap:12px}.garden-actions .economy-bar p{display:none}.garden-actions .economy-bar strong{font-size:25px;font-weight:350}.garden-actions .coin-mark{color:#e0d4a5;background:linear-gradient(135deg,#decf9640,#8e976c0f);border:1px solid #c7c99645;border-radius:50%;width:35px;height:35px;box-shadow:0 0 17px #ddc97c0a}.garden-actions .collection-bar strong{color:#d8e2cc;margin:5px 0 8px;font-size:13px;font-weight:500;display:block}.garden-actions .collection-bar small{color:#95b1a1;font-size:10px;line-height:1.8}.garden-actions section>button{background:#b5d5b208;border:1px solid #b7d2b734;border-radius:8px;justify-content:space-between;min-height:43px;margin-top:auto;padding:10px 12px;font-size:11px}.garden-actions section>button:hover{background:#b5d5b214}.garden-actions .collection-bar button span{color:#c8d9a8;font-size:9px}.life-panel,.water-panel,.journal-panel{background:linear-gradient(140deg,#173137e8,#102730f5);border:1px solid #c3dfca28;border-radius:14px;margin-top:24px;padding:26px;scroll-margin-top:24px;position:relative;box-shadow:inset 0 1px #e0eeda08,0 12px 32px #00000016}.life-panel:before,.water-panel:before,.journal-panel:before{content:"";background:linear-gradient(90deg,#a9d5b1,#adcaba22);width:46px;height:2px;position:absolute;top:0;left:26px}.life-heading h2,.water-title h2,.journal-heading h2{color:var(--cream);letter-spacing:-.4px;font-size:18px;font-weight:450}.pixel-tag{color:#aec5a9;letter-spacing:1px;background:#9ec7a009;border-color:#c0d9b327;border-radius:5px;font-size:8px}.stage-counts strong{color:#cde5b7;font-family:Segoe UI,sans-serif;font-size:31px;font-weight:300}.stage-counts span{font-size:11px}.nursery-advice strong{color:#d0dfbd}.breeding-panel,.maintenance-panel,.temperature-panel{border-top-color:#bcd7c31c}.breeding-modes button,.journal-tabs button{background:#0b232a66;border-color:#b7d3c12e;min-height:44px}.breeding-modes button[aria-pressed=true],.journal-tabs button[aria-pressed=true]{color:#e4edcf;background:linear-gradient(110deg,#3d5940,#29493e);border-color:#b9d9aa88;box-shadow:inset 0 1px #e7f2cc16}.breeding-pairs article,.maintenance-cards article,.journal-events article{background:linear-gradient(145deg,#18373c70,#0d242d70);border-color:#bdd9c626;border-radius:10px}.maintenance-cards progress,.fish-detail progress{accent-color:#bad9aa;border-radius:4px;height:5px;overflow:hidden}.water-metrics .metric{background:#0c242c4d;border-color:#a5c6b526}.metric strong{color:#d9e5c4}.stability strong{font-family:Segoe UI,sans-serif;font-weight:300}.stability>span{color:#b8d6b7}.water-change button,.water-controls button,.temperature-controls button{background:#a6c8b30b;border-color:#a9ccb637;border-radius:8px;min-height:43px}.water-detail-toggle{min-height:42px}.journal-chart{background:#0a2028}.journal-note,.water-footnote,.breeding-note{color:#a4bdb0}.footer{color:#8caaa0;border-top:1px solid #a2c9b615;gap:18px;padding:10px 0 20px;font-size:10px}.sound-pill{letter-spacing:.8px;white-space:nowrap;background:#b9dcc608;border:1px solid #b8d8c82e;border-radius:22px;gap:8px;min-height:44px;padding:8px 11px;font-size:8px}.sound-pill[aria-pressed=true]{color:#e0ebc7;background:#b9dcc613;border-color:#b9dba66b;box-shadow:0 0 18px #9ed0b10c}.equalizer{align-items:center;gap:2px;height:13px;display:flex}.equalizer i{background:#9fc4aa;border-radius:1px;width:2px;height:3px;display:block}.equalizer i:nth-child(2){height:9px}.equalizer i:nth-child(3){height:13px}.equalizer i:nth-child(4){height:6px}[data-sound-state=playing] .equalizer i{animation:1.2s ease-in-out infinite alternate equalize}[data-sound-state=playing] .equalizer i:nth-child(2){animation-delay:-.8s}[data-sound-state=playing] .equalizer i:nth-child(3){animation-delay:-.3s}[data-sound-state=playing] .equalizer i:nth-child(4){animation-delay:-.6s}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03151cb8;animation:.2s both veil-in}.modal{background:radial-gradient(at 100% 0,#a4c99b12,#0000 50%),linear-gradient(145deg,#16353b,#102630);border:1px solid #cee0c83b;border-radius:18px;animation:.3s cubic-bezier(.2,.8,.2,1) both dialog-in;box-shadow:0 35px 120px #0009,inset 0 1px #dceacc12}.modal h2{color:#efefda;font-size:25px;font-weight:350}.close-button{border-radius:50%;width:34px;height:34px;background:#aec7bb0b!important;border:1px solid #abc8bb24!important}.shop-card,.codex-card{background:linear-gradient(150deg,#29463e55,#102b3377);border-color:#bdd5bd26;border-radius:12px;transition:transform .25s,box-shadow .25s,border-color .25s}.shop-card:hover{border-color:#bdd9ac5e;transform:translateY(-3px);box-shadow:0 10px 24px #00111c44}.shop-art{background:radial-gradient(at 50% 60%,#bbd79d13,#0000 65%)}.shop-buy{color:#dce9c9;background:#c2dca915;border-color:#c2dca950;min-height:44px}.fish-detail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;background:linear-gradient(140deg,#193c3de8,#102731f2);border:1px solid #d2e5ba47;border-radius:14px;animation:.25s both dialog-in;box-shadow:0 15px 50px #0006}.fish-detail h2{color:#e9ecd4}.detail-fish{filter:drop-shadow(0 6px 8px #06131980)}.toast{color:#18372f;background:linear-gradient(110deg,#e0eac8,#b5d9c2);border:1px solid #e1edc984;border-radius:12px;font-size:12px;box-shadow:0 12px 45px #0006}.session-overlay>div{background:linear-gradient(130deg,#173a3b,#102630);border:1px solid #cee0c847;border-radius:16px;box-shadow:0 25px 90px #0009}.sound-studio{background:radial-gradient(at 100% 0,#b5c99614,#0000 60%),#0c252c80;border:1px solid #bcd8bd36;border-radius:12px;margin:16px 0 24px;padding:20px}.sound-studio h3{color:#e5e9cd;margin:8px 0;font-size:18px;font-weight:450}.sound-studio>p{color:#a5bfaa;font-size:11px;line-height:1.8}.sound-tracks{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.sound-tracks button{text-align:left;background:#102a3380;border:1px solid #afc6ab34;border-radius:9px;flex-direction:column;align-items:start;gap:7px;min-height:102px;padding:14px 11px}.sound-tracks button:last-child{flex-direction:row;grid-column:1/-1;align-items:center;gap:14px;min-height:50px}.sound-tracks button>span{color:#a2c4b1;letter-spacing:1px;font-size:9px}.sound-tracks strong{color:#dce5cd;font-size:12px;font-weight:500}.sound-tracks small{letter-spacing:.7px;color:#91ae9c;font-size:7px}.sound-tracks button[aria-pressed=true]{background:linear-gradient(130deg,#46644860,#29463d80);border-color:#c1d6a882;box-shadow:inset 0 1px #e2ecd01c}.studio-volume{color:#c1d2bd;margin:15px 0;font-size:11px;display:block}.studio-volume>span{justify-content:space-between;margin-bottom:8px;display:flex}.studio-volume output{color:#c6dfad;font-variant-numeric:tabular-nums}.studio-volume input{accent-color:#b9d7aa;cursor:pointer;width:100%;height:20px}.studio-actions{flex-wrap:wrap;gap:8px;margin:18px 0 10px;display:flex}.studio-actions button{min-height:44px;padding:10px 12px;font-size:11px}.studio-hint{margin-top:12px}.lighting-preset[aria-pressed=true]{border-color:#cbdcac80;box-shadow:0 0 25px #c5d6a215}.ambient-control select{border-radius:7px;min-height:42px}.is-ambient{background:#020a10;padding:0}.is-ambient .world-aura{display:none}.is-ambient .aquarium-section{box-shadow:none;border-radius:0;animation:none}.is-ambient .tank-atmosphere{box-shadow:inset 0 0 70px #04121d36}.is-ambient .main-content{width:100%;max-width:none}.ambient-audio button,.ambient-exit{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#deebce;border:1px solid #d1e3c635;border-radius:22px;min-height:44px;box-shadow:0 5px 20px #0003;background:#0c2733b3!important}@keyframes arrival{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes aura-drift{to{transform:translate(7%,9%)scale(1.08)}}@keyframes water-glint{0%,to{opacity:.35;transform:translate(-15%)}50%{opacity:.9;transform:translate(15%)}}@keyframes live-breath{50%{opacity:.4;box-shadow:0 0 3px #b9deba}}@keyframes equalize{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (width<=1100px){.main-content{width:calc(100% - 56px)}.below-tank{grid-template-columns:1fr}.ambient-card{height:80px}.page-intro h1{font-size:40px}.intro-note{display:none}.garden-actions{gap:10px}.garden-actions>.economy-bar,.garden-actions>.collection-bar{padding:17px}.topbar-caption{display:none}}@media (width<=760px){.main-content{width:calc(100% - 32px)}.topbar{height:76px;padding:0 20px}.brand{gap:10px;font-size:20px}.brand-symbol{width:37px;height:37px}.header-actions{gap:8px}.version-label{display:none}.page-intro{padding:27px 2px 23px}.page-intro h1{letter-spacing:-1.8px;font-size:34px}.page-intro h1 .hero-line{padding-left:9px}.page-intro .eyebrow{letter-spacing:1.7px;font-size:7px}.page-intro p{font-size:11px}.garden-nav{gap:18px;padding:13px 2px}.garden-nav .nav-live{display:none}.garden-nav a{gap:5px;font-size:8px}.garden-nav a span{font-size:10px}.garden-actions{grid-template-columns:1fr 1fr;margin:22px 0}.garden-actions>.economy-bar{flex-direction:row;grid-column:1/-1;align-items:center;gap:10px;min-height:82px}.garden-actions>.economy-bar>button{min-width:128px;margin:0}.garden-actions>.economy-bar>div{flex:1}.garden-actions>.collection-bar{min-height:149px}.garden-actions .collection-bar strong{font-size:12px;line-height:1.6}.garden-actions .collection-bar small{font-size:9px}.garden-actions .collection-bar button{padding:9px 8px;font-size:10px}.garden-actions .collection-bar button span{font-size:8px}.life-panel,.water-panel,.journal-panel{border-radius:12px;padding:19px 16px}.life-heading h2,.water-title h2,.journal-heading h2{font-size:15px}.tank-toolbar{height:auto;min-height:85px;padding:18px 17px}.tank-stats{gap:10px}.stat strong{font-size:25px}.tank-actions{gap:12px}.stat+.stat{padding-left:14px}.stat>span{font-size:9px}.tank-atmosphere{box-shadow:inset 0 0 28px #05152040}.below-tank{gap:18px;margin-top:20px}.species-card{min-height:86px}.species-card:hover{transform:none}.modal{padding:30px 22px}.modal h2{font-size:23px}.sound-studio{padding:16px}.fish-detail{z-index:16}.tank-heading{top:13px;left:14px}.tank-light{padding:5px 8px;font-size:8px;top:11px;right:12px}.tank-expand{bottom:7px;right:7px}.tank-caption{font-size:6px;bottom:15px;left:15px}.aquarium-section{border-radius:12px;box-shadow:0 0 0 3px #b3d1c406,0 16px 55px #0005}.studio-actions{flex-direction:column}.sound-tracks small{font-size:7px}}@media (width<=460px){.page-intro h1{font-size:30px}.brand{font-size:18px}.brand small{letter-spacing:2.4px;font-size:6px}.sound-pill{min-height:44px;padding:7px 9px;font-size:7px}.header-actions .icon-button{width:30px;height:34px}.garden-nav{justify-content:space-between;gap:7px}.garden-actions{gap:9px}.garden-actions>.collection-bar{padding:15px 12px}.garden-actions .collection-bar button{flex-wrap:wrap;justify-content:center;gap:4px}.life-heading{gap:8px}.life-heading .pixel-tag{font-size:7px}.sound-tracks strong{font-size:11px}.sound-tracks button:last-child{flex-wrap:wrap;gap:8px}.sound-tracks small{letter-spacing:0}.breeding-portraits button{font-size:10px}.modal-backdrop{padding:14px}.modal{padding:29px 18px}.footer{font-size:8px}}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-motion=reduced] .species-card:hover,[data-motion=reduced] .shop-card:hover{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.species-card:hover,.shop-card:hover{transform:none}}.tank-atmosphere:before{display:none}.tank-atmosphere{box-shadow:inset 1px 0 #d7eddb13,inset -1px 0 #d7eddb13,inset 0 0 45px #05152035}.aquarium-section{border-top-color:#28434b;box-shadow:0 0 0 4px #bed7c904,0 25px 90px #0008}.species-list{scrollbar-width:thin;scrollbar-color:#527b71 transparent;max-height:265px;padding:3px 5px 6px 2px;overflow-y:auto}.species-card small{white-space:normal;line-height:1.5}.species-card strong{line-height:1.5}@media (width<=760px){.species-list{max-height:235px}}.species-search{color:#b6cdbb;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.species-search input{color:#e2ebcf;min-width:0;min-height:44px;font:inherit;background:#102931;border:1px solid #b2cbb43d;border-radius:8px;flex:1;padding:10px 12px}.species-search span{white-space:nowrap;color:#a5bfa7}@media (width>=761px) and (width<=1100px){.tank-toolbar{height:auto;min-height:92px;padding:18px 22px}}:is(.plant-panel,.maintenance-panel,.habitat-panel,.breeding-panel,.temperature-panel,.water-panel) button{border-radius:8px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:12px;line-height:1.5}.plant-panel :is(.collection-note,.plant-info p,.cutting-list p),.maintenance-panel :is(.care-note,.maintenance-cards p){font-size:12px;line-height:1.8}.plant-panel :is(.plant-info small,.cutting-list small),.maintenance-cards small{font-size:11px;line-height:1.7}.brand-symbol{background:linear-gradient(145deg,#b7d7bd16,#09232b);border-radius:17px;flex-shrink:0;width:52px;height:52px;transform:none;box-shadow:inset 0 1px #edf3cb2e,0 4px 18px #00131c55}.brand-symbol svg{width:46px;height:46px;transform:none}.garden-nav{flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:16px 0 18px}.garden-nav a{letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:10px;line-height:20px;transition:background .2s,border-color .2s}.garden-nav a span{font-size:12px;font-weight:500;line-height:20px}.garden-nav a[aria-current=page]{background:linear-gradient(130deg,#42675b88,#28463e88);border-color:#bcd8b54d;border-radius:12px;box-shadow:inset 0 1px #e5edbd14}.garden-nav a:hover{background-color:#bdddc00b;border-color:#bcd8b532}.garden-nav a:after{display:none}.tank-toolbar{grid-template-columns:minmax(280px,1fr) minmax(480px,1.2fr);gap:24px;height:auto;padding:22px 24px;display:grid}.tank-toolbar .tank-stats{justify-content:space-between;width:100%;min-width:0}.tank-toolbar .tank-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.tank-toolbar .tank-actions>button{letter-spacing:0;white-space:nowrap;color:#e0e9d2;background:#d0e8c507;border:1px solid #bdd8c53b;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;height:48px;min-height:48px;padding:12px 14px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;display:flex;box-shadow:inset 0 1px #e4eec409}.tank-toolbar .tank-actions>button svg{width:20px;height:20px;color:inherit;flex-shrink:0}.tank-toolbar .tank-actions>button span{font-family:inherit;font-size:12px;font-weight:500;line-height:20px}.tank-toolbar .tank-actions>.feed-button{color:#183b35;background:linear-gradient(115deg,#e3e9bb,#acd7ba);border-color:#dce9bda6;box-shadow:inset 0 1px #fffbe47a,0 3px 12px #051c2533}.tank-toolbar .tank-actions>.decorate-toggle[aria-pressed=true]{background:#385e4b;border-color:#c8dfad}.tank-toolbar .tank-actions .feed-count{opacity:.8;border-left:1px solid;margin-left:0;padding-left:8px}.tank-toolbar .tank-actions>button:not(:disabled):hover{border-color:#d9ebbb;transform:translateY(-1px);box-shadow:0 4px 15px #00131c55}@media (width<=1100px){.tank-toolbar{grid-template-columns:minmax(0,1fr);gap:20px}.tank-toolbar .tank-actions{margin:0}.garden-nav .nav-live{display:none}}@media (width<=600px){.brand-symbol{border-radius:15px;width:46px;height:46px}.brand-symbol svg{width:40px;height:40px}.garden-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 0;display:grid}.garden-nav a{justify-content:flex-start;padding:12px 16px}.tank-toolbar{gap:18px;padding:18px 16px}.tank-toolbar .tank-actions{grid-template-columns:minmax(0,1fr);gap:10px}.tank-toolbar .tank-actions>button{padding:12px 16px}.header-actions .icon-button{width:44px;height:44px}}.app-shell.is-ambient{z-index:40;width:100%;height:100dvh;min-height:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.app-shell.is-ambient .main-content{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:0;margin:0;padding:0;display:flex}.app-shell.is-ambient .aquarium-section{aspect-ratio:16/9;border:0;border-radius:0;flex:none;width:min(100vw,177.778dvh);max-width:100%;height:auto;margin:0;padding:0;transform:none}.app-shell.is-ambient .tank-frame,.app-shell.is-ambient .tank-canvas{aspect-ratio:16/9;border:0;width:100%;height:100%;min-height:0;max-height:none;margin:0}.app-shell.is-ambient .tank-canvas canvas{object-fit:contain;width:100%!important;height:100%!important}.first-garden{background:#173a3b;border:1px solid #b9d7aa40;border-radius:16px;align-items:center;gap:24px;margin-top:20px;padding:24px;display:flex}.first-garden strong{font-size:16px;font-weight:500}.first-garden p{color:#b6cbbf;margin:8px 0 0;font-size:12px;line-height:1.8}.first-garden button,.decoration-palette button{white-space:nowrap;border-radius:10px;min-height:48px;padding:12px 16px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px}.decoration-palette{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}@media (width<=600px){.first-garden{flex-direction:column;align-items:stretch;gap:16px}.first-garden button{width:100%}}.inventory-panel p{color:#b6cbbf;font-size:12px;line-height:1.8}.inventory-panel button,.inventory-panel .shop-tabs button,.decoration-panel>button,.position-controls>button,.shop-section-heading>button{border-radius:10px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px}.inventory-panel .shop-card{flex-direction:column;gap:10px;min-width:0;display:flex}.inventory-panel .shop-card small{overflow-wrap:anywhere;font-size:11px;line-height:1.7}.inventory-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.inventory-actions button{white-space:nowrap;flex:1}.inventory-confirm{background:#354b3c;border:1px solid #d7ad8577;border-radius:12px;margin:16px 0;padding:18px}.inventory-confirm>div{gap:12px;display:flex}.inventory-confirm strong{font-size:14px}.inventory-confirm .danger{color:#f0ccac;border-color:#d5a284}.inventory-equipped{border-bottom:1px solid #b6d0bc33;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px;font-size:12px;display:flex}.scenery-icon{object-fit:contain;width:112px;max-width:100%;height:92px;image-rendering:pixelated}.inventory-panel .shop-art .plant-portrait{object-fit:contain;width:68px;height:96px}.inventory-panel .shop-tabs{flex-wrap:wrap;gap:8px}.inventory-panel .shop-tabs button[aria-selected=true]{color:#e2efc8;background:#345f50;border-color:#bddba9}.compact-actions .economy-bar{flex-wrap:wrap}.compact-actions .economy-bar>button{min-height:44px;padding:10px 14px;font-size:12px}@media (width<=600px){.inventory-panel .shop-grid{grid-template-columns:1fr}.inventory-equipped{flex-direction:column;align-items:stretch}.inventory-confirm>div button{flex:1}.position-controls{flex-wrap:wrap}}.object-popover{z-index:12;pointer-events:auto;touch-action:manipulation;background:#153c40f2;border:1px solid #c0d5ae8c;border-radius:12px;width:min(288px,100% - 16px);padding:10px;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #001b2677}.object-popover strong{color:#e2ebc9;margin-bottom:6px;font-size:12px;line-height:20px;display:block}.object-popover>div{gap:8px;display:flex}.object-popover button{white-space:nowrap;border-radius:8px;flex:1;min-height:44px;padding:10px 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px}.object-popover button[aria-pressed=true],.landscape-tools button[aria-pressed=true]{background:#4b6b50;border-color:#d8e7b2}.landscape-tools{gap:10px;margin:16px 0;display:flex}.landscape-tools button,.terrain-controls button{border-radius:10px;min-height:44px;padding:10px 16px;font-family:inherit;font-size:12px;line-height:20px}.terrain-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.terrain-overlay svg{pointer-events:none;width:100%;height:100%;position:absolute}.terrain-point{pointer-events:auto;touch-action:none;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%)}.terrain-point span{color:#122c30;background:#dbe4b6;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin:auto;font-size:12px;display:flex;box-shadow:0 2px 8px #10242b99}.terrain-point[aria-pressed=true] span{background:#fff0af;outline:2px solid #e3f5ba}.terrain-controls{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.terrain-controls label{flex-direction:column;flex:1;gap:8px;min-width:150px;font-size:12px;display:flex}.terrain-controls input,.terrain-controls select{width:100%;min-height:44px;font:inherit}.terrain-editor p,.terrain-editor small{font-size:12px;line-height:1.8}.terrain-editor small{color:#b1cabb;margin-top:12px;display:block}.terrain-editor{background:#16383c;border:1px solid #b4d3b332;border-radius:12px;padding:16px}@media (width<=600px){.terrain-controls{gap:10px}.terrain-controls label{min-width:100%}.terrain-controls button{flex:1}.object-popover{padding:8px}.object-popover button{font-size:12px}}.stocking-panel{background:#193c3c88}.stocking-panel>summary{min-height:44px;padding:12px 0;font-size:12px;line-height:20px;display:list-item}.stocking-panel summary strong{float:right;color:#d5e4bd;margin-left:12px;font-size:12px;font-weight:500}.stocking-panel.caution summary strong,.stocking-panel.crowded summary strong{color:#ecd39e}.stocking-panel.danger summary strong{color:#f4b7a3}.stocking-meter{background:#8da98a22;border-radius:4px;height:5px;margin:4px 0 20px;overflow:hidden}.stocking-meter>span{background:#b3cba0;height:100%;display:block}.stocking-panel.crowded .stocking-meter>span,.stocking-panel.danger .stocking-meter>span{background:#d7a98c}.stocking-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;display:grid}.stocking-metrics dt,.stocking-panel p,.stocking-panel li,.stocking-panel>small{color:#b6cbbf;font-size:12px;line-height:1.8}.stocking-metrics dd{color:#e1ebcc;font-variant-numeric:tabular-nums;margin:6px 0;font-size:22px}.stocking-metrics small{color:#9bb7aa;font-size:11px;line-height:1.7;display:block}.stocking-panel ul{margin:20px 0 12px;padding-left:18px}.stocking-panel li+li{margin-top:8px}.stocking-panel>small{border-top:1px solid #9ab89933;padding-top:12px;display:block}.care-summary>.stocking-notice{color:#ecd39e;border:1px solid #c8b78444;border-radius:8px;grid-column:1/-1;min-height:44px;padding:10px 12px;font-size:12px;line-height:1.8;display:block}.stocking-notice:focus-visible{outline-offset:3px;outline:2px solid #c7d99b}@media (width<=650px){.stocking-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stocking-panel summary strong{float:none;margin:4px 0 0 16px;display:block}.stocking-panel>summary{padding-block:10px}}.compatibility-panel>summary,.shop-compatibility>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;line-height:20px}.compatibility-panel summary span{color:#ced9ae;margin-left:12px}.compatibility-panel p,.compatibility-panel li,.compatibility-panel small,.shop-compatibility p,.shop-compatibility li{color:#b6cbbf;font-size:12px;line-height:1.8}.compatibility-panel ul,.shop-compatibility ul{padding-left:18px}.compatibility-panel li+li{margin-top:8px}.compatibility-panel>small{border-top:1px solid #a3b99833;padding-top:12px;display:block}.social-observations{flex-wrap:wrap;gap:8px;display:flex}.social-observations button{min-height:44px;font:inherit;text-align:left;border-radius:10px;padding:10px 14px;font-size:12px;line-height:20px}.shop-compatibility{border-block:1px solid #9bba9f33;margin-block:10px}.shop-card .social-trait{color:#cfdbb2}.stress-panel,.fish-stress{--stress-color:#b8d8ab;background:#193c3c66;border:1px solid #9ab89933;border-radius:12px;margin:16px 0;padding:16px}.stress-panel.tense,.fish-stress.tense,.stress-fish.tense{--stress-color:#ecd39e}.stress-panel.high,.fish-stress.high,.stress-fish.high{--stress-color:#f4b7a3}.stress-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;line-height:20px;display:flex}.stress-heading strong,.stress-fish>span>span{color:var(--stress-color)}.stress-panel p,.fish-stress p,.fish-stress small,.stress-fish small{color:#b6cbbf;font-size:12px;line-height:1.8}.stress-roster>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;line-height:20px}.stress-fish-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;display:grid}.stress-fish-list .stress-fish{--stress-color:#b8d8ab;text-align:left;width:100%;min-height:44px;font:inherit;border-radius:10px;padding:12px 14px;font-size:12px;line-height:20px;display:block}.stress-fish-list .stress-fish.tense{--stress-color:#ecd39e}.stress-fish-list .stress-fish.high{--stress-color:#f4b7a3}.stress-fish>span{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.stress-fish progress,.fish-stress progress{width:100%;height:6px;accent-color:var(--stress-color);margin:10px 0;display:block}.stress-fish progress::-webkit-progress-value{background:var(--stress-color)}.fish-stress progress::-webkit-progress-value{background:var(--stress-color)}.care-summary>.stress-notice{color:#ecd39e;border:1px solid #c8b78444;border-radius:8px;grid-column:1/-1;min-height:44px;padding:10px 12px;font-size:12px;line-height:1.8;display:block}.care-summary>.stress-notice.high{color:#f4b7a3}.stress-notice:focus-visible,.stress-fish:focus-visible{outline-offset:3px;outline:2px solid #c7d99b}.shop-content .shop-art,.inventory-panel .shop-art{background:radial-gradient(at 50% 60%,#78b8a323,#0000 72%),linear-gradient(135deg,#20434b77,#0d252d55);border:1px solid #9dc4b619;border-radius:9px;height:142px;min-height:142px;margin-bottom:14px;overflow:hidden}.shop-item-portrait{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;max-width:100%;margin:0;display:flex}.shop-item-portrait canvas{object-fit:contain;width:160px;max-width:100%;height:112px;image-rendering:pixelated;filter:drop-shadow(0 5px 5px #051e2870);display:block}.shop-item-portrait figcaption{color:#b7d1c1;text-align:center;letter-spacing:0;font-size:12px;line-height:18px}.shop-content .plant-art .plant-portrait{object-fit:contain;width:80px;height:114px;image-rendering:pixelated;filter:drop-shadow(0 5px 5px #061d2670)}.tank-upgrade{flex-wrap:wrap}.tank-upgrade>.tank-size-preview{flex:none;justify-content:center;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.tank-size-preview .shop-item-portrait canvas{width:128px;height:90px}.tank-size-preview>span{color:#b6d4be}.tank-upgrade>.tank-size-preview+div{flex:240px}.tank-size-preview .shop-item-portrait figcaption{font-size:12px}.shop-content .shop-card>.shop-art~.shop-kicker{margin-top:0}@media (width<=600px){.tank-upgrade>.tank-size-preview,.tank-upgrade>.tank-size-preview+div{flex-basis:100%}.tank-upgrade>.shop-buy{width:100%}}.shop-content .plant-art .plant-portrait{width:92px;height:130px}.shop-content .shop-card>button,.shop-content .tank-upgrade>.shop-buy{min-height:44px;padding:10px 14px;font-size:12px;line-height:20px}.shop-content .shop-card>.shop-preview-button{color:#d4e9d4;background:#88bcb219;border:1px solid #91bdb24d;min-height:44px;margin-top:auto;margin-bottom:8px;font-size:12px}.equipment-preview{padding-top:12px}.equipment-preview .preview-back{min-height:44px;margin-bottom:18px;padding:10px 14px;font-size:12px;line-height:20px}.preview-title h3{color:#e6edcd;margin:8px 0;font-size:22px;font-weight:450}.preview-title p,.equipment-preview .preview-help,.equipment-preview>p{color:#b9cfc3;font-size:12px;line-height:1.8}.preview-select{gap:8px;margin:18px 0 12px;font-size:12px;display:grid}.preview-select select{font:inherit;color:#deebcc;background:#102c33;border:1px solid #9cbaa155;border-radius:8px;width:100%;max-width:100%;min-height:44px;padding:10px 12px}.preview-comparison{flex-wrap:wrap;gap:8px;display:flex}.preview-comparison button{white-space:normal;flex:220px;min-height:44px;padding:10px 14px;font-size:12px;line-height:20px}.preview-comparison button[aria-pressed=true]{color:#e5eccc;background:#bdd5a92a;border-color:#c4d9a3}.preview-caption{color:#d5e5bb;padding:14px 0 10px;font-size:12px;line-height:20px}.equipment-preview-canvas{aspect-ratio:16/9;background:#15343c;border:1px solid #a7c7b944;border-radius:10px;width:100%;overflow:hidden}.equipment-preview-canvas canvas{width:100%;height:auto;image-rendering:pixelated;pointer-events:none;display:block}.preview-effects{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin-top:12px;padding:8px 0;font-size:12px;line-height:20px;display:flex}.preview-effects input{accent-color:#b9d9ac;flex-shrink:0;width:18px;height:18px}.equipment-preview .preview-help{margin:8px 0}.equipment-preview [role=alert]{color:#f4b7a3}.scenery-preview-frame{isolation:isolate;position:relative}.scenery-preview-frame .equipment-preview-canvas{border-radius:10px}.scenery-preview-frame .preview-object-handle{z-index:1;touch-action:none;cursor:grab;background:0 0;border:1px dashed #eff2b5;border-radius:4px;min-width:24px;min-height:24px;padding:0;position:absolute;transform:none;box-shadow:0 0 0 1px #173c4a88}.preview-object-handle:active{cursor:grabbing}.preview-object-handle:focus-visible{outline-offset:3px;outline:2px solid #f0f3bf}.preview-object-handle span{color:#edf2c9;white-space:nowrap;pointer-events:none;background:#173c4aeb;border-radius:3px;padding:1px 6px;font-size:12px;line-height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-placement-tools{border:0;min-width:0;margin:16px 0;padding:0}.preview-placement-tools legend{color:#c5d9c1;margin-bottom:10px;font-size:12px;line-height:20px}.preview-nudge,.preview-placement-actions{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.preview-placement-tools button{font:inherit;white-space:normal;flex:90px;min-height:44px;padding:10px 12px;font-size:12px;line-height:20px}.preview-placement-actions button{flex-basis:140px}.preview-placement-tools button[aria-pressed=true]{color:#e5eccc;background:#bdd5a92a;border-color:#c4d9a3}.preview-placement-tools:disabled{opacity:.55}@media (width<=600px){.scenery-preview .preview-nudge{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.preview-checkout{background:#88bcb212;border:1px solid #bdd5a94d;border-radius:10px;margin-top:16px;padding:16px}.preview-checkout p{color:#c5d9c1;margin:0 0 10px;font-size:12px;line-height:1.8}.preview-checkout>button{width:100%;font:inherit;white-space:normal;min-height:44px;padding:12px 16px;font-size:12px;line-height:20px}.preview-checkout [role=alert]{color:#f4b7a3}.preview-cart-add{align-items:flex-end;gap:8px;margin:12px 0;display:flex}.preview-cart-add .preview-select{flex:1;min-width:0;margin:0}.preview-cart-add button,.preview-cart button{font:inherit;min-height:44px;padding:10px 12px;font-size:12px;line-height:20px}.preview-cart-add button{flex-shrink:0}.preview-cart{background:#173c4a33;border:1px solid #bdd5a933;border-radius:10px;margin:16px 0;padding:14px}.preview-cart h4{margin:0 0 8px;font-size:14px}.preview-cart h4 span{color:#bdd5a9;margin-left:8px}.preview-cart p{color:#b9cfc9;margin:8px 0;font-size:12px;line-height:1.8}.preview-cart ul{gap:8px;max-height:240px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.preview-cart li{gap:8px;display:flex}.preview-cart li>button:first-child{text-align:left;flex:1;justify-content:space-between;gap:12px;min-width:0;display:flex}.preview-cart li>button:last-child{flex-shrink:0}.preview-cart button[aria-pressed=true]{color:#eff2d4;background:#bdd5a926;border-color:#d9e8af}.scenery-preview-frame .preview-object-handle[aria-pressed=false]{box-shadow:none;border-color:#abc7c07d}.scenery-preview-frame .preview-object-handle[aria-pressed=true]{z-index:2;border-style:solid;border-color:#eff2b5;box-shadow:0 0 0 1px #173c4a88}.preview-checkout [data-testid=preview-total]{color:#e6eecf;font-size:16px;font-weight:600}@media (width<=540px){.preview-cart-add{flex-wrap:wrap}.preview-cart-add .preview-select,.preview-cart-add>button{flex-basis:100%;width:100%}.preview-cart{padding:10px}.preview-cart li>button:first-child{flex-wrap:wrap;gap:2px 8px}}.inventory-workspace{min-width:0;scroll-margin-top:16px}.inventory-workspace.is-open{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);align-items:start;gap:18px;display:grid}.inventory-workspace.is-open>.aquarium-section{min-width:0;position:sticky;top:16px}.inventory-dock{overscroll-behavior:contain;background:linear-gradient(145deg,#163b40,#10272f);border:1px solid #b9d3bb55;border-radius:16px;min-width:0;max-height:calc(100dvh - 32px);padding:16px;overflow:auto;box-shadow:0 18px 55px #00101766}.inventory-dock-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.inventory-dock h2{margin:6px 0;font-size:20px;line-height:1.5}.inventory-dock button{white-space:normal;min-height:44px;padding:10px 12px;font-family:inherit;font-size:12px;line-height:20px}.inventory-dock .shop-grid{grid-template-columns:1fr;gap:12px}.inventory-dock .shop-card{gap:8px;padding:12px}.inventory-dock .shop-art{height:100px;min-height:100px;margin-bottom:0;position:relative}.inventory-dock .shop-art .plant-portrait{width:auto;height:90px}.inventory-dock .shop-card h4{margin:2px 0;font-size:14px}.inventory-dock .shop-card small{font-size:11px}.inventory-dock .inventory-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inventory-dock .inventory-drag{touch-action:none;cursor:grab;background:#8fb48b16;border-color:#bcd7ae70;grid-column:1/-1}.inventory-dock .inventory-art-drag{cursor:grab;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.inventory-dock .inventory-selected{border-color:#d9e7ac;box-shadow:0 0 0 1px #d9e7ac55}.inventory-dock .inventory-equipped{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.inventory-dock .shop-tabs button{flex:1}.inventory-placement-status{background:#2c5044;border:1px solid #d4e5ab66;border-radius:10px;margin-bottom:12px;padding:12px}.inventory-placement-status strong{font-size:14px}.inventory-placement-status p,.inventory-placement-message{font-size:12px;line-height:1.8}.inventory-placement-status>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inventory-placement-message{color:#f3cbb3}.inventory-dropzone{z-index:18;touch-action:none;cursor:crosshair;outline-offset:-3px;position:absolute;inset:0}.inventory-drop-hint{color:#e1ecc8;pointer-events:none;background:#102f36ee;border:1px solid #ccddb169;border-radius:8px;max-width:calc(100% - 24px);padding:8px 12px;font-size:12px;line-height:20px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.inventory-ghost{pointer-events:none;background:#d3e5b51a;border:1px dashed #e8ecc0;position:absolute;box-shadow:0 0 0 1px #092e37}.inventory-ghost>div{opacity:.65;justify-content:center;align-items:end;display:flex;position:absolute;inset:0}.inventory-ghost canvas{object-fit:fill;image-rendering:pixelated;width:100%!important;height:100%!important;position:static!important;inset:auto!important}.inventory-ghost>span{color:#e8efca;white-space:nowrap;background:#123b40ed;padding:2px 6px;font-size:12px;line-height:20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.is-ambient .inventory-workspace{display:contents}@media (width<=800px){.inventory-workspace.is-open{grid-template-columns:1fr;gap:12px}.inventory-workspace.is-open>.aquarium-section{z-index:20;top:8px}.inventory-workspace.is-open .tank-toolbar{display:none}.inventory-dock{max-height:48dvh;padding:12px}.inventory-dock .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-dock .shop-tabs{margin-bottom:12px}.inventory-dock .inventory-actions{grid-template-columns:1fr}.inventory-dock .inventory-drag{grid-column:auto}.inventory-dock .shop-card{padding:10px}.inventory-dock .shop-art{height:82px;min-height:82px}.inventory-dock .shop-art .plant-portrait{height:76px}.inventory-drop-hint{padding:4px 8px;font-size:12px;top:5px}.inventory-dock .inventory-confirm>div{flex-wrap:wrap}}.inventory-workspace.is-open .tank-toolbar{flex-direction:column;align-items:stretch;gap:16px;height:auto;min-height:0;padding:16px;display:flex}.inventory-workspace.is-open .tank-stats{justify-content:space-between;width:100%}.inventory-workspace.is-open .tank-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.inventory-workspace.is-open .tank-actions>button{white-space:normal;min-width:0;padding:10px 8px;font-size:12px}.inventory-workspace.is-open .feed-count{display:none}.inventory-dock .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-dock .inventory-actions{grid-template-columns:1fr 1fr}.inventory-dock .inventory-actions button{padding:10px 6px}.inventory-dock .shop-card{padding:10px}.ambient-launch{letter-spacing:.2px;color:#102e32;background:linear-gradient(120deg,#e0ebaf,#a9ddc8);border:1px solid #e3efbf;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:650;line-height:20px;transition:box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 0 24px #bfdea92b,inset 0 1px #ffffff8c}.ambient-launch:hover{transform:translateY(-2px);box-shadow:0 0 32px #bfdea955}.ambient-launch:focus-visible{outline-offset:4px;outline:2px solid #eff6d2}.ambient-launch-arrow{font-size:18px}.ambient-launch:disabled{opacity:.5;transform:none}@media (width<=1100px) and (width>=801px){.inventory-dock .shop-grid{grid-template-columns:1fr}}@media (width<=800px){.inventory-workspace.is-open .tank-toolbar{display:none}.inventory-dock .inventory-actions{grid-template-columns:1fr 1fr}}@media (width<=600px){.topbar{flex-wrap:wrap;gap:14px;height:auto;min-height:92px;padding-top:14px;padding-bottom:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-left:auto}.topbar .topbar-caption,.topbar .version-label{display:none}.ambient-launch{gap:6px;min-height:44px;padding:10px 14px;font-size:12px}.ambient-launch-arrow{font-size:16px}.sound-pill{min-height:44px;padding:10px 12px}.brand{font-size:20px}}@media (prefers-reduced-motion:reduce){.ambient-launch{transition:none}.ambient-launch:hover{transform:none}}.header-actions .ambient-launch{color:#14372f;font-weight:650}.shop-card .purchase-sex{border:1px solid #638b8266;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px;padding:10px;display:grid}.shop-card .purchase-sex legend{color:#d9e7ce;padding:0 6px;font-size:13px}.shop-card .purchase-sex button{min-height:44px;padding:10px 12px;font-size:14px}.shop-card .purchase-sex button[aria-pressed=true]{color:#163d37;background:#d5e5b9;border-color:#dfedc8;box-shadow:0 0 0 2px #d5e5b930}.shop-content .shop-card>p,.codex-grid article>p,.species-description{color:#d5e3d8;font-size:15px;line-height:1.75}.shop-content .shop-card .swim-trait,.shop-content .shop-card .social-trait{font-size:13px;line-height:1.65}.header-actions .attendance-launch{color:#d7e9c4;background:#254740;border:1px solid #aecb9866;border-radius:14px;min-height:44px;padding:10px 16px;font-size:13px}.attendance-claim{width:100%;min-height:48px;margin:10px 0 20px;font-size:15px}.attendance-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.attendance-day{text-align:center;background:#132e31;border:1px solid #7caca733;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;min-height:138px;padding:10px 5px;display:flex}.attendance-day b{font-size:13px}.attendance-day span{font-size:12px;line-height:1.4}.attendance-day small{color:#a3bdb0;font-size:11px}.attendance-day>strong{color:#e5dca7;font-size:23px}.attendance-day canvas{object-fit:contain;max-width:60px;max-height:38px}.attendance-day.today{border:2px solid #d4e4a5}.attendance-day.received{background:#2d5046}.attendance-day.received>small{color:#d9edbd}.attendance-panel>p,.reset-panel p{font-size:14px;line-height:1.7}.attendance-panel>small{color:#9eb4ac;margin-top:20px;line-height:1.7;display:block}.attendance-gift{border-bottom:1px solid #6c9b8d44;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.attendance-gift span{gap:5px;display:grid}.attendance-gift button,.reset-panel button{min-height:44px;padding:10px 16px;font-size:14px}.attendance-gift small{color:#a6b8ad}.gift-sex{align-items:center;gap:12px;margin:16px 0;display:flex}.gift-sex select,.reset-panel input{color:#e1e8d7;background:#102b2e;border:1px solid #6c9b8d88;border-radius:8px;min-height:44px;padding:10px;font-size:15px}.reset-panel{border-top:1px solid #a8866a66;margin-top:24px;padding:24px 0}.reset-panel>button{color:#efd5bd;border-color:#d0a486}.reset-panel label{gap:8px;margin:12px 0;display:grid}.reset-panel .backup-confirm>div{flex-wrap:wrap;gap:10px;display:flex}@media (width<=600px){.attendance-calendar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.attendance-day{min-height:125px}.header-actions{flex-wrap:wrap}.header-actions .attendance-launch{padding:10px 12px}.attendance-gift{align-items:flex-start}.attendance-gift button{max-width:48%}.shop-content .shop-card>p,.codex-grid article>p{font-size:15px}}.shop-content>button{min-height:44px;padding:10px 16px;font-size:14px}.purchase-sex button{white-space:nowrap}.fish-detail .swim-trait{font-size:14px;line-height:1.65}@media (width<=520px){.shop-content .shop-grid{grid-template-columns:minmax(0,1fr)}.shop-content .shop-art{height:110px}.shop-content .shop-card .purchase-sex button{font-size:14px}.shop-content .shop-card .shop-buy{min-height:44px;font-size:14px}.attendance-day span{word-break:keep-all;overflow-wrap:anywhere}}.modal>.close-button,.fish-detail>.close-button{float:right;z-index:60;color:#f1f4de;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;margin:-14px -8px 0 12px;display:flex;position:sticky;top:0;right:0;box-shadow:0 3px 14px #001b24bb;background:#254b49!important;border:1px solid #b7d3c5aa!important}.modal>.close-button:hover{background:#3c655b!important}.modal>.close-button:focus-visible{outline-offset:3px;outline:2px solid #e3edc3}.modal>.eyebrow{padding-right:50px}.coupon-panel{border-top:1px solid #7b9c8655;margin-top:24px;padding:24px 0}.coupon-panel p{font-size:14px;line-height:1.7}.coupon-panel form label{margin-bottom:8px;font-size:14px;display:block}.coupon-panel form>div{gap:10px;display:flex}.coupon-panel input{color:#e1e8d7;background:#102b2e;border:1px solid #6c9b8d88;border-radius:8px;flex:1;min-width:0;min-height:46px;padding:10px 12px;font-size:15px}.coupon-panel button{white-space:nowrap;min-height:46px;padding:10px 14px;font-size:14px}.coupon-panel li{font-size:13px;line-height:1.8}.fish-detail{max-height:calc(90dvh - 100px);overflow:auto}.fish-detail>.close-button{margin:-10px -8px 0 8px;top:0}.special-color-badge{background:#081e2c88;border:1px solid;border-radius:20px;align-items:center;margin:6px 0;padding:5px 9px;font-size:12px;line-height:1.5;display:inline-flex}.special-color-info,.color-cross-preview{background:linear-gradient(120deg,#34414e55,#163c3b55);border:1px solid #ad9dd655;border-radius:12px;margin:16px 0;padding:16px}.special-color-info p,.color-cross-preview p,.special-color-intro{color:#cadbd2;font-size:14px;line-height:1.8}.color-cross-preview small{color:#a6c0b6;font-size:12px;line-height:1.7}.color-swatch{border-radius:4px;width:32px;height:8px;margin-bottom:12px;display:block;box-shadow:0 0 14px #e8fff022}.plant-description{color:var(--text-muted,#b6cec7);margin:10px 0;font-size:14px;line-height:1.7}.plant-description p{margin:8px 0!important;font-size:14px!important;line-height:1.7!important}.plant-description small{overflow-wrap:anywhere;display:block}.plant-description summary{cursor:pointer;padding:8px 0;font-size:14px}.plant-description a{color:#c8e2af;margin-top:8px;display:inline-block}.object-popover{z-index:80;box-sizing:border-box;touch-action:manipulation;width:340px;max-width:calc(100vw - 16px);padding:10px;position:fixed;transform:none}.object-popover>div{grid-template-columns:1.4fr 1.15fr .75fr;gap:8px;display:grid}.object-popover button{min-width:0;min-height:44px;padding:10px 6px;font-size:12px;line-height:20px}.object-popover .placement-confirm{color:#123b34;background:linear-gradient(110deg,#dce9b4,#aad8c3);border-color:#dce9b4;font-weight:700}.shop-population{color:#c3d9cd;background:#c2dfaa0a;border:1px solid #c4dab83b;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:8px 0;padding:10px 12px;font-size:14px;line-height:1.6;display:flex}.shop-population strong{color:#e0edc9;font-size:14px;font-weight:600}.shop-population span{white-space:nowrap;font-size:14px}.decoration-tools-slot:empty{display:none}.decoration-inline-tools{background:#123136;border-top:1px solid #c7ddbd30;flex-wrap:wrap;align-items:start;gap:8px;padding:12px 16px;display:flex}.decoration-inline-tools>button,.decoration-inline-tools summary{font:inherit;box-sizing:border-box;border-radius:9px;min-height:44px;padding:11px 14px;font-size:14px;line-height:20px}.decoration-inline-tools details{flex:1;min-width:120px}.decoration-inline-tools summary{cursor:pointer;color:#d8e5c5;border:1px solid #c7ddbd30;list-style-position:inside}.decoration-options{padding:14px 0 0;font-size:14px;line-height:1.7}.decoration-options p,.decoration-options small{font-size:14px;line-height:1.7}.decoration-options .decoration-controls{flex-direction:column;align-items:stretch;display:flex}.decoration-options .layout-history{margin-left:0}.decoration-options select{font-size:14px}.decoration-options .landscape-tools{flex-wrap:wrap}@media (width<=600px){.decoration-inline-tools{gap:6px;padding:10px}.decoration-inline-tools>button,.decoration-inline-tools summary{padding:11px 8px;font-size:12px}.decoration-inline-tools details{min-width:100px}}.account-panel{border-bottom:1px solid var(--border,#315050);padding:22px 0;scroll-margin-top:70px}.account-panel h3{margin:8px 0 14px;font-size:22px}.account-panel p,.account-panel label{font-size:14px;line-height:1.7}.account-panel small{color:#b9cfca;margin:8px 0;font-size:12px;line-height:1.6;display:block}.account-actions,.account-identity{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-identity{justify-content:space-between}.account-identity strong{overflow-wrap:anywhere;min-width:0}.account-panel button,.account-launch{border-radius:12px;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4}.account-actions button[aria-pressed=true]{background:#304b43;border-color:#c8dfad}.account-form{gap:14px;margin:18px 0;display:grid}.account-form label{gap:7px;display:grid}.account-form input{box-sizing:border-box;color:#eef5e7;width:100%;min-width:0;min-height:46px;font:inherit;background:#0e272b;border:1px solid #52726a;border-radius:10px;padding:11px 14px;font-size:16px}.account-form input:focus-visible{outline-offset:2px;outline:2px solid #d6e8b7}.google-signin{color:#193339;background:#f1f4ea;border:1px solid #b7cdc6;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.google-signin span{font-family:Arial,sans-serif;font-size:20px;font-weight:700}.account-cloud-card,.account-confirm{background:#102e30;border:1px solid #48665f;border-radius:14px;margin:16px 0;padding:18px}.account-confirm{border-color:#c3daa7}.account-message{overflow-wrap:anywhere;background:#253f38;border-radius:10px;padding:12px 14px}.account-local-note{color:#b9c9ba}.account-launch{white-space:nowrap}@media (width<=700px){.header-actions{flex-wrap:wrap}.account-launch{padding:8px 12px;font-size:12px}.account-panel{padding:16px 0}.account-actions>*{flex:auto}.account-cloud-card,.account-confirm{padding:14px}}.app-shell .topbar .version-label{display:none}.app-shell .topbar .topbar-caption{letter-spacing:.12em;color:#8fb0a6;font-size:12px}.app-shell .brand small,.app-shell .header-actions button{white-space:nowrap}@media (width>=900px){.app-shell .brand small{letter-spacing:.32em;font-size:8px}.app-shell .sound-pill span{letter-spacing:.08em;font-size:10px}}.app-shell .garden-nav a{font-size:11px}.app-shell .garden-nav a span{font-size:13px}.app-shell .garden-nav a[aria-current=page]{border-color:#c6dfb066;box-shadow:inset 0 1px #e5edbd1f,0 6px 18px #00141a40}.app-shell .nav-live,.app-shell .tank-frame .tank-heading{font-size:10px}.app-shell .tank-frame .tank-light{font-size:11px}.app-shell .tank-frame .tank-caption{letter-spacing:.14em;color:#e4ead2cc;text-shadow:0 1px 2px #00141a99;font-size:10px}.app-shell .tank-toolbar .stat>span{color:#a9c4b8;font-size:11px}.app-shell .tank-toolbar .tank-actions>button:disabled{filter:saturate(.35);box-shadow:none;transform:none}.app-shell .first-garden>div{flex:1;min-width:0}.app-shell .first-garden p{font-size:13px}.app-shell .care-summary>small{color:#a8c0b6;font-size:12px}.app-shell .care-summary strong{font-size:15px}.app-shell .footer{gap:16px;font-size:11px}.app-shell .footer button{align-items:center;gap:6px;padding:6px 2px 6px 10px;font-size:11px;line-height:16px;display:inline-flex}.app-shell .footer button svg{width:16px;height:16px;display:block}.shop-modal .eyebrow{font-size:10px}.shop-modal .shop-kicker{letter-spacing:.08em;font-size:10px}.shop-modal .shop-card>small{color:#94b3a1;font-size:11px;line-height:1.7}.shop-modal .shop-capacity,.shop-modal p small,.shop-modal .shop-content>div>p{font-size:11px}@media (width<=600px){.app-shell .tank-frame .tank-caption{display:none}.app-shell .tank-frame .tank-heading{font-size:9px}.app-shell .tank-toolbar .stat>span{font-size:10px}}.app-shell .garden-nav{margin-top:28px}.app-shell .garden-nav a .nav-badge{color:#18372f;text-align:center;background:#c3daa7;border-radius:8px;min-width:16px;padding:0 5px;font-size:10px;font-style:normal;font-weight:600;line-height:16px}.app-shell .tank-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;display:grid}.app-shell .tank-toolbar .tank-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.app-shell .tank-toolbar .tank-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.app-shell .tank-shortcuts{gap:8px;display:flex}.app-shell .tank-shortcuts button{white-space:nowrap;background:#b5d5b20a;border-color:#b7d2b734;border-radius:10px;min-height:44px;padding:10px 16px;font-size:13px}.app-shell .tank-shortcuts button:not(:disabled):hover{background:#b5d5b218;border-color:#c6dfb07a}.app-shell .stat.coin .coin-mark{color:#d9d4aa;border:1px solid #d9d4aa88;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.app-shell .stat.coin strong{color:#ece6bf}.inventory-workspace.is-open .tank-toolbar .tank-shortcuts{flex-wrap:wrap}@media (width<=1100px){.app-shell .tank-toolbar{grid-template-columns:minmax(0,1fr)}.app-shell .tank-shortcuts button{flex:1 1 0}}@media (width<=600px){.app-shell .tank-toolbar .tank-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.app-shell .tank-toolbar .tank-actions{grid-template-columns:minmax(0,1fr)}.app-shell .tank-shortcuts button{padding:10px 8px;font-size:12px}.app-shell .garden-nav{margin-top:16px}}@media (width>=601px) and (width<=900px){.app-shell .topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:92px;padding-top:14px;padding-bottom:14px}.app-shell .topbar .header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:0}}@media (width<=600px){.app-shell .topbar{gap:12px;padding:14px 16px}.app-shell .topbar .header-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;width:100%;margin-left:0;display:grid}.app-shell .topbar .header-actions>*{min-width:0;margin:0}.app-shell .topbar .header-actions>button{border-radius:12px;width:100%;height:44px;min-height:44px;padding:0 10px;font-size:13px}.app-shell .topbar .header-actions>.icon-button{border-radius:12px;width:44px}.app-shell .topbar .header-actions>.attendance-launch{grid-column:1}.app-shell .topbar .header-actions>.ambient-launch{grid-column:2/-1}.app-shell .topbar .sound-pill span{font-size:10px}}.screensaver-export{background:#b5d5b20a;border:1px solid #b7d2b734;border-radius:12px;gap:8px;margin-top:16px;padding:14px;display:grid}.screensaver-export p{color:#a9c4b8;margin:0;font-size:12px;line-height:1.7}.screensaver-export button{justify-self:start;min-height:44px;padding:10px 16px}