.fullness-gauges{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.fullness-gauges[hidden],.fullness-gauge[hidden]{display:none}.fullness-gauge{position:absolute;display:flex;align-items:center;gap:4px;transform:translate(-50%,-100%);padding:3px 5px;border-radius:5px;background:#081b27bc;color:#f1f6f8;font:10px/1.2 system-ui,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.fullness-gauge-track{width:32px;height:4px;background:#ffffff30;border-radius:2px;overflow:hidden}.fullness-gauge-fill{display:block;height:100%;background:#70d99a}.fullness-gauge[data-state=hungry] .fullness-gauge-fill{background:#f1d35c}.fullness-gauge-number{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.aquarium-settings{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:100;color:#e5eff2;font:14px/1.45 system-ui,sans-serif;width:44px}.aquarium-settings button{font:inherit;color:inherit;cursor:pointer}.settings-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid #7996a344;border-radius:12px;background:#0c202ce8;box-shadow:0 4px 16px #0003;touch-action:manipulation}.settings-panel{position:absolute;top:52px;right:0;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 100px);display:flex;flex-direction:column;background:#0d202cf5;border:1px solid #7897a440;border-radius:14px;box-shadow:0 12px 40px #0006;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-panel[hidden]{display:none}.settings-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #7897a426}.settings-header h2{font-size:14px;font-weight:600}.settings-content{padding:8px;overflow-y:auto;min-height:0;overscroll-behavior:contain;touch-action:pan-y}.settings-entry,.settings-control{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:transparent}.settings-entry span{color:#82a4b2;font-size:20px}.aquarium-settings button:hover{background-color:#254453}.aquarium-settings :focus-visible{outline:2px solid #8edcde;outline-offset:-3px}.settings-back{background:transparent;border:0;border-radius:6px;width:32px;height:32px;font-size:24px!important}.settings-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid #7897a426;display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-footer small{color:#9aafb9;font-size:11px}.settings-close{flex-shrink:0;white-space:nowrap;min-height:40px;padding:8px 16px;border-radius:8px;border:1px solid #87b3bd50;background:#1c3946}.settings-guppy-row{display:grid;grid-template-columns:44px minmax(0,1fr) 32px 24px 32px;gap:6px;align-items:center;padding:8px 4px;border-bottom:1px solid #7897a426}.settings-guppy-row img{object-fit:cover;border-radius:7px}.settings-guppy-name{font-size:12px;overflow-wrap:anywhere}.settings-guppy-row output{text-align:center;font-variant-numeric:tabular-nums}.settings-step{width:32px;min-height:40px;border:1px solid #7897a440;border-radius:7px;background:#193441}.settings-content label{display:grid;gap:14px;padding:12px}.settings-content input[type=range]{width:100%;min-height:36px;accent-color:#8edcde;touch-action:none}.settings-mode[aria-pressed=true]{background:#285260;color:#d8ffff;box-shadow:inset 0 0 0 1px #8edcde}.settings-mode[aria-pressed=true]:after{content:"✓";color:#a5f0e9}.hunger-decay-heading{display:flex;align-items:center;gap:10px;padding:14px 12px 6px}.hunger-info-button{border:1px solid #87b3bd80;border-radius:50%;background:#193441;width:30px;height:30px;touch-action:none;-webkit-user-select:none;user-select:none}.hunger-decay-option{gap:8px}.hunger-decay-rate{margin-left:auto;font-size:11px;font-weight:400;color:#9aafb9;white-space:nowrap;font-variant-numeric:tabular-nums}.hunger-decay-option:after{content:"";flex:0 0 12px}.background-settings h3{font-size:13px;font-weight:600;padding:10px 12px 4px}.settings-content .background-rgb{grid-template-columns:14px minmax(0,1fr) 3ch;align-items:center;gap:10px;padding:2px 12px}.background-rgb output{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.background-choices{display:flex;gap:4px;padding:4px}.background-choices .settings-control{flex:1;min-width:0;gap:5px;padding:8px;font-size:12px}.background-settings [hidden]{display:none!important}.settings-content .background-file{padding:10px 12px 4px;gap:6px;font-size:12px}.background-file input{width:100%;min-width:0;color:inherit;font:inherit}.background-file input::file-selector-button{padding:8px;margin-right:6px;background:#1c3946;border:1px solid #87b3bd50;border-radius:7px;color:#e5eff2;cursor:pointer}.background-image-status,.background-fit{padding:8px 12px;font-size:11px;color:#9aafb9;overflow-wrap:anywhere}.background-error{color:#ffc0ad}.background-settings strong{display:block;padding:6px 12px 2px;font-size:12px}.settings-content .background-opacity{grid-template-columns:minmax(0,1fr) 3ch;align-items:center;gap:4px 10px}.background-opacity>span{grid-column:1 / -1;font-size:12px}.background-opacity output{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.settings-content .volume-control{grid-template-columns:minmax(0,1fr) 4ch;align-items:center;gap:4px 10px}.volume-control>span{grid-column:1 / -1;font-size:12px}.volume-control output{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.view-fish-selector{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;align-items:center;padding:12px}.view-fish-selector[hidden]{display:none}.view-fish-selector output{text-align:center;font-size:12px;overflow-wrap:anywhere}.tank-settings-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 2px;font-size:13px;font-weight:600}.tank-settings-section .background-choices .settings-control{justify-content:center}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#06121c}canvas{display:block}