:root{--ui-font:"Fredoka", "VAG Rounded", "Nunito", system-ui, sans-serif;--ui-font-title:"Lilita One", "Fredoka", system-ui, sans-serif;--ui-brown:#5a3812;--ui-brown-dark:#3a2208;--ui-brown-mid:#8b5a22;--ui-text:#6b4718;--ui-cream-hi:#fdf8e4;--ui-cream:#f5ebc4;--ui-cream-lo:#eadca6;--ui-tan:#c9a35e;--ui-yellow:#ffd23f;--ui-field:#fcebb0;--ui-radius:16px}#ui{z-index:10;pointer-events:none;font-family:var(--ui-font);color:var(--ui-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-weight:500;line-height:1.25;position:fixed;inset:0;overflow:hidden}#ui *,#ui :before,#ui :after{box-sizing:border-box}#ui :is(button,input,a,.ui-panel,.ui-backdrop,.ui-login,.ui-pill,.ui-slot,.ui-chat-bar,.ui-chat.awake .ui-chat-log){pointer-events:auto}#ui [hidden]{display:none!important}#ui input{-webkit-user-select:text;user-select:text}#ui img{-webkit-user-drag:none}#ui button{color:inherit;font-family:inherit}#ui :focus-visible{outline-offset:2px;outline:3px solid #3aa6e8}.ui-panel{background:radial-gradient(120% 70% at 50% 0%, var(--ui-cream-hi) 0%, #fdf8e400 70%), linear-gradient(180deg, var(--ui-cream) 0%, var(--ui-cream-lo) 100%);border:4px solid var(--ui-brown);border-radius:var(--ui-radius);box-shadow:inset 0 0 0 2px #fffbe9, inset 0 -6px 12px #a078322e, 0 4px 0 var(--ui-brown-dark), 0 12px 28px #00142866;color:var(--ui-text);position:relative}.ui-title{font-family:var(--ui-font-title);letter-spacing:.5px;color:var(--ui-yellow);-webkit-text-stroke:6px var(--ui-brown);paint-order:stroke fill;text-shadow:0 3px 0 var(--ui-brown-dark);text-align:center;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:30px;font-weight:400;line-height:1.1}.ui-btn{--hi:#93e33e;--mid:#5cb513;--lo:#2f7d05;--dk:#1f5208;border:2px solid var(--dk);background:linear-gradient(180deg, var(--hi) 0%, var(--mid) 48%, var(--lo) 100%);min-height:40px;box-shadow:inset 0 2px 0 #ffffff8c, inset 0 -3px 0 #00000024, 0 3px 0 var(--dk), 0 5px 8px #00000040;font:600 17px/1.1 var(--ui-font);letter-spacing:.3px;text-shadow:0 1px 0 var(--dk), 0 -1px 0 var(--dk), 1px 0 0 var(--dk), -1px 0 0 var(--dk), 1px 1px 0 var(--dk), -1px 1px 0 var(--dk), 0 2px 1px var(--dk);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;transition:transform 60ms,filter .12s,box-shadow 60ms;display:inline-flex;position:relative;color:#fff!important}.ui-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#ffffff0d);border-radius:9px 9px 14px 14px/9px 9px 8px 8px;height:40%;position:absolute;top:2px;left:6px;right:6px}.ui-btn:hover:not(:disabled){filter:brightness(1.08)saturate(1.05)}.ui-btn:active:not(:disabled){box-shadow:inset 0 2px 0 #fff6, inset 0 -2px 0 #00000024, 0 1px 0 var(--dk), 0 2px 4px #00000040;transform:translateY(2px)}.ui-btn:disabled{filter:grayscale(.85)brightness(.95);opacity:.65;cursor:not-allowed}.ui-btn-blue{--hi:#8ad9ff;--mid:#3aa6e8;--lo:#1569b8;--dk:#0d3f73}.ui-btn-orange{--hi:#ffc552;--mid:#ff911c;--lo:#e2600a;--dk:#8a3504}.ui-btn-red{--hi:#ff9180;--mid:#ea4a32;--lo:#b51f12;--dk:#6d0f07}.ui-btn-wood{--hi:#e8a556;--mid:#c46e20;--lo:#93480f;--dk:#5c2c06}.ui-btn-big{border-radius:14px;min-width:170px;min-height:48px;font-size:21px}.ui-btn-small{border-radius:10px;min-height:32px;padding:5px 10px;font-size:14px}.ui-btn.ui-loading{text-shadow:none;color:#0000!important}.ui-btn.ui-loading:after{content:"";border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite ui-spin;position:absolute}.ui-close{z-index:3;border:3px solid var(--ui-brown);width:38px;height:38px;box-shadow:0 3px 0 var(--ui-brown-dark), 0 4px 8px #0000004d;cursor:pointer;background:radial-gradient(circle at 40% 30%,#fffdf0 0%,#f2e2aa 60%,#d9bf7a 100%);border-radius:50%;padding:0;transition:transform .1s;position:absolute;top:-14px;right:-14px}.ui-close:before,.ui-close:after{content:"";background:var(--ui-brown);border-radius:3px;width:18px;height:5px;margin:-2.5px 0 0 -9px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.ui-close:after{transform:rotate(-45deg)}.ui-close:hover{transform:scale(1.08)rotate(6deg)}.ui-close:active{transform:scale(.95)}.ui-tabs{border-bottom:3px solid var(--ui-brown-mid);gap:4px;padding:0 6px;display:flex}.ui-tab{border:3px solid var(--ui-brown-mid);min-height:38px;font:600 16px/1.1 var(--ui-font);cursor:pointer;white-space:nowrap;background:linear-gradient(#e9d397 0%,#d6b871 100%);border-bottom:none;border-radius:12px 12px 0 0;flex:0 auto;margin-bottom:-3px;padding:7px 16px 5px;color:var(--ui-brown-mid)!important}.ui-tab:hover:not(.active){filter:brightness(1.06)}.ui-tab.active{background:linear-gradient(180deg, #fffbe9 0%, var(--ui-cream) 100%);z-index:1;padding-bottom:8px;position:relative;color:var(--ui-brown)!important}.ui-stars{vertical-align:middle;gap:1px;display:inline-flex}.ui-star{background:url(/assets/ui/star.png) 50%/contain no-repeat;width:20px;height:20px;display:inline-block}.ui-star.off{opacity:.85;background-image:url(/assets/ui/star_empty.png)}.ui-gimg{object-fit:contain;max-width:100%;max-height:100%;display:block}.ui-gimg-fallback{width:100%;height:100%;color:var(--fb-color,#c9a066);justify-content:center;align-items:center;display:flex}.ui-gimg-fallback svg{filter:drop-shadow(0 2px #5a381259);width:82%;height:82%}.ui-fb-rod{--fb-color:#b77b3a}.ui-fb-bait{--fb-color:#d0627a}.ui-icon{vertical-align:middle;display:inline-block}.ui-inline-icon{object-fit:contain;vertical-align:-4px;width:20px;height:20px;margin-right:3px}.ui-badge{color:#fff;font:400 15px/1.2 var(--ui-font-title);letter-spacing:.4px;text-shadow:0 1px #00000073,0 0 2px #0006;white-space:nowrap;border:2px solid #00000059;border-radius:999px;padding:3px 10px 2px;display:inline-block;box-shadow:inset 0 2px #ffffff73,0 2px #00000040}.ui-badge-new{background:linear-gradient(#8ee03a,#2f8a05);border-color:#1f5208}.ui-badge-record{background:linear-gradient(#ffc552,#e2600a);border-color:#8a3504}.ui-badge-shiny{background:linear-gradient(90deg,#ff4d4d,#ffb23d,#fff23d,#4dde5b,#3db8ff,#8a5bff,#ff4dd8,#ff4d4d) 0 0/200% 100%;border-color:#fff;animation:2.4s linear infinite ui-rainbow}.ui-pill{height:36px;color:var(--ui-brown);font:700 17px/1 var(--ui-font);white-space:nowrap;background:linear-gradient(#fffdf3 0%,#f6e9c2 55%,#ecd79d 100%);border:2px solid #b0823c;border-radius:11px;align-items:center;padding:0 12px 0 38px;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff,0 3px #46280573,0 4px 8px #0003}.ui-pill-icon{object-fit:contain;filter:drop-shadow(0 2px 1px #0000004d);width:40px;height:40px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.ui-pill-value{font-variant-numeric:tabular-nums}.ui-backdrop{z-index:20;background:radial-gradient(circle at 50% 45%,#051e3740,#05192d99);place-items:center;padding:18px 12px 12px;display:grid;position:absolute;inset:0}@media (height>=700px){.ui-backdrop{padding-top:78px}.ui-backdrop .ui-dialog{max-height:calc(100dvh - 92px)}}.ui-backdrop.ui-enter{animation:.18s ease-out ui-fade}.ui-backdrop.ui-enter>.ui-dialog{animation:.32s cubic-bezier(.2,1.5,.4,1) ui-pop}.ui-dialog{flex-direction:column;width:min(480px,100%);max-height:calc(100dvh - 30px);padding:14px 18px 18px;display:flex}.ui-dialog>.ui-title{padding:2px 26px 10px}.ui-dialog-body{flex:auto;min-height:0;overflow:auto}.ui-dialog-footer{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:14px;display:flex}.ui-dialog-footer:empty{display:none}.ui-wide{width:min(780px,100%);height:min(600px,100%)}.ui-wide .ui-dialog-body{flex-direction:column;display:flex;overflow:hidden}.ui-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b88b45 transparent;background:#fffae68c;border-radius:0 0 10px 10px;flex:auto;min-height:0;padding:12px 4px 4px;overflow-y:auto;box-shadow:inset 0 2px 6px #7850142e}.ui-empty{text-align:center;color:var(--ui-brown-mid);padding:40px 12px;font-size:18px;font-weight:600}.ui-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;padding:4px 6px 8px;display:grid}.ui-card{border:2px solid var(--ui-tan);text-align:center;font:inherit;color:var(--ui-text);background:linear-gradient(#fffdf4 0%,#f6ebc8 100%);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 8px 10px;display:flex;position:relative;box-shadow:0 3px #8c5f1e59}button.ui-card{cursor:pointer;transition:transform .1s,box-shadow .1s}button.ui-card:hover:not(.selected){transform:translateY(-2px);box-shadow:0 5px #8c5f1e59,0 0 0 3px #3aa6e873}.ui-card.selected{background:linear-gradient(#f7ffe6 0%,#ddf0b2 100%);border:3px solid #3f9d0a;box-shadow:0 3px #2f7d05,0 0 12px #6edc2899}.ui-card.shiny{background:linear-gradient(#fffdf4 0%,#f6ebc8 100%) padding-box padding-box,linear-gradient(135deg,#ff4d4d,#ffb23d,#fff23d,#4dde5b,#3db8ff,#8a5bff,#ff4dd8) border-box;border:3px solid #0000}.ui-card-art{background:radial-gradient(circle at 50% 55%,#fff 0%,#fff0 70%);border-radius:10px;justify-content:center;align-items:center;width:100%;height:92px;display:flex;position:relative}.ui-fish-card .ui-card-art{--fb-color:#0d50a099;background:radial-gradient(at 50% 60%,#bfe8ff 0%,#8fcff5 55%,#63b4e6 100%);border:2px solid #4d9bd0}.ui-fish-card.shiny .ui-card-art:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff8c 45%,#0000 60%) 0 0/250% 100%;border-radius:8px;animation:2.6s ease-in-out infinite ui-shine;position:absolute;inset:0}.ui-card-art .ui-gimg{max-height:84px}.ui-card-art .ui-gimg-fallback svg{width:62%;height:62%}.ui-card-count{color:#fff;min-width:30px;font:700 14px/1.1 var(--ui-font);text-shadow:0 1px #7a1d02;background:linear-gradient(#ff8a3d 0%,#e23b0c 100%);border:2px solid #7a1d02;border-radius:9px;padding:2px 7px;position:absolute;bottom:-6px;right:-4px;box-shadow:inset 0 1px #ffffff73}.ui-card-badge{z-index:1;padding:1px 8px;font-size:13px;position:absolute;top:-10px;left:-6px}.ui-card-name{width:100%;color:var(--ui-brown);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:15px;font-weight:700;overflow:hidden}.ui-card-stars .ui-star{width:16px;height:16px}.ui-card-stat{color:var(--ui-brown-mid);font-size:12.5px;font-weight:500}.ui-card-price{font-size:14px;font-weight:700}.ui-card-actions{gap:6px;margin-top:auto;padding-top:6px;display:flex}.ui-card-equipped,.ui-card-owned{z-index:1;color:#fff;font:400 13px/1.2 var(--ui-font-title);text-shadow:0 1px #1f5208;background:linear-gradient(#8ee03a,#3d9a0a);border:2px solid #1f5208;border-radius:999px;padding:2px 9px;position:absolute;top:-10px;right:-6px}.ui-card-owned{text-shadow:0 1px #0d3f73;background:linear-gradient(#8ad9ff,#1f7fc8);border-color:#0d3f73}.ui-card-warn{color:#c0390b;font-size:11.5px;font-weight:600}.ui-shop-top{border-bottom:3px solid var(--ui-brown-mid);justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.ui-shop-top .ui-tabs{border-bottom:none;margin-bottom:-3px}.ui-shop-wallet{height:32px;margin:0 6px 8px 0;font-size:16px}.ui-shop-wallet .ui-pill-icon{width:34px;height:34px}.ui-grid-shop{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ui-btn-buy{min-width:120px}.ui-buy-label{flex-direction:column;align-items:center;gap:1px;display:inline-flex}.ui-buy-price{align-items:center;font-size:13px;display:inline-flex}.ui-buy-price .ui-inline-icon{vertical-align:middle;filter:drop-shadow(0 0 1px #0009);width:17px;height:17px}.ui-shop-card.locked .ui-card-art .ui-gimg{filter:grayscale()brightness(.7)}.ui-lock{color:#fff;font:400 16px/1 var(--ui-font-title);text-shadow:0 2px 0 var(--ui-brown-dark);background:#28180673;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.ui-lock-icon{background:linear-gradient(#ffd85a,#e0a100);border:2px solid #6b4500;border-radius:5px;width:26px;height:22px;margin-top:12px;position:relative}.ui-lock-icon:before{content:"";border:4px solid #d8d8d8;border-bottom:none;border-radius:9px 9px 0 0;width:16px;height:14px;margin-left:-8px;position:absolute;bottom:100%;left:50%}.ui-hud{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;inset:0 0 auto}.ui-hud-left{flex-wrap:wrap;align-items:flex-start;gap:10px 18px;min-width:0;display:flex}.ui-hud-left>.ui-pill{margin-left:8px}.ui-hud-level{gap:8px;padding-left:40px}.ui-hud-star{place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:-12px;transform:translateY(-52%)}.ui-hud-star .ui-icon{filter:drop-shadow(0 2px 1px #0000004d);width:100%;height:100%;position:absolute;inset:0}.ui-hud-level-num{font:400 15px/1 var(--ui-font-title);color:#fff;-webkit-text-stroke:3px #a35a00;paint-order:stroke fill;margin-top:4px;position:relative}.ui-hud-xp{background:#e2cf98;border-radius:7px;width:96px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #5a381273}.ui-hud-xp-fill{background:linear-gradient(#ffe35c 0%,#ffc000 55%,#f0a000 100%);border-radius:7px;width:0;height:100%;transition:width .6s cubic-bezier(.3,1.2,.5,1);box-shadow:inset 0 1px #ffffffb3}.ui-hud-xp-text{font:700 13px/1 var(--ui-font);color:var(--ui-brown);text-shadow:0 1px #fff9;place-items:center;display:grid;position:absolute;inset:0}.ui-hud-energy.empty{border-color:#c0390b;animation:1s ease-in-out infinite ui-blink}.ui-hud-energy-timer{font:600 11.5px/1 var(--ui-font);color:var(--ui-brown-mid);white-space:nowrap;z-index:-1;background:linear-gradient(#f3e1b0,#e8d293);border:2px solid #b0823c;border-top:none;border-radius:0 0 8px 8px;padding:2px 8px 3px;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.ui-hud-right{align-items:flex-start;gap:10px;display:flex}.ui-hud-equip{gap:6px;display:flex}.ui-slot{cursor:pointer;background:linear-gradient(#e19445 0%,#b8641b 60%,#93480f 100%);border:2px solid #5c2c06;border-radius:12px;width:54px;height:54px;padding:5px;transition:transform .1s;position:relative;box-shadow:inset 0 2px #ffdca099,0 3px #4a2405,0 5px 8px #00000040}.ui-slot:before{content:"";background:linear-gradient(#fffdf4,#efe0b4);border-radius:7px;position:absolute;inset:5px;box-shadow:inset 0 2px 3px #5a381259}.ui-slot>*{position:relative}.ui-slot .ui-gimg{width:100%;height:100%}.ui-slot:hover{transform:translateY(-2px)rotate(-2deg)}.ui-slot-count{color:#fff;min-width:22px;font:700 12px/1.1 var(--ui-font);text-shadow:0 1px #7a1d02;background:linear-gradient(#ff8a3d,#e23b0c);border:2px solid #7a1d02;border-radius:8px;padding:1px 5px;position:absolute;bottom:-7px;right:-7px}.ui-slot-empty{border:2px dashed #8b5a2280;border-radius:6px;width:100%;height:100%;display:block}.ui-hud-btns{background:repeating-linear-gradient(#0000 0 9px,#5a28001f 9px 10px),linear-gradient(#d9893a 0%,#b5621c 55%,#8f470f 100%);border:2px solid #5c2c06;border-radius:14px;align-items:center;gap:4px;padding:4px 8px;display:flex;box-shadow:inset 0 2px #ffdca08c,0 3px #4a2405,0 6px 10px #00000040}.ui-hud-btn{cursor:pointer;filter:drop-shadow(0 2px 1px #00000059);background:0 0;border:none;place-items:center;width:44px;height:46px;padding:0;transition:transform .1s;display:grid}.ui-hud-btn .ui-icon{max-width:100%;max-height:100%}.ui-hud-btn.ui-hud-big{width:50px}.ui-hud-btn:hover{transform:scale(1.1)rotate(-3deg)}.ui-hud-btn:active{transform:scale(.94)}.ui-hud-sound{position:relative}.ui-hud-sound.off:after{content:"";background:#e8341c;border-radius:3px;width:34px;height:5px;margin:-2.5px 0 0 -17px;position:absolute;top:50%;left:50%;transform:rotate(-45deg);box-shadow:0 0 0 1.5px #fff}.ui-bite{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));text-align:center;touch-action:none;width:410px;max-width:calc(100vw - 16px);padding:10px 14px 12px;position:absolute}.ui-bite.ui-pop{animation:.3s cubic-bezier(.2,1.5,.4,1) ui-pop}.ui-bite-head{flex-direction:column;align-items:center;gap:2px;padding:0 24px;display:flex}.ui-bite-kicker{font:400 15px/1 var(--ui-font-title);letter-spacing:1px;color:#e2600a;animation:.6s ease-in-out infinite alternate ui-wobble}.ui-bite-title{max-width:100%;font-size:26px}.ui-bite.shiny .ui-bite-title{color:#ff7bf2;-webkit-text-stroke-color:#4a0d63;text-shadow:0 0 10px #00e9ff,0 0 4px #00e9ff,0 3px #2c0640;animation:1.2s ease-in-out infinite alternate ui-neon}.ui-bite-stars .ui-star{width:22px;height:22px}.ui-bite-row{align-items:center;gap:8px;margin-top:6px;display:flex}.ui-bite-track{flex:auto;max-width:285px;margin:0 auto;padding:18px 0;position:relative}.ui-bite-bar{border-radius:6px;height:32px;position:relative;box-shadow:inset 0 1px 2px #000000f2,0 0 0 2px #5a38128c}.ui-bite-cursor{pointer-events:none;will-change:left;flex-direction:column;justify-content:space-between;align-items:center;width:30px;margin-left:-15px;display:flex;position:absolute;top:-18px;bottom:-18px}.ui-bite-arrow{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px #fff);background:linear-gradient(#5ab4ff,#0a4fb0);width:16px;height:13px}.ui-bite-arrow.up{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#0a4fb0,#5ab4ff)}.ui-bite-fish{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1px #fff);width:30px;height:18px;animation:.35s ease-in-out infinite alternate ui-swim}.ui-bite-fish svg{width:100%;height:100%;display:block}.ui-bite.shiny .ui-bite-fish{filter:drop-shadow(0 0 3px #00e9ff)drop-shadow(0 0 1px #fff)hue-rotate(150deg)saturate(2)}.ui-bite-key{cursor:pointer;touch-action:none;-webkit-touch-callout:none;background:0 0;border:none;flex:none;width:54px;height:55px;padding:0;position:relative}.ui-bite-key img{width:100%;height:100%;position:absolute;inset:0}.ui-bite-key .dn,.ui-bite-key.down .up{visibility:hidden}.ui-bite-key.down .dn{visibility:visible}.ui-bite-key.down{transform:translateY(2px)}.ui-bite-desc{color:var(--ui-brown-mid);margin:4px 6px 6px;font-size:14px;font-weight:600}.ui-bite-progress-row{align-items:center;gap:10px;padding:0 4px;display:flex}.ui-bite-progress-label{color:var(--ui-brown-mid);white-space:nowrap;font-size:15px;font-weight:700}.ui-bite-progress{background:linear-gradient(#cdbb7c,#e2d39d);border-radius:10px;flex:1;height:20px;padding:2px;position:relative;box-shadow:inset 0 2px 3px #50320a73,0 1px #fff8dc}.ui-bite-progress-fill{background:linear-gradient(#7fd0ff 0%,#2a8be0 55%,#1265c5 100%);border-radius:8px;min-width:16px;height:100%;transition:width 80ms linear;position:relative;box-shadow:inset 0 1px #fff9}.ui-bite-progress-fill i{background:radial-gradient(circle at 35% 30%,#bfe8ff 0%,#2a8be0 45%,#0b4fa8 100%);border-radius:50%;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;right:-3px;box-shadow:0 1px 2px #00000073}.ui-bite-progress.danger .ui-bite-progress-fill{background:linear-gradient(#ff9a8a 0%,#e8402a 55%,#b3170b 100%)}.ui-bite-progress.danger .ui-bite-progress-fill i{background:radial-gradient(circle at 35% 30%,#ffd3cc 0%,#e8402a 45%,#8a0f05 100%)}.ui-caught{width:min(580px,100%)}.ui-caught-stage{background:#0b4fa8 url(/assets/ui/underwater.jpg) 50%/cover;border:3px solid #b48a4a;border-radius:12px;height:230px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000a2880}.ui-caught-rays{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#ffffff29 0deg 7deg,#fff0 7deg 22deg);width:160%;animation:40s linear infinite ui-spin-x;position:absolute;top:-40%;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0000 60%)}.ui-caught-rainbow{mix-blend-mode:screen;pointer-events:none;background:url(/assets/ui/rainbow.webp) 50%/contain no-repeat;width:420px;height:420px;margin:-210px 0 0 -210px;animation:14s linear infinite ui-spin;position:absolute;top:50%;left:50%}.ui-caught-fishwrap{--fb-color:#ffe9a8;place-items:center;animation:2.4s ease-in-out infinite ui-bob;display:grid;position:absolute;inset:12px}.ui-caught-fishwrap .ui-caught-fish{max-width:calc(100% * var(--fish-scale,1));max-height:calc(100% * var(--fish-scale,1));filter:drop-shadow(0 6px 10px #000a288c)}.ui-caught-fishwrap .ui-gimg-fallback svg{filter:drop-shadow(0 3px #00000059);width:60%;height:70%}.ui-caught.shiny .ui-caught-fishwrap .ui-caught-fish{filter:drop-shadow(0 0 10px #ffffffe6)drop-shadow(0 6px 10px #000a288c)}.ui-caught.shiny .ui-caught-fishwrap .ui-gimg-fallback{--fb-color:#ff8ef0}.ui-caught.shiny .ui-title{color:#fff3a0;text-shadow:0 0 10px #ffe000, 0 3px 0 var(--ui-brown-dark)}.ui-caught-badges{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:10px;left:10px}.ui-caught-badges>*{font-size:17px;animation:.45s cubic-bezier(.2,1.6,.4,1) .25s both ui-pop}.ui-caught-badges>:nth-child(2){animation-delay:.4s}.ui-caught-badges>:nth-child(3){animation-delay:.55s}.ui-caught-info{grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding-top:10px;display:grid}.ui-caught-size,.ui-caught-xp{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.ui-caught-ruler img{width:190px;max-width:100%;height:auto}.ui-caught-length,.ui-caught-xp-value{font:400 32px/1 var(--ui-font-title);color:var(--ui-yellow);-webkit-text-stroke:6px var(--ui-brown);paint-order:stroke fill;text-shadow:0 3px 0 var(--ui-brown-dark);white-space:nowrap}.ui-caught-xp-value{align-items:center;gap:6px;display:inline-flex}.ui-caught-xp-value img{width:28px}.ui-caught-record{font:400 15px/1.1 var(--ui-font-title);color:#ff5a00;text-transform:uppercase;letter-spacing:.4px;animation:.7s ease-in-out infinite alternate ui-wobble}.ui-caught-stars .ui-star{width:30px;height:30px}.ui-caught-xp-label{color:var(--ui-brown-mid);margin-top:4px;font-size:16px;font-weight:600}.ui-escaped-body{align-items:center;gap:16px;padding:6px 4px;display:flex}.ui-escaped-art{background:radial-gradient(circle at 50% 40%,#bfe8ff 0%,#63b4e6 60%,#2a7fc0 100%);border:3px solid #b48a4a;border-radius:50%;flex:0 0 110px;height:110px;position:relative;overflow:hidden;box-shadow:inset 0 -8px 14px #001e5066}.ui-escaped-art .ui-escaped-fish{--fb-color:#0a285a8c;width:auto;height:auto;animation:1.8s ease-in infinite ui-flee;position:absolute;inset:18px 10px}.ui-escaped-splash{border:3px solid #ffffffbf;border-radius:50%;width:70px;height:14px;margin-left:-35px;animation:1.8s ease-out infinite ui-ripple;position:absolute;bottom:14px;left:50%}.ui-escaped-text{flex:1;font-size:17px;font-weight:600}.ui-escaped-text strong{font:400 20px/1.1 var(--ui-font-title);color:var(--ui-brown);display:block}.ui-escaped-text p{margin:4px 0 0}.ui-levelup{text-align:center;width:min(420px,100%)}.ui-levelup-hero{place-items:center;height:150px;display:grid;position:relative}.ui-levelup-burst{background:repeating-conic-gradient(#ffd23f8c 0deg 10deg,#ffd23f00 10deg 24deg);border-radius:50%;width:230px;height:230px;animation:12s linear infinite ui-spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.ui-levelup-star{place-items:center;width:130px;height:130px;animation:.6s cubic-bezier(.2,1.6,.4,1) .1s both ui-pop;display:grid;position:relative}.ui-levelup-star:before,.ui-levelup-star:after{content:"";clip-path:polygon(50% 2%,63% 35%,98% 37%,71% 59%,81% 95%,50% 75%,19% 95%,29% 59%,2% 37%,37% 35%);background:#a35a00;position:absolute;inset:0}.ui-levelup-star:after{background:radial-gradient(circle at 45% 35%,#fff6b0 0%,#ffd23f 45%,#f5a500 100%);inset:8px}.ui-levelup-star .ui-icon{display:none}.ui-levelup-star span{z-index:1;font:400 44px/1 var(--ui-font-title);color:#fff;-webkit-text-stroke:7px #a35a00;paint-order:stroke fill;text-shadow:0 3px #6b3a00;margin-top:12px;position:relative}.ui-levelup-text{margin:6px 0 4px;font-size:18px;font-weight:600}.ui-levelup-energy{color:#0d5c9e;background:#3aa6e826;border-radius:999px;align-items:center;gap:2px;padding:3px 12px;font-weight:700;display:inline-flex}.ui-levelup-unlocks{margin-top:10px}.ui-levelup-unlocks-title{color:var(--ui-brown-mid);font-weight:700}.ui-levelup-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.ui-levelup-item{border:2px solid var(--ui-tan);background:#fffaf0;border-radius:12px;flex-direction:column;align-items:center;width:92px;padding:6px;font-size:13px;font-weight:600;display:flex}.ui-levelup-item>:first-child:not(span){width:52px;height:52px}.ui-chat{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;width:min(380px,100vw - 24px);display:flex;position:absolute}.ui-chat-log{color:#fff;text-shadow:0 1px 2px #000000e6,0 0 3px #0009;opacity:.55;scrollbar-width:none;-webkit-user-select:text;user-select:text;border-radius:12px;max-height:168px;padding:6px 10px;font-size:15px;font-weight:500;transition:background .3s,opacity .6s;overflow-y:auto}.ui-chat-log:empty{display:none}.ui-chat.awake .ui-chat-log{opacity:1;background:#08284673}.ui-chat-line{overflow-wrap:anywhere;padding:1px 0}.ui-chat-line b{color:#ffe37a;font-weight:700}.ui-chat-me b{color:#9dff6a}.ui-chat-system{color:#bfe8ff;font-style:italic}.ui-chat-bar{gap:6px;display:flex}.ui-chat-input{min-width:0;height:40px;color:var(--ui-brown);font:600 16px var(--ui-font);background:#fffbebe0;border:2px solid #b0823c;border-radius:20px;outline:none;flex:1;padding:0 14px;box-shadow:inset 0 2px 3px #5a381240,0 2px #46280559}.ui-chat-input::placeholder{color:#8b5a22b3;font-weight:500}.ui-chat-input:focus{background:#fffbea;border-color:#3aa6e8}.ui-chat-send{cursor:pointer;background:linear-gradient(#8ad9ff 0%,#3aa6e8 50%,#1569b8 100%);border:2px solid #0d3f73;border-radius:50%;flex:0 0 40px;height:40px;position:relative;box-shadow:inset 0 2px #ffffff80,0 2px #0d3f73}.ui-chat-send:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%,20% 50%);filter:drop-shadow(0 1px #0d3f73);background:#fff;width:15px;height:16px;position:absolute;top:10px;left:13px}.ui-bubbles{pointer-events:none;position:absolute;inset:0}.ui-bubble{border:2px solid var(--ui-brown);max-width:220px;color:var(--ui-brown);text-align:center;overflow-wrap:anywhere;text-wrap:balance;will-change:transform;background:linear-gradient(#fff 0%,#fdf6dc 100%);border-radius:14px;width:max-content;margin-top:-12px;padding:6px 12px;font-size:14px;font-weight:600;line-height:1.2;position:absolute;top:0;left:0;box-shadow:0 3px #3a220866}.ui-bubble:after,.ui-bubble:before{content:"";border:9px solid #0000;border-top-color:var(--ui-brown);margin-left:-9px;position:absolute;top:100%;left:50%}.ui-bubble:after{border-width:7px;border-top-color:#fdf6dc;margin-left:-7px}.ui-bubble.ui-pop{animation:.25s cubic-bezier(.2,1.6,.4,1) ui-bubble-in}.ui-bubble.ui-leave{opacity:0;transition:opacity .2s}.ui-toasts{pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.ui-toast{border:3px solid var(--ui-brown);box-shadow:0 3px 0 var(--ui-brown-dark), 0 8px 16px #0000004d;color:var(--ui-brown);font:400 20px/1.1 var(--ui-font-title);letter-spacing:.3px;background:linear-gradient(#fffdf2 0%,#f3e5b5 100%);border-radius:999px;align-items:center;gap:8px;padding:8px 20px 8px 14px;animation:.35s cubic-bezier(.2,1.5,.4,1) ui-toast-in;display:flex}.ui-toast-icon{object-fit:contain;width:30px;height:30px}.ui-toast-warn,.ui-toast-error{color:#8a3504;background:linear-gradient(#fff1d6 0%,#ffc98a 100%);border-color:#8a3504}.ui-toast-success{color:#1f5208;background:linear-gradient(#f2ffdc 0%,#c4ec8c 100%);border-color:#1f5208}.ui-toast-level{color:#6b3a00;background:linear-gradient(#fff9c9 0%,#ffd23f 100%);border-color:#a35a00}.ui-toast.ui-leave{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)scale(.96)}.ui-login{z-index:40;background:radial-gradient(120% 60% at 50% -10%,#ffffff8c 0%,#fff0 60%),linear-gradient(#8fdcff 0%,#39a7e6 35%,#1677c4 70%,#0b3f7a 100%);position:absolute;inset:0;overflow-y:auto}.ui-login:before{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff1a 0deg 5deg,#fff0 5deg 17deg);width:200vmax;height:200vmax;margin-left:-100vmax;animation:90s linear infinite ui-spin;position:absolute;top:-60vmax;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}.ui-login:after{content:"";pointer-events:none;background:linear-gradient(#f2d48a 0%,#d9b260 100%);border-radius:50% 50% 0 0;height:160px;position:fixed;bottom:-60px;left:-10%;right:-10%;box-shadow:0 -6px #fff0be59}.ui-login-bubbles i{bottom:-30px;left:calc(var(--i) * 7.3% + 2%);width:calc(8px + (var(--i) * 7 % 4) * 5px);aspect-ratio:1;animation:ui-rise calc(7s + (var(--i) * 3 % 5) * 1.3s) linear infinite;animation-delay:calc(var(--i) * -1.7s);pointer-events:none;background:radial-gradient(circle at 30% 30%,#fffc,#ffffff0d 60%);border:2px solid #ffffffb3;border-radius:50%;position:fixed}.ui-login-inner{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:24px 12px 30px;display:flex;position:relative}.ui-logo{flex-direction:column;align-items:center;margin-bottom:4px;display:flex;position:relative}.ui-logo-fish{filter:drop-shadow(0 6px 6px #001e4659);z-index:0;width:150px;height:auto;margin-bottom:-26px;animation:3s ease-in-out infinite ui-bob;position:relative}.ui-logo-text{z-index:1;font:400 clamp(56px, 15vw, 96px) / 1 var(--ui-font-title);letter-spacing:2px;display:flex;position:relative}.ui-logo-text span{color:#ffd23f;background:linear-gradient(#fff6a6 0%,#ffd23f 45%,#ff9d0a 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 0 #0b3f7a)drop-shadow(3px 0 #0b3f7a)drop-shadow(-3px 0 #0b3f7a)drop-shadow(0 3px #0b3f7a)drop-shadow(0 -3px #0b3f7a)drop-shadow(0 5px #062a55);transform:rotate(calc((var(--i) - 2.5) * 3deg)) translateY(calc(var(--i) * var(--i) * .6px - var(--i) * 3px));animation:2.2s ease-in-out infinite ui-letter;animation-delay:calc(var(--i) * .12s);-webkit-background-clip:text;background-clip:text;display:inline-block}.ui-logo-sub{color:#fff;font:400 18px/1.1 var(--ui-font-title);letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px #8a3504;background:linear-gradient(#ff9d0a,#e2600a);border:3px solid #0b3f7a;border-radius:999px;margin-top:2px;padding:2px 16px 3px;transform:rotate(-3deg);box-shadow:0 3px #062a55}.ui-login-card{width:min(400px,100%);padding:14px 20px 20px}.ui-login-tabs{justify-content:center}.ui-login-form{flex-direction:column;gap:10px;padding-top:14px;display:flex}.ui-field{color:var(--ui-brown);flex-direction:column;gap:4px;font-size:15px;font-weight:700;display:flex}.ui-input{background:linear-gradient(180deg, #fff4c8 0%, var(--ui-field) 100%);width:100%;height:44px;color:var(--ui-brown);font:600 17px var(--ui-font);border:2px solid #d9b56a;border-radius:12px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 4px #96641440}.ui-input::placeholder{color:#8b5a2280}.ui-input:focus{border-color:#3aa6e8;box-shadow:inset 0 2px 4px #96641433,0 0 0 3px #3aa6e84d}.ui-input:disabled{opacity:.7}.ui-login-error{color:#a3200c;background:#ffe2d6;border:2px solid #d9442a;border-radius:10px;padding:7px 12px;font-size:14.5px;font-weight:600;display:none}.ui-login-error.visible{animation:.25s cubic-bezier(.2,1.5,.4,1) ui-pop;display:block}.ui-login-submit{align-self:center;min-width:200px;margin-top:6px}.ui-btn-discord{--hi:#8a94ff;--mid:#5865f2;--lo:#4450d0;--dk:#262d7a}.ui-login-alt{flex-direction:column;align-items:center;gap:10px;padding-top:12px;display:flex}.ui-login-alt[hidden],.ui-login-hint[hidden],.ui-tab[hidden]{display:none}.ui-login-or{color:#8b5a22bf;align-self:stretch;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.ui-login-or:before,.ui-login-or:after{content:"";background:#8b5a2240;border-radius:2px;flex:1;height:2px}.ui-discord-btn{gap:10px;min-width:200px;max-width:100%;text-decoration:none}.ui-discord-btn svg{filter:drop-shadow(0 1px 0 var(--dk));flex:none}.ui-login.busy .ui-discord-btn{pointer-events:none;filter:grayscale(.85)brightness(.95);opacity:.65}.ui-login-hint{max-width:300px;color:var(--ui-brown);text-align:center;font-size:13.5px;font-weight:500}.ui-login-foot{color:#ffffffd9;text-shadow:0 1px 2px #001e3c99;text-align:center;margin-top:8px;font-size:13px;font-weight:500}.ui-shake{animation:.4s ui-shake}.ui-lang{background:linear-gradient(#fffdf3 0%,#f6e9c2 55%,#ecd79d 100%);border:2px solid #b0823c;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #fff,0 3px #46280573,0 4px 8px #0003}#ui .ui-lang-opt{min-width:44px;height:30px;color:var(--ui-brown-mid);font:700 15px/1 var(--ui-font);letter-spacing:1px;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:0 10px;transition:background-color .15s,color .15s,transform 60ms}#ui .ui-lang-opt:hover:not([aria-pressed=true]){color:var(--ui-brown);background:#c9a35e47}#ui .ui-lang-opt[aria-pressed=true]{--dk:#5c2c06;box-shadow:inset 0 2px 0 #ffffff73, inset 0 -2px 0 #00000024, 0 2px 0 var(--dk);color:#fff;text-shadow:0 1px 0 var(--dk), 0 -1px 0 var(--dk), 1px 0 0 var(--dk), -1px 0 0 var(--dk);cursor:default;background:linear-gradient(#e8a556 0%,#c46e20 48%,#93480f 100%)}#ui .ui-lang-opt:active:not([aria-pressed=true]){transform:translateY(1px)}#ui .ui-lang-opt:focus-visible{outline-offset:1px;outline:3px solid #3aa6e8;animation:none}.ui-lang.ui-lang-busy{opacity:.75;pointer-events:none}.ui-login-lang{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:3;position:absolute}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-spin-x{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes ui-bubble-in{0%{opacity:0;margin-top:0}to{opacity:1;margin-top:-12px}}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(-20px)scale(.7)}to{opacity:1;transform:none}}@keyframes ui-rainbow{to{background-position:200% 0}}@keyframes ui-shine{0%,30%{background-position:150% 0}to{background-position:-100% 0}}@keyframes ui-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes ui-swim{0%{transform:translateY(-1px)rotate(-6deg)}to{transform:translateY(1px)rotate(6deg)}}@keyframes ui-wobble{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.08)rotate(2deg)}}@keyframes ui-neon{0%{filter:hue-rotate()brightness()}to{filter:hue-rotate(40deg)brightness(1.2)}}@keyframes ui-blink{50%{box-shadow:0 0 0 3px #e8341c99}}@keyframes ui-rise{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(14px,-55vh)}to{opacity:.2;transform:translate(-6px,-112vh)}}@keyframes ui-letter{0%,to{translate:0}50%{translate:0 -6px}}@keyframes ui-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes ui-flee{0%{opacity:0;transform:translate(-40%)scaleX(-1)}20%{opacity:1}to{opacity:0;transform:translate(80%)scaleX(-1)}}@keyframes ui-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@media (width<=720px){.ui-hud{padding-left:12px;padding-right:8px}.ui-hud-left{gap:8px 14px}.ui-pill{border-radius:9px;height:30px;padding:0 9px 0 30px;font-size:14px}.ui-pill-icon{width:32px;height:32px;left:-7px}.ui-hud-level{padding-left:32px}.ui-hud-star{width:40px;height:40px;left:-10px}.ui-hud-level-num{font-size:13px}.ui-hud-xp{width:64px;height:16px}.ui-hud-xp-text{font-size:11px}.ui-hud-energy-timer{font-size:10.5px}.ui-hud-right{flex-direction:column;align-items:flex-end;gap:8px}.ui-hud-equip{flex-direction:column}.ui-slot{width:48px;height:48px}.ui-hud-btns{flex-direction:column;padding:6px 3px}.ui-hud-btn,.ui-hud-btn.ui-hud-big{width:40px;height:42px}.ui-title{-webkit-text-stroke-width:4.5px;font-size:25px}.ui-wide{height:100%;max-height:720px}.ui-logo-fish{width:118px;margin-bottom:-18px}#ui:has(.ui-bite:not([hidden])) .ui-chat{display:none}.ui-dialog{padding:12px 12px 14px}.ui-close{top:-10px;right:-8px}.ui-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;padding:4px 2px 8px}.ui-grid-shop{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.ui-tab{padding:6px 11px 4px;font-size:15px}.ui-tabs{padding:0 2px}.ui-shop-top{gap:4px}.ui-shop-wallet{margin-right:0;padding-right:8px}.ui-btn-buy{width:100%;min-width:0}.ui-card-actions{justify-content:center;width:100%}.ui-bite{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));width:auto;max-width:440px;margin:0 auto}.ui-bite-title{font-size:22px}.ui-bite-key{width:60px;height:61px}.ui-bite-desc{font-size:13px}.ui-caught-stage{height:190px}.ui-caught-length,.ui-caught-xp-value{-webkit-text-stroke-width:5px;font-size:26px}.ui-caught-stars .ui-star{width:22px;height:22px}.ui-caught-badges>*{font-size:14px}.ui-escaped-body{text-align:center;flex-direction:column}.ui-escaped-art{flex-basis:auto;width:96px;height:96px}.ui-chat{width:min(330px,100vw - 24px)}.ui-chat-log{max-height:120px;font-size:14px}.ui-toasts{top:96px}.ui-toast{font-size:17px}}@media (width<=400px){.ui-hud-xp{width:52px}.ui-btn-big{min-width:140px}.ui-dialog-footer .ui-btn{flex:auto}.ui-caught-ruler img{width:140px}}@media (prefers-reduced-motion:reduce){#ui *,#ui :before,#ui :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}