:root{--farm-sky-top: #8fd3f4;--farm-sky-bottom: #b6e6a1;--farm-grass: #6fbf4f;--farm-grass-dark: #4f9c37;--water-sky-top: #1e3c72;--water-sky-bottom: #2a6f97;--water-deep: #14335c;--water-light: #4fa8d8;--soil-light: #a9744f;--soil-dark: #6b4429;--water-slot-light: #6ec6e6;--water-slot-dark: #1a5f8a;--gold: #ffc93c;--gold-dark: #e0a500;--gold-glow: rgba(255, 201, 60, .65);--panel-bg: #fffaf0;--panel-bg-dark: #2b2b2b;--text-dark: #2c1f14;--text-light: #fff8ea;--text-muted: #7a6a58;--border-soft: rgba(0, 0, 0, .08);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .18);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .3);--color-danger: #e5484d;--color-success: #3fb950;--color-locked: #8a8a8a;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--tap-min: 44px;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-dark);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}#root{max-width:480px;min-width:320px;margin:0 auto;position:relative;overflow-x:hidden;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}img{max-width:100%}.btn{min-height:var(--tap-min);padding:10px 18px;border-radius:var(--radius-md);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease,box-shadow .08s ease;box-shadow:var(--shadow-soft)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#7ed957,#4f9c37);color:#fff}.btn-gold{background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#402d00}.btn-secondary{background:#eee;color:var(--text-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-block{width:100%}.btn-sm{min-height:34px;padding:6px 12px;font-size:13px}.panel-card{background:var(--panel-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:16px}.progress-track{width:100%;height:8px;border-radius:999px;background:#00000026;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7ed957,var(--gold));transition:width .3s ease}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px 2px var(--gold-glow)}50%{box-shadow:0 0 16px 6px var(--gold-glow)}}.ready-glow{animation:pulse-glow 1.4s ease-in-out infinite}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;justify-content:center}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-up-panel{width:100%;max-width:480px;max-height:82vh;background:var(--panel-bg);border-radius:22px 22px 0 0;box-shadow:var(--shadow-strong);animation:slide-up .25s ease-out;display:flex;flex-direction:column;overflow:hidden}.slide-up-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-soft);font-weight:800;font-size:18px}.slide-up-body{overflow-y:auto;padding:12px 16px 24px}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-card{background:var(--panel-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);padding:24px 20px;max-width:340px;width:90%;text-align:center;animation:pop-in .2s ease-out}.modal-card-wide{max-width:420px}@keyframes firework-burst{0%{transform:translateY(0) scale(.3);opacity:0}40%{opacity:1}to{transform:translateY(-70px) scale(1.4);opacity:0}}.firework{position:absolute;bottom:0;font-size:28px;animation:firework-burst 1.6s ease-out infinite}.daily-login-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:4px 0 18px}.daily-login-cell{aspect-ratio:1;border:none;border-radius:10px;background:#f2f2f2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-size:10px;font-weight:700;font-family:inherit;color:var(--text-muted);cursor:pointer;padding:0}.daily-login-cell.selected{outline:2px solid #4aa8ff;outline-offset:1px}.daily-login-cell .day-emoji{font-size:15px;line-height:1}.daily-login-cell.claimed{background:#3fb9502e;color:var(--color-success)}.daily-login-cell.claimed .day-check{position:absolute;top:2px;right:3px;font-size:10px}.daily-login-cell.current{background:var(--gold);color:#402d00;box-shadow:0 0 0 2px var(--gold-dark),0 0 12px 2px var(--gold-glow);transform:scale(1.06)}@keyframes grand-prize-glow{0%,to{box-shadow:0 0 8px 3px var(--gold-glow)}50%{box-shadow:0 0 20px 8px var(--gold-glow)}}.daily-login-cell.special{background:linear-gradient(160deg,var(--gold) 0%,#ff9f43 100%);color:#402d00;animation:grand-prize-glow 1.6s ease-in-out infinite}.daily-login-cell.special.current{box-shadow:0 0 0 2px var(--gold-dark);transform:scale(1.1)}.badge-locked{display:inline-flex;align-items:center;gap:4px;background:#0000008c;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:999px}.badge-gold{background:var(--gold);color:#402d00;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.badge-season{display:inline-flex;align-items:center;gap:3px;background:var(--color-success);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}@keyframes toast-in{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#141414eb;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;z-index:300;animation:toast-in .25s ease-out;max-width:90%;text-align:center}.app-shell{flex:1;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));position:relative}.app-main{flex:1;position:relative;z-index:1;overflow-y:auto;padding-bottom:84px}.top-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 6px #0000001f}.top-bar .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(180deg,#fff,#eee);box-shadow:inset 0 0 0 2px var(--gold);flex-shrink:0;position:relative}.top-bar .vip-badge{position:absolute;bottom:-4px;right:-4px;font-size:12px}.top-bar .pet-badge{position:absolute;bottom:-4px;left:-4px;font-size:14px}.top-bar .identity{flex:1;min-width:0}.top-bar .level-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-muted)}.top-bar .weather-label{white-space:nowrap}.season-info-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;line-height:1;padding:0;border-radius:50%;background:#00000014;flex-shrink:0}.top-bar .coins-pill{display:flex;align-items:center;gap:4px;background:#fff4d6;border-radius:999px;padding:4px 10px;font-weight:800;font-size:13px;white-space:nowrap}.top-bar .icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#f2f2f2;flex-shrink:0}.stats-bar{display:flex;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;position:relative;z-index:5}.stats-chip{background:#ffffffd9;border-radius:999px;padding:4px 10px}.tab-bar{display:flex;gap:8px;padding:0 12px 8px;position:relative;z-index:5}.tab-bar button{flex:1;padding:8px;border-radius:var(--radius-md);font-weight:800;background:#ffffff8c}.tab-bar button.active{background:#fff;box-shadow:var(--shadow-soft)}.slot-grid{--slot-columns: 3;display:grid;grid-template-columns:repeat(var(--slot-columns),1fr);gap:clamp(4px,calc(16px - var(--slot-columns) * 1px),10px);padding:10px 12px;position:relative;z-index:1}.slot-cell{aspect-ratio:1;min-width:0;border-radius:var(--radius-md);background:radial-gradient(circle at 35% 30%,var(--slot-light),var(--slot-dark));box-shadow:inset 0 3px 8px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-size:clamp(14px,calc(30px - var(--slot-columns) * 2px),26px);color:#fff}.slot-cell.selected{outline:3px solid #4aa8ff;outline-offset:2px}.slot-cell.season-bonus{box-shadow:inset 0 3px 8px #00000059,inset 0 0 0 2px var(--gold)}.slot-cell .slot-progress{position:absolute;bottom:6px;left:8px;right:8px}.slot-cell .slot-timer{position:absolute;top:4px;right:6px;font-size:clamp(6px,calc(10px - var(--slot-columns) * .5px),9px);background:#0006;padding:1px 4px;border-radius:6px}.slot-cell .slot-booster{position:absolute;top:4px;left:6px;font-size:clamp(8px,calc(13px - var(--slot-columns) * .6px),12px)}.slot-cell .slot-season-star{position:absolute;top:4px;left:20px;font-size:clamp(8px,calc(13px - var(--slot-columns) * .6px),12px)}.slot-cell .slot-info-badge{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:clamp(7px,calc(11px - var(--slot-columns) * .5px),10px);opacity:.85}.slot-cell.empty{color:#ffffffbf;font-size:clamp(12px,calc(26px - var(--slot-columns) * 2px),22px)}.section-title{font-weight:800;font-size:15px;padding:4px 14px;position:relative;z-index:1}.card-row{display:flex;gap:10px;overflow-x:auto;padding:6px 12px 12px;position:relative;z-index:1}.instance-card{min-width:92px;background:#ffffffeb;border-radius:var(--radius-md);padding:8px;text-align:center;box-shadow:var(--shadow-soft);flex-shrink:0}.instance-card .emoji{font-size:28px}.rare-fish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 12px 12px;position:relative;z-index:1}.rare-fish-grid .instance-card{width:100%;min-width:0}.building-row{display:flex;gap:10px;overflow-x:auto;padding:6px 12px 12px;position:relative;z-index:1}.building-chip{min-width:64px;background:#ffffffeb;border-radius:var(--radius-md);padding:8px;text-align:center;font-size:26px;box-shadow:var(--shadow-soft);flex-shrink:0}.building-chip.locked{opacity:.45}.order-card{background:#ffffffeb;border-radius:var(--radius-md);padding:10px 12px;margin:6px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-soft);position:relative;z-index:1}.order-card .order-emoji{font-size:30px}.order-card .order-info{flex:1;font-size:13px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(7,1fr);background:#fffffff5;box-shadow:0 -2px 10px #00000026;z-index:50}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 1px;font-size:8.5px;font-weight:700;min-height:var(--tap-min);color:var(--text-muted)}.nav-gold-dot{position:absolute;top:4px;right:20%;width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse-glow 1.4s ease-in-out infinite}.bottom-nav button .nav-emoji{font-size:18px}.bottom-nav button.active{color:var(--accent, var(--farm-grass-dark))}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#00000040;border-radius:999px}.app-shell{--sky-top: var(--farm-sky-top);--sky-bottom: var(--farm-sky-bottom);--slot-light: var(--soil-light);--slot-dark: var(--soil-dark);--accent: var(--farm-grass-dark)}.app-shell[data-tab=fishing]{--sky-top: var(--water-sky-top);--sky-bottom: var(--water-sky-bottom);--slot-light: var(--water-slot-light);--slot-dark: var(--water-slot-dark);--accent: var(--water-light)}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.scene-bg svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scene-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff24}.scene-bg-overlay.fishing{background:#0a142d1f}.farm-cloud{animation:farm-cloud-drift 26s ease-in-out infinite alternate}.farm-cloud-b{animation-duration:32s;animation-delay:-6s}.farm-cloud-c{animation-duration:22s;animation-delay:-12s}@keyframes farm-cloud-drift{0%{transform:translate(0)}to{transform:translate(22px)}}.farm-windmill-blades{transform-box:fill-box;transform-origin:center;animation:windmill-spin 6s linear infinite}@keyframes windmill-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fish-wave-group{animation:fish-wave-scroll 9s linear infinite}@keyframes fish-wave-scroll{0%{transform:translate(0)}to{transform:translate(-200px)}}.fish-boat{transform-box:fill-box;transform-origin:center;animation:fish-boat-bob 4s ease-in-out infinite alternate}@keyframes fish-boat-bob{0%{transform:translateY(0)}to{transform:translateY(3px)}}.fish-lighthouse-light{animation:lighthouse-pulse 2.5s ease-in-out infinite}@keyframes lighthouse-pulse{0%,to{opacity:.55}50%{opacity:1}}.fish-gull{transform-box:fill-box;transform-origin:center;animation:gull-drift 14s ease-in-out infinite alternate}.fish-gull-b{animation-duration:18s;animation-delay:-4s}@keyframes gull-drift{0%{transform:translate(0)}to{transform:translate(14px)}}.weather-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.sun-glow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 8%,rgba(255,201,60,.28),transparent 45%)}.sun-burst{position:absolute;top:14px;right:20px;width:74px;height:74px}.sun-core{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:radial-gradient(circle,#fff2b0,#ffc93c 70%);box-shadow:0 0 18px 6px #ffc93c8c}.sun-rays{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:repeating-conic-gradient(rgba(255,201,60,.5) 0deg 4deg,transparent 4deg 30deg);-webkit-mask-image:radial-gradient(circle,black 55%,transparent 100%);mask-image:radial-gradient(circle,black 55%,transparent 100%);animation:sun-spin 50s linear infinite}@keyframes sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rain-tint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#465a782e,#465a7814)}.raindrop{position:absolute;top:-20px;width:2px;height:16px;background:linear-gradient(180deg,#b4d2ff00,#b4d2ffcc);animation-name:rain-fall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}@keyframes rain-fall{0%{transform:translateY(-5vh) rotate(12deg);opacity:.9}to{transform:translate(46px,112vh) rotate(12deg);opacity:.5}}.storm-tint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e233766,#1e23373d)}.storm-drop{height:24px;background:linear-gradient(180deg,#d2e1ff00,#d2e1ffe6)}.lightning-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;opacity:0;animation:lightning-strike 7s ease-in-out infinite}@keyframes lightning-strike{0%,91%,94%,to{opacity:0}92%{opacity:.85}93%{opacity:.1}93.5%{opacity:.55}}.drought-tint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffaa3c2e,#ff8c281a)}.heat-shimmer{position:absolute;left:-10%;right:-10%;height:36px;background:repeating-linear-gradient(90deg,rgba(255,220,150,.28) 0 20px,transparent 20px 40px);opacity:.55;animation:heat-wave 3.5s ease-in-out infinite}.heat-shimmer-1{top:38%}.heat-shimmer-2{top:58%;animation-duration:4.5s;animation-delay:.6s}.heat-shimmer-3{top:76%;animation-duration:3.9s;animation-delay:1.1s}@keyframes heat-wave{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(14px) scaleY(1.35)}}.dust-particle{position:absolute;bottom:8%;width:3px;height:3px;border-radius:50%;background:#d2aa6ebf;animation-name:dust-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}@keyframes dust-float{0%{transform:translate(0);opacity:0}15%{opacity:.8}to{transform:translate(22px,-150px);opacity:0}}