:root{--deep:#0d1f2b;--deep-2:#142b39;--deep-3:#1c3b4c;--line:#2b5266;--text:#eaf2f6;--dim:#9fb7c5;--brass:#e8b45c;--radius:14px;--tabs:62px;--pixel:"Press Start 2P", Rubik, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--deep);height:100%;color:var(--text);font-family:var(--pixel);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:11px;line-height:1.9}.ico{image-rendering:pixelated;vertical-align:-3px;flex:none}@font-face{font-family:Rubik;src:url(/fonts/rubik-cyrillic.woff2)format("woff2");unicode-range:U+400-45F,U+490-491,U+4B0-4B1,U+2116;font-weight:300 700;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-latin.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+2190-21BB;font-weight:300 700;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p.woff2)format("woff2");font-weight:400;font-display:swap}#app{height:100%}.screen{flex-direction:column;max-width:560px;height:100%;margin:0 auto;display:flex}.top{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:linear-gradient(#08141ceb,#08141c66);align-items:center;gap:8px;padding-right:92px;display:flex}.wallet{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:32px;color:var(--text);font-family:var(--pixel);background:#0a1c26d9;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;line-height:1.4;display:inline-flex}button.chip{cursor:pointer}.chip.hot{color:#ffc9a8;border-color:#e8794c}.place{border:1px solid var(--line);min-height:32px;color:var(--text);cursor:pointer;background:#0a1c26d9;border-radius:999px;padding:6px 12px;font-size:9px}.stage{flex:auto;min-height:0;position:relative}.scene{width:100%;height:100%;image-rendering:pixelated;display:block}.stage-top{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.sky-chip,.bait-chip{border:1px solid var(--line);min-height:34px;color:var(--text);cursor:pointer;background:#0a1c26cc;border-radius:999px;padding:6px 12px;font-size:9px}.controls{padding:10px 12px 6px}.coach{background:#0e2a38eb;border:1px solid #3f88a8;border-left-width:3px;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;font-size:8px;line-height:2;animation:.2s ease-out fade;display:flex}.coach span{flex:1}.coach-skip{border:1px solid var(--line);width:26px;height:26px;color:var(--dim);font-family:var(--pixel);cursor:pointer;background:#081820e6;border-radius:8px;flex:none;padding:0;font-size:10px}.action{border-radius:var(--radius);width:100%;min-height:62px;color:var(--text);font-family:var(--pixel);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#23617f,#16465e);border:1px solid #2f6a86;font-size:12px;line-height:1.5}.action:active{transform:translateY(1px)}.action.hot{background:linear-gradient(#d87a34,#a9531c);border-color:#f0a45c}.action.hold{background:linear-gradient(#2f7f5e,#1c5a41);border-color:#52b184}.action.ghost{opacity:.55}.tabs{padding:4px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#08141ceb;gap:2px;display:flex}.tabs button{min-height:52px;color:var(--dim);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:18px;display:flex}.tabs button span{font-size:8px;font-family:var(--pixel);line-height:1.4}.tabs button:active{color:#ffd27a}.overlay{z-index:20;background:#040c12bd;justify-content:center;align-items:flex-end;animation:.16s ease-out fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.closing{opacity:0;transition:opacity .15s ease-in}.sheet{background:var(--deep-2);border:1px solid var(--line);width:100%;max-width:560px;max-height:88vh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.2s ease-out rise;overflow-y:auto}.sheet.wide{max-width:640px}.sheet h2{font-family:var(--pixel);margin:0 0 12px;font-size:14px;font-weight:400;line-height:1.6}.sheet h3{font-family:var(--pixel);color:var(--dim);margin:18px 0 10px;font-size:10px;font-weight:400}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.overlay,.sheet{animation:none}}.rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rows li{border:1px solid var(--line);background:var(--deep-3);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rows li.chosen{border-color:#6fb6ff}.row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-main b{font-family:var(--pixel);font-size:10px;font-weight:400;line-height:1.6}.row-main span{color:var(--dim);font-size:8px;line-height:2}.row-main .sub{color:#7f9cae;font-size:8px}.row-buttons{flex-wrap:wrap;gap:6px;display:flex}.row-buttons.wide-row{margin-top:14px}.row-buttons.wide-row button{flex:40%}.sheet button:not(.chip):not(.action){border:1px solid var(--line);min-height:44px;color:var(--text);font-family:var(--pixel);cursor:pointer;white-space:nowrap;background:#0a1e28e6;border-radius:10px;padding:8px 12px;font-size:9px;line-height:1.5}.sheet button.primary{color:#ffe3ad;background:linear-gradient(#23617f,#16455c);border-color:#3f88a8}.sheet button:disabled{opacity:.45;cursor:default}.sheet button.wide{white-space:normal;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:10px;display:flex}.sheet button.wide small{color:var(--dim);font-size:8px;line-height:1.9}.hint{color:var(--dim);margin:14px 0 0;font-size:8px;line-height:2.1}.talk{background:#0a1e2899;border-left:3px solid #ffd27a;margin:6px 0 14px;padding:12px;font-size:9px;line-height:2}.bar{background:#081620b3;border-radius:999px;height:10px;margin:12px 0 4px;overflow:hidden}.bar i{background:linear-gradient(90deg,#3f88a8,#ffd27a);height:100%;display:block}.hint.small{opacity:.7;font-size:7px}.hint a{color:#ffd27a}.empty{color:var(--dim);font-size:9px;line-height:2}.total{margin:14px 0 0;font-size:9px;line-height:2}.total b{color:#ffd27a}.catch-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.catch-list li{border:1px solid var(--line);background:var(--deep-3);border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.catch-list img{width:64px;height:34px;image-rendering:pixelated;flex:none}.catch-list span{flex:1;font-size:9px}.catch-list b{font-family:var(--pixel);font-size:9px;font-weight:400}.catch-list em{color:#ffd27a;font-style:normal;font-family:var(--pixel);font-size:9px}.cards{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px;margin:0 0 6px;padding:0;list-style:none;display:grid}.cards .card{border:1px solid var(--line);background:var(--deep-3);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.cards .card img{width:88px;height:48px;image-rendering:pixelated}.cards .card span{align-items:center;gap:5px;font-size:8px;line-height:1.8;display:flex}.cards .card em{color:var(--dim);font-size:7px;font-style:normal;line-height:1.9}.cards .card.unknown{opacity:.55;justify-content:center;min-height:96px}.cards .card.unknown .silhouette{background:#a0bed229;border-radius:40% 20% 20% 40%;width:88px;height:48px}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.board{counter-reset:place;margin:0;padding:0;list-style:none}.board li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px;font-size:8px;line-height:1.9;display:flex}.board li.me{background:#3c789647;border-radius:8px}.board b{font-family:var(--pixel);color:var(--dim);min-width:26px;font-size:9px;font-weight:400}.board span{flex:1}.board em{color:#ffd27a;font-size:8px;font-style:normal}.facts{margin:0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:9px 0;font-size:8px;line-height:1.9;display:flex}.facts b{font-family:var(--pixel);color:#ffd27a;font-size:9px;font-weight:400}.toast{left:50%;bottom:calc(var(--tabs) + 24px);z-index:30;border:1px solid var(--line);background:#06121af0;border-radius:999px;max-width:90vw;padding:10px 16px;font-size:9px;line-height:1.8;animation:.14s ease-out fade;position:fixed;transform:translate(-50%)}.toast-good{border-color:#52b184}.toast-bad{border-color:#d9694f}.pop{z-index:30;color:#ffd27a;font-family:var(--pixel);pointer-events:none;font-size:10px;animation:.7s ease-out forwards lift;position:fixed}@keyframes lift{to{opacity:0;transform:translateY(-38px)}}.menu,.intro{background:var(--deep);flex-direction:column;max-width:560px;height:100%;margin:0 auto;display:flex}.menu-art{min-height:0;image-rendering:pixelated;border-bottom:2px solid var(--line);background:url(/assets/water/pond-far.png) bottom/cover no-repeat,#8fb6d2;flex:auto}.menu-body{padding:20px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;flex:none}.menu-body h1{font-family:var(--pixel);color:#ffd27a;margin:0 0 10px;font-size:20px;font-weight:400;line-height:1.6}.menu-sub{color:var(--dim);margin:0 0 18px;font-size:8px;line-height:2}.menu-note{color:var(--dim);margin:14px 0 0;font-size:8px;line-height:2}.menu-play{border-radius:var(--radius);width:100%;min-height:58px;color:var(--text);font-family:var(--pixel);cursor:pointer;background:linear-gradient(#23617f,#16465e);border:1px solid #3f88a8;font-size:12px}.menu-play:active{transform:translateY(1px)}.menu-line{border:1px solid var(--line);width:100%;min-height:44px;color:var(--dim);font-family:var(--pixel);cursor:pointer;background:#0a1e28cc;border-radius:10px;margin-top:10px;font-size:8px;line-height:2}.menu-links{color:var(--dim);margin:16px 0 0;font-size:7px;line-height:2.2}.menu-links a{color:#ffd27a}.intro-art{border-bottom:2px solid var(--line);background:linear-gradient(#12303f,#0d1f2b);flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.intro-art img{max-width:92%;max-height:92%;image-rendering:pixelated}.intro-body{padding:18px 20px calc(22px + env(safe-area-inset-bottom));flex:none}.intro-body p{margin:0 0 16px;font-size:9px;line-height:2.1}.intro-dots{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.intro-dots i{background:#9fb7c559;border-radius:50%;width:8px;height:8px}.intro-dots i.on{background:#ffd27a}