@font-face{font-family:DM Sans;src:url(/assets/fonts/dm-sans-var.woff2)format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}@font-face{font-family:Bowlby One SC;src:url(/assets/fonts/bowlby-one-sc.woff2)format("woff2"),url(/assets/fonts/bowlby-one-sc.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--dp-ink:#211b29;--dp-ink-80:#3b3043;--dp-ink-60:#574759;--dp-ink-40:#84728a;--dp-ink-20:#cbbfc6;--dp-cream-hi:#fffaf0;--dp-cream:#faf3e4;--dp-paper:#f4e8d0;--dp-parchment:#ead9bd;--dp-parchment-lo:#d9c3a0;--dp-lime-hi:#dcff9f;--dp-lime:#c3f76b;--dp-lime-lo:#a2d84a;--dp-lime-ink:#34500d;--dp-pink-hi:#fcd7e9;--dp-pink:#f5a6cd;--dp-pink-lo:#e083b2;--dp-pink-ink:#84295a;--dp-honey-hi:#ffe6a8;--dp-honey:#f4c24f;--dp-honey-lo:#d4952b;--dp-honey-ink:#6a3f08;--dp-water-hi:#d3ecf1;--dp-water:#8fcbdb;--dp-water-lo:#4f93ad;--dp-water-deep:#22445a;--dp-water-ink:#1d4456;--dp-danger-hi:#ffd6cf;--dp-danger:#ff9a8a;--dp-danger-lo:#e2604f;--dp-danger-ink:#8a2f45;--dp-wood-0:#150f17;--dp-wood-1:#221820;--dp-wood-2:#2f2128;--dp-wood-3:#45303a;--dp-wood-hi:#6d4c4e;--dp-on-wood:#faf3e4;--dp-on-wood-muted:#e3d2c4;--dp-discord:#5865f2;--dp-discord-hover:#6d78f4;--dp-text:var(--dp-ink);--dp-text-muted:var(--dp-ink-60);--dp-text-faint:var(--dp-ink-40);--dp-surface:var(--dp-cream);--dp-surface-hi:var(--dp-cream-hi);--dp-surface-sunken:var(--dp-parchment);--dp-line-color:var(--dp-ink);--dp-line:3px solid var(--dp-ink);--dp-line-thin:2px solid var(--dp-ink);--dp-line-soft:2px solid var(--dp-ink-20);--dp-field-bg:var(--dp-cream-hi);--dp-field-border:var(--dp-ink);--dp-field-placeholder:var(--dp-ink-40);--dp-action:var(--dp-lime);--dp-action-hover:var(--dp-lime-hi);--dp-on-action:var(--dp-ink);--dp-social:var(--dp-pink);--dp-notify:var(--dp-pink);--dp-success:var(--dp-lime);--dp-success-ink:var(--dp-lime-ink);--dp-warning:var(--dp-honey);--dp-warning-ink:var(--dp-honey-ink);--dp-error:var(--dp-danger);--dp-error-ink:var(--dp-danger-ink);--dp-info:var(--dp-water);--dp-info-ink:var(--dp-water-ink);--dp-disabled-bg:#e2d6c8;--dp-disabled-ink:#5e4f60;--dp-backdrop:#150f178c;--dp-scrim:#211b29b8;--dp-highlight:#fffaf08c;--dp-wood-texture:url(/assets/ui/theme/wood-prune.webp);--dp-wood-bg:linear-gradient(180deg, #ffffff0d, #0000 40%, #00000029), var(--dp-wood-texture) center / 520px auto repeat, linear-gradient(160deg, var(--dp-wood-2), var(--dp-wood-1) 60%, var(--dp-wood-0));--dp-wood-light-bg:linear-gradient(180deg, #ffffff24, #00000014), var(--dp-wood-texture) center / 420px auto repeat, var(--dp-wood-3);--dp-paper-bg:radial-gradient(#6d4c4e0f 1px, transparent 1.4px) 0 0 / 7px 7px, var(--dp-paper);--dp-sheet-bg:var(--dp-cream);--dp-shadow-sm:2px 2px 0 var(--dp-ink);--dp-shadow:4px 4px 0 var(--dp-ink);--dp-shadow-lg:6px 6px 0 var(--dp-ink);--dp-shadow-btn:0 4px 0 var(--dp-ink);--dp-shadow-btn-sm:0 3px 0 var(--dp-ink);--dp-shadow-inset:inset 0 3px 0 #211b2924;--dp-ring:0 0 0 3px var(--dp-lime), 0 0 0 6px var(--dp-ink);--dp-radius:14px;--dp-radius-sm:10px;--dp-radius-xs:6px;--dp-radius-pill:999px;--ui-font:"DM Sans", system-ui, "Segoe UI", sans-serif;--ui-font-title:"Bowlby One SC", "DM Sans", system-ui, sans-serif;--ui-brown:var(--dp-ink);--ui-brown-dark:var(--dp-ink);--ui-brown-mid:var(--dp-ink-60);--ui-text:var(--dp-ink);--ui-cream-hi:var(--dp-cream-hi);--ui-cream:var(--dp-cream);--ui-cream-lo:var(--dp-paper);--ui-tan:var(--dp-ink-20);--ui-yellow:var(--dp-honey);--ui-field:var(--dp-field-bg);--ui-radius:var(--dp-radius)}#ui{z-index:10;pointer-events:none;font-family:var(--ui-font);color:var(--dp-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;accent-color:var(--dp-ink);font-weight:500;line-height:1.3;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}:where(#ui) :where(button,input,select,textarea){color:inherit;font-family:inherit}#ui :focus-visible{outline:3px solid var(--dp-ink);outline-offset:3px;box-shadow:0 0 0 3px var(--dp-lime)}#ui ::selection{background:var(--dp-pink);color:var(--dp-ink)}#ui *{scrollbar-width:thin;scrollbar-color:var(--dp-wood-3) transparent}#ui ::-webkit-scrollbar{width:10px;height:10px}#ui ::-webkit-scrollbar-track{background:0 0}#ui ::-webkit-scrollbar-thumb{background:var(--dp-wood-3);border:2px solid var(--dp-cream);border-radius:var(--dp-radius-pill)}.ui-panel{background:var(--dp-sheet-bg);border:var(--dp-line);border-radius:var(--dp-radius);box-shadow:var(--dp-shadow-lg);color:var(--dp-text);position:relative}.ui-title{font-family:var(--ui-font-title);letter-spacing:.01em;color:var(--dp-text);text-align:center;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:26px;font-weight:400;line-height:1.12}.ui-btn{--btn-bg:var(--dp-action);--btn-bg-hover:var(--dp-action-hover);--btn-fg:var(--dp-on-action);border:var(--dp-line);background:var(--btn-bg);min-height:44px;box-shadow:var(--dp-shadow-btn);font:400 15px/1.1 var(--ui-font-title);letter-spacing:.02em;text-shadow:none;cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 20px 8px;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .12s;display:inline-flex;position:relative;color:var(--btn-fg)!important}.ui-btn:before{content:"";border-radius:var(--dp-radius-pill);background:var(--dp-highlight);pointer-events:none;height:3px;position:absolute;top:3px;left:5px;right:5px}.ui-btn:hover:not(:disabled){background:var(--btn-bg-hover);box-shadow:0 5px 0 var(--dp-ink);transform:translateY(-1px)}.ui-btn:active:not(:disabled){box-shadow:0 0 0 var(--dp-ink);transform:translateY(4px)}.ui-btn:disabled{background:var(--dp-disabled-bg);border-style:dashed;border-color:var(--dp-ink-60);box-shadow:none;cursor:not-allowed;color:var(--dp-disabled-ink)!important}.ui-btn:disabled:before{display:none}.ui-btn :is(img,svg){flex:none}.ui-btn-blue{--btn-bg:var(--dp-cream);--btn-bg-hover:var(--dp-cream-hi)}.ui-btn-orange{--btn-bg:var(--dp-pink);--btn-bg-hover:var(--dp-pink-hi)}.ui-btn-red{--btn-bg:var(--dp-danger);--btn-bg-hover:var(--dp-danger-hi)}.ui-btn-wood{--btn-fg:var(--dp-on-wood);background:var(--dp-wood-light-bg)}.ui-btn-wood:hover:not(:disabled){background:var(--dp-wood-light-bg);filter:brightness(1.15)}.ui-btn-wood:before{background:#fffaf02e}.ui-btn-big{border-radius:var(--dp-radius);min-width:170px;min-height:52px;font-size:18px}.ui-btn-small{border-radius:var(--dp-radius-sm);min-height:34px;box-shadow:var(--dp-shadow-btn-sm);border-width:2px;padding:5px 11px 4px;font-size:13px}.ui-btn-small:hover:not(:disabled){box-shadow:0 4px 0 var(--dp-ink)}.ui-btn-small:active:not(:disabled){transform:translateY(3px)}.ui-btn.ui-loading{text-shadow:none;color:#0000!important}.ui-btn.ui-loading>*{visibility:hidden}.ui-btn.ui-loading:after{content:"";border:4px solid #211b2940;border-top-color:var(--dp-ink);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite ui-spin;position:absolute}.ui-close{z-index:3;border:var(--dp-line);background:var(--dp-pink);width:42px;height:42px;box-shadow:var(--dp-shadow-btn-sm);cursor:pointer;border-radius:50%;padding:0;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .12s;position:absolute;top:-14px;right:-14px}.ui-close:before,.ui-close:after{content:"";background:var(--dp-ink);border-radius:3px;width:18px;height:4px;margin:-2px 0 0 -9px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.ui-close:after{transform:rotate(-45deg)}.ui-close:hover{background:var(--dp-pink-hi);transform:rotate(-8deg)}.ui-close:active{box-shadow:0 0 0 var(--dp-ink);transform:translateY(3px)}.ui-tabs{flex-wrap:wrap;gap:8px;padding:0 2px 10px;display:flex}.ui-tab{border:var(--dp-line);background:var(--dp-parchment);min-height:40px;font:400 14px/1.1 var(--ui-font-title);letter-spacing:.02em;box-shadow:var(--dp-shadow-btn-sm);cursor:pointer;white-space:nowrap;border-radius:12px;flex:0 auto;padding:8px 16px 7px;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background-color .12s;color:var(--dp-ink)!important}.ui-tab:hover:not(.active){background:var(--dp-cream-hi);box-shadow:0 4px 0 var(--dp-ink);transform:translateY(-1px)}.ui-tab.active{z-index:1;background:var(--dp-lime);box-shadow:0 0 0 var(--dp-ink), var(--dp-shadow-inset);cursor:default;position:relative;transform:translateY(3px)}.ui-tab:disabled{background:var(--dp-disabled-bg);box-shadow:none;cursor:not-allowed;border-style:dashed;color:var(--dp-disabled-ink)!important}.ui-stars{vertical-align:middle;gap:1px;display:inline-flex}.ui-star{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z' fill='%23f4c24f' stroke='%23211b29' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:20px;height:20px;display:inline-block}.ui-star.off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z' fill='%23ead9bd' stroke='%2384728a' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}.ui-gimg{object-fit:contain;max-width:100%;max-height:100%;display:block}.ui-gimg-fallback{width:100%;height:100%;color:var(--fb-color,var(--dp-ink-40));justify-content:center;align-items:center;display:flex}.ui-gimg-fallback svg{width:82%;height:82%}.ui-fb-rod{--fb-color:var(--dp-wood-hi)}.ui-fb-bait{--fb-color:var(--dp-pink-lo)}.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{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-cream);color:var(--dp-ink);font:400 13px/1.2 var(--ui-font-title);letter-spacing:.03em;box-shadow:var(--dp-shadow-sm);white-space:nowrap;padding:4px 10px 3px;display:inline-block}.ui-badge-new{background:var(--dp-lime)}.ui-badge-record{background:var(--dp-honey)}.ui-badge-shiny{background:linear-gradient(90deg, var(--dp-pink), var(--dp-honey-hi), var(--dp-lime), var(--dp-water), var(--dp-pink));background-size:200% 100%;animation:2.4s linear infinite ui-rainbow}.ui-pill{border:var(--dp-line);border-radius:var(--dp-radius-pill);background:var(--dp-cream);height:38px;box-shadow:var(--dp-shadow-sm);color:var(--dp-ink);font:400 16px/1 var(--ui-font-title);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 14px 0 38px;display:inline-flex;position:relative}.ui-pill-icon{object-fit:contain;width:40px;height:40px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.ui-pill-value{font-variant-numeric:tabular-nums}.ui-backdrop{background:var(--dp-backdrop);z-index:20;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:.26s cubic-bezier(.16,1,.3,1) ui-pop}.ui-dialog{flex-direction:column;width:min(480px,100%);max-height:calc(100dvh - 30px);padding:12px;display:flex}.ui-panel.ui-dialog{background:var(--dp-wood-bg);background-color:var(--dp-wood-1);color:var(--dp-on-wood);box-shadow:inset 0 2px 0 #fffaf01f, inset 0 0 0 4px #00000038, var(--dp-shadow-lg)}.ui-dialog>.ui-title{color:var(--dp-on-wood);text-shadow:0 2px 0 var(--dp-wood-0);padding:4px 44px 12px}.ui-dialog>.ui-close{top:9px;right:10px}.ui-dialog-body{overscroll-behavior:contain;border:var(--dp-line);background:var(--dp-sheet-bg);min-height:0;color:var(--dp-text);border-radius:12px;flex:auto;padding:12px 14px;overflow:auto;box-shadow:inset 0 3px #fff9,inset 0 -3px #211b290f}.ui-dialog-footer{color:var(--dp-on-wood);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:14px 4px 4px;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;border-radius:var(--dp-radius-sm);background:var(--dp-paper-bg);min-height:0;box-shadow:var(--dp-shadow-inset);flex:auto;padding:12px 4px 4px;overflow-y:auto}.ui-empty{text-align:center;color:var(--dp-text-muted);padding:40px 12px;font-size:17px;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:var(--dp-line-thin);background:var(--dp-cream-hi);box-shadow:3px 3px 0 var(--dp-ink);text-align:center;font:inherit;color:var(--dp-text);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 8px 10px;display:flex;position:relative}button.ui-card{cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out}button.ui-card:hover:not(.selected){box-shadow:3px 5px 0 var(--dp-ink);transform:translateY(-2px)}.ui-card.selected{background:var(--dp-lime-hi);box-shadow:0 0 0 3px var(--dp-lime), 4px 4px 0 3px var(--dp-ink);border-width:3px}.ui-card.shiny{background:linear-gradient(var(--dp-cream-hi), var(--dp-cream-hi)) padding-box, linear-gradient(135deg, var(--dp-pink), var(--dp-honey), var(--dp-lime), var(--dp-water), var(--dp-pink)) border-box;border:3px solid #0000}.ui-card-art{border-radius:var(--dp-radius-sm);background:radial-gradient(circle at 50% 55%, var(--dp-cream-hi) 0%, var(--dp-paper) 75%);justify-content:center;align-items:center;width:100%;height:92px;display:flex;position:relative}.ui-fish-card .ui-card-art{background:radial-gradient(ellipse at 50% 60%, var(--dp-water-hi) 0%, var(--dp-water) 65%, var(--dp-water-lo) 100%);border:var(--dp-line-thin);--fb-color:#211b2973}.ui-fish-card.shiny .ui-card-art:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fffaf099 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{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-ink);min-width:30px;color:var(--dp-cream);font:400 13px/1.1 var(--ui-font-title);padding:3px 7px 2px;position:absolute;bottom:-8px;right:-6px}.ui-card-badge{z-index:1;padding:2px 8px 1px;font-size:12px;position:absolute;top:-10px;left:-6px}.ui-card-name{width:100%;color:var(--dp-text);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(--dp-text-muted);font-size:12.5px;font-weight:500}.ui-card-price{font-size:14px;font-weight:700}.ui-card-actions{gap:6px;max-width:100%;margin-top:auto;padding-top:8px;display:flex}.ui-card-actions .ui-btn{white-space:normal;text-align:center;min-width:0;max-width:100%;padding:7px 10px 6px;font-size:13px}.ui-card-equipped,.ui-card-owned{z-index:1;border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-lime);color:var(--dp-ink);font:400 12px/1.2 var(--ui-font-title);box-shadow:var(--dp-shadow-sm);padding:3px 9px 2px;position:absolute;top:-10px;right:-6px}.ui-card-owned{background:var(--dp-water-hi)}.ui-card-warn{color:var(--dp-error-ink);font-size:11.5px;font-weight:700}.ui-shop-top{justify-content:space-between;align-items:center;gap:10px;padding-bottom:2px;display:flex}.ui-shop-top .ui-tabs{padding-bottom:8px}.ui-shop-wallet{height:34px;margin:0 6px 8px 0;font-size:15px}.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:2px;display:inline-flex}.ui-buy-price{font:700 13px/1 var(--ui-font);align-items:center;display:inline-flex}.ui-buy-price .ui-inline-icon{vertical-align:middle;width:17px;height:17px}.ui-shop-card.locked .ui-card-art .ui-gimg{filter:grayscale()brightness(.75)}.ui-lock{border-radius:var(--dp-radius-sm);background:var(--dp-scrim);color:var(--dp-on-wood);font:400 14px/1 var(--ui-font-title);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.ui-lock-icon{background:var(--dp-honey);border:var(--dp-line-thin);border-radius:5px;width:26px;height:22px;margin-top:12px;position:relative}.ui-lock-icon:before{content:"";border:4px solid var(--dp-cream);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{border:var(--dp-line);background:radial-gradient(circle at 38% 32%, var(--dp-honey-hi), var(--dp-honey) 55%, var(--dp-honey-lo));width:46px;height:46px;box-shadow:var(--dp-shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.ui-hud-star .ui-icon{display:none}.ui-hud-level-num{font:400 17px/1 var(--ui-font-title);color:var(--dp-ink);margin-top:2px;position:relative}.ui-hud-xp{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-parchment);width:96px;height:20px;position:relative;overflow:hidden}.ui-hud-xp-fill{border-right:var(--dp-line-thin);background:var(--dp-lime);width:0;height:100%;transition:width .6s cubic-bezier(.3,1.2,.5,1)}.ui-hud-xp-text{font:700 12px/1 var(--ui-font);color:var(--dp-ink);place-items:center;display:grid;position:absolute;inset:0}.ui-hud-energy.empty{background:var(--dp-danger-hi);animation:1s ease-in-out infinite ui-blink}.ui-hud-energy-timer{border:var(--dp-line-thin);background:var(--dp-parchment);font:700 11.5px/1 var(--ui-font);color:var(--dp-ink);white-space:nowrap;z-index:-1;border-top:none;border-radius:0 0 8px 8px;padding:3px 9px;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{border:var(--dp-line);background:var(--dp-wood-light-bg);width:54px;height:54px;box-shadow:var(--dp-shadow-sm);cursor:pointer;border-radius:12px;padding:6px;transition:transform .1s ease-out;position:relative}.ui-slot:before{content:"";background:var(--dp-cream);box-shadow:var(--dp-shadow-inset);border-radius:7px;position:absolute;inset:5px}.ui-slot>*{position:relative}.ui-slot .ui-gimg{width:100%;height:100%}.ui-slot:hover{transform:translateY(-2px)rotate(-2deg)}.ui-slot-count{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-pink);min-width:24px;color:var(--dp-ink);font:400 12px/1.1 var(--ui-font-title);padding:2px 6px 1px;position:absolute;bottom:-8px;right:-8px}.ui-slot-empty{border:2px dashed var(--dp-ink-40);border-radius:6px;width:100%;height:100%;display:block}.ui-hud-btns{border:var(--dp-line);border-radius:var(--dp-radius);background:var(--dp-wood-bg);background-color:var(--dp-wood-1);box-shadow:inset 0 2px 0 #fffaf01f, var(--dp-shadow-sm);align-items:center;gap:4px;padding:4px 8px;display:flex}.ui-hud-btn{border-radius:var(--dp-radius-sm);cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:46px;padding:0;transition:transform .1s ease-out,background-color .12s;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{background:#fffaf01a;transform:translateY(-2px)}.ui-hud-btn:active{transform:translateY(1px)scale(.96)}.ui-hud-sound{position:relative}.ui-hud-sound.off:after{content:"";background:var(--dp-danger);width:34px;height:5px;box-shadow:0 0 0 2px var(--dp-ink);border-radius:3px;margin:-2.5px 0 0 -17px;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}.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{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-pink);color:var(--dp-ink);font:400 14px/1 var(--ui-font-title);letter-spacing:.04em;padding:3px 12px 2px;animation:.6s ease-in-out infinite alternate ui-wobble;display:inline-block}.ui-bite-title{max-width:100%;font-size:23px}.ui-bite.shiny .ui-bite-title{color:var(--dp-pink-ink);text-shadow:0 0 10px var(--dp-pink), 0 0 2px var(--dp-pink-hi)}.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{height:32px;box-shadow:0 0 0 3px var(--dp-ink), var(--dp-shadow-inset);border-radius:8px;position:relative}.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{background:var(--dp-ink);clip-path:polygon(0 0,100% 0,50% 100%);width:16px;height:13px}.ui-bite-arrow.up{clip-path:polygon(50% 0,100% 100%,0 100%)}.ui-bite-fish{width:30px;height:18px;filter:drop-shadow(0 0 1.5px var(--dp-cream)) drop-shadow(0 0 1px var(--dp-cream));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 var(--dp-pink)) drop-shadow(0 0 1px var(--dp-cream))}.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(--dp-text-muted);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{font:400 13px/1 var(--ui-font-title);letter-spacing:.02em;color:var(--dp-ink);white-space:nowrap}.ui-bite-progress{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-parchment);height:22px;box-shadow:var(--dp-shadow-inset);flex:1;padding:2px;position:relative}.ui-bite-progress-fill{border-radius:var(--dp-radius-pill);background:var(--dp-lime);min-width:16px;height:100%;transition:width 80ms linear;position:relative;box-shadow:inset 0 -2px #211b2926}.ui-bite-progress-fill i{border:var(--dp-line-thin);background:var(--dp-cream);border-radius:50%;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;right:-4px}.ui-bite-progress.danger .ui-bite-progress-fill{background:var(--dp-danger)}.ui-bite-progress.danger .ui-bite-progress-fill i{background:var(--dp-danger-hi)}.ui-caught{width:min(580px,100%)}.ui-caught-stage{border:var(--dp-line);background:radial-gradient(120% 90% at 50% 0%, var(--dp-water-hi) 0%, var(--dp-water) 45%, var(--dp-water-lo) 80%, var(--dp-water-deep) 100%);border-radius:12px;height:230px;position:relative;overflow:hidden;box-shadow:inset 0 -12px #211b291f}.ui-caught-rays{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#fffaf033 0deg 7deg,#fffaf000 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{background:repeating-conic-gradient(var(--dp-pink) 0deg 15deg, var(--dp-honey-hi) 15deg 30deg, var(--dp-lime) 30deg 45deg, var(--dp-water-hi) 45deg 60deg);opacity:.6;pointer-events:none;border-radius:50%;width:420px;height:420px;margin:-210px 0 0 -210px;animation:14s linear infinite ui-spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 62%);mask:radial-gradient(circle,#000 0%,#0000 62%)}.ui-caught-fishwrap{--fb-color:var(--dp-cream);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(4px 5px #211b2959)}.ui-caught-fishwrap .ui-gimg-fallback svg{width:60%;height:70%}.ui-caught.shiny .ui-caught-fishwrap .ui-caught-fish{filter:drop-shadow(0 0 10px var(--dp-cream-hi)) drop-shadow(4px 5px 0 #211b2959)}.ui-caught.shiny .ui-caught-fishwrap .ui-gimg-fallback{--fb-color:var(--dp-pink)}.ui-caught.shiny>.ui-title{color:var(--dp-pink)}.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:15px;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 30px/1 var(--ui-font-title);color:var(--dp-ink);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{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-honey);font:400 13px/1.1 var(--ui-font-title);color:var(--dp-ink);letter-spacing:.03em;padding:3px 10px 2px;animation:.7s ease-in-out infinite alternate ui-wobble;display:inline-block}.ui-caught-stars .ui-star{width:30px;height:30px}.ui-caught-xp-label{color:var(--dp-text-muted);margin-top:4px;font-size:15px;font-weight:700}.ui-escaped-body{align-items:center;gap:16px;padding:6px 4px;display:flex}.ui-escaped-art{background:radial-gradient(circle at 50% 40%, var(--dp-water-hi) 0%, var(--dp-water) 60%, var(--dp-water-lo) 100%);border:var(--dp-line);height:110px;box-shadow:var(--dp-shadow-sm);border-radius:50%;flex:0 0 110px;position:relative;overflow:hidden}.ui-escaped-art .ui-escaped-fish{--fb-color:#211b2980;width:auto;height:auto;animation:1.8s ease-in infinite ui-flee;position:absolute;inset:18px 10px}.ui-escaped-splash{border:3px solid var(--dp-cream);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:16px;font-weight:600}.ui-escaped-text strong{font:400 19px/1.15 var(--ui-font-title);color:var(--dp-ink);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(from 0deg, var(--dp-honey) 0deg 10deg, transparent 10deg 24deg);opacity:.7;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:var(--dp-ink);position:absolute;inset:0}.ui-levelup-star:after{background:radial-gradient(circle at 45% 35%, var(--dp-honey-hi) 0%, var(--dp-honey) 50%, var(--dp-honey-lo) 100%);inset:8px}.ui-levelup-star .ui-icon{display:none}.ui-levelup-star span{z-index:1;font:400 40px/1 var(--ui-font-title);color:var(--dp-ink);margin-top:14px;position:relative}.ui-levelup-text{margin:6px 0 4px;font-size:17px;font-weight:600}.ui-levelup-energy{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-water-hi);color:var(--dp-water-ink);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(--dp-text-muted);font-weight:700}.ui-levelup-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.ui-levelup-item{border:var(--dp-line-thin);background:var(--dp-cream-hi);width:92px;box-shadow:var(--dp-shadow-sm);border-radius:12px;flex-direction:column;align-items:center;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{max-height:168px;color:var(--dp-cream-hi);text-shadow:0 1px 2px var(--dp-ink), 0 0 3px var(--dp-ink);opacity:.6;scrollbar-width:none;-webkit-user-select:text;user-select:text;border:3px solid #0000;border-radius:12px;padding:7px 11px;font-size:15px;font-weight:500;transition:background .3s,opacity .6s,border-color .3s;overflow-y:auto}.ui-chat-log:empty{display:none}.ui-chat.awake .ui-chat-log{opacity:1;border-color:var(--dp-ink);background:var(--dp-scrim);text-shadow:none}.ui-chat-line{overflow-wrap:anywhere;padding:1px 0}.ui-chat-line b{color:var(--dp-honey-hi);font-weight:700}.ui-chat-me b{color:var(--dp-pink)}.ui-chat-system{color:var(--dp-water-hi);font-style:italic}.ui-chat-bar{gap:6px;display:flex}.ui-chat-input{border:var(--dp-line);border-radius:var(--dp-radius-pill);background:var(--dp-field-bg);min-width:0;height:44px;box-shadow:var(--dp-shadow-sm);color:var(--dp-ink);font:500 16px var(--ui-font);outline:none;flex:1;padding:0 16px}.ui-chat-input::placeholder{color:var(--dp-field-placeholder);font-weight:500}.ui-chat-input:focus{background:var(--dp-cream-hi);box-shadow:0 0 0 3px var(--dp-lime), var(--dp-shadow-sm)}.ui-chat-send{border:var(--dp-line);background:var(--dp-lime);height:44px;box-shadow:var(--dp-shadow-sm);cursor:pointer;border-radius:50%;flex:0 0 44px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;position:relative}.ui-chat-send:hover{background:var(--dp-lime-hi)}.ui-chat-send:active{box-shadow:0 0 0 var(--dp-ink);transform:translate(2px,2px)}.ui-chat-send:before{content:"";background:var(--dp-ink);clip-path:polygon(0 0,100% 50%,0 100%,20% 50%);width:15px;height:16px;position:absolute;top:11px;left:14px}.ui-bubbles{pointer-events:none;position:absolute;inset:0}.ui-bubble{border:var(--dp-line-thin);border-radius:var(--dp-radius);background:var(--dp-cream-hi);max-width:220px;box-shadow:var(--dp-shadow-sm);color:var(--dp-ink);text-align:center;overflow-wrap:anywhere;text-wrap:balance;will-change:transform;width:max-content;margin-top:-12px;padding:6px 12px;font-size:14px;font-weight:600;line-height:1.25;position:absolute;top:0;left:0}.ui-bubble:after,.ui-bubble:before{content:"";border:9px solid #0000;border-top-color:var(--dp-ink);margin-left:-9px;position:absolute;top:100%;left:50%}.ui-bubble:after{border-width:6px;border-top-color:var(--dp-cream-hi);margin-left:-6px}.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:var(--dp-line);border-radius:var(--dp-radius-pill);background:var(--dp-cream);box-shadow:var(--dp-shadow);color:var(--dp-ink);font:700 16px/1.25 var(--ui-font);align-items:center;gap:8px;padding:9px 20px 8px 14px;animation:.35s cubic-bezier(.2,1.5,.4,1) ui-toast-in;display:flex}.ui-toast-icon{object-fit:contain;width:28px;height:28px}.ui-toast-warn{background:var(--dp-honey-hi)}.ui-toast-error{background:var(--dp-danger-hi)}.ui-toast-success{background:var(--dp-lime)}.ui-toast-level{background:var(--dp-honey)}.ui-toast.ui-leave{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)scale(.96)}.ui-login{background:var(--dp-ink) url(/assets/ui/brand/island.webp) 62% 50% / cover no-repeat;z-index:40;position:absolute;inset:0;overflow-y:auto}.ui-login:before{content:"";pointer-events:none;background:linear-gradient(90deg,#150f17d1 0%,#150f178c 34%,#150f1700 64%),radial-gradient(120% 90% at 70%,#0000 55%,#150f1780 100%);position:fixed;inset:0}.ui-login-inner{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:100%;padding:28px clamp(16px,7vw,120px);display:flex;position:relative}.ui-login-card{background:var(--dp-wood-bg);background-color:var(--dp-wood-1);width:min(420px,100%);color:var(--dp-on-wood);box-shadow:inset 0 2px 0 #fffaf01f, inset 0 0 0 4px #00000038, var(--dp-shadow-lg);padding:18px 16px 16px;animation:.4s cubic-bezier(.16,1,.3,1) ui-panel-in}.ui-logo{align-items:center;gap:12px;margin:0 4px 14px;display:flex;position:relative}.ui-logo-mark{border:var(--dp-line);background:radial-gradient(circle at 38% 32%, var(--dp-cream-hi), var(--dp-cream) 50%, var(--dp-parchment));width:84px;height:84px;box-shadow:0 0 0 3px var(--dp-wood-hi), 0 0 0 6px var(--dp-ink), var(--dp-shadow);object-fit:contain;border-radius:50%;flex:none;padding:6px;animation:3.2s ease-in-out infinite ui-bob}.ui-logo-text{flex-direction:column;gap:4px;min-width:0;display:flex}.ui-logo-name{font:400 clamp(30px, 4.2vw, 40px) / 1 var(--ui-font-title);letter-spacing:.01em;color:var(--dp-on-wood);text-shadow:0 3px 0 var(--dp-wood-0);margin:0}.ui-logo-sub{border:var(--dp-line-thin);border-radius:var(--dp-radius-pill);background:var(--dp-pink);color:var(--dp-ink);font:400 13px/1.1 var(--ui-font-title);letter-spacing:.04em;box-shadow:var(--dp-shadow-sm);align-self:flex-start;padding:4px 12px 3px;transform:rotate(-2deg)}.ui-login-sheet{border:var(--dp-line);background:var(--dp-sheet-bg);color:var(--dp-text);border-radius:12px;padding:14px 16px 16px;box-shadow:inset 0 3px #fff9}.ui-login-tabs{justify-content:flex-start}.ui-login-form{flex-direction:column;gap:12px;padding-top:8px;display:flex}.ui-field{color:var(--dp-text);flex-direction:column;gap:5px;font-size:14px;font-weight:700;display:flex}.ui-input{border:var(--dp-line-thin);border-radius:var(--dp-radius-sm);background:var(--dp-field-bg);width:100%;height:44px;box-shadow:var(--dp-shadow-inset);color:var(--dp-ink);font:500 16px var(--ui-font);outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.ui-input::placeholder{color:var(--dp-field-placeholder)}.ui-input:focus{border-color:var(--dp-ink);box-shadow:var(--dp-shadow-inset), 0 0 0 3px var(--dp-lime)}.ui-input:disabled{opacity:.7}.ui-login-error{border:var(--dp-line-thin);border-radius:var(--dp-radius-sm);background:var(--dp-danger-hi);color:var(--dp-danger-ink);padding:8px 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:stretch;min-width:200px;margin-top:6px}.ui-btn-discord{--btn-bg:var(--dp-discord);--btn-bg-hover:var(--dp-discord-hover);--btn-fg:var(--dp-cream-hi)}.ui-btn-discord:before{background:#ffffff40}.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:var(--dp-text-muted);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:var(--dp-ink-20);border-radius:2px;flex:1;height:2px}.ui-discord-btn{align-self:stretch;gap:10px;max-width:100%;text-decoration:none}.ui-discord-btn svg{flex:none}.ui-login.busy .ui-discord-btn{pointer-events:none;opacity:.65}.ui-login-hint{max-width:320px;color:var(--dp-text-muted);text-align:center;font-size:13.5px;font-weight:500}.ui-login-foot{max-width:420px;color:var(--dp-on-wood-muted);text-shadow:0 1px 2px var(--dp-ink);margin:0 4px;font-size:13.5px;font-style:italic;font-weight:500;line-height:1.4}.ui-shake{animation:.4s ui-shake}.ui-loadscreen{z-index:40;text-align:center;background:radial-gradient(circle at 50% 45%, #211b298c 0%, #150f17eb 70%), var(--dp-ink) url(/assets/ui/brand/island.webp) center / cover no-repeat;color:var(--dp-on-wood);font-family:var(--ui-font);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex;position:fixed;inset:0}.ui-loadscreen-logo{border:var(--dp-line);background:radial-gradient(circle at 38% 32%, var(--dp-cream-hi), var(--dp-cream) 50%, var(--dp-parchment));width:112px;height:112px;box-shadow:0 0 0 3px var(--dp-wood-hi), 0 0 0 6px var(--dp-ink), var(--dp-shadow);object-fit:contain;border-radius:50%;margin-bottom:14px;padding:8px;animation:1.2s ease-in-out infinite ui-loading-bob}.ui-loadscreen-title{font:400 clamp(22px, 4vw, 30px) / 1.15 var(--ui-font-title);letter-spacing:.01em;color:var(--dp-on-wood);text-shadow:0 3px 0 var(--dp-wood-0)}.ui-loadscreen-tip{max-width:520px;font:500 16px/1.45 var(--ui-font);color:var(--dp-on-wood-muted);margin:12px auto 0}.ui-loadscreen-tip:empty{display:none}.ui-loadscreen-bar{border:var(--dp-line);border-radius:var(--dp-radius-pill);background:var(--dp-cream);width:min(320px,70vw);height:18px;box-shadow:var(--dp-shadow-sm);margin:22px auto 0;padding:2px;overflow:hidden}.ui-loading-fill{border-radius:var(--dp-radius-pill);background:var(--dp-lime);width:40%;height:100%;box-shadow:0 0 0 2px var(--dp-ink);animation:1.4s linear infinite ui-loading-run}.ui-lang{border:var(--dp-line);border-radius:var(--dp-radius-pill);background:var(--dp-cream);box-shadow:var(--dp-shadow-sm);align-items:center;gap:2px;padding:3px;display:inline-flex}#ui .ui-lang-opt{border-radius:var(--dp-radius-pill);min-width:44px;height:32px;color:var(--dp-ink);font:400 14px/1 var(--ui-font-title);letter-spacing:.06em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 10px;transition:background-color .15s,transform 60ms}#ui .ui-lang-opt:hover:not([aria-pressed=true]){background:var(--dp-parchment)}#ui .ui-lang-opt[aria-pressed=true]{background:var(--dp-lime);box-shadow:inset 0 0 0 2px var(--dp-ink);cursor:default}#ui .ui-lang-opt:active:not([aria-pressed=true]){transform:translateY(1px)}#ui .ui-lang-opt:focus-visible{outline:3px solid var(--dp-ink);outline-offset:1px;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(.85)}to{opacity:1;transform:scale(1)}}@keyframes ui-panel-in{0%{opacity:0;transform:translate(-24px)}}@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(-6px)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.06)rotate(2deg)}}@keyframes ui-blink{50%{box-shadow:0 0 0 4px var(--dp-danger)}}@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)}}@keyframes ui-loading-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes ui-loading-run{0%{margin-left:-40%}to{margin-left:100%}}@media (width<=720px){.ui-hud{padding-left:12px;padding-right:8px}.ui-hud-left{gap:8px 14px}.ui-pill{height:32px;padding:2px 10px 0 30px;font-size:14px}.ui-pill-icon{width:32px;height:32px;left:-7px}.ui-hud-level{padding-left:32px}.ui-hud-star{width:38px;height:38px;left:-10px}.ui-hud-level-num{font-size:14px}.ui-hud-xp{width:64px;height:16px}.ui-hud-xp-text,.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{font-size:21px}.ui-wide{height:100%;max-height:720px}#ui:has(.ui-bite:not([hidden])) .ui-chat{display:none}.ui-dialog,.ui-dialog-body{padding:10px}.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:7px 11px 6px;font-size:13px}.ui-tabs{gap:6px;padding:0 0 8px}.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:20px}.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{font-size:25px}.ui-caught-stars .ui-star{width:22px;height:22px}.ui-caught-badges>*{font-size:13px}.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:14px}.ui-login{background-position:30%}.ui-login:before{background:#150f1799}.ui-login-inner{align-items:center;padding:64px 12px 24px}.ui-logo-mark{width:68px;height:68px}.ui-login-foot{text-align:center}}@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,.ui-loadscreen,.ui-loadscreen *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}