/* Aquarium studio, resident portraits and discovery moments. */
.scene-card[data-project-target=true]{border-color:#a4c6ab;box-shadow:inset 0 0 0 1px #a4c6ab44}
.decor-placement-help{font-size:10px;line-height:1.65;color:#afc9bd;margin:10px 0 0}.decor-placement-help:focus-visible{outline:1px solid #91baad;outline-offset:4px}.decor-placement-status{font-size:10px;line-height:1.6;color:#c0d7bd;padding:10px;border:1px solid #52736a;background:#1c383b;margin:0 0 10px}.decor-return{width:100%;min-height:35px;font-size:10px;line-height:1.5;margin-bottom:13px}.decor-browse{display:block;font-size:10px;text-align:left;margin-top:13px;min-height:30px}.decor-card[data-target=true]{border-color:#a6c7aa;box-shadow:inset 0 0 0 1px #a6c7aa33}.decor-card:focus-visible,.decor-slots button:focus-visible{outline:2px solid #bdcfaa;outline-offset:2px}
.decor-slots{display:flex;gap:7px;margin:12px 0}.decor-slots button{flex:1;min-height:32px;font-size:10px}.decor-slots [aria-pressed=true]{background:#36625d;border-color:#a4c6ab;color:#e1ecdc}.decor-slots [data-filled=true]:after{content:' ◆';font-size:7px;color:#d5c394}.decor-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9bb9ba;margin-bottom:11px}.decor-toolbar button{font-size:9px}.decor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.decor-card{min-width:0;border:1px solid #426369;background:#132f3b;padding:7px 3px 9px}.decor-card canvas{width:100%;height:66px;object-fit:contain;display:block}.decor-card strong{display:block;font-size:10px;font-weight:400;color:#cadcd7;min-height:26px;line-height:1.4}.decor-card small{display:block;color:#a1b8a0;font-size:8px;line-height:1.4;margin-top:4px;min-height:22px}.decor-card[aria-pressed=true]{border-color:#acd0b2;background:#244a4d}.decor-card[data-locked=true]{opacity:.55}.decor-card[data-locked=true] canvas{filter:saturate(.35)}#decor-preview{width:100%;height:auto;border:1px solid #45636b;display:block}#studio-decor{flex-shrink:0}.navigation{gap:14px}.navigation button{font-size:10px}.navigation .studio-nav{margin-left:0}.navigation [data-page=explore],.collection-navigation [data-page=explore]{position:relative}#explore-status-ping{font-size:6px;color:#edcf8f;position:absolute;right:-5px;top:8px}
.navigation{gap:21px}.navigation .studio-nav{margin-left:auto;position:relative}.studio-nav span{font-size:6px;color:#d7c68c;position:absolute;right:-8px;top:10px}
.tank-heading-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.tank-heading-actions .text-link{font-size:10px;color:#bbd9cd}.tank-heading-actions .quiet{font-size:10px}
.tank-scene-label{position:absolute;bottom:10px;left:11px;font-size:8px;letter-spacing:.5px;color:#d6e2d4;background:#0b2733a8;border:1px solid #8ba69b38;padding:5px 7px;pointer-events:none}
#tank-canvas{cursor:pointer}.next-goal{display:block;width:100%;text-align:left;color:#c8d6b3;background:#243837;padding:10px 11px;font-size:10px;border:1px solid #64745c6b;margin:-7px 0 17px;line-height:1.5}
.studio-page{overflow-y:auto;padding:24px 15px 20px;scrollbar-width:thin;scrollbar-color:#365560 transparent}.studio-heading h1{font-size:26px;letter-spacing:-.5px;font-weight:400;margin:11px 0 8px;color:#e0eadd}.studio-heading p{font-size:11px;line-height:1.7;color:#8faeb5}.studio-heading .mystery-eyebrow{font-size:7px;letter-spacing:1.5px}
.studio-tabs{display:flex;gap:17px;border-bottom:1px solid #36535c;margin:24px 0 18px;flex-shrink:0}.studio-tabs button{padding:0 0 10px;background:none;border-bottom:2px solid transparent;border-radius:0;font-size:11px;color:#8eabb2}.studio-tabs [aria-pressed=true]{color:#c9e4d4;border-color:#9bc9b4}
.studio-target{display:flex;align-items:center;justify-content:space-between;color:#8fadb4;font-size:10px;margin-bottom:13px}.studio-target select{font-size:11px;padding:6px 8px;background:#15333d;border:1px solid #3d6067;border-radius:3px}
#studio-scenes,#studio-milestones{flex-shrink:0}.scene-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;padding:11px;margin-bottom:11px;background:#112d38;border:1px solid #33515c;border-radius:3px}.scene-card>canvas{width:90px;height:117px;object-fit:cover;display:block;align-self:center;border:1px solid #ffffff0a}.scene-card>div{display:flex;flex-direction:column;min-width:0;align-items:flex-start}.scene-state{font-size:7px;letter-spacing:.9px;color:#aac7ad}.scene-card h2{font-weight:400;font-size:17px;color:#d2e4dc;margin:8px 0 6px}.scene-card p{font-size:10px;line-height:1.6;color:#8eabb2;flex:1}.scene-apply{font-size:10px;padding:5px 9px;min-height:29px;margin-top:10px}.scene-card[data-selected=true]{background:#17363d;border-color:#83a98e}.scene-card[data-locked=true]>canvas{opacity:.55;filter:saturate(.6)}.scene-card[data-locked=true] .scene-state{color:#8a9da0}.scene-card[data-selected=true] .scene-apply{background:#274b49;color:#bddac6;border-color:#507b6c;opacity:1}
.studio-collection{flex-shrink:0;margin-top:8px;text-align:left}.milestone-summary{display:flex;flex-direction:column;gap:7px;padding:2px 0 18px}.milestone-summary strong{font-weight:400;font-size:19px;color:#d1e3d8}.milestone-summary span{font-size:10px;color:#88a5ae}.milestone{display:flex;gap:14px;padding:17px 0;border-top:1px solid #294650}.milestone-symbol{font-size:17px;color:#658c97;margin-top:1px}.milestone>div{flex:1}.milestone h2{font-size:14px;font-weight:400;color:#c9dcd9;margin-bottom:5px}.milestone p{font-size:10px;color:#8fabb3;line-height:1.6}.milestone-meter{height:4px;background:#24414c;margin:12px 0 8px}.milestone-meter span{display:block;height:100%;background:#77b7a9}.milestone small{font-size:9px;color:#8caaa8}.milestone[data-complete=true] .milestone-symbol,.milestone[data-complete=true] small{color:#d4c28f}.milestone[data-complete=true] .milestone-meter span{background:#c9ba86}
.resident-dialog{width:min(356px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;background:#102c38;color:#d4e6e0;border:1px solid #668e8b;border-radius:5px;padding:17px 19px 15px;box-shadow:0 16px 70px #0008;scrollbar-width:thin}.resident-dialog::backdrop{background:#031923b8;backdrop-filter:blur(3px)}.resident-top{position:relative;padding-right:25px}.resident-top select{max-width:100%;background:#173842;color:#a8c9c7;border:1px solid #395d66;padding:5px 6px;font-size:10px;border-radius:2px}.resident-top .dismiss{top:-5px;right:-8px;font-size:21px}.resident-portrait{background:radial-gradient(ellipse at 50% 70%,#2a586166,transparent 69%);padding-top:24px;text-align:center}.resident-portrait canvas{display:block;width:100%;height:170px;object-fit:contain}.resident-portrait span{font-size:7px;letter-spacing:1.2px}.resident-dialog h2{text-align:center;font-size:24px;font-weight:400;overflow-wrap:anywhere;color:#e0eadd}.resident-dialog #resident-species{text-align:center;font-size:10px;color:#8eafb5;margin-top:6px}.resident-status{font-size:10px;text-align:center;color:#b6c8b7;line-height:1.5;margin:17px 0;padding:12px 0;border-block:1px solid #2c4a54}.resident-dialog form label{display:block;font-size:10px;color:#9cbab9;margin-bottom:8px}.resident-dialog form>div{display:flex;gap:7px}.resident-dialog input{width:0;min-width:0;flex:1;padding:9px 10px;border:1px solid #3a6068;background:#0c2631;border-radius:3px;font-size:11px}.resident-dialog input::placeholder{color:#7799a4}.resident-dialog form .secondary{min-height:33px;font-size:10px}.resident-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.resident-actions .primary{font-size:10px;min-height:33px}.resident-message{color:#b1d5b8;font-size:10px;min-height:12px;margin-top:10px}
.hatch-spotlight{--reveal-color:#8ed6cb;position:relative;flex-shrink:0;margin-top:20px;padding:23px 12px 24px;text-align:center;background:radial-gradient(ellipse at 50% 43%,#32666e59,transparent 70%),#112e3a;border:1px solid #43686d;overflow:hidden;min-height:355px}.hatch-spotlight[data-secret=true]{--reveal-color:#e2c887;border-color:#ad9865;background:radial-gradient(ellipse at 50% 42%,#88703a50,transparent 70%),#1a303b}.hatch-spotlight:before,.hatch-spotlight:after{content:'✦';position:absolute;color:var(--reveal-color);font-size:15px;opacity:.55;top:40%;left:16%}.hatch-spotlight:after{top:32%;left:auto;right:18%;font-size:10px}.hatch-spotlight .mystery-eyebrow{position:relative;z-index:1;color:var(--reveal-color);font-size:8px;letter-spacing:1.6px}.hatch-spotlight>canvas{display:block;width:100%;height:210px;object-fit:contain;position:relative;z-index:1;animation:portrait-arrive .5s ease-out}.hatch-spotlight h2{font-size:23px;font-weight:400;line-height:1.3;color:#e0e8d9;position:relative;z-index:1;margin-top:8px}.hatch-spotlight p{font-size:11px;line-height:1.7;color:#96b5ba;margin:10px auto 0;max-width:260px}.hatch-spotlight>span:last-child{display:block;color:#bbccad;font-size:9px;margin-top:15px}.reveal-egg{position:relative;z-index:1;display:block;margin:25px auto 15px;background:transparent;padding:10px 25px;color:#b4d5cd}.reveal-egg canvas{width:84px;height:101px;display:block;margin:0 auto 12px;animation:egg-bob 3s ease-in-out infinite}.reveal-egg span{font-size:10px;display:block;border:1px solid #5b8a84;background:#1c4248;padding:8px 12px}.reveal-egg:hover span{background:#2e5a5b}.hatch-show-all{margin:13px auto 5px;flex-shrink:0}.hatch-page .hatch-footnote{margin-top:16px}.hatch-card,.hatch-card canvas{animation:none}.hatch-card h2{font-size:14px;line-height:1.35;min-height:36px}.hatch-card canvas{height:74px}.hatch-page>#hatch-done{margin-top:8px;min-height:38px}
@keyframes egg-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes portrait-arrive{from{transform:translateY(7px) scale(.91)}to{transform:none}}
@media(max-width:320px){.navigation{gap:16px}.tank-heading-actions{gap:9px}.tank-heading select{max-width:135px}.studio-page{padding:19px 11px}.studio-heading h1{font-size:23px}.studio-heading .mystery-eyebrow{letter-spacing:.8px;font-size:6px}.scene-card{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:9px}.scene-card>canvas{width:70px;height:111px}.scene-card h2{font-size:15px}.scene-card p{font-size:9px}.scene-state{font-size:6px;letter-spacing:.3px}.scene-apply{font-size:9px;padding:5px 7px}.resident-dialog{padding-inline:14px}.resident-dialog h2{font-size:22px}.hatch-spotlight{padding-inline:9px;min-height:330px}.hatch-spotlight>canvas{height:185px}.hatch-spotlight h2{font-size:21px}}
@media(max-height:600px){.resident-portrait{padding-top:15px}.resident-portrait canvas{height:113px}.resident-dialog{padding-top:13px}.resident-dialog h2{font-size:20px}.resident-status{padding-block:9px;margin-block:12px}.resident-actions{margin-top:12px}.hatch-spotlight>canvas{height:150px}.hatch-spotlight{min-height:290px}}
@media(prefers-reduced-motion:reduce){.reveal-egg canvas,.hatch-spotlight>canvas{animation:none}.resident-dialog::backdrop{backdrop-filter:none}}

/* Merge into studio.css: nursery adults remain companions while finding homes. */
.resident-care{border-top:1px solid #36535b;padding-top:13px;margin-top:16px}
.resident-care>p{font-size:10px;line-height:1.7;color:#9ab6b0}
.resident-care-choices{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px}
.resident-care-choices .secondary{font-size:10px;min-height:33px;padding:8px 9px}
.resident-care-choices .text-link{font-size:10px;line-height:1.5;text-align:right}
.resident-care-review{border:1px solid #68847780;background:#1d393c;margin-top:14px;padding:12px}
.resident-care-review p{font-size:11px;line-height:1.7;color:#c0d2bf}
.resident-care-review label{display:block;font-size:10px;color:#9eb9b2;margin:12px 0 7px}
.resident-care-review select{width:100%;min-width:0;max-width:100%;background:#132e36;color:#c3d6ca;border:1px solid #537274;padding:8px 5px;font-size:10px;border-radius:3px}
.resident-care-confirm-actions{display:flex;gap:8px;margin-top:13px}
.resident-care-confirm-actions button{font-size:10px;min-height:33px;padding:8px;flex:1;line-height:1.4}
@media(max-width:320px){.resident-care-choices{align-items:stretch}.resident-care-choices .secondary{max-width:145px}.resident-care-review{padding:10px}.resident-care-confirm-actions{gap:6px}}

/* Live arrangement drafts keep the aquarium at its native fixed scale. */
.arrangement-workbench{min-width:0;margin:0 0 18px}.arrangement-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:10px}.arrangement-heading strong{font-size:13px;font-weight:400;color:#d5e4d3}.arrangement-heading small{font-size:8px;letter-spacing:.8px;color:#9abca6}.arrangement-intro{color:#8eafb1;font-size:10px;line-height:1.65;margin:7px 0 11px}.arrangement-viewport{width:100%;max-width:100%;overflow:auto;border:1px solid #46665f;background:#0b2734;scrollbar-width:thin;scrollbar-color:#567e74 #102b36;box-sizing:border-box}.arrangement-stage{width:384px;height:488px;position:relative;flex:none}#arrangement-art{display:block;width:384px;height:488px;max-width:none;image-rendering:pixelated}.arrangement-slot-marker{position:absolute;bottom:18px;width:28px;height:14px;box-sizing:border-box;border:2px solid #e0ca8d;transform:translateX(-50%);pointer-events:none}.arrangement-modes,.arrangement-slots{display:flex;gap:7px;margin:10px 0}.arrangement-modes button,.arrangement-slots button{flex:1;min-width:0;min-height:32px;white-space:normal;font-size:10px;line-height:1.5;padding:6px 5px}.arrangement-modes [aria-pressed=true],.arrangement-slots [aria-pressed=true]{background:#29504c;border-color:#a2c7ac;color:#e2e8ce}#arrangement-selection{font-size:10px;line-height:1.6;color:#acc7b9;margin:9px 0}.arrangement-status{font-size:10px;line-height:1.65;color:#c9d9b6;padding:9px 10px;border-left:2px solid #a9b98d;background:#203c3c;margin:10px 0}.arrangement-tools{display:flex;justify-content:space-between;gap:9px;align-items:center;margin:9px 0}.arrangement-tools button{font-size:9px;min-height:28px}.arrangement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.arrangement-card{min-width:0;padding:7px 4px;border:1px solid #3f6064;background:#122f39;color:#c8dcce;text-align:center}.arrangement-card canvas{display:block;width:100%;height:62px;object-fit:contain;image-rendering:pixelated}.arrangement-card strong{display:block;font-size:10px;font-weight:400;line-height:1.5;min-height:29px;overflow-wrap:anywhere}.arrangement-card small{display:block;color:#99b7ab;font-size:8px;line-height:1.5;min-height:20px;margin-top:4px}.arrangement-card[aria-pressed=true]{background:#254c47;border-color:#b3c9a4}.arrangement-card[data-locked=true]{opacity:.55}.arrangement-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.arrangement-actions button{min-height:35px;white-space:normal;font-size:10px;line-height:1.5}#arrangement-watch{display:block;width:100%;min-height:34px;font-size:10px;white-space:normal;margin:10px 0}.arrangement-workbench button:focus-visible,.arrangement-viewport:focus-visible{outline:2px solid #b6cfaa;outline-offset:2px}#watch-arrangement-return{min-height:30px;color:#d9d1a7}@media(max-width:320px){.arrangement-card{padding-inline:3px}.arrangement-card strong{font-size:9px}.arrangement-slots button{font-size:9px;padding-inline:3px}}

#arrangement-title{font-size:18px;font-weight:400;line-height:1.4;color:#d7e4cf;margin:10px 0 6px}.arrangement-note{font-size:9px;line-height:1.6;color:#91ada9;margin:8px 0 13px}.arrangement-viewport{position:sticky;top:0;z-index:2;max-height:min(488px,42dvh)}.arrangement-heading>.text-link{font-size:10px;line-height:1.5;white-space:normal}