:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#bfe685;--c-outline:#4e3016;--c-wood:#b0793f;--c-wood-light:#d9a95e;--c-wood-shadow:#7a4f26;--c-parchment:#ffeec9;--c-parchment-deep:#f3dca4;--c-ink:#5b3a1e;--c-ink-dim:#93713d;--c-gold:#ffc93c;--c-amber:#e79b2e;--c-leaf:#63a531;--c-leaf-dark:#45761f;--c-berry:#d9534f;--c-sky:#4fa9d9;--c-focus:var(--c-sky);--font-display:"Baloo 2", "Comic Sans MS", system-ui, sans-serif;--tex-parchment:radial-gradient(circle at 15% 20%, #8b5e2b0d, transparent 45%), radial-gradient(circle at 85% 78%, #8b5e2b0d, transparent 45%), radial-gradient(circle at 55% 10%, #8b5e2b09, transparent 40%);--tex-wood-grain:repeating-linear-gradient(115deg, #ffffff1f 0px, transparent 2px, transparent 5px, #5d3a141a 6px, transparent 9px);font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}html,body{background:var(--c-bg);width:100%;height:100%;color:var(--c-ink);margin:0;padding:0;overflow:hidden}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#app{width:100%;height:100%;position:relative}.seo-content{box-sizing:border-box;width:100%;max-width:900px;color:var(--c-ink);z-index:-1;padding:40px;font-family:system-ui,sans-serif;position:absolute;top:100vh;left:0}body.is-mobile .seo-content{display:none!important}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.game-ui{pointer-events:none;font-family:var(--font-display);position:absolute;inset:0}.panel-cut{background:var(--tex-parchment), linear-gradient(180deg, var(--c-parchment), var(--c-parchment-deep));border:3px solid var(--c-outline);box-shadow:inset 0 0 0 3px var(--c-wood-light), inset 0 0 0 6px var(--c-wood), 0 5px 0 var(--c-wood-shadow), 0 10px 24px #3f28124d;border-radius:12px}.wood-button{font-family:var(--font-display);color:var(--c-ink);background:var(--tex-wood-grain), linear-gradient(180deg, var(--c-gold), var(--c-amber));border:3px solid var(--c-outline);box-shadow:0 4px 0 var(--c-wood-shadow);cursor:pointer;border-radius:10px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.wood-button:hover{box-shadow:0 5px 0 var(--c-wood-shadow);transform:translateY(-1px)}.wood-button:active{box-shadow:0 1px 0 var(--c-wood-shadow);transform:translateY(3px)}.connect-screen{pointer-events:auto;background:radial-gradient(70% 60% at 50% 45%,#0000 40%,#4e301652 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.connect-screen.hidden{display:none}.connect-card{text-align:center;background:var(--tex-parchment), linear-gradient(180deg, var(--c-parchment), var(--c-parchment-deep));border:4px solid var(--c-outline);width:350px;box-shadow:inset 0 0 0 4px var(--c-wood-light), inset 0 0 0 8px var(--c-wood), 0 8px 0 var(--c-wood-shadow), 0 24px 50px #3f281259;border-radius:16px;flex-direction:column;align-items:stretch;gap:14px;padding:38px 34px;display:flex}.connect-card h1{font-family:var(--font-display);letter-spacing:.01em;color:#8a4a2a;text-shadow:2px 2px 0 var(--c-gold), 4px 4px 0 #5a3a1e40;margin:0;font-size:42px;font-weight:800;line-height:1}.tagline{color:var(--c-ink-dim);margin:0 0 8px;font-size:14px;font-weight:600}.skin-picker{border:2px solid var(--c-wood);background:#b0793f29;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.skin-preview{background:#e9d29a;border-radius:10px;flex-shrink:0}.skin-swatches{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skin-swatch{border:3px solid var(--c-parchment);width:28px;height:28px;box-shadow:0 0 0 2px var(--c-wood);cursor:pointer;border-radius:50%;padding:0;transition:transform .1s,box-shadow .1s;position:relative}.skin-swatch:before{content:"";position:absolute;inset:-4px}.skin-swatch:hover{transform:scale(1.15)}.skin-swatch.selected{box-shadow:0 0 0 3px var(--c-amber);transform:scale(1.1)}.name-input{box-sizing:border-box;height:58px;font-family:var(--font-display);border:3px solid var(--c-wood);color:var(--c-ink);background:#fff8e7;border-radius:10px;padding:0 16px;font-size:15px;font-weight:600}.name-input::placeholder{color:var(--c-ink-dim);opacity:.7}.name-input:focus{border-color:var(--c-amber);outline:none}.play-button{font-family:var(--font-display);letter-spacing:.02em;color:var(--c-ink);background:var(--tex-wood-grain), linear-gradient(180deg, var(--c-gold), var(--c-amber));border:3px solid var(--c-outline);box-shadow:0 5px 0 var(--c-wood-shadow);cursor:pointer;border-radius:12px;padding:14px 12px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.play-button:hover{box-shadow:0 7px 0 var(--c-wood-shadow);transform:translateY(-2px)}.play-button:active{box-shadow:0 2px 0 var(--c-wood-shadow);transform:translateY(3px)}.play-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 5px 0 var(--c-wood-shadow);transform:none}.connect-actions{gap:12px;width:100%;display:flex}.connect-actions .play-button{box-sizing:border-box;flex:1;justify-content:center;align-items:center;height:58px;display:flex}.connect-actions .audio-toggle-button{box-sizing:border-box;background:var(--tex-wood-grain), linear-gradient(180deg, var(--c-gold), var(--c-amber));border:3px solid var(--c-outline);width:58px;height:58px;box-shadow:0 5px 0 var(--c-wood-shadow);cursor:pointer;pointer-events:auto;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:24px;transition:transform 80ms,box-shadow 80ms;display:flex}.connect-actions .audio-toggle-button:hover{box-shadow:0 7px 0 var(--c-wood-shadow);transform:translateY(-2px)}.connect-actions .audio-toggle-button:active{box-shadow:0 2px 0 var(--c-wood-shadow);transform:translateY(3px)}.error-text{min-height:18px;color:var(--c-berry);margin:0;font-size:13px;font-weight:700}.hud.hidden{display:none}.leaderboard{pointer-events:auto;width:216px;padding:16px 18px;position:absolute;top:16px;right:16px}.leaderboard h2{font-family:var(--font-display);letter-spacing:.02em;color:#8a4a2a;border-bottom:2px solid #b0793f73;margin:0 0 8px;padding-bottom:8px;font-size:16px;font-weight:800}.leaderboard-list{counter-reset:rank;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1.85;list-style:none}.leaderboard-list li{counter-increment:rank;color:var(--c-ink-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.leaderboard-list li:before{content:counter(rank) ".";width:20px;color:var(--c-ink-dim);font-weight:800;display:inline-block}.leaderboard-list li:first-child{color:#b8860b;font-weight:800}.leaderboard-list li:first-child:before{content:"🥇";width:22px}.leaderboard-list li:nth-child(2){color:#7d8590}.leaderboard-list li:nth-child(2):before{content:"🥈";width:22px}.leaderboard-list li:nth-child(3){color:#a5602e}.leaderboard-list li:nth-child(3):before{content:"🥉";width:22px}.leaderboard-list li.me{color:var(--c-leaf-dark);font-weight:800}.stats-panel{color:var(--c-ink-dim);pointer-events:none;padding:14px 18px;font-size:12px;font-weight:700;position:absolute;bottom:16px;left:16px}.stats-panel>div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.stats-panel span{font-family:var(--font-display);color:#8a4a2a;font-size:17px;font-weight:800}.stats-actions{gap:6px;width:100%;margin-top:8px;display:flex}.stats-panel .stats-actions{justify-content:flex-start;align-items:center}.stats-actions .collection-button{box-sizing:border-box;flex:1;justify-content:center;align-items:center;height:32px;margin-top:0;display:flex}.stats-actions .audio-toggle-button{box-sizing:border-box;background:var(--tex-wood-grain), linear-gradient(180deg, var(--c-gold), var(--c-amber));border:2px solid var(--c-outline);width:32px;height:32px;box-shadow:0 3px 0 var(--c-wood-shadow);cursor:pointer;pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:flex}.stats-actions .audio-toggle-button:hover{box-shadow:0 4px 0 var(--c-wood-shadow);transform:translateY(-1px)}.stats-actions .audio-toggle-button:active{box-shadow:0 1px 0 var(--c-wood-shadow);transform:translateY(2px)}.collection-button{width:100%;font-family:var(--font-display);color:var(--c-ink);background:var(--tex-wood-grain), linear-gradient(180deg, var(--c-gold), var(--c-amber));border:2px solid var(--c-outline);box-shadow:0 3px 0 var(--c-wood-shadow);cursor:pointer;pointer-events:auto;border-radius:8px;margin-top:8px;padding:7px 14px;font-size:12px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.collection-button:hover{box-shadow:0 4px 0 var(--c-wood-shadow);transform:translateY(-1px)}.collection-button:active{box-shadow:0 1px 0 var(--c-wood-shadow);transform:translateY(2px)}.minimap-frame{pointer-events:none;padding:4px;position:absolute;bottom:16px;right:16px}.minimap{border-radius:16px;display:block}.status-banner{color:#fff;background:var(--c-berry);pointer-events:none;border-radius:999px;padding:9px 20px;font-size:13px;font-weight:800;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px #d94a3d}.status-banner.hidden{display:none}.event-toast{font-family:var(--font-display);pointer-events:none;color:#fff;background:var(--c-sky);border-radius:999px;padding:11px 24px;font-size:16px;font-weight:800;animation:.2s cubic-bezier(.34,1.56,.64,1) toast-pop;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 5px #00000026}.event-toast--danger{background:var(--c-berry)}.event-toast--warning{background:var(--c-gold);color:var(--c-ink)}.event-toast--info{background:var(--c-sky)}.event-toast.hidden{display:none}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}.cast-meter{flex-direction:column;align-items:center;gap:8px;min-width:240px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.cast-meter-track{border:3px solid var(--c-outline);width:100%;height:22px;box-shadow:inset 0 0 0 2px var(--c-wood-light);background:#b0793f4d;border-radius:8px;overflow:hidden}.cast-meter-fill{background:linear-gradient(180deg, #7fc4f5, var(--c-sky));width:0%;height:100%;transition:width 50ms linear}.cast-meter-label{color:var(--c-ink);text-shadow:1px 1px #ffeec9cc;font-size:11px;font-weight:800}.fishing-modal{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20;background:#3f281259;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fishing-modal.hidden{display:none}.fishing-modal-card{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) fishing-modal-pop;display:flex}.fishing-modal-title{font-family:var(--font-display);color:var(--c-berry);text-shadow:1.5px 1.5px #fffc;letter-spacing:.05em;margin:0;font-size:20px;font-weight:800;animation:1.2s ease-in-out infinite title-beat}@keyframes title-beat{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.fishing-modal-subtitle{color:var(--c-ink-dim);max-width:220px;margin:0;font-size:11px;font-weight:700;line-height:1.35}.fishing-modal-chance{font-family:var(--font-display);color:var(--c-ink);background:var(--c-parchment-deep);border:2.5px solid var(--c-outline);box-shadow:0 2px 0 var(--c-wood-shadow);border-radius:20px;margin:4px 0 0;padding:4px 14px;font-size:13px;font-weight:800}.fishing-modal-chance-value{color:var(--c-berry);text-shadow:1px 1px #fff;font-size:16px}@keyframes fishing-modal-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.fishing-modal-game-container{flex-direction:row;justify-content:center;align-items:center;display:flex}.fishing-modal-canvas{border:3px solid var(--c-outline);box-shadow:inset 0 0 0 2px var(--c-wood-light);border-radius:10px;width:auto;height:340px;max-height:60vh;margin:0;display:block}.collection-modal{z-index:30;pointer-events:auto;background:#3f281259;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.collection-modal.hidden{display:none}.collection-modal-card{flex-direction:column;gap:16px;width:380px;height:480px;padding:24px;display:flex}.collection-modal-header{justify-content:space-between;align-items:center;display:flex}.collection-modal-header h2{font-family:var(--font-display);color:#8a4a2a;margin:0;font-size:24px;font-weight:800}.collection-close{color:var(--c-ink-dim);cursor:pointer;background:0 0;border:none;font-size:28px;font-weight:800;position:relative}.collection-close:before{content:"";position:absolute;inset:-10px}.collection-list{scrollbar-width:thin;scrollbar-color:var(--c-wood) transparent;flex-direction:column;flex-grow:1;gap:8px;padding-right:8px;display:flex;overflow-y:auto}.collection-list::-webkit-scrollbar{width:10px}.collection-list::-webkit-scrollbar-track{background:0 0;margin:4px 0}.collection-list::-webkit-scrollbar-thumb{background:var(--c-wood);border:2px solid var(--c-parchment);border-radius:999px}.collection-list::-webkit-scrollbar-thumb:hover{background:var(--c-wood-shadow)}.collection-item{background:#b0793f14;border:2px dashed #b0793f33;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px;display:flex}.collection-item.caught{border:2px solid var(--c-outline);background:#ffeec966}.collection-item-header{align-items:center;gap:12px;width:100%;display:flex}.collection-item-desc{color:var(--c-ink-dim);padding-left:22px;font-size:11px;font-style:italic;line-height:1.35}.collection-item-dot{border-radius:50%;width:10px;height:10px}.collection-item-name{color:var(--c-ink-dim);flex-grow:1;font-size:13px;font-weight:800}.collection-item.caught .collection-item-name{color:var(--c-ink)}.collection-item-rarity{font-size:11px;font-weight:800}.catch-modal{z-index:40;pointer-events:auto;background:#3f281273;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.catch-modal.hidden{display:none}.catch-modal-flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff6c8f2,#ffc93c4d 45%,#0000 75%);position:absolute;inset:0}.catch-modal.legendary-flash .catch-modal-flash{animation:.7s ease-out catch-flash-pulse}@keyframes catch-flash-pulse{0%{opacity:0}18%{opacity:1}to{opacity:0}}.catch-modal-rays{background:repeating-conic-gradient(var(--rarity-color) 0deg 6deg, transparent 6deg 24deg);opacity:0;z-index:-1;pointer-events:none;border-radius:50%;width:480px;height:480px;margin:-240px 0 0 -240px;animation:12s linear infinite catch-rays-spin;position:absolute;top:50%;left:50%}@keyframes catch-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.catch-modal-card.rarity-rare .catch-modal-rays{opacity:.18}.catch-modal-card.rarity-legendary .catch-modal-rays{opacity:.32}.catch-modal-burst{pointer-events:none;position:absolute;inset:0}.catch-modal-burst span{background:var(--rarity-color);width:6px;height:6px;box-shadow:0 0 6px 1px var(--rarity-color);opacity:0;border-radius:50%;position:absolute;top:50%;left:50%}.catch-modal-card.rarity-rare .catch-modal-burst span,.catch-modal-card.rarity-legendary .catch-modal-burst span{animation:.75s cubic-bezier(.2,.8,.3,1) both catch-burst-fly}@keyframes catch-burst-fly{0%{transform:translate(-50%, -50%) rotate(var(--burst-angle,0deg)) translateX(0) scale(1);opacity:1}to{transform:translate(-50%, -50%) rotate(var(--burst-angle,0deg)) translateX(130px) scale(.2);opacity:0}}.catch-modal-burst span:first-child{--burst-angle:0deg;animation-delay:50ms}.catch-modal-burst span:nth-child(2){--burst-angle:30deg;animation-delay:80ms}.catch-modal-burst span:nth-child(3){--burst-angle:60deg;animation-delay:20ms}.catch-modal-burst span:nth-child(4){--burst-angle:90deg;animation-delay:.1s}.catch-modal-burst span:nth-child(5){--burst-angle:120deg;animation-delay:40ms}.catch-modal-burst span:nth-child(6){--burst-angle:150deg;animation-delay:90ms}.catch-modal-burst span:nth-child(7){--burst-angle:180deg;animation-delay:30ms}.catch-modal-burst span:nth-child(8){--burst-angle:210deg;animation-delay:70ms}.catch-modal-burst span:nth-child(9){--burst-angle:240deg;animation-delay:10ms}.catch-modal-burst span:nth-child(10){--burst-angle:270deg;animation-delay:60ms}.catch-modal-burst span:nth-child(11){--burst-angle:300deg;animation-delay:.1s}.catch-modal-burst span:nth-child(12){--burst-angle:330deg;animation-delay:30ms}.catch-modal-card{--rarity-color:#b8c4cc;flex-direction:column;align-items:center;gap:10px;width:520px;max-width:calc(100vw - 32px);padding:22px 31px;animation:.35s cubic-bezier(.34,1.56,.64,1) catch-modal-pop;display:flex;position:relative}@keyframes catch-modal-pop{0%{opacity:0;transform:scale(.5)rotate(-6deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes catch-modal-pop-legendary{0%{opacity:0;transform:scale(.3)rotate(-10deg)}50%{opacity:1;transform:scale(1.2)rotate(3deg)}75%{transform:scale(.94)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes catch-modal-shake{0%,to{margin-left:0}20%{margin-left:-6px}40%{margin-left:5px}60%{margin-left:-4px}80%{margin-left:3px}}@keyframes catch-modal-glow-pulse{0%,to{box-shadow:inset 0 0 0 4px var(--c-wood-light), inset 0 0 0 8px var(--c-wood), 0 8px 0 var(--c-wood-shadow), 0 24px 50px #3f281259, 0 0 0 3px var(--rarity-color), 0 0 18px 2px var(--rarity-color)}50%{box-shadow:inset 0 0 0 4px var(--c-wood-light), inset 0 0 0 8px var(--c-wood), 0 8px 0 var(--c-wood-shadow), 0 24px 50px #3f281259, 0 0 0 4px var(--rarity-color), 0 0 34px 8px var(--rarity-color)}}.catch-modal-card.rarity-uncommon{animation:.35s cubic-bezier(.34,1.56,.64,1) catch-modal-pop,1.8s ease-in-out .4s infinite catch-modal-glow-pulse}.catch-modal-card.rarity-rare{animation:.4s cubic-bezier(.34,1.56,.64,1) catch-modal-pop,1.6s ease-in-out .4s infinite catch-modal-glow-pulse}.catch-modal-card.rarity-legendary{animation:.55s cubic-bezier(.34,1.56,.64,1) catch-modal-pop-legendary,.5s ease-in-out 80ms catch-modal-shake,1.3s ease-in-out .6s infinite catch-modal-glow-pulse}.catch-modal-close{color:var(--c-ink-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;width:30px;height:30px;font-size:22px;font-weight:800;line-height:1;transition:background .12s,color .12s;position:absolute;top:8px;right:12px}.catch-modal-close:before{content:"";position:absolute;inset:-7px}.catch-modal-close:hover{color:var(--c-ink);background:#00000014}.catch-modal-new{font-family:var(--font-display);color:var(--c-leaf-dark);border:2px solid var(--c-outline);background:#e6f7d4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;animation:1s ease-in-out infinite catch-new-pulse}.catch-modal-new.hidden{display:none}@keyframes catch-new-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.catch-modal-canvas{background:0 0;border:none}.catch-modal-name{font-family:var(--font-display);color:#8a4a2a;font-size:22px;font-weight:800}.catch-modal-weight{font-family:var(--font-display);color:var(--c-ink);margin-top:-4px;font-size:15px;font-weight:800}.catch-modal-rarity{text-shadow:0 0 8px;margin-top:-6px;font-size:11px;font-weight:800}.catch-modal-value{font-family:var(--font-display);color:var(--c-amber);text-shadow:1px 1px 0 var(--c-outline);font-size:18px;font-weight:800}.connect-card-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;max-height:100vh;display:flex}.ad-banner{box-sizing:border-box;flex-direction:column;align-items:center;width:fit-content;padding:8px 12px;display:flex}.hud-banner{box-sizing:border-box;pointer-events:auto;flex-direction:column;align-items:center;width:fit-content;padding:6px 12px;display:flex;position:absolute;top:16px;left:16px}.ad-banner-label{font-family:var(--font-display);color:var(--c-ink-dim);letter-spacing:.08em;text-align:center;opacity:.8;margin-bottom:4px;font-size:9px;font-weight:800}.ad-banner-content{border:2px solid var(--c-wood);background:var(--tex-parchment), #ffeec966;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:320px;height:50px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #d9a95e59}.ad-placeholder{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.ad-placeholder-icon{font-size:18px;animation:2s ease-in-out infinite ad-wobble}.ad-placeholder-text{color:var(--c-ink-dim);text-align:left;font-size:11px;font-weight:700;line-height:1.25}@keyframes ad-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)scale(1.1)}75%{transform:rotate(10deg)scale(1.1)}}.ad-banner-mini{box-sizing:border-box;flex-direction:column;align-items:center;width:fit-content;margin:12px auto 0;padding:4px 8px;display:flex}#rotate-device-overlay{background:var(--c-wood-shadow);z-index:99999;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.rotate-card{text-align:center;background:var(--tex-parchment), linear-gradient(180deg, var(--c-parchment), var(--c-parchment-deep));border:4px solid var(--c-outline);max-width:320px;font-family:var(--font-display);border-radius:16px;padding:30px 24px;box-shadow:0 8px #0006}.rotate-card h2{color:#8a4a2a;margin:0 0 10px;font-size:26px}.rotate-card p{color:var(--c-ink);margin:0 0 15px;font-size:14px;line-height:1.4}.rotate-phone-icon{font-size:54px;animation:2.5s ease-in-out infinite rotatePhone;display:inline-block}@keyframes rotatePhone{0%{transform:rotate(0)}45%{transform:rotate(-90deg)}55%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (width<=900px) and (orientation:portrait){body.is-mobile.in-game #rotate-device-overlay{display:flex}}.mobile-controls-container{pointer-events:none;z-index:25;display:none;position:absolute;inset:0}body.is-mobile .mobile-controls-container{display:block}.mobile-joystick{pointer-events:auto;width:100px;height:100px;position:absolute;bottom:25px;left:35px}.joystick-base{border:3.5px solid var(--c-outline);background:#5b3a1e59;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:inset 0 2px 5px #0000004d}.joystick-handle{background:linear-gradient(180deg, var(--c-wood-light), var(--c-wood));border:3px solid var(--c-outline);width:46px;height:46px;box-shadow:0 4px 0 var(--c-wood-shadow);border-radius:50%;transition:transform 50ms ease-out}.mobile-action-btn{pointer-events:auto;z-index:30;justify-content:center;align-items:center;width:95px;height:95px;display:flex;position:absolute;bottom:25px;right:35px;box-shadow:0 6px 0 var(--c-wood-shadow)!important;border-radius:50%!important;font-size:20px!important}.mobile-action-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--c-wood-shadow)!important}.mobile-action-btn.danger{background:linear-gradient(180deg, #e57373, var(--c-berry))!important;border-color:var(--c-outline)!important;color:#fff!important;box-shadow:0 6px #b71c1c!important}.mobile-action-btn.danger:active{transform:translateY(4px);box-shadow:0 2px #b71c1c!important}@media (height<=480px){body.is-mobile .hud-banner{display:none!important}body.is-mobile .stats-panel{pointer-events:auto!important;gap:2px!important;width:auto!important;max-width:200px!important;padding:6px 10px!important;font-size:10px!important;top:10px!important;bottom:auto!important;left:10px!important}body.is-mobile .stats-panel>div{white-space:nowrap!important;margin-bottom:0!important}body.is-mobile .stats-panel .stats-actions{gap:4px!important;margin-top:2px!important;display:flex!important}body.is-mobile .collection-button{padding:1px 4px!important;font-size:9px!important}body.is-mobile .stats-panel .audio-toggle-button{display:none!important}body.is-mobile .leaderboard{width:130px!important;max-height:140px!important;padding:6px 10px!important;transition:height .2s ease-out,padding .2s ease-out!important;top:10px!important;right:10px!important;overflow:hidden!important}body.is-mobile .leaderboard.collapsed{height:32px!important;padding:4px 10px!important}body.is-mobile .leaderboard.collapsed h2{text-align:center!important;border:none!important;margin:0!important;padding:0!important;font-size:10px!important}body.is-mobile .leaderboard h2:after{content:" ▾";vertical-align:middle;font-size:9px}body.is-mobile .leaderboard:not(.collapsed) h2:after{content:" ▴"}body.is-mobile .leaderboard.collapsed .leaderboard-list{display:none!important}body.is-mobile .leaderboard h2{margin-bottom:2px!important;font-size:11px!important}body.is-mobile .leaderboard-list li{padding:1px 0!important;font-size:9px!important}body.is-mobile .minimap-frame{pointer-events:auto!important;padding:2px!important;display:block!important;inset:10px 178px auto auto!important}body.is-mobile .minimap{border-radius:8px!important;width:60px!important;height:60px!important}body.is-mobile .connect-card{align-items:center;grid-template-rows:auto auto auto!important;grid-template-columns:1.2fr 1fr!important;gap:10px!important;width:92vw!important;max-width:520px!important;max-height:92vh!important;padding:14px 18px!important;display:grid!important;overflow:visible!important}body.is-mobile .connect-card h1{text-align:left!important;grid-area:1/1!important;margin:0!important;font-size:24px!important}body.is-mobile .connect-card .tagline{display:none!important}body.is-mobile .connect-card .name-input{grid-area:2/1!important;height:38px!important;margin:0!important;font-size:14px!important}body.is-mobile .connect-card .connect-actions{grid-area:3/1!important;gap:8px!important;margin:0!important;display:flex!important}body.is-mobile .connect-card .connect-actions .play-button{flex:1!important;height:38px!important;font-size:16px!important}body.is-mobile .connect-card .connect-actions .audio-toggle-button{width:38px!important;height:38px!important}body.is-mobile .connect-card .error-text{text-align:left!important;grid-area:4/1!important;margin:0!important;font-size:11px!important}body.is-mobile .connect-card .skin-picker{background:#b0793f1a!important;flex-direction:column!important;grid-area:1/2/span 3!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:100%!important;padding:6px!important;display:flex!important}body.is-mobile .connect-card .skin-preview{width:60px!important;height:70px!important}body.is-mobile .connect-card .skin-swatches{gap:4px!important}body.is-mobile .connect-card .skin-swatch{width:20px!important;height:20px!important}body.is-mobile .fishing-modal-card{max-width:90vw!important;padding:8px 16px!important}body.is-mobile .fishing-modal-canvas{width:70px!important;height:48vh!important}body.is-mobile .fishing-modal-title{font-size:16px!important}body.is-mobile .collection-modal-card{flex-direction:column!important;width:90vw!important;height:90vh!important;padding:12px 16px!important;display:flex!important}body.is-mobile .collection-list{flex:1!important;padding-right:4px!important;overflow-y:auto!important}body.is-mobile .collection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:8px!important;display:grid!important}body.is-mobile .collection-card{padding:8px 4px!important;font-size:11px!important}body.is-mobile .collection-card-icon{height:32px!important;font-size:24px!important}body.is-mobile .catch-modal-card{grid-template-rows:auto auto auto auto!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:16px!important;width:90vw!important;max-width:500px!important;max-height:92vh!important;padding:12px 24px!important;display:grid!important;overflow:visible!important}body.is-mobile .catch-modal-close{font-size:22px!important;top:6px!important;right:10px!important}body.is-mobile .catch-modal-new{grid-area:1/1/auto/span 2!important;width:fit-content!important;margin:0 auto!important;font-size:11px!important;position:static!important}body.is-mobile .catch-modal-canvas{grid-area:2/1/span 3!important;width:140px!important;height:95px!important;margin:0 auto!important}body.is-mobile .catch-modal-name{text-align:left!important;grid-area:2/2!important;margin:0!important;font-size:16px!important}body.is-mobile .catch-modal-rarity{grid-area:3/2!important;width:fit-content!important;margin:0!important;padding:2px 6px!important;font-size:10px!important}body.is-mobile .catch-modal-weight{text-align:left!important;grid-area:4/2!important;margin:0!important;font-size:11px!important}body.is-mobile .catch-modal-value{text-align:left!important;grid-area:5/2!important;margin:0!important;font-size:11px!important}}