:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sans:system-ui, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--sans);background:#0d1412;margin:0;overflow:hidden}#app{position:fixed;inset:0}#pond{width:100%;height:100%;display:block}#labels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bar{bottom:18px;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);border:1px solid var(--line);background:var(--panel);box-shadow:8px 12px 0 var(--shadow);border-radius:14px;gap:3px;padding:7px;display:flex;position:fixed;transform:translate(-50%)}.bar button{font:11px/1 var(--sans);letter-spacing:1px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px 14px}.bar button:hover{background:var(--shadow)}.bar button.active{background:var(--accent);color:var(--paper)}.panel{border:1px solid var(--ink);background:var(--panel);width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 50px);color:var(--ink);box-shadow:8px 12px 0 var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.panel:not([open]){display:none}.panel::backdrop{background:#29463e6b}.panel-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px 0;display:flex}.panel-head h2{font:600 16px/1.2 var(--sans);letter-spacing:2px;margin:0}.panel-head button{font:11px/1 var(--sans);color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px 4px}.panel-content{min-height:0;padding:0 22px 20px;overflow-y:auto}.panel-summary{font:11px/1.8 var(--sans);color:var(--accent);margin:14px 0 6px}.ranking-list{flex-direction:column;display:flex}.rank-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:11px 2px;display:flex}.rank-number{width:20px;color:var(--accent);font:italic 18px Georgia,serif}.rank-row:nth-child(-n+3) .rank-number{color:var(--rust)}.rank-row .fish-thumb{flex-shrink:0;width:88px}.rank-info{flex-direction:column;flex:1;gap:2px;display:flex}.rank-info span{font:13px/1.2 var(--sans)}.rank-info small{font:10px/1.2 var(--sans);color:var(--accent)}.rank-score{color:var(--accent);align-items:baseline;gap:3px;font:18px Georgia,serif;display:flex}.rank-score small{font:10px/1 var(--sans)}.fish-thumb{image-rendering:auto;height:auto;display:block}.fish-tile .fish-thumb{width:100%}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 2px;display:flex}.setting-row>div{flex-direction:column;gap:3px;display:flex}.setting-row span{font:13px/1.2 var(--sans)}.setting-row small{font:10px/1.4 var(--sans);color:var(--accent)}.setting-row input[type=range]{width:150px;accent-color:var(--accent)}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.setting-row select,.skin-bind select{font:12px var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:6px 8px}.weather-options{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 6px;display:grid}.weather-option{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:12px/1 var(--sans);letter-spacing:1px;cursor:pointer;border-radius:12px;padding:14px 0}.weather-option.selected{border-color:var(--accent);background:var(--accent);color:var(--paper)}.city-search{gap:8px;margin:10px 0 4px;display:flex}.city-input{font:13px var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;flex:1;padding:9px 10px}.city-search button{background:var(--accent);color:var(--paper);font:12px/1 var(--sans);letter-spacing:1px;cursor:pointer;border:0;border-radius:9px;padding:9px 14px}.city-results{flex-direction:column;gap:4px;display:flex}.city-result{text-align:left;background:var(--shadow);color:var(--ink);font:12px var(--sans);cursor:pointer;border:0;border-radius:9px;padding:9px 10px}.city-result:hover{background:var(--accent);color:var(--paper)}.fish-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:38dvh;margin:10px 0 18px;display:grid;overflow-y:auto}.fish-tile{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:8px}.fish-tile-foot{flex-direction:column;gap:5px;margin-top:6px;display:flex}.koi-tile-name{font:12px/1.2 var(--sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.koi-tile-input{width:100%;font:12px var(--sans);border:1px solid var(--accent);border-radius:6px;padding:2px 4px}.fish-actions{justify-content:flex-end;gap:3px;display:flex}.tile-btn{background:var(--shadow);color:var(--accent);font:10px/1 var(--sans);white-space:nowrap;cursor:pointer;border:0;border-radius:6px;padding:3px 6px}.tile-btn.release.armed{background:var(--rust);color:var(--paper)}.add-koi{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:14px;display:flex}.painter{align-items:center;gap:10px;display:flex}.koi-preview{background:var(--shadow);touch-action:none;cursor:crosshair;border-radius:12px;flex:1;width:100%;height:auto}.paint-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:34px;padding:0}.add-controls{flex-direction:column;gap:10px;display:flex}.koi-name{font:13px var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:9px 10px}.palette-picker{flex-wrap:wrap;gap:7px;display:flex}.swatch{border:2px solid var(--line);background:linear-gradient(135deg, var(--spot) 0 42%, var(--base) 42% 100%);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0}.swatch.selected{border-color:var(--accent)}.form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.form-actions button{background:var(--accent);color:var(--paper);font:12px/1 var(--sans);letter-spacing:1px;cursor:pointer;border:0;border-radius:9px;padding:9px 14px}.form-actions button.secondary{background:var(--shadow);color:var(--accent)}.small-note{font:10px/1.4 var(--sans);color:var(--accent);margin-right:auto}.pack-list{flex-direction:column;display:flex}.pack-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;display:flex}.pack-info{flex-direction:column;gap:2px;display:flex}.pack-info span{font:13px/1.2 var(--sans)}.pack-info small{font:10px/1.2 var(--sans);color:var(--accent)}.pack-badge{background:var(--accent);color:var(--paper);font:10px/1 var(--sans);white-space:nowrap;border-radius:6px;padding:4px 8px}.skin-library{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:30dvh;display:grid;overflow-y:auto}.skin-empty{font:11px/1.5 var(--sans);color:var(--accent);grid-column:1/-1;margin:0}.skin-thumb{object-fit:contain;background-color:var(--paper);background-image:linear-gradient(45deg, var(--line) 25%, transparent 25% 75%, var(--line) 75%), linear-gradient(45deg, var(--line) 25%, transparent 25% 75%, var(--line) 75%);background-position:0 0,6px 6px;background-size:12px 12px;border-radius:8px;width:100%;height:62px;display:block}.skin-add{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.skin-add input[type=file]{min-width:0;font:11px var(--sans);color:var(--accent);flex:150px}.skin-add .koi-name{flex:110px;min-width:0}.pack-item{border-bottom:1px solid var(--line)}.pack-editor{flex-direction:column;gap:10px;padding:4px 0 12px;display:flex}.skin-binds{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;display:grid}.skin-bind{flex-direction:column;gap:3px;display:flex}.skin-bind small{font:10px/1.2 var(--sans);color:var(--accent)}.pack-import{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:8px;padding-top:14px;display:flex}.pack-json{resize:vertical;width:100%;font:12px/1.5 var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:9px 10px}.pack-import input[type=file]{font:11px var(--sans);color:var(--accent)}.pack-prompt{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pack-prompt summary{font:11px var(--sans);color:var(--accent);cursor:pointer}.pack-prompt textarea{resize:vertical;width:100%;font:12px/1.5 var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;margin-top:6px;padding:9px 10px}.exit-zen{top:18px;right:18px;top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px);border:1px solid var(--line);background:var(--panel);color:var(--accent);font:12px/1 var(--sans);letter-spacing:1px;cursor:pointer;opacity:.85;border-radius:999px;padding:12px 16px;transition:opacity .25s;position:fixed}.exit-zen:hover{opacity:1}.zen .bar,.zen .toast{opacity:0;pointer-events:none;transition:opacity .3s}.toast{background:var(--accent);color:var(--paper);font:11px/1 var(--sans);letter-spacing:1px;opacity:0;pointer-events:none;border-radius:999px;padding:9px 16px;transition:opacity .25s;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.toast.show{opacity:.94}@media (width<=480px){.bar{flex-wrap:wrap;justify-content:center;width:calc(100vw - 20px)}.bar button{font:10px/1 var(--sans);padding:10px 9px}.city-input,.koi-name,.koi-tile-input,.pack-json,.pack-prompt textarea,.setting-row select,.skin-bind select{font-size:16px}}