/* Short visits and quiet company share the same fixed pixel aquarium. */
#watch-dock{flex-wrap:wrap;max-width:calc(100% - 24px);justify-content:center}
#watch-companion-label{flex-basis:100%;text-align:center;color:#c7dfca;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
#watch-greet,#watch-habit{min-height:30px}
.aquarium-pace{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #35524c66;margin-top:6px;padding-top:4px;color:#86a89b;font-size:9px;min-height:29px}.aquarium-pace>.text-link{font-size:9px;min-height:28px;padding:4px 0}.aquarium-pace>.text-link[aria-pressed=true]{color:#c3d9b6}
.navigation{justify-content:space-between;gap:18px}.navigation>button{flex:1;text-align:center}
.collection-navigation{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 13px;border-bottom:1px solid #29434c;background:#102a35;flex:0 0 auto}
.collection-navigation button{background:none;border:1px solid transparent;color:#7f9e9f;padding:5px 6px;font-size:9px;min-height:28px;white-space:nowrap}
.collection-navigation button[aria-current=page]{color:#d3e1c6;border-color:#426158;background:#18363a}
.collection-navigation button:focus-visible{outline:2px solid #b2d3a9;outline-offset:1px}
.leisure-tools{display:flex;align-items:center;gap:18px;padding:0 16px 10px;flex:0 0 auto;min-height:27px}
.leisure-tools>span{flex:1}.leisure-tools button{background:none;color:#8caead;padding:5px 0;font:inherit;font-size:10px;min-height:28px;white-space:nowrap}
.leisure-tools button:hover,.leisure-tools button[aria-pressed=true]{color:#d4e4c7}.leisure-tools button[aria-pressed=true]{box-shadow:inset 0 -1px #9cc5a8}
#app[data-hello=true] #tank-canvas{cursor:crosshair}
.session-deck{padding:5px 15px 6px;border-top:1px solid #36535766;flex:0 0 auto;background:#10283355}
.session-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0}
.session-entry{background:none;padding:7px 0;font-size:10px;color:#c1d7c4;display:flex;align-items:center;gap:15px;min-height:30px}.session-entry>span:last-child{color:#7ca18b}
.session-heading>small{font-size:8px;letter-spacing:1.1px;color:#86a99c}.session-heading .text-link{font-size:9px;color:#789b99;padding:3px 0}
.session-activities{display:grid;grid-template-columns:1fr;gap:9px}
.session-activity{background:#18333b;border:1px solid #36534e;padding:10px 9px;text-align:left;min-width:0;color:#c6dacb}
.session-activity:hover{border-color:#779c83;background:#1b3d3d}.session-activity strong{font-size:12px;font-weight:400;line-height:1.5;display:block}
.session-activity>span{display:block;margin-top:5px;color:#84a69e;font-size:9px;line-height:1.5;max-height:2.9em;overflow:hidden}
.session-permission{font-size:9px;color:#6e9493;line-height:1.6;margin:10px 0 0}
.return-note.visit-return{padding-block:12px;background:linear-gradient(110deg,#1a3c3b,#122f36)}
.visit-return #offline-title{font-size:12px;color:#dfebd0}.visit-return #offline-copy{display:block;color:#8db0a8;font-size:10px;line-height:1.6}
.return-facts{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:6px}.return-facts span{font-size:9px;color:#bfceaa;line-height:1.5}
.visit-return .text-link{white-space:normal;max-width:65px;text-align:right;font-size:10px}
.leisure-dialog{width:min(360px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#547663 transparent;border:1px solid #5f8270;padding:20px;background:#102a35;color:#c7d9ce;box-shadow:0 18px 65px #0008}
.leisure-dialog::backdrop{background:#04121cba}.leisure-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}
.leisure-dialog-heading small{color:#91b49d;font-size:8px;letter-spacing:1.3px}.leisure-dialog-heading h2{font-size:22px;line-height:1.2;color:#e0e7ce;font-weight:400;margin:8px 0 0;letter-spacing:-.5px}
.leisure-dialog-heading>.quiet{font-size:22px;line-height:1;color:#92b2a9;background:none;padding:0 0 8px 12px;min-height:30px}
.leisure-intro{font-size:11px;line-height:1.8;color:#a0bdb3;margin:0 0 16px}.leisure-footnote{font-size:10px;line-height:1.8;color:#7f9e95;margin:14px 0}.leisure-status{font-size:10px;line-height:1.8;color:#c8d4ac;margin:12px 0;min-height:18px}
.visit-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px}.visit-facts:empty{display:none}
.visit-facts p{margin:0;background:#1c393a;border:1px solid #46614c;padding:11px 9px;color:#d5dfb8;font-size:11px;line-height:1.6}
.visit-ready{display:flex;flex-direction:column;gap:8px}.visit-ready-item{display:block;background:#15343a;border:1px solid #36584f;padding:12px;text-align:left;color:#c5d9c8;width:100%}
.visit-ready-item:hover{border-color:#71987e}.visit-ready-item strong{display:block;font-size:12px;font-weight:400}.visit-ready-item span{display:block;font-size:10px;line-height:1.6;color:#89a99f;margin-top:5px}
#visit-watch{width:100%;margin-top:3px}.reminder-promise{padding-left:17px;margin:16px 0;font-size:11px;line-height:1.9;color:#b4cbbb}.reminder-promise li{padding:3px 0}#reminder-toggle{width:100%;margin-top:7px}
.postcard-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.postcard-options label,.postcard-fish-label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#96b4a6;min-width:0}
.postcard-options select,.postcard-fish-label select,.postcard-public-link{width:100%;min-width:0;background:#0c2531;border:1px solid #41624f;border-radius:0;color:#d1e0c9;padding:8px;font:inherit;font-size:10px;min-height:36px}
.postcard-fish-label{margin-bottom:12px}.leisure-checkbox{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6;color:#a0bbaa;margin:9px 0 14px}.leisure-checkbox input{accent-color:#a2c4a0}
.postcard-preview{background:#0a1c29;border:1px solid #3a5c4c;padding:5px}.postcard-preview canvas{display:block;width:100%;height:auto;image-rendering:auto}
.postcard-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.postcard-actions button,.postcard-actions .postcard-save{font-size:10px;padding:9px 8px}.postcard-save{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center;text-decoration:none;border-radius:3px;cursor:pointer}.postcard-save[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.postcard-save:hover:not([aria-disabled=true]){filter:brightness(1.15)}.postcard-public-link{margin-top:11px}
.watch-dock{position:fixed;z-index:25;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 13px;background:#0c2632de;border:1px solid #46695b99;max-width:calc(100vw - 22px);opacity:.28;transition:opacity .2s}
.watch-dock:hover,.watch-dock:focus-within{opacity:1}.watch-dock button{background:none;color:#bcd3c0;min-height:28px;padding:3px 0;font-size:10px;white-space:nowrap}.watch-dock>span{color:#5a7b6a}
.watch-instruction{position:fixed;top:13px;left:0;right:0;text-align:center;color:#91b09b;z-index:20;font-size:9px;pointer-events:none;opacity:.65;animation:quiet-instruction 9s forwards}
@keyframes quiet-instruction{0%,65%{opacity:.65}100%{opacity:0}}
body[data-watch=true]{background:#0a1e2b}
#app[data-watch=true]>.top,#app[data-watch=true]>.navigation,#app[data-watch=true]>#hatch-notice,#app[data-watch=true]>#offline-note,#app[data-watch=true] .tank-heading,#app[data-watch=true] .leisure-tools,#app[data-watch=true] #journey,#app[data-watch=true] #attention,#app[data-watch=true] .care,#app[data-watch=true] .session-deck,#app[data-watch=true] #collect,#app[data-watch=true] #hatchery,#app[data-watch=true] #starter,#app[data-watch=true] #tank-scene-label,#app[data-watch=true] #notice{display:none!important}
#app[data-watch=true]{height:100dvh;max-width:400px}#app[data-watch=true] main{height:100%;min-height:0}#app[data-watch=true] .tank-page{height:100%;min-height:0;justify-content:center;overflow:hidden}
#app[data-watch=true] .tank-observation{flex:0 1 auto;min-height:0;max-height:100%;overflow:visible}#app[data-watch=true] .tank-viewport{max-height:100dvh;overflow:auto;scrollbar-gutter:auto}
#app[data-watch=true] .tank-viewport:focus-visible{outline:none}#app[data-watch=true] #tank-canvas{cursor:default}
.leisure-dialog button:focus-visible,.leisure-dialog .postcard-save:focus-visible,.leisure-tools button:focus-visible,.watch-dock button:focus-visible,.session-activity:focus-visible{outline:2px solid #b2d3a9;outline-offset:3px}
@media(max-height:600px){.session-deck{padding:3px 13px}.session-activity{padding:10px}.session-heading{margin-bottom:0}.leisure-tools{padding-bottom:6px;min-height:24px}.visit-return{padding-top:8px!important;padding-bottom:8px!important}.return-facts{margin-top:3px}}
@media(max-width:320px){.leisure-tools{padding-inline:11px;gap:13px}.session-deck{padding-inline:11px}.leisure-dialog{padding:16px}.session-activities{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}
@media(prefers-reduced-motion:reduce){.watch-dock{transition:none}.watch-instruction{animation:none}}

/* Collection cards reuse the local postcard dialog and its download path. */
#postcard-collection-title{display:block;width:100%;min-width:0;min-height:36px;margin-top:6px;padding:8px 9px;border:1px solid #3a5960;background:#102b36;color:#d5e4d6;font:inherit;font-size:11px;box-sizing:border-box}#postcard-collection-title:focus-visible{outline:2px solid #b5d2b6;outline-offset:2px}#postcard-collection-title-note{display:block;margin-top:5px;font-size:9px;line-height:1.6;color:#8ba9a8}#postcard-collection-label select{max-width:100%}#guide-region-keepsake{grid-column:1/-1;text-align:left;white-space:normal}#guide-demo-complete>.text-link{display:block;text-align:left;white-space:normal;font-size:10px;line-height:1.6;padding:5px 0}#guide-demo-complete>.text-link:first-of-type{color:#d5e1b9}