:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#04181ee0;--ui-bg-soft:#04181e99;--ui-text:#e8f4f2eb;--ui-text-dim:#bed6d8cc;--ui-line:#e8f4f238;--ui-accent:#9fd8cf;--ui-gutter:max(14px, env(safe-area-inset-top));font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#06222b;height:100%;margin:0;overflow:hidden}#pond{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:fixed;inset:0}#pond canvas{display:block}.ui-layer{z-index:7;pointer-events:none;color:var(--ui-text);font-size:13px;line-height:1.5;position:fixed;inset:0}.ui-layer>*{pointer-events:auto}html [hidden],html .ui-layer [hidden]{display:none}.hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));background:var(--ui-bg-soft);color:#e8f4f2e6;letter-spacing:.02em;white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:10px 18px;font-size:14px;transition:opacity 1.2s;position:fixed;transform:translate(-50%)}.hint.is-hidden{opacity:0}.debug{color:#cfe;pointer-events:none;background:#0000008c;border-radius:8px;margin:0;padding:8px 10px;font:12px/1.5 ui-monospace,Cascadia Code,Consolas,monospace;position:fixed;bottom:12px;right:12px}.toolbar{top:var(--ui-gutter);right:max(14px, env(safe-area-inset-right));z-index:5;gap:8px;display:flex;position:fixed}.icon-button{background:var(--ui-bg-soft);color:#e8f4f2d9;cursor:pointer;opacity:.25;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:opacity .3s;display:grid}.icon-button:hover,.icon-button:focus-visible,.icon-button[aria-pressed=true]{opacity:1}.icon-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.top-stack{top:var(--ui-gutter);z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 440px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.top-stack>*{pointer-events:auto}.clock{color:var(--ui-text);letter-spacing:.04em;text-shadow:0 1px 6px #0000008c;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;padding:2px 10px;font-size:14px}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex}.toast,.notice{max-width:100%;color:var(--ui-text);text-align:center;background:#04181ec7;border-radius:999px;margin:0;padding:8px 16px;font-size:13px;transition:opacity .9s}.toast.is-leaving{opacity:0}.notice--sticky{pointer-events:none}@media (max-width:640px){.top-stack{top:calc(var(--ui-gutter) + 48px);width:calc(100vw - 28px)}}.drawer{top:calc(var(--ui-gutter) + 52px);right:max(14px, env(safe-area-inset-right));z-index:5;background:var(--ui-bg);width:340px;max-width:calc(100vw - 28px);color:var(--ui-text);border-radius:14px;flex-direction:column;font-size:13px;line-height:1.5;display:flex;position:fixed;bottom:14px;overflow:hidden}.drawer-head{justify-content:space-between;align-items:center;padding:12px 14px 4px 16px;display:flex}.drawer-title{margin:0;font-size:15px;font-weight:600}.drawer-close{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.drawer-close:hover,.drawer-close:focus-visible{background:#e8f4f224}.drawer-body{flex:1;padding:4px 16px 16px;overflow-y:auto}.panel-section{margin-top:14px}.panel-section:first-child{margin-top:4px}.panel-section h3{color:var(--ui-accent);margin:0 0 6px;font-size:13px;font-weight:600}.panel-section p{margin:0 0 8px}.panel-note{color:var(--ui-text-dim)}.action-button{border:1px solid var(--ui-line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;margin-bottom:8px;padding:9px 12px;display:block}.action-button:hover:not(:disabled),.action-button:focus-visible{background:#e8f4f21a}.action-button:disabled{opacity:.4;cursor:default}.check-row{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;display:flex}.check-row input{accent-color:var(--ui-accent);margin:0}.stat-list{grid-template-columns:1fr auto;gap:4px 12px;margin:0;display:grid}.stat-list dt{color:var(--ui-text-dim)}.stat-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}#settings-panel .level-options{margin-bottom:6px}@media (max-width:640px){.drawer{width:auto;max-width:none;max-height:60vh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;inset:auto 0 0}}.name-tag{z-index:2;color:var(--ui-text);white-space:nowrap;pointer-events:none;background:#04181eb8;border-radius:999px;margin:0;padding:3px 10px;font-size:12px;position:fixed;top:0;left:0;translate:-50% calc(-100% - 22px)}.card-back{color:var(--ui-text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0 0 6px -4px;padding:2px 6px}.card-back:hover,.card-back:focus-visible{color:var(--ui-text);background:#e8f4f21a}.card-head{margin-bottom:8px}.card-picture{background:#0834408c;border-radius:10px;margin-bottom:6px;padding:4px 0;line-height:0}.card-picture canvas{max-width:100%;margin:0 auto;display:block}.card-name-row{align-items:center;gap:6px;display:flex}.card-name{color:var(--ui-text);font:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:17px;font-weight:600}button.card-name{cursor:text}.card-edit{color:var(--ui-text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px}.card-edit:hover,.card-edit:focus-visible{color:var(--ui-text);background:#e8f4f21f}.card-name-input{border:1px solid var(--ui-accent);min-width:0;color:var(--ui-text);font:inherit;background:#0000004d;border-radius:8px;flex:1;padding:5px 8px;font-size:15px}.card-edit-button{border:1px solid var(--ui-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:5px 9px}.card-edit-button:hover,.card-edit-button:focus-visible{background:#e8f4f21f}.card-sub{color:var(--ui-text-dim);margin:2px 0 0}.card-error{color:#ffb4a8;margin:6px 0 0}.card-tabs{border-bottom:1px solid var(--ui-line);gap:4px;margin:8px 0;display:flex}.card-tab{color:var(--ui-text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:7px 4px}.card-tab[aria-selected=true]{border-bottom-color:var(--ui-accent);color:var(--ui-text)}.card-tab:hover,.card-tab:focus-visible{color:var(--ui-text)}.card-heading{color:var(--ui-accent);margin:14px 0 4px;font-size:12px;font-weight:600}.card-list{margin:0}.card-row{border-bottom:1px solid #e8f4f214;grid-template-columns:96px 1fr;align-items:center;gap:8px;padding:4px 0;display:grid}.card-row dt{color:var(--ui-text-dim)}.card-row dd{min-width:0;margin:0}.bar-line{align-items:center;gap:8px;display:flex}.bar{background:#e8f4f229;border-radius:3px;flex:1;min-width:40px;height:6px;overflow:hidden}.bar-fill{background:var(--ui-accent);border-radius:3px;height:100%;display:block}.bar.is-hungry .bar-fill{background:#e0b862}.bar.is-starving .bar-fill{background:#d98a6c}.bar-text{text-align:right;min-width:3.2em;color:var(--ui-text-dim);flex:none;font-size:12px}.locus-line{align-items:center;gap:10px;display:flex}.locus-cells{gap:4px;display:inline-flex}.locus-cell{border:1px solid var(--ui-line);color:#06222b;border-radius:5px;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid}.locus-cell.is-filled{border-color:var(--ui-accent);background:var(--ui-accent)}.locus-status{font-size:12px}.locus-status.is-shown{color:var(--ui-accent)}.locus-status.is-masked,.locus-status.is-carrier{color:#e0b862}.locus-status.is-none{color:var(--ui-text-dim)}.list-items{margin:0;padding:0;list-style:none}.list-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 4px;display:flex}.list-item:hover,.list-item:focus-visible{background:#e8f4f21a}.list-item canvas{background:#0834408c;border-radius:6px;flex:none}.list-text{flex-direction:column;flex:1;min-width:0;display:flex}.list-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-sub{color:var(--ui-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.list-badge{color:#f0cf86;background:#e0b86240;border-radius:999px;flex:none;padding:1px 7px;font-size:11px}.list-badge.is-critical{color:#f2a98e;background:#d98a6c47}.list-note{margin:8px 4px}.dock{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:4;flex-direction:column;align-items:flex-start;gap:8px;transition:opacity .6s;display:flex;position:fixed}.dock.is-idle{opacity:.35}.dock-chip{background:var(--ui-bg-soft);color:var(--ui-text);cursor:default;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:inline-flex;position:relative}.dock-chip:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.dock-dots{gap:4px;display:inline-flex}.dock-dot{border:1px solid #e8f4f28c;border-radius:50%;width:8px;height:8px}.dock-dot.is-filled{border-color:var(--ui-accent);background:var(--ui-accent)}.dock-dots[data-fullness=hungry] .dock-dot.is-filled{background:#e0b862;border-color:#e0b862}.dock-dots[data-fullness=starving] .dock-dot.is-filled{background:#d98a6c;border-color:#d98a6c}.dock-water{background:#6fd0e6;border-radius:50%;width:10px;height:10px}.dock-water[data-water=cloudy]{background:#b9b36a}.dock-water[data-water=bad]{background:#9a6d4a}.dock-feeder,.dock-filter{color:var(--ui-text-dim)}.dock-tip{background:var(--ui-bg);white-space:nowrap;pointer-events:none;border-radius:10px;padding:6px 10px;display:none;position:absolute;bottom:calc(100% + 6px);left:0}.dock-chip:hover .dock-tip,.dock-chip:focus-visible .dock-tip{display:block}.dock-buttons{flex-wrap:wrap;gap:6px;display:flex}.dock-button{background:var(--ui-bg-soft);height:36px;color:var(--ui-text);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:13px;transition:background .2s,opacity .2s;display:inline-flex}.dock-button:hover:not(:disabled),.dock-button:focus-visible{background:#083440d9}.dock-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.dock-button.is-dim{opacity:.55}.dock-button:disabled{opacity:.35;cursor:default}.dock-icon{place-items:center;display:inline-grid}@media (max-width:640px){.dock-label{display:none}.dock-button{justify-content:center;width:40px;height:40px;padding:0}.ui-layer:not([data-drawer=none]) .dock{display:none}}.ui-layer>.onboarding{z-index:6;pointer-events:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.onboarding-card{background:var(--ui-bg);width:min(760px,100%);max-height:calc(100vh - 32px);color:var(--ui-text);pointer-events:auto;border-radius:18px;padding:22px 24px 24px;overflow-y:auto}.onboarding-title{margin:0 0 6px;font-size:19px;font-weight:600}.onboarding-hint{color:var(--ui-text-dim);margin:0 0 14px}.onboarding-sub{color:var(--ui-accent);margin:8px 0 4px;font-size:12px}.onboarding-message{color:#ffb4a8;min-height:1.4em;margin:8px 0 0}.onboarding-actions{gap:8px;margin-top:14px;display:flex}.onboarding-primary,.onboarding-secondary{border:1px solid var(--ui-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px}.onboarding-primary{border-color:var(--ui-accent);background:var(--ui-accent);color:#06222b;font-weight:600}.onboarding-primary:hover,.onboarding-primary:focus-visible{filter:brightness(1.08)}.onboarding-secondary:hover,.onboarding-secondary:focus-visible{background:#e8f4f21f}.candidates{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.candidate{border:1px solid var(--ui-line);color:inherit;font:inherit;text-align:center;cursor:pointer;background:#08344066;border-radius:14px;flex-direction:column;align-items:stretch;gap:2px;padding:10px 10px 12px;transition:border-color .2s,background .2s;display:flex}.candidate:hover,.candidate:focus-visible{border-color:var(--ui-accent);background:#083440bf}.candidate-picture{background:#0834408c;border-radius:10px;place-items:center;margin-bottom:6px;padding:8px 0;line-height:0;display:grid}.onboarding-picture{margin-bottom:10px}.candidate-name{font-size:16px;font-weight:600}.candidate-detail{color:var(--ui-text-dim);font-size:12px}.name-chips{flex-wrap:wrap;gap:6px;display:flex}.name-chip{border:1px solid var(--ui-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px}.name-chip:hover,.name-chip:focus-visible{background:#e8f4f21f}.onboarding-body .card-name-input{width:100%;margin-top:4px}.level-options{flex-direction:column;gap:8px;display:flex}.level-option{border:1px solid var(--ui-line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.level-option:has(input:checked){border-color:var(--ui-accent);background:#08344099}.level-option input{accent-color:var(--ui-accent);margin:0}.level-text{flex-direction:column;display:flex}.level-desc{color:var(--ui-text-dim);font-size:12px}.onboarding-guide{margin:4px 0 0;padding-left:20px;line-height:1.9}.away-card{background:var(--ui-bg);width:min(360px,100%);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;padding:12px 16px}.away-title{color:var(--ui-accent);margin-bottom:4px;font-size:12px;display:block}.away-lines{margin:0;padding-left:18px}@media (max-width:640px){.candidates{grid-template-columns:1fr}.candidate{text-align:left;flex-flow:wrap;align-items:center}.candidate-picture{width:100%}}.tuning{color:#e8f4f2eb;background:#04181ed1;border-radius:10px;flex-direction:column;width:min(320px,100vw - 24px);max-height:calc(100vh - 76px);font-size:12px;display:flex;position:fixed;top:64px;right:12px}.tuning-header{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.tuning-toggle,.tuning-actions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #e8f4f24d;border-radius:6px;padding:4px 10px}.tuning-toggle:hover,.tuning-actions button:hover{background:#e8f4f224}.tuning-body{padding:0 12px 12px;overflow-y:auto}.tuning.is-collapsed{opacity:.35}.tuning.is-collapsed:hover{opacity:1}.tuning.is-collapsed .tuning-body{display:none}.tuning-row{grid-template-columns:1fr auto;gap:0 8px;padding:5px 0;display:grid}.tuning-row input{grid-column:1/-1;width:100%;margin:2px 0 0}.tuning-row output{font-variant-numeric:tabular-nums}.tuning-row.is-changed output{color:#ffd27a}.tuning-actions{gap:8px;padding:0 12px 8px;display:flex}.tuning.is-collapsed .tuning-actions{display:none}.tuning-fallback{width:100%;height:120px;font:inherit;margin-top:8px}.gallery{color:#cfe3e8;background:#06222b;padding:16px 20px 40px;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow:auto}.gallery h1{margin:0 0 12px;font-size:15px;font-weight:600}.gallery h2{color:#9fc4cc;margin:18px 0 6px;font-size:13px;font-weight:600}.gallery-row{flex-wrap:wrap;gap:10px 14px;display:flex}.gallery-cell{margin:0}.gallery-fish{width:256px;height:72px;display:block}.gallery-cell figcaption{color:#7da3ac;font-size:11px}.dev-panel{z-index:6;color:#cfe;background:#000000b8;border-radius:10px;flex-direction:column;width:min(430px,100vw - 24px);max-height:calc(100vh - 24px);font:12px/1.5 ui-monospace,Cascadia Code,Consolas,monospace;display:flex;position:fixed;top:12px;left:12px}.dev-header{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-weight:600}.dev-body{padding:0 10px 10px;overflow-y:auto}.dev-panel.is-collapsed .dev-body{display:none}.dev-row{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:5px;display:flex}.dev-label{color:#9fc4cc;width:112px}.dev-button,.dev-row select{color:inherit;font:inherit;cursor:pointer;background:#cfeeee14;border:1px solid #cfeeee59;border-radius:6px;padding:2px 8px}.dev-button:hover{background:#cfeeee33}.dev-readout{white-space:pre-wrap;margin:8px 0 0}.toolbar,.dock{transition:opacity 1.2s}body.is-idle .toolbar,body.is-idle .dock{opacity:0;pointer-events:none}body.is-idle #pond,body.is-idle #pond canvas{cursor:none}body.is-locked .toolbar,body.is-locked .dock,body.is-locked .drawer,body.is-locked .name-tag,body.is-locked .dev-panel{display:none}.unlock-badge{right:var(--ui-gutter);bottom:var(--ui-gutter);border:1px solid var(--ui-line);background:var(--ui-bg-soft);color:var(--ui-text-dim);font:inherit;opacity:.45;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:opacity .4s;display:flex;position:fixed}.unlock-badge:hover,.unlock-badge:focus-visible,.unlock-badge.is-holding{opacity:1}.unlock-badge.is-holding{border-color:var(--ui-accent);box-shadow:inset 0 0 0 0 var(--ui-accent);animation:1.5s linear forwards unlock-fill}@keyframes unlock-fill{to{box-shadow:inset 220px 0 #9fd8cf47}}.slider-row{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:8px;display:grid}.slider-row input{width:100%;accent-color:var(--ui-accent)}.slider-row input:disabled{opacity:.4}.place-form{gap:6px;margin-bottom:6px;display:flex}.place-input{border:1px solid var(--ui-line);min-width:0;color:inherit;font:inherit;background:0 0;border-radius:10px;flex:1;padding:8px 10px}.place-search,.place-result{border:1px solid var(--ui-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px}.place-results{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.place-result{text-align:left}.place-search:hover,.place-result:hover,.place-result:focus-visible{background:#e8f4f21a}.panel-link{color:var(--ui-text-dim);display:block}.garden-bar{left:50%;bottom:var(--ui-gutter);border:1px solid var(--ui-line);background:var(--ui-bg);border-radius:14px;flex-direction:column;gap:8px;width:min(640px,100vw - 32px);padding:10px 12px;display:flex;position:fixed;transform:translate(-50%)}.garden-hint{color:var(--ui-text-dim);margin:0;font-size:12px}.garden-palette{gap:6px;display:flex;overflow-x:auto}.garden-kind{border:1px solid var(--ui-line);cursor:pointer;background:0 0;border-radius:10px;flex:none;width:64px;height:52px;padding:4px}.garden-kind img{object-fit:contain;width:100%;height:100%}.garden-kind[aria-pressed=true]{border-color:var(--ui-accent);background:#9fd8cf24}.garden-actions{align-items:center;gap:8px;display:flex}.garden-count{color:var(--ui-text-dim);font-size:12px}.garden-message{color:#f0c08a;flex:1;font-size:12px}.garden-action{border:1px solid var(--ui-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px}.garden-action.is-primary{border-color:var(--ui-accent)}.garden-action:disabled{opacity:.4;cursor:default}body.is-gardening .dock{display:none}.breeding-status{color:var(--ui-text);margin:4px 0 2px}.breeding-message:empty{display:none}.breeding-message{color:#f0c08a}.nursery h3{color:var(--ui-accent);margin:14px 0 4px;font-size:13px;font-weight:600}.fry-list{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.fry-card{border:1px solid var(--ui-line);border-radius:12px;grid-template-columns:auto 1fr;grid-template-areas:"picture text""picture actions";gap:4px 10px;padding:8px;display:grid}.fry-picture{flex-direction:column;grid-area:picture;align-items:center;gap:2px;display:flex}.fry-caption{color:var(--ui-text-dim);font-size:10px}.fry-text{flex-direction:column;grid-area:text;display:flex}.fry-pattern,.fry-stars{color:var(--ui-text-dim);font-size:12px}.fry-stars{color:#f2d27a;letter-spacing:1px}.fry-actions{grid-area:actions;align-self:end;gap:6px;display:flex}.fry-keep,.fry-rehome{border:1px solid var(--ui-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:12px}.fry-keep{border-color:var(--ui-accent)}.fry-keep:hover:not(:disabled),.fry-rehome:hover:not(:disabled){background:#e8f4f21a}.fry-keep:disabled,.fry-rehome:disabled{opacity:.4;cursor:default}.dex-count{color:var(--ui-accent);margin:6px 0 2px;font-size:18px;font-weight:600}.dex-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.dex-cell{border:1px dashed var(--ui-line);color:var(--ui-text-dim);text-align:center;border-radius:10px;padding:8px 4px;font-size:12px}.dex-cell.is-found{border-style:solid;border-color:var(--ui-accent);color:var(--ui-text)}.dex-cell.is-pattern{font-size:11px}.shop-balance{color:var(--ui-accent);margin:4px 0 6px;font-size:18px;font-weight:600}.shop-heading{color:var(--ui-accent);margin:12px 0 6px;font-size:13px;font-weight:600}.shop-today dd.is-done{color:var(--ui-text-dim)}.shop-items{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.shop-item{border:1px solid var(--ui-line);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.shop-text{flex-direction:column;gap:2px;display:flex}.shop-buy{border:1px solid var(--ui-accent);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:12px}.shop-buy:hover:not(:disabled){background:#e8f4f21a}.shop-buy:disabled{border-color:var(--ui-line);opacity:.5;cursor:default}