body,html{margin:0;padding:0;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#5ab15a;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#weather-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:200;mix-blend-mode:screen}#time-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:190;mix-blend-mode:multiply;transition:background 2s ease-in-out}#fog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:210;opacity:0;background:radial-gradient(circle,transparent 20%,rgba(200,210,230,0.4) 100%);transition:opacity 5s ease-in-out}.thunder-flash{animation:flash 0.2s ease-out}@keyframes flash{0%{background:rgba(255,255,255,0)}50%{background:rgba(255,255,255,0.8)}100%{background:rgba(255,255,255,0)}}#world{contain:layout style}.map-chunk{contain:layout style paint}.player{contain:layout style;will-change:transform}.touch-indicator{position:fixed;width:100px;height:100px;border:2px solid rgba(255,255,255,0.4);background:transparent;border-radius:50%;pointer-events:none;z-index:250;transform:translate(-50%,-50%)}.touch-knob{position:absolute;width:40px;height:40px;background:rgba(255,255,255,0.8);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.05s linear}#pony-selector-trigger{display:flex;align-items:center;background:#f8f8f8;border:2px solid #eee;border-radius:12px;padding:8px 15px;margin:15px 0;cursor:pointer;position:relative;transition:all 0.2s ease}#pony-selector-trigger:hover{border-color:#ff9de2;background:#fff}#selected-pony-preview{width:50px;height:50px;object-fit:contain;margin-right:15px}#selected-pony-name{font-weight:bold;color:#444;font-size:16px}.change-badge{position:absolute;right:12px;background:#ff9de2;color:white;font-size:10px;padding:3px 8px;border-radius:10px;text-transform:uppercase;font-weight:bold}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);z-index:1000;justify-content:center;align-items:center}.modal-content{background:white;width:90%;max-width:600px;height:80vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp 0.3s ease-out}@keyframes modalSlideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;color:#333}#close-modal{background:none;border:none;font-size:30px;cursor:pointer;color:#999}.modal-search{padding:15px 20px}#pony-search{width:100%;padding:12px 15px;border-radius:10px;border:1px solid #ddd;box-sizing:border-box;font-size:16px}.pony-grid{flex-grow:1;overflow-y:auto;padding:10px 20px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.pony-credits{padding:15px 20px;font-size:0.8rem;color:#666;background:#fdfdfd;border-top:1px solid #eee}.credits-header{font-weight:bold;margin-bottom:5px;color:#444}.credits-list{line-height:1.4;max-height:50px;overflow-y:auto;padding-right:5px}.credits-notice{margin-top:8px;font-style:italic;font-size:0.75rem}.credits-list::-webkit-scrollbar{width:4px}.credits-list::-webkit-scrollbar-track{background:transparent}.credits-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.pony-card{background:#f9f9f9;border-radius:12px;padding:10px;text-align:center;cursor:pointer;transition:all 0.2s;border:2px solid transparent}.pony-card:hover{background:#fff;border-color:#ff9de2;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.pony-card img{width:70px;height:70px;object-fit:contain;margin-bottom:8px}.pony-card span{display:block;font-size:12px;color:#555;word-break:break-word;font-weight:500}@media (max-width:480px){.pony-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.modal{overflow-y:auto;-webkit-overflow-scrolling:touch}#pony-modal .modal-content,#rules-modal .modal-content{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.achievements-grid{padding:10px 0}.achievement-card{padding:10px 8px;gap:8px}.achievement-card .ach-icon{font-size:24px;width:36px}.achievement-card .ach-name{font-size:13px}.achievement-card .ach-desc{font-size:12px}.profile-content{padding:20px}.profile-stat{padding:6px 8px}.inventory-content{width:92% !important;max-width:440px !important;height:82vh !important;max-height:82vh !important;border-radius:20px !important;border:4px solid #ff9de2 !important;position:relative !important;margin:auto !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}.inventory-grid{padding:10px !important;grid-template-columns:repeat(auto-fill,minmax(65px,1fr)) !important;gap:8px !important;flex:1 !important;min-height:0 !important;overflow-y:auto !important;align-content:start !important}.inventory-item{padding:6px 4px !important;border-radius:12px !important;border-width:2px !important}.inventory-item .item-icon{font-size:24px !important}.inventory-item .item-name{font-size:10px !important}.inventory-item .item-count{font-size:9px !important;padding:1px 5px !important}.item-details{padding:10px 12px 14px !important;border-top:1px solid rgba(0,0,0,0.08) !important;flex-shrink:0 !important;background:#fff !important}.detail-header{gap:8px !important;margin-bottom:4px !important}.detail-header h3{font-size:15px !important;margin:0 !important}#detail-desc{font-size:12px !important;line-height:1.3 !important;margin:4px 0 8px !important;max-height:55px !important;overflow-y:auto !important}#use-item-btn{min-height:38px !important;font-size:13px !important;padding:6px 12px !important;border-radius:10px !important}.achievements-content{position:fixed;top:0;left:0;right:0;bottom:0;width:100% !important;max-width:100% !important;height:100% !important;max-height:100% !important;border-radius:0 !important;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0}.achievements-content .modal-header{padding:12px 15px}.achievements-content .achievements-categories{padding:8px 10px}.achievements-categories{gap:4px}.ach-cat{padding:4px 10px;font-size:11px;white-space:nowrap}.achievements-stats{font-size:13px;padding:8px 0}}#connection-status{font-size:12px;margin-bottom:10px;padding:5px 10px;border-radius:20px;font-weight:bold;display:inline-block}.status-connecting{background-color:#fff3cd;color:#856404;animation:pulse 1.5s infinite}.status-connected{background-color:#d4edda;color:#155724}.status-error{background-color:#f8d7da;color:#721c24}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}#login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%);display:flex;justify-content:center;align-items:center;z-index:300}.login-box{background:white;padding:30px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.1);text-align:center;width:300px;max-width:90vw;box-sizing:border-box}.login-box h1{margin:0 0 5px 0;color:#5a5a5a;font-family:'Chewy',cursive;font-size:48px;font-weight:normal;letter-spacing:2px}.version-tag-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px}.version-tag{font-size:14px;opacity:0.6;margin-bottom:0;font-family:'Fredoka','Segoe UI',sans-serif}.clear-cache-mini-btn{width:auto !important;padding:3px 8px !important;margin:0 !important;font-size:11px !important;font-weight:bold;border-radius:8px !important;background:#f0f0f0 !important;color:#666 !important;border:1px solid #ccc !important;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:4px}.clear-cache-mini-btn:hover{background:#ff9de2 !important;color:#fff !important;border-color:#ff9de2 !important;box-shadow:0 2px 8px rgba(255,157,226,0.4)}.cache-toast{position:fixed;top:25px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#20c997 0%,#0ca678 100%);color:#ffffff;font-family:'Fredoka','Segoe UI',sans-serif;font-size:14px;font-weight:600;padding:12px 22px;border-radius:30px;box-shadow:0 8px 24px rgba(12,166,120,0.4);z-index:100000;display:flex;align-items:center;gap:10px;animation:slideDownToast 0.4s cubic-bezier(0.18,0.89,0.32,1.28) forwards;pointer-events:none;text-align:center}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-20px)}100%{opacity:1;transform:translate(-50%,0)}}.highlight-w{color:#ff9de2;text-shadow:0 3px 8px rgba(255,157,226,0.5)}.login-box input,.login-box select,.login-box button{width:100%;padding:10px;margin:10px 0;border-radius:5px;border:1px solid #ddd;box-sizing:border-box}.login-box button.secondary-btn{background-color:transparent;color:#5a5a5a;border:2px solid #ddd;margin-top:0}.login-box button.secondary-btn:hover{border-color:#ff9de2;color:#ff9de2}.modal-header button,#close-modal,#close-rules-modal,#close-guide-modal,#close-boutique-modal,#close-shop-modal,#close-fair-modal,#close-inventory-modal,#close-history-btn,#close-leaderboard-modal{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;background:transparent;border:none;touch-action:manipulation;padding:0}@media (max-width:480px){.pony-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr)) !important;gap:8px !important;padding:5px 10px 20px !important}.pony-card{padding:6px !important}.pony-card img{width:40px !important;height:40px !important}.pony-card .pony-name{font-size:11px !important}}html,body,#game-container,#world,#weather-canvas,canvas{touch-action:none !important;-webkit-touch-callout:none !important;-webkit-user-select:none !important;user-select:none !important}#alert-modal .modal-content,.alert-modal-content{position:relative !important;width:85% !important;max-width:320px !important;height:auto !important;max-height:80vh !important;margin:auto !important;border-radius:18px !important;padding:24px 20px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;box-shadow:0 10px 30px rgba(0,0,0,0.4) !important;text-align:center !important;overflow:hidden !important;box-sizing:border-box !important;background:#ffffff !important}#alert-modal #alert-title{margin:0 0 10px 0;font-size:20px;color:#2f3542;font-family:'Fredoka',sans-serif}#alert-modal #alert-message{margin:0 0 16px 0;font-size:14px;color:#57606f;line-height:1.4;word-break:break-word}#alert-modal #alert-close-btn{min-width:120px;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:15px}.guide-content{max-width:700px !important;max-height:85vh !important;padding:0 !important;overflow:hidden !important}.guide-body{display:flex;flex-direction:row;height:65vh;overflow:hidden}.guide-nav{width:180px;flex-shrink:0;overflow-y:auto;padding:10px;border-right:1px solid #eee;background:#fafafa}.guide-nav-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#555;transition:all 0.2s ease;margin-bottom:2px}.guide-nav-item:hover{background:#f0f0f0;color:#333}.guide-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.guide-pages{flex:1;overflow-y:auto;padding:20px}.guide-section{font-size:14px;line-height:1.6;color:#444}.guide-section p{margin-bottom:12px}.guide-section ul{padding-left:20px;margin-bottom:12px}.guide-section li{margin-bottom:6px}.guide-step{display:flex;align-items:center;gap:10px;padding:6px 0}.step-num{width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.guide-tip{background:#fff8e1;border:1px solid #ffd54f;border-radius:10px;padding:10px 14px;font-size:13px;color:#f57f17;margin-top:10px}.guide-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.guide-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 6px;text-align:center}.guide-table td{padding:6px;text-align:center;border-bottom:1px solid #eee}.guide-table tr:nth-child(even) td{background:#f9f0ff}.guide-section code{background:#f0e6ff;padding:2px 6px;border-radius:4px;font-size:13px}.guide-titles{columns:2;column-gap:20px}@media (max-width:600px){.guide-body{flex-direction:column;height:70vh}.guide-nav{width:100%;display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-right:none;border-bottom:1px solid #eee}.guide-nav-item{font-size:11px;padding:4px 10px;white-space:nowrap}.guide-pages{padding:12px}.guide-titles{columns:1}}.rules-content{max-width:500px;height:auto;max-height:85vh}.rules-body{padding:20px;overflow-y:auto;text-align:left}.rule-item{display:flex;gap:15px;margin-bottom:20px;align-items:flex-start}.rule-icon{font-size:24px;flex-shrink:0}.rule-text{font-size:14px;color:#444;line-height:1.5}.rule-text strong{display:block;color:#333;margin-bottom:3px;font-family:'Fredoka',sans-serif}.rules-footer{margin-top:10px;padding-top:15px;border-top:1px dashed #ddd;font-size:13px;color:#888;text-align:center;font-style:italic}#game-container{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}#world{position:absolute;width:5000px;height:5000px;top:0;left:0;will-change:transform;transform-origin:0 0}#map-layer{position:absolute;width:5000px;height:5000px;z-index:0}#ui-layer{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:90%;max-width:600px;z-index:280;display:flex;flex-direction:column;align-items:center;gap:15px;pointer-events:none}#action-buttons,#chat-container{pointer-events:auto;content-visibility:auto}#action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;transition:opacity 0.3s,transform 0.3s}.action-btn{width:50px;height:50px;font-size:24px;border:2px solid rgba(255,255,255,0.5);border-radius:50%;background:rgba(255,255,255,0.8);backdrop-filter:blur(5px);box-shadow:0 4px 10px rgba(0,0,0,0.1);cursor:pointer;display:flex;justify-content:center;align-items:center;outline:none;transition:transform 0.1s,background 0.2s;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(0.9);background:rgba(255,157,226,0.5)}#chat-container{display:flex;align-items:center;position:relative;height:50px;transition:width 0.3s cubic-bezier(0.4,0,0.2,1);background:rgba(255,255,255,0.8);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,0.5);border-radius:25px;box-shadow:0 4px 15px rgba(0,0,0,0.1);overflow:hidden;width:100%;z-index:600}#chat-container.collapsed{width:50px;cursor:pointer}#chat-open-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;outline:none;transition:opacity 0.2s;z-index:10}#chat-container:not(.collapsed) #chat-open-btn{opacity:0;pointer-events:none}#chat-form{width:100%;height:100%;display:flex;gap:8px;align-items:center;opacity:1;transition:opacity 0.2s 0.1s}#chat-container.collapsed #chat-form{opacity:0;pointer-events:none;transition:opacity 0.1s}#chat-input{flex-grow:1;height:100%;padding:0 10px 0 20px;border:none;background:transparent;outline:none;font-size:16px}#chat-send-btn{width:40px;height:40px;margin-right:5px;flex-shrink:0;border-radius:50%;border:none;background:rgba(255,157,226,0.8);color:white;font-size:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;outline:none;transition:transform 0.1s}#chat-send-btn:active{transform:scale(0.9)}#music-control-container{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:300;background:rgba(255,255,255,0.8);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,0.5);padding:8px 12px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,0.1);display:flex;align-items:center}#logout-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:0 10px 0 0;margin:0;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent;transition:transform 0.1s}#logout-btn:active{transform:scale(0.9)}#music-control-container .divider{width:1px;height:20px;background:rgba(0,0,0,0.2);margin-right:10px}#volume-box{display:flex;align-items:center;gap:8px}#volume-icon{font-size:18px;cursor:pointer}#volume-slider{width:80px;cursor:pointer;accent-color:#ff9de2}@media (max-width:768px){#volume-slider{width:50px}.player .pony-sprite{image-rendering:crisp-edges}.prop{will-change:auto}}.direction-arrow{position:fixed;font-size:40px;z-index:250;pointer-events:none;display:none;filter:drop-shadow(0 0 5px rgba(255,255,255,0.5));transition:opacity 0.3s}#players-menu-container{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:300;display:flex;flex-direction:column;align-items:flex-end}#players-toggle-btn{background:rgba(255,255,255,0.8);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,0.5);padding:8px 15px;border-radius:20px;font-weight:bold;color:#5a5a5a;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.1);outline:none;font-family:inherit}#players-list{margin-top:10px;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);border-radius:12px;padding:8px;width:290px;max-width:92vw;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.7);box-sizing:border-box}.player-list-item{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,0.05);font-size:14px;color:#333;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:5px;transition:background 0.2s}.player-list-item:hover{background:rgba(255,157,226,0.1)}.player-list-item.tracking{background:rgba(255,157,226,0.3);border-left:3px solid #ff9de2}.player-list-item.me{cursor:default;background:rgba(0,0,0,0.03)}.player-list-item.me:hover{background:rgba(0,0,0,0.03)}.player-list-item:last-child{border-bottom:none}.player-list-info{display:flex;flex-direction:column;gap:2px}.track-btn{background:rgba(0,0,0,0.05);border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.2s;pointer-events:none}.player-list-item:hover .track-btn{background:#ff9de2;color:white;transform:scale(1.1)}.player-list-item.tracking .track-btn{background:rgba(0,0,0,0.1);color:#333}.player-list-name{font-weight:bold}.player-list-pony{font-size:11px;color:#777}.prop{position:absolute;pointer-events:none;will-change:auto;background-size:contain;background-repeat:no-repeat;background-position:bottom center;transition:opacity 0.5s ease-in-out;opacity:0}.prop.visible{opacity:1}.prop.translucent{opacity:0.4 !important}.player{position:absolute;left:0;top:0;transition:opacity 0.5s ease-in-out;pointer-events:none;opacity:0;will-change:transform}.player.me{transition:opacity 0.5s ease-in-out !important}.player.visible{opacity:1}.map-chunk{position:absolute;transition:opacity 0.8s ease-in-out;opacity:0}.map-chunk.visible{opacity:1}.pony-sprite{max-height:250px;pointer-events:none;z-index:10;display:block}.player-name{background:rgba(0,0,0,0.5);color:white;padding:2px 8px;border-radius:10px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-5px);white-space:nowrap;z-index:20}.chat-bubble{background:white;padding:10px 18px;border-radius:20px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-30px);max-width:300px;min-width:60px;word-wrap:break-word;box-shadow:0 5px 15px rgba(0,0,0,0.15);font-size:14px;line-height:1.4;display:none;z-index:100;text-align:center}.toy-ball{position:absolute;border-radius:50%;transform-origin:center center;z-index:100;will-change:transform;pointer-events:none}pointer-events:none;will-change:transform;transition:transform 0.05s linear;background-image:linear-gradient(135deg,rgba(255,255,255,0.4) 0%,transparent 50%)}.player-name.afk{color:#ffd1ff;font-style:italic;opacity:0.8}.chat-bubble.typing{padding:6px 12px;min-width:30px}.typing-dots{display:inline-flex;align-items:center;gap:3px;height:14px}.typing-dots span{width:5px;height:5px;background-color:#ff9de2;border-radius:50%;animation:typingBlink 1.4s infinite both}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:0.2s}.typing-dots span:nth-child(3){animation-delay:0.4s}@keyframes typingBlink{0%{transform:scale(0.6);opacity:0.3}20%{transform:scale(1.1);opacity:1}100%{transform:scale(0.6);opacity:0.3}}#chat-history-controls{position:absolute;top:max(60px,calc(env(safe-area-inset-top) + 60px));left:max(10px,env(safe-area-inset-left));z-index:650;display:flex;flex-direction:column;gap:8px}#chat-history-controls button{background:rgba(255,255,255,0.8);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,0.5);padding:6px 12px;border-radius:15px;font-size:13px;font-weight:bold;color:#5a5a5a;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-align:left;outline:none;transition:all 0.2s;font-family:inherit}#chat-history-controls button:hover{background:#fff;border-color:#ff9de2}#chat-history-panel{position:absolute;top:max(60px,calc(env(safe-area-inset-top) + 60px));left:max(140px,calc(env(safe-area-inset-left) + 140px));width:320px;height:400px;max-width:calc(100vw - 30px);max-height:50vh;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:2px solid rgba(255,157,226,0.8);border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,0.2);z-index:650;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn 0.2s ease-out}.chat-history-header{background:#ff9de2;color:white;padding:10px 15px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;font-size:14px}#close-history-btn{background:none;border:none;color:white;font-size:24px;line-height:1;cursor:pointer;padding:0;outline:none}#chat-history-content{flex-grow:1;overflow-y:auto;padding:10px 15px;display:flex;flex-direction:column;gap:10px;font-size:14px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.log-entry{line-height:1.4;word-wrap:break-word;border-bottom:1px solid rgba(0,0,0,0.05);padding-bottom:5px}.log-entry:last-child{border-bottom:none}.log-time{color:#999;font-size:11px;margin-right:6px}.log-name{font-weight:bold;color:#ff6b6b;margin-right:6px;cursor:pointer}.log-text{color:#333}@keyframes fadeIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){#ui-layer{width:95%;bottom:10px}.chat-bubble{max-width:200px;font-size:12px}.prop,.map-chunk{transition:none !important}#chat-history-controls{flex-direction:row;top:max(55px,calc(env(safe-area-inset-top) + 55px));width:155px;gap:5px;justify-content:space-between}#chat-history-controls button{padding:5px 2px;font-size:10px;flex:1;text-align:center;letter-spacing:-0.5px}#chat-history-panel{top:max(90px,calc(env(safe-area-inset-top) + 90px));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;max-width:none;height:40vh;z-index:700}}@media (max-width:768px){#volume-slider{width:60px !important;height:20px !important}#volume-icon{font-size:22px !important;padding:6px !important}.track-btn,.profile-btn{padding:8px 10px !important;min-width:38px !important;min-height:38px !important;display:flex !important;align-items:center !important;justify-content:center !important}}@media (max-width:768px){#music-control-container{top:max(8px,env(safe-area-inset-top)) !important;left:max(10px,env(safe-area-inset-left)) !important;padding:4px 8px !important;border-radius:14px !important}#chat-history-controls{top:max(154px,calc(env(safe-area-inset-top) + 154px)) !important;left:max(10px,env(safe-area-inset-left)) !important;width:165px !important;flex-direction:row !important;gap:6px !important;z-index:550 !important}#chat-history-controls button{padding:6px 6px !important;font-size:10px !important;flex:1 !important;text-align:center !important;border-radius:10px !important}#chat-history-panel{top:max(194px,calc(env(safe-area-inset-top) + 194px)) !important;left:max(10px,env(safe-area-inset-left)) !important;right:max(10px,env(safe-area-inset-right)) !important;width:auto !important;max-height:calc(100vh - 290px) !important;z-index:600 !important}}@media (max-width:768px){#music-control-container,#players-toggle-btn,#players-list-container,#chat-history-panel,#hunger-container,.action-btn,.hud-btn,.modal-content,.chat-bubble,.inventory-content,.shop-content,.fair-content,.achievements-content,.leaderboard-content{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}}@media (max-width:768px){.prop,.map-chunk,.player{transition:none !important;-webkit-transition:none !important}}.chat-translate-btn{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.35);border-radius:12px;color:#fff;font-size:11px;font-weight:bold;padding:3px 8px;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:4px}.chat-translate-btn:hover{background:rgba(255,255,255,0.28);border-color:#ff9de2}.chat-translate-btn.active{background:linear-gradient(135deg,#a55eea 0%,#70a1ff 100%);border-color:#ff9de2;box-shadow:0 0 8px rgba(165,94,234,0.5)}.log-tr-btn{display:inline-block;cursor:pointer;font-size:11px;margin-left:6px;opacity:0.5;transition:opacity 0.2s,transform 0.2s;user-select:none}.log-tr-btn:hover{opacity:1;transform:scale(1.2)}.log-translation{display:block;margin-top:2px;margin-left:18px;font-size:11px;color:#a4b0be;font-style:italic;line-height:1.3;animation:fadeInTrans 0.25s ease-out}.log-translation .log-tr-badge{color:#70a1ff;font-weight:bold;font-style:normal;margin-right:3px}.chat-bubble-trans{margin-top:4px;padding-top:4px;border-top:1px dashed rgba(0,0,0,0.15);font-size:11px;color:#57606f;font-style:italic;animation:fadeInTrans 0.25s ease-out}.chat-bubble-trans .trans-badge{font-style:normal;font-size:10px;color:#70a1ff}@keyframes fadeInTrans{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}#hunger-container{position:absolute;top:max(140px,calc(env(safe-area-inset-top) + 140px));left:max(10px,env(safe-area-inset-left));background:rgba(255,255,255,0.85);padding:6px 10px;border-radius:15px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:500;border:2px solid rgba(255,255,255,0.5);backdrop-filter:blur(5px)}#bonfire-indicator{display:none;font-size:18px;animation:bonfirePulse 1.5s infinite ease-in-out;filter:drop-shadow(0 0 6px rgba(255,150,0,0.8));cursor:help}@keyframes bonfirePulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,150,0,0.5))}50%{transform:scale(1.2);filter:drop-shadow(0 0 10px rgba(255,150,0,1))}}@media (max-width:768px){#hunger-container{top:max(68px,calc(env(safe-area-inset-top) + 68px)) !important;left:max(10px,env(safe-area-inset-left)) !important;padding:4px 8px !important;z-index:500 !important}.hunger-icon{font-size:16px !important}.hunger-bar-bg{width:70px !important;height:10px !important}}.hunger-icon{font-size:20px}.hunger-bar-bg{width:100px;height:12px;background:#eee;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}#hunger-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff6b6b,#ff9de2);transition:width 0.3s ease,background 0.3s ease}#hunger-fill.starving{background:#ff4757}.map-apple{position:absolute;font-size:24px;filter:drop-shadow(0 3px 3px rgba(0,0,0,0.35));transform:translate3d(-50%,-50%,0);animation:floatApple 2.6s infinite ease-in-out;z-index:50;will-change:transform;pointer-events:none}@keyframes floatApple{0%,100%{transform:translate3d(-50%,-50%,0)}50%{transform:translate3d(-50%,calc(-50% - 6px),0)}}.map-star{position:absolute;font-size:28px;filter:drop-shadow(0 0 10px rgba(255,215,0,0.85));transform:translate3d(-50%,-50%,0);animation:floatStar 2s infinite ease-in-out;z-index:50;will-change:transform;pointer-events:none}@keyframes floatStar{0%,100%{transform:translate3d(-50%,-50%,0)}50%{transform:translate3d(-50%,calc(-50% - 8px),0)}}.map-egg{position:absolute;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.35));transform:translate3d(-50%,-50%,0);z-index:50;pointer-events:none}.npc-chicken{position:absolute;width:32px;height:32px;pointer-events:none;transform-origin:center bottom;will-change:transform}.npc-chicken-sprite{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 4px rgba(0,0,0,0.25))}.npc-chicken.mirror .npc-chicken-sprite{transform:scaleX(-1)}.player.hungry .pony-sprite{filter:grayscale(80%) sepia(20%)}.player-name.hungry-name{color:#a4b0be !important}.player.infected .pony-sprite{filter:hue-rotate(90deg) saturate(300%) contrast(150%) drop-shadow(0 0 10px #2ed573)}.player.infected .player-name{color:#2ed573 !important;text-shadow:0 0 5px rgba(46,213,115,0.8) !important;font-weight:900}.player.infected.hungry .pony-sprite{filter:hue-rotate(90deg) saturate(300%) contrast(150%) drop-shadow(0 0 10px #2ed573);opacity:1}#minigame-alert{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:15px 30px;border-radius:30px;font-family:'Chewy',cursive;font-size:24px;z-index:4000;text-align:center;border:3px solid #ff4757;box-shadow:0 0 20px rgba(255,71,87,0.5);pointer-events:none;display:none;animation:slideDownFade 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes slideDownFade{0%{top:-50px;opacity:0}100%{top:max(20px,env(safe-area-inset-top));opacity:1}}.goal-notification-world{position:absolute;top:0;left:0;color:#ff3366;font-family:'Chewy',cursive;font-size:64px;z-index:3000;pointer-events:none;text-shadow:0 5px 15px rgba(0,0,0,0.5),0 0 20px rgba(255,255,255,0.8);animation:goalPopWorld 0.5s cubic-bezier(0.175,0.885,0.32,1.275) forwards,fadeOutWorld 0.5s 2.5s forwards;text-transform:uppercase;white-space:nowrap}@keyframes goalPopWorld{0%{opacity:0;transform:translate3d(0,50px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeOutWorld{0%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,-50px,0)}}.emoji-wheel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:3000;display:none;align-items:center;justify-content:center;animation:emojiFadeIn 0.2s ease-out}@keyframes emojiFadeIn{from{opacity:0}to{opacity:1}}.emoji-wheel{position:relative;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center}.emoji-item{position:absolute;width:60px;height:60px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;border:3px solid #ff9de2;box-shadow:0 4px 10px rgba(0,0,0,0.3);transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275),background 0.2s;user-select:none;-webkit-tap-highlight-color:transparent}.emoji-item:hover{transform:scale(1.2);background:#fff0f9}.emoji-item:active{transform:scale(0.9)}.emoji-wheel-close{width:60px;height:60px;background:#ff6b6b;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;border:3px solid white;box-shadow:0 0 15px rgba(255,107,107,0.5);z-index:10;transition:transform 0.2s}.emoji-wheel-close:active{transform:scale(0.9)}.floating-emoji{position:absolute;top:-60px;left:50%;transform:translateX(-50%);font-size:45px;pointer-events:none;z-index:1000;animation:emojiPopup 3s forwards cubic-bezier(0.175,0.885,0.32,1.275);text-shadow:0 0 10px rgba(255,255,255,0.8),0 2px 5px rgba(0,0,0,0.2)}.floating-roll{position:absolute;top:-70px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1000;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.9);padding:8px 15px;border-radius:25px;box-shadow:0 5px 15px rgba(0,0,0,0.2),0 0 20px rgba(255,157,226,0.4);border:2px solid #ff9de2;animation:rollPopup 5s forwards cubic-bezier(0.175,0.885,0.32,1.275);white-space:nowrap}.roll-emoji{font-size:28px}.roll-number{font-size:24px;font-weight:bold;color:#ff6b6b;font-family:'Arial Rounded MT Bold','Helvetica',sans-serif}@keyframes rollPopup{0%{transform:translate(-50%,20px) scale(0);opacity:0}10%{transform:translate(-50%,0) scale(1.2);opacity:1}15%{transform:translate(-50%,0) scale(1);opacity:1}80%{transform:translate(-50%,-20px) scale(1);opacity:1}100%{transform:translate(-50%,-40px) scale(0.8);opacity:0}}@keyframes emojiPopup{0%{transform:translateX(-50%) scale(0) translateY(10px);opacity:0}15%{transform:translateX(-50%) scale(1.3) translateY(0);opacity:1}25%{transform:translateX(-50%) scale(1) translateY(-5px);opacity:1}80%{transform:translateX(-50%) scale(1) translateY(-30px);opacity:1}100%{transform:translateX(-50%) scale(0.5) translateY(-50px);opacity:0}}#emoji-btn{width:50px;height:50px;background:linear-gradient(135deg,#ff9de2,#bd93f9);border:3px solid white;border-radius:50%;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.2s;flex-shrink:0}#emoji-btn:active{transform:scale(0.9)}#emoji-btn{pointer-events:auto !important;z-index:500 !important}.emoji-wheel-overlay{z-index:9999 !important}#action-bar{display:flex;align-items:center;justify-content:center;width:100%;gap:10px;height:50px}#chat-container.collapsed{margin:0 auto}.is-it .pony-sprite{filter:drop-shadow(0 0 10px #ff4757) drop-shadow(0 0 20px #ff0000) !important;animation:waterPulse 0.8s infinite alternate !important}@keyframes waterPulse{from{filter:drop-shadow(0 0 5px #ff4757) drop-shadow(0 0 10px #ff0000)}to{filter:drop-shadow(0 0 15px #ff4757) drop-shadow(0 0 30px red)}}.has-star-aura .pony-sprite{filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 25px rgba(255,255,255,0.95)) !important;animation:starAuraWhitePulse 1.2s infinite alternate !important}@keyframes starAuraWhitePulse{from{filter:drop-shadow(0 0 4px #ffffff) drop-shadow(0 0 10px rgba(255,255,255,0.85)) drop-shadow(0 0 18px rgba(255,255,255,0.6))}to{filter:drop-shadow(0 0 8px #ffffff) drop-shadow(0 0 18px #ffffff) drop-shadow(0 0 32px rgba(255,255,255,1))}}.speed-boost{filter:drop-shadow(0 0 15px gold) drop-shadow(0 0 30px rgba(255,215,0,0.8)) !important;animation:speedPulse 1s infinite alternate}@keyframes speedPulse{from{filter:drop-shadow(0 0 15px gold) drop-shadow(0 0 30px rgba(255,215,0,0.5))}to{filter:drop-shadow(0 0 20px gold) drop-shadow(0 0 40px rgba(255,215,0,0.9))}}#weather-canvas,#time-overlay,#fog-overlay{pointer-events:none !important}.prop{pointer-events:auto !important}.map-gift,.map-mystery-box{position:absolute;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:32px;filter:drop-shadow(0 4px 8px rgba(255,105,180,0.7));transform:translate3d(-50%,-50%,0);cursor:pointer;user-select:none;pointer-events:auto !important;touch-action:manipulation !important;animation:floatGift 2.4s infinite ease-in-out;z-index:100;will-change:transform}@keyframes floatGift{0%,100%{transform:translate3d(-50%,-50%,0) scale(1)}50%{transform:translate3d(-50%,calc(-50% - 6px),0) scale(1.06)}}.emoji-item.emoji-rps{background:linear-gradient(145deg,#fff9e6,#ffeaa7);border:3px solid #fdcb6e;box-shadow:0 4px 14px rgba(253,203,110,0.6)}.emoji-item.emoji-rps:hover{transform:scale(1.25);background:linear-gradient(145deg,#ffffff,#ffe082);border-color:#f39c12;box-shadow:0 6px 18px rgba(243,156,18,0.8)}.player-aura{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;pointer-events:none;z-index:5;display:flex;align-items:center;justify-content:center}.aura-glow{position:absolute;width:90px;height:90px;border-radius:50%;pointer-events:none;opacity:0.7;filter:blur(8px);animation:auraGlowPulse 2s infinite alternate ease-in-out}@keyframes auraGlowPulse{0%{transform:scale(0.85);opacity:0.45}100%{transform:scale(1.15);opacity:0.85}}.p-part{position:absolute;display:block;user-select:none;pointer-events:none;will-change:transform,opacity}.aura-hearts .aura-glow{background:radial-gradient(circle,rgba(255,71,87,0.6) 0%,rgba(255,107,129,0.25) 55%,transparent 80%)}.aura-hearts .p-h1{font-size:22px;animation:floatHeart1 2.2s infinite ease-out}.aura-hearts .p-h2{font-size:16px;animation:floatHeart2 2.6s infinite ease-out 0.6s}.aura-hearts .p-h3{font-size:20px;animation:floatHeart3 2.0s infinite ease-out 1.2s}.aura-hearts .p-h4{font-size:14px;animation:floatHeart4 2.4s infinite ease-out 1.8s}.aura-hearts .p-h5{font-size:12px;animation:floatHeartSparkle 1.8s infinite ease-in-out 0.3s}@keyframes floatHeart1{0%{transform:translate(-25px,20px) scale(0.5);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 8px #ff4757)}100%{transform:translate(-38px,-45px) scale(1.1) rotate(-15deg);opacity:0}}@keyframes floatHeart2{0%{transform:translate(20px,15px) scale(0.4);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 6px #ff6b81)}100%{transform:translate(35px,-50px) scale(1.0) rotate(15deg);opacity:0}}@keyframes floatHeart3{0%{transform:translate(0px,25px) scale(0.6);opacity:0}35%{opacity:0.95;filter:drop-shadow(0 0 10px #ff4757)}100%{transform:translate(-10px,-55px) scale(1.2) rotate(5deg);opacity:0}}@keyframes floatHeart4{0%{transform:translate(-15px,10px) scale(0.5);opacity:0}40%{opacity:0.9}100%{transform:translate(25px,-40px) scale(0.9) rotate(-10deg);opacity:0}}@keyframes floatHeartSparkle{0%,100%{transform:translate(15px,-20px) scale(0.4);opacity:0}50%{transform:translate(22px,-30px) scale(1.2);opacity:1;filter:drop-shadow(0 0 6px #ffa8a8)}}.aura-water .aura-glow{background:radial-gradient(circle,rgba(0,210,211,0.6) 0%,rgba(72,219,251,0.25) 60%,transparent 80%)}.aura-water .p-w1{font-size:20px;animation:floatWater1 1.8s infinite ease-in-out}.aura-water .p-w2{font-size:16px;animation:floatWater2 2.2s infinite ease-in-out 0.4s}.aura-water .p-w3{font-size:22px;animation:floatWater3 1.9s infinite ease-in-out 0.9s}.aura-water .p-w4{font-size:15px;animation:floatWater4 2.4s infinite ease-in-out 1.3s}.aura-water .p-w5{font-size:18px;animation:floatWater5 1.7s infinite ease-in-out 0.7s}@keyframes floatWater1{0%{transform:translate(-28px,20px) scale(0.6);opacity:0}40%{opacity:1;filter:drop-shadow(0 0 8px #48dbfb)}100%{transform:translate(-20px,-40px) scale(1.1);opacity:0}}@keyframes floatWater2{0%{transform:translate(25px,25px) scale(0.4);opacity:0}40%{opacity:0.9;filter:drop-shadow(0 0 6px #00d2d3)}100%{transform:translate(32px,-35px) scale(1.0);opacity:0}}@keyframes floatWater3{0%{transform:translate(-5px,30px) scale(0.5);opacity:0}50%{opacity:1;filter:drop-shadow(0 0 10px #54a0ff)}100%{transform:translate(10px,-48px) scale(1.2);opacity:0}}@keyframes floatWater4{0%{transform:translate(15px,15px) scale(0.5);opacity:0}45%{opacity:0.85}100%{transform:translate(-15px,-38px) scale(0.9);opacity:0}}@keyframes floatWater5{0%{transform:translate(-18px,25px) scale(0.4);opacity:0}50%{opacity:0.95;filter:drop-shadow(0 0 8px #00d2d3)}100%{transform:translate(5px,-42px) scale(1.1);opacity:0}}.aura-sparkles .aura-glow{background:radial-gradient(circle,rgba(254,202,87,0.7) 0%,rgba(255,159,67,0.25) 60%,transparent 80%)}.aura-sparkles .p-s1{font-size:20px;animation:orbitSparkle1 3s infinite linear}.aura-sparkles .p-s2{font-size:16px;animation:orbitSparkle2 3s infinite linear}.aura-sparkles .p-s3{font-size:22px;animation:orbitSparkle3 3.5s infinite linear}.aura-sparkles .p-s4{font-size:15px;animation:orbitSparkle4 2.8s infinite linear}.aura-sparkles .p-s5{font-size:18px;animation:pulseSparkleCenter 1.5s infinite alternate ease-in-out}@keyframes orbitSparkle1{0%{transform:rotate(0deg) translateX(36px) rotate(0deg) scale(0.7);opacity:0.4}50%{transform:rotate(180deg) translateX(36px) rotate(-180deg) scale(1.2);opacity:1;filter:drop-shadow(0 0 10px gold)}100%{transform:rotate(360deg) translateX(36px) rotate(-360deg) scale(0.7);opacity:0.4}}@keyframes orbitSparkle2{0%{transform:rotate(120deg) translateX(42px) rotate(-120deg) scale(1.1);opacity:1;filter:drop-shadow(0 0 8px gold)}50%{transform:rotate(300deg) translateX(42px) rotate(-300deg) scale(0.6);opacity:0.3}100%{transform:rotate(480deg) translateX(42px) rotate(-480deg) scale(1.1);opacity:1}}@keyframes orbitSparkle3{0%{transform:rotate(240deg) translateX(32px) rotate(-240deg) scale(0.6);opacity:0.3}50%{transform:rotate(420deg) translateX(32px) rotate(-420deg) scale(1.3);opacity:1;filter:drop-shadow(0 0 12px #ff9f43)}100%{transform:rotate(600deg) translateX(32px) rotate(-600deg) scale(0.6);opacity:0.3}}@keyframes orbitSparkle4{0%{transform:rotate(60deg) translateX(48px) rotate(-60deg) scale(0.8);opacity:0.7}50%{transform:rotate(240deg) translateX(48px) rotate(-240deg) scale(1.1);opacity:1;filter:drop-shadow(0 0 8px #feca57)}100%{transform:rotate(420deg) translateX(48px) rotate(-420deg) scale(0.8);opacity:0.7}}@keyframes pulseSparkleCenter{0%{transform:translate(0,-10px) scale(0.7);opacity:0.5}100%{transform:translate(0,-15px) scale(1.2);opacity:1;filter:drop-shadow(0 0 14px gold)}}.aura-fire .aura-glow{background:radial-gradient(circle,rgba(255,71,87,0.75) 0%,rgba(255,121,63,0.35) 50%,rgba(255,165,2,0.15) 75%,transparent 90%);filter:blur(10px);animation:fireGlowFlicker 0.6s infinite alternate ease-in-out}@keyframes fireGlowFlicker{0%{transform:scale(0.9) translateY(4px);opacity:0.6}100%{transform:scale(1.12) translateY(-4px);opacity:0.95}}.aura-fire .p-f1{font-size:24px;animation:riseFire1 1.3s infinite ease-in}.aura-fire .p-f2{font-size:20px;animation:riseFire2 1.5s infinite ease-in 0.3s}.aura-fire .p-f3{font-size:26px;animation:riseFire3 1.2s infinite ease-in 0.6s}.aura-fire .p-f4{font-size:16px;animation:riseFire4 1.6s infinite ease-in 0.9s}.aura-fire .p-f5{font-size:18px;animation:riseFire5 1.4s infinite ease-in 0.45s}@keyframes riseFire1{0%{transform:translate(-22px,25px) scale(0.6);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 10px #ff4757)}100%{transform:translate(-15px,-45px) scale(1.2);opacity:0}}@keyframes riseFire2{0%{transform:translate(18px,30px) scale(0.5);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 12px #ff6348)}100%{transform:translate(25px,-40px) scale(1.1);opacity:0}}@keyframes riseFire3{0%{transform:translate(0px,28px) scale(0.7);opacity:0}35%{opacity:1;filter:drop-shadow(0 0 14px #ffa502)}100%{transform:translate(-5px,-52px) scale(1.3);opacity:0}}@keyframes riseFire4{0%{transform:translate(-10px,20px) scale(0.5);opacity:0}40%{opacity:0.9}100%{transform:translate(12px,-38px) scale(0.9);opacity:0}}@keyframes riseFire5{0%{transform:translate(8px,22px) scale(0.6);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 8px #ff7f50)}100%{transform:translate(-18px,-42px) scale(1.1);opacity:0}}.aura-magic .aura-glow{background:radial-gradient(circle,rgba(168,85,247,0.8) 0%,rgba(147,51,234,0.35) 55%,transparent 80%);box-shadow:0 0 25px rgba(168,85,247,0.7)}.aura-magic .magic-ring{position:absolute;width:68px;height:68px;border-radius:50%;border:2px dashed rgba(216,180,254,0.75);box-shadow:0 0 12px rgba(192,132,252,0.8);animation:rotateMagicRing 6s infinite linear}@keyframes rotateMagicRing{0%{transform:rotate(0deg) scale(0.9)}50%{transform:rotate(180deg) scale(1.1);box-shadow:0 0 18px rgba(216,180,254,1)}100%{transform:rotate(360deg) scale(0.9)}}.aura-magic .p-m1{font-size:22px;animation:floatMagicOrb 2.5s infinite ease-in-out}.aura-magic .p-m2{font-size:18px;animation:orbitMagicStar1 3.5s infinite linear}.aura-magic .p-m3{font-size:16px;animation:orbitMagicStar2 3.5s infinite linear}.aura-magic .p-m4{font-size:18px;animation:floatMagicRune 2.2s infinite ease-in-out 0.8s}@keyframes floatMagicOrb{0%,100%{transform:translate(0,-32px) scale(0.9);filter:drop-shadow(0 0 10px #c084fc)}50%{transform:translate(0,-42px) scale(1.2);filter:drop-shadow(0 0 18px #f472b6)}}@keyframes orbitMagicStar1{0%{transform:rotate(0deg) translateX(36px) rotate(0deg) scale(0.8);opacity:0.4}50%{transform:rotate(180deg) translateX(36px) rotate(-180deg) scale(1.2);opacity:1;filter:drop-shadow(0 0 10px #e879f9)}100%{transform:rotate(360deg) translateX(36px) rotate(-360deg) scale(0.8);opacity:0.4}}@keyframes orbitMagicStar2{0%{transform:rotate(180deg) translateX(36px) rotate(-180deg) scale(1.1);opacity:1;filter:drop-shadow(0 0 10px #a855f7)}50%{transform:rotate(360deg) translateX(36px) rotate(-360deg) scale(0.7);opacity:0.3}100%{transform:rotate(540deg) translateX(36px) rotate(-540deg) scale(1.1);opacity:1}}@keyframes floatMagicRune{0%,100%{transform:translate(-24px,-10px) scale(0.8);opacity:0.5}50%{transform:translate(24px,-15px) scale(1.1);opacity:1;filter:drop-shadow(0 0 8px #c084fc)}}.aura-snow .aura-glow{background:radial-gradient(circle,rgba(199,236,255,0.7) 0%,rgba(112,161,255,0.25) 60%,transparent 80%)}.aura-snow .p-sn1{font-size:22px;animation:fallSnow1 2.4s infinite ease-in-out}.aura-snow .p-sn2{font-size:16px;animation:fallSnow2 2.8s infinite ease-in-out 0.6s}.aura-snow .p-sn3{font-size:20px;animation:fallSnow3 2.2s infinite ease-in-out 1.2s}.aura-snow .p-sn4{font-size:14px;animation:fallSnow4 2.6s infinite ease-in-out 1.8s}.aura-snow .p-sn5{font-size:15px;animation:orbitSnowGlint 3s infinite linear}@keyframes fallSnow1{0%{transform:translate(-25px,-45px) rotate(0deg) scale(0.6);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 8px #70a1ff)}100%{transform:translate(-10px,35px) rotate(180deg) scale(1.1);opacity:0}}@keyframes fallSnow2{0%{transform:translate(20px,-40px) rotate(0deg) scale(0.5);opacity:0}30%{opacity:0.9;filter:drop-shadow(0 0 6px #a4b0be)}100%{transform:translate(32px,38px) rotate(-150deg) scale(1.0);opacity:0}}@keyframes fallSnow3{0%{transform:translate(5px,-50px) rotate(0deg) scale(0.6);opacity:0}35%{opacity:1;filter:drop-shadow(0 0 10px #c7ecff)}100%{transform:translate(-20px,40px) rotate(220deg) scale(1.2);opacity:0}}@keyframes fallSnow4{0%{transform:translate(-10px,-35px) rotate(0deg) scale(0.5);opacity:0}40%{opacity:0.85}100%{transform:translate(15px,30px) rotate(-180deg) scale(0.9);opacity:0}}@keyframes orbitSnowGlint{0%{transform:rotate(0deg) translateX(36px) rotate(0deg) scale(0.5);opacity:0.2}50%{transform:rotate(180deg) translateX(36px) rotate(-180deg) scale(1.1);opacity:1;filter:drop-shadow(0 0 8px white)}100%{transform:rotate(360deg) translateX(36px) rotate(-360deg) scale(0.5);opacity:0.2}}.aura-music .aura-glow{background:radial-gradient(circle,rgba(255,159,243,0.6) 0%,rgba(84,160,255,0.25) 55%,transparent 80%)}.aura-music .p-mu1{font-size:22px;animation:floatMusic1 2.2s infinite ease-out}.aura-music .p-mu2{font-size:18px;animation:floatMusic2 2.5s infinite ease-out 0.5s}.aura-music .p-mu3{font-size:24px;animation:floatMusic3 2.0s infinite ease-out 1.0s}.aura-music .p-mu4{font-size:16px;animation:floatMusic4 2.4s infinite ease-out 1.5s}.aura-music .p-mu5{font-size:14px;animation:floatMusicSparkle 1.8s infinite ease-in-out 0.8s}@keyframes floatMusic1{0%{transform:translate(-25px,20px) rotate(-20deg) scale(0.6);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 8px #ff9ff3)}100%{transform:translate(-35px,-45px) rotate(25deg) scale(1.2);opacity:0}}@keyframes floatMusic2{0%{transform:translate(22px,15px) rotate(15deg) scale(0.5);opacity:0}35%{opacity:1;filter:drop-shadow(0 0 8px #54a0ff)}100%{transform:translate(32px,-42px) rotate(-25deg) scale(1.1);opacity:0}}@keyframes floatMusic3{0%{transform:translate(-5px,25px) rotate(0deg) scale(0.6);opacity:0}30%{opacity:1;filter:drop-shadow(0 0 10px #feca57)}100%{transform:translate(12px,-50px) rotate(30deg) scale(1.3);opacity:0}}@keyframes floatMusic4{0%{transform:translate(10px,25px) rotate(-10deg) scale(0.5);opacity:0}40%{opacity:0.9}100%{transform:translate(-18px,-38px) rotate(15deg) scale(0.9);opacity:0}}@keyframes floatMusicSparkle{0%,100%{transform:translate(15px,-15px) scale(0.4);opacity:0}50%{transform:translate(25px,-25px) scale(1.2);opacity:1;filter:drop-shadow(0 0 8px #ff9ff3)}}.aura-poison .aura-glow{background:radial-gradient(circle,rgba(46,213,115,0.7) 0%,rgba(16,172,132,0.3) 55%,transparent 80%);box-shadow:0 0 20px rgba(46,213,115,0.5)}.aura-poison .p-po1{font-size:22px;animation:risePoison1 2.0s infinite ease-in}.aura-poison .p-po2{font-size:18px;animation:risePoison2 2.4s infinite ease-in 0.5s}.aura-poison .p-po3{font-size:20px;animation:risePoison3 1.8s infinite ease-in 1.0s}.aura-poison .p-po4{font-size:15px;animation:risePoison4 2.2s infinite ease-in 1.5s}.aura-poison .p-po5{font-size:16px;animation:risePoison5 1.9s infinite ease-in 0.75s}@keyframes risePoison1{0%{transform:translate(-22px,25px) scale(0.5);opacity:0}35%{opacity:1;filter:drop-shadow(0 0 10px #2ed573)}100%{transform:translate(-30px,-45px) scale(1.2);opacity:0}}@keyframes risePoison2{0%{transform:translate(20px,20px) scale(0.4);opacity:0}35%{opacity:0.95;filter:drop-shadow(0 0 8px #10ac84)}100%{transform:translate(28px,-40px) scale(1.1);opacity:0}}@keyframes risePoison3{0%{transform:translate(0px,30px) scale(0.6);opacity:0}40%{opacity:1;filter:drop-shadow(0 0 12px #2ed573)}100%{transform:translate(10px,-50px) scale(1.2);opacity:0}}@keyframes risePoison4{0%{transform:translate(-10px,15px) scale(0.4);opacity:0}40%{opacity:0.85}100%{transform:translate(15px,-35px) scale(0.9);opacity:0}}@keyframes risePoison5{0%{transform:translate(12px,22px) scale(0.5);opacity:0}35%{opacity:0.9;filter:drop-shadow(0 0 8px #2ed573)}100%{transform:translate(-8px,-42px) scale(1.1);opacity:0}}.lake-water-ripple{position:absolute;width:36px;height:18px;border:2px solid rgba(255,255,255,0.75);box-shadow:0 0 6px rgba(80,200,255,0.5);border-radius:50%;transform:translate3d(-50%,-50%,0) scale(0.2);animation:lakeRippleAnim 0.85s ease-out forwards;pointer-events:none;z-index:10;will-change:transform,opacity;contain:layout style paint}@keyframes lakeRippleAnim{0%{transform:translate3d(-50%,-50%,0) scale(0.2);opacity:0.9;border-color:rgba(255,255,255,0.9)}50%{opacity:0.6}100%{transform:translate3d(-50%,-50%,0) scale(1.5);opacity:0;border-color:rgba(140,220,255,0.2)}}.toy-ball.in-water{filter:drop-shadow(0 2px 6px rgba(10,60,120,0.65));opacity:0.88}.toy-ball.ball-sinking{transform:scale(0) rotate(180deg) !important;opacity:0 !important;transition:transform 0.8s ease-in,opacity 0.8s ease-in !important}.cider-drinking-overlay{position:absolute;top:-55px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:120;animation:ciderMugDrink 1.5s cubic-bezier(0.25,1,0.5,1) forwards}.cider-mug-icon{font-size:38px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.4));transform-origin:bottom right;display:inline-block}.cider-foam-splash{position:absolute;top:-5px;right:-10px;font-size:14px;pointer-events:none;animation:ciderFoamSplash 0.9s ease-out infinite}@keyframes ciderMugDrink{0%{opacity:0;transform:translate(-50%,15px) scale(0.6) rotate(0deg)}18%{opacity:1;transform:translate(-50%,-5px) scale(1.1) rotate(-20deg)}38%{transform:translate(-50%,-10px) scale(1.15) rotate(-40deg)}55%{transform:translate(-50%,-5px) scale(1.1) rotate(-20deg)}75%{transform:translate(-50%,-12px) scale(1.2) rotate(-60deg)}90%{opacity:0.9;transform:translate(-50%,-15px) scale(1.1) rotate(-65deg)}100%{opacity:0;transform:translate(-50%,10px) scale(0.6) rotate(0deg)}}@keyframes ciderFoamSplash{0%{opacity:1;transform:translate(0,0) scale(0.6)}100%{opacity:0;transform:translate(12px,-18px) scale(1.4)}}.cider-foam-mustache{position:absolute;top:36%;left:50%;transform:translateX(-50%);width:22px;height:10px;background:radial-gradient(ellipse at center,#ffffff 65%,rgba(255,255,255,0.4) 100%);border-radius:12px;filter:drop-shadow(0 0 4px rgba(255,255,255,0.95));pointer-events:none;z-index:10;animation:foamMustacheFade 3.5s forwards ease-out}@keyframes foamMustacheFade{0%{opacity:0;transform:translateX(-50%) scale(0.5)}15%{opacity:1;transform:translateX(-50%) scale(1.1)}25%{transform:translateX(-50%) scale(1)}75%{opacity:0.9}100%{opacity:0;transform:translateX(-50%) scale(0.7)}}.has-cider-drunk .pony-sprite{filter:drop-shadow(0 0 8px #ff7675) drop-shadow(0 0 16px rgba(255,118,117,0.5)) !important}.cider-drunk-orbit{position:absolute;top:-25px;left:50%;width:60px;height:30px;margin-left:-30px;pointer-events:none;z-index:25}.cider-drunk-bubble{position:absolute;font-size:14px;animation:ciderDrunkOrbit 2.4s linear infinite}.cider-drunk-bubble:nth-child(1){animation-delay:0s}.cider-drunk-bubble:nth-child(2){animation-delay:-0.8s;font-size:16px}.cider-drunk-bubble:nth-child(3){animation-delay:-1.6s;font-size:13px}@keyframes ciderDrunkOrbit{0%{transform:rotate(0deg) translateX(24px) rotate(0deg) scale(0.8);opacity:0.8}50%{transform:rotate(180deg) translateX(24px) rotate(-180deg) scale(1.2);opacity:1}100%{transform:rotate(360deg) translateX(24px) rotate(-360deg) scale(0.8);opacity:0.8}}.has-cider-speed .pony-sprite{filter:drop-shadow(0 0 8px #f1c40f) drop-shadow(0 0 16px rgba(241,196,15,0.6)) !important;animation:ciderSpeedPulse 1.2s infinite alternate}@keyframes ciderSpeedPulse{from{filter:drop-shadow(0 0 6px #f1c40f) drop-shadow(0 0 12px rgba(241,196,15,0.4))}to{filter:drop-shadow(0 0 10px #f39c12) drop-shadow(0 0 20px rgba(243,156,18,0.8))}}.has-cider-royal .pony-sprite{filter:drop-shadow(0 0 12px #ffeaa7) drop-shadow(0 0 25px #fdcb6e) drop-shadow(0 0 35px rgba(253,203,110,0.8)) !important;animation:ciderRoyalGlow 1s infinite alternate}@keyframes ciderRoyalGlow{from{filter:drop-shadow(0 0 10px #ffeaa7) drop-shadow(0 0 22px #fdcb6e)}to{filter:drop-shadow(0 0 16px #fff) drop-shadow(0 0 32px #f1c40f)}}#game-container.cider-camera-sway{animation:ciderCameraSwayAnim 5.5s ease-in-out infinite;transform-origin:center center;overflow:hidden}@keyframes ciderCameraSwayAnim{0%,100%{transform:scale(1.05) rotate(0deg)}25%{transform:scale(1.05) rotate(-1.2deg)}75%{transform:scale(1.05) rotate(1.2deg)}}#cider-modal .modal-content{background:linear-gradient(135deg,#fff7ea 0%,#ffeaa7 100%);border:3px solid #d35400;border-radius:20px;max-width:480px;width:90%;color:#4a2700;box-shadow:0 15px 40px rgba(0,0,0,0.4)}.cider-recipe-card{background:rgba(255,255,255,0.7);border:2px solid #e67e22;border-radius:14px;padding:12px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;transition:transform 0.15s ease,box-shadow 0.15s ease}.cider-recipe-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(211,84,0,0.2)}.cider-action-btn{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);color:white;border:none;border-radius:10px;padding:8px 14px;font-weight:bold;cursor:pointer;box-shadow:0 4px 10px rgba(211,84,0,0.3);transition:filter 0.15s ease,transform 0.1s ease}.cider-action-btn:hover{filter:brightness(1.1);transform:scale(1.03)}.cider-action-btn:active{transform:scale(0.97)}.cider-action-btn:disabled{background:#b2bec3;box-shadow:none;cursor:not-allowed;filter:none;transform:none}.cider-tab-btn{transition:all 0.2s ease}.cider-tab-btn:hover{filter:brightness(1.05)}.has-juice-carrot .pony-sprite{filter:drop-shadow(0 0 8px rgba(230,126,34,0.8)) !important}.has-juice-cabbage .pony-sprite{filter:drop-shadow(0 0 8px rgba(46,204,113,0.85)) !important}.has-juice-radish .pony-sprite{filter:drop-shadow(0 0 8px rgba(231,76,60,0.85)) !important}.has-juice-multi .pony-sprite{filter:drop-shadow(0 0 9px rgba(241,196,15,0.85)) !important}.has-juice-star .pony-sprite{animation:juiceStarRadiance 1.2s ease-in-out infinite alternate !important}@keyframes juiceStarRadiance{0%{filter:drop-shadow(0 0 6px rgba(255,215,0,0.7)) brightness(1.05)}100%{filter:drop-shadow(0 0 14px rgba(255,230,100,1.0)) brightness(1.2)}}#admin-panel{pointer-events:auto !important}.admin-btn{background:rgba(40,40,40,0.9) !important;color:#fff !important;border:2px solid #bd93f9 !important;padding:8px 15px !important;border-radius:8px !important;cursor:pointer !important;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif !important;font-weight:bold !important;transition:all 0.2s !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;font-size:14px !important}.admin-btn:hover{background:#bd93f9 !important;color:#000 !important;transform:translateY(-2px)}.admin-btn.active{background:#ff6b6b !important;border-color:#fff !important}.admin-btn.save{background:#4ecdc4 !important;border-color:#fff !important;color:#000 !important}.admin-btn.save:hover{background:#45b7af !important;transform:scale(1.05)}.prop.translucent{opacity:0.4;transition:opacity 0.3s}.prefab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:20px;max-height:60vh;overflow-y:auto;background:#f0f0f0}.prefab-card{background:white;border-radius:10px;padding:10px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:5px}.prefab-card:hover{border-color:#bd93f9;transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.prefab-card img{max-width:100%;max-height:80px;object-fit:contain}.prefab-card span{font-size:11px;color:#666;word-break:break-all}.prefab-card.flame{background:#fff5e6}.admin-btn.palette{background:#ff9de2 !important;color:#fff !important}.admin-btn.palette:hover{background:#f783d1 !important}#inventory-toggle-btn{position:absolute;top:max(185px,calc(env(safe-area-inset-top) + 185px));left:max(10px,env(safe-area-inset-left));width:40px;height:40px;background:rgba(255,255,255,0.9);border:2px solid white;border-radius:50%;font-size:20px;cursor:pointer;z-index:500;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}@media (max-width:768px){#inventory-toggle-btn{top:max(130px,calc(env(safe-area-inset-top) + 130px));width:36px;height:36px;font-size:18px}}#inventory-toggle-btn:hover{transform:scale(1.1)}#inventory-toggle-btn:active{transform:scale(0.9)}.inventory-content{background:linear-gradient(135deg,#fff9f0 0%,#fff 100%) !important;max-width:500px !important;border-radius:30px !important;border:6px solid #ff9de2 !important}.bits-counter{background:rgba(255,255,255,0.8);padding:5px 15px;border-radius:20px;font-family:'Chewy',cursive;font-size:20px;color:#f39c12;border:2px solid #f1c40f;margin:0 15px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-auto-rows:min-content;align-content:start;gap:15px;padding:20px;max-height:300px;overflow-y:auto}.inventory-item{background:white;border:3px solid #eee;border-radius:15px;padding:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.2s;position:relative}.inventory-item:hover{border-color:#ff9de2;transform:translateY(-5px);box-shadow:0 5px 15px rgba(255,157,226,0.3)}.inventory-item.selected{border-color:#ff9de2;background:#fff0f9}.item-icon{font-size:32px;margin-bottom:5px}.item-count{position:absolute;top:-5px;right:-5px;background:#ff6b6b;color:white;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold}.item-details{padding:20px;border-top:2px dashed #ff9de2;background:rgba(255,255,255,0.5);border-radius:0 0 24px 24px}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.detail-header .item-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0;background:rgba(0,0,0,0.03);border-radius:12px;overflow:hidden}.detail-header .item-icon img{width:100%;height:100%;object-fit:contain}#detail-icon{width:64px;height:64px}#detail-desc,#shop-detail-desc,#fair-detail-desc{color:#666;margin-bottom:15px;font-size:14px;max-height:80px;overflow-y:auto;padding-right:5px}#detail-desc::-webkit-scrollbar,#shop-detail-desc::-webkit-scrollbar,#fair-detail-desc::-webkit-scrollbar{width:4px}#detail-desc::-webkit-scrollbar-thumb,#shop-detail-desc::-webkit-scrollbar-thumb,#fair-detail-desc::-webkit-scrollbar-thumb{background:#ff9de2;border-radius:4px}#interact-btn{position:absolute;bottom:180px;left:50%;transform:translate3d(-50%,0,0);background:#ff9de2;color:white;border:3px solid white;padding:10px 25px;border-radius:25px;font-family:'Fredoka',sans-serif;font-size:18px;cursor:pointer;z-index:500;box-shadow:0 4px 15px rgba(255,157,226,0.4);display:none}#interact-btn.active{animation:pulseInteract 2s infinite ease-in-out;will-change:transform}@keyframes pulseInteract{0%,100%{transform:translate3d(-50%,0,0) scale(1)}50%{transform:translate3d(-50%,0,0) scale(1.04)}}.shop-content{background:linear-gradient(135deg,#f0f4ff 0%,#fff 100%) !important;border:6px solid #4ecdc4 !important}.shop-tabs{display:flex;gap:10px;padding:0 20px;margin-bottom:10px}.shop-tab{flex:1;padding:10px;border:none;background:#eee;border-radius:15px 15px 0 0;cursor:pointer;font-family:'Fredoka',sans-serif;transition:all 0.2s}.shop-tab.active{background:#4ecdc4;color:white}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:min-content;align-content:start;gap:15px;padding:20px;max-height:350px;overflow-y:auto}.shop-item{background:white;border:3px solid #eee;border-radius:20px;padding:15px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.2s;position:relative}.shop-item:hover{border-color:#4ecdc4;transform:translateY(-5px)}.shop-item.selected{border-color:#4ecdc4;background:#f0fffb}.shop-action-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.shop-price{font-family:'Chewy',cursive;font-size:20px;color:#f39c12}.farm-plot{position:absolute;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transform:translate(-50%,-50%)}.plot-visual{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.plot-dry{position:absolute;top:-10px;right:-5px;font-size:20px;animation:bounce 2s infinite}.plot-owner{position:absolute;bottom:-15px;font-size:10px;color:white;background:rgba(0,0,0,0.4);padding:2px 6px;border-radius:10px;white-space:nowrap}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.plot-visual.fertilized{filter:drop-shadow(0 0 10px rgba(255,255,255,0.8)) hue-rotate(20deg)}.plot-sparkle{position:absolute;top:-20px;font-size:14px;animation:sparkleAnim 1.5s infinite}@keyframes sparkleAnim{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1.2)}}.main-bits{margin-top:5px;background:rgba(255,255,255,0.85);padding:2px 10px;border-radius:12px;font-family:'Chewy',cursive;font-size:16px;color:#f39c12;border:1.5px solid #f1c40f;display:flex;align-items:center;gap:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);width:fit-content}.bits-counter{display:flex !important;align-items:center;gap:8px;background:rgba(255,255,255,0.9);padding:5px 15px;border-radius:20px;font-family:'Chewy',cursive;font-size:22px;color:#f39c12 !important;border:2px solid #f1c40f;margin:0 15px;min-width:60px;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.bits-counter span{color:#e67e22 !important;font-weight:bold;display:inline-block}#fair-bar-container{position:absolute;width:200px;background:rgba(255,255,255,0.95);padding:8px;border-radius:12px;border:3px solid #ff9de2;z-index:5000;box-shadow:0 4px 15px rgba(0,0,0,0.3);text-align:center;pointer-events:none;transform:translate(-50%,-100%)}.fair-info{font-family:'Fredoka',sans-serif;font-size:13px;color:#ff9de2;margin-bottom:4px;font-weight:bold;text-shadow:1px 1px 0px white}.fair-bar-bg{height:12px;background:#eee;border-radius:6px;overflow:hidden}#fair-fill{height:100%;width:0%;background:#4ecdc4;transition:width 0.5s ease}.fair-content{border:6px solid #ff9de2 !important;background:linear-gradient(135deg,#fff5fb 0%,#fff 100%) !important}.fair-desc{padding:0 20px;color:#888;font-size:14px;text-align:center}@media (max-width:480px){.shop-content,.fair-content{width:92% !important;max-width:440px !important;height:82vh !important;max-height:82vh !important;border-radius:20px !important;position:relative !important;margin:auto !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;padding:0 !important}.shop-content{border:4px solid #4ecdc4 !important}.fair-content{border:4px solid #ff9de2 !important}.shop-tabs{padding:0 10px !important;margin-bottom:5px !important;gap:6px !important}.shop-tab{padding:8px !important;font-size:13px !important;border-radius:12px 12px 0 0 !important}.fair-desc{padding:4px 12px !important;font-size:11px !important;margin:0 !important}.shop-grid,#fair-inventory-grid{padding:10px !important;grid-template-columns:repeat(auto-fill,minmax(65px,1fr)) !important;gap:8px !important;flex:1 !important;min-height:0 !important;overflow-y:auto !important;align-content:start !important;max-height:none !important}.shop-item,#fair-inventory-grid .inventory-item{padding:6px 4px !important;border-radius:12px !important;border-width:2px !important}.shop-item .item-icon,#fair-inventory-grid .inventory-item .item-icon{font-size:24px !important}.shop-item .item-name,#fair-inventory-grid .inventory-item .item-name{font-size:10px !important}.shop-item .shop-price{font-size:11px !important;margin-top:2px !important}.item-details{padding:10px 12px 14px !important;border-top:1px solid rgba(0,0,0,0.08) !important;flex-shrink:0 !important;background:#fff !important}.detail-header{gap:8px !important;margin-bottom:4px !important}.detail-header h3{font-size:15px !important;margin:0 !important}#shop-detail-desc,#detail-desc,#fair-detail-desc{font-size:12px !important;line-height:1.3 !important;margin-bottom:6px !important;max-height:50px !important;overflow-y:auto !important}.shop-action-row{margin-top:5px !important;flex-direction:column !important;gap:8px !important;align-items:stretch !important}#shop-detail-price-row{font-size:13px !important;font-weight:bold;text-align:center}#shop-quantity-selector{margin:5px 0 !important}#shop-action-btn,#fair-deposit-btn{min-height:38px !important;font-size:13px !important;padding:6px 12px !important;border-radius:10px !important;width:100% !important}}.boutique-content{background:#232332 !important;border:4px solid #ff69b4 !important;max-width:650px;height:85vh;color:#fff;display:flex;flex-direction:column}.boutique-content .modal-header{border-bottom:2px solid rgba(255,105,180,0.4)}.boutique-content .modal-header h2{color:#ff9de2}.boutique-body{padding:15px;display:flex;gap:15px;overflow-y:auto;flex:1}.boutique-section-style{flex:1;min-width:180px;background:rgba(0,0,0,0.3);padding:12px;border-radius:8px;border:1px solid rgba(255,105,180,0.2)}.boutique-section-style h3{color:#ff9de2;margin:0 0 10px 0;font-size:15px}.boutique-section-catalog{flex:2;min-width:220px}.boutique-section-catalog h3{color:#fff;margin:0 0 10px 0;font-size:15px}.boutique-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;align-content:start}.boutique-grid .inventory-item{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all 0.2s ease}.boutique-grid .inventory-item:hover,.boutique-grid .inventory-item:active{border-color:#ff69b4;background:rgba(255,105,180,0.15);transform:translateY(-2px)}.boutique-grid .item-name{font-size:10px;margin-top:4px;color:#eee;word-break:break-word}@media (max-width:600px){.boutique-body{flex-direction:column;gap:12px;padding:10px}.boutique-section-style{min-width:100%;max-height:180px;overflow-y:auto}.boutique-section-catalog{min-width:100%}.boutique-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:8px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr)) !important;gap:8px !important;padding:10px !important}.shop-item{padding:8px 4px !important;border-radius:12px !important}.shop-item .item-icon{font-size:28px !important}.shop-item .item-name{font-size:11px !important}.shop-item .shop-price{font-size:14px !important}}#inventory-toggle-btn,#achievements-btn,#leaderboard-btn,#quests-btn{position:absolute;width:40px;height:40px;background:rgba(255,255,255,0.9);border:2px solid white;border-radius:50%;font-size:20px;cursor:pointer;z-index:500;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}#inventory-toggle-btn{top:max(185px,calc(env(safe-area-inset-top) + 185px));left:max(15px,calc(env(safe-area-inset-left) + 15px))}#achievements-btn{top:max(185px,calc(env(safe-area-inset-top) + 185px));left:max(60px,calc(env(safe-area-inset-left) + 60px))}#leaderboard-btn{position:absolute;top:max(185px,calc(env(safe-area-inset-top) + 185px));left:max(105px,calc(env(safe-area-inset-left) + 105px))}#quests-btn{position:absolute;top:max(185px,calc(env(safe-area-inset-top) + 185px));left:max(150px,calc(env(safe-area-inset-left) + 150px))}#inventory-toggle-btn:hover,#achievements-btn:hover,#leaderboard-btn:hover,#quests-btn:hover{transform:scale(1.15)}#inventory-toggle-btn:active,#achievements-btn:active,#leaderboard-btn:active,#quests-btn:active{transform:scale(0.9)}@media (max-width:768px){#inventory-toggle-btn,#achievements-btn,#leaderboard-btn,#quests-btn{width:36px !important;height:36px !important;font-size:18px !important;top:max(108px,calc(env(safe-area-inset-top) + 108px)) !important}#inventory-toggle-btn{left:max(10px,calc(env(safe-area-inset-left) + 10px)) !important}#achievements-btn{left:max(52px,calc(env(safe-area-inset-left) + 52px)) !important}#leaderboard-btn{left:max(94px,calc(env(safe-area-inset-left) + 94px)) !important}#quests-btn{left:max(136px,calc(env(safe-area-inset-left) + 136px)) !important}{left:max(178px,calc(env(safe-area-inset-left) + 178px)) !important}}#inventory-toggle-btn{left:max(10px,calc(env(safe-area-inset-left) + 10px)) !important}#achievements-btn{left:max(52px,calc(env(safe-area-inset-left) + 52px)) !important}#leaderboard-btn{left:max(94px,calc(env(safe-area-inset-left) + 94px)) !important}#quests-btn{left:max(136px,calc(env(safe-area-inset-left) + 136px)) !important}}#inventory-toggle-btn{left:max(10px,calc(env(safe-area-inset-left) + 10px)) !important}#achievements-btn{left:max(52px,calc(env(safe-area-inset-left) + 52px)) !important}#leaderboard-btn{left:max(94px,calc(env(safe-area-inset-left) + 94px)) !important}#quests-btn{left:max(136px,calc(env(safe-area-inset-left) + 136px)) !important}}.leaderboard-content{max-width:500px;max-height:80vh;display:flex;flex-direction:column;min-height:0}.leaderboard-tabs{display:flex;gap:8px;padding:12px 15px 10px;border-bottom:1px solid #eee;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;align-items:center}.leaderboard-tab{padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer;font-size:13px;transition:all 0.2s;color:#666}.leaderboard-tab:hover{background:#eee}.leaderboard-tab.active{background:#ff9de2;color:white;border-color:#ff9de2}.leaderboard-list{flex-grow:1;overflow-y:auto;padding:10px 20px 20px}.leaderboard-entry{display:flex;align-items:center;padding:8px 12px;border-radius:10px;margin-bottom:4px;transition:background 0.2s;gap:10px}.leaderboard-entry:hover{background:#f5f5f5}.leaderboard-entry.is-me{background:#fff0f9;border:1px solid #ff9de2}.leaderboard-rank{width:28px;text-align:center;font-weight:bold;font-size:14px;color:#999;flex-shrink:0}.leaderboard-rank.gold{color:#ffc107;font-size:18px}.leaderboard-rank.silver{color:#b0b0b0;font-size:16px}.leaderboard-rank.bronze{color:#cd7f32;font-size:15px}.leaderboard-name{flex-grow:1;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-value{font-weight:bold;font-size:14px;color:#ff7eb3;flex-shrink:0}.leaderboard-level{font-size:12px;color:#999;flex-shrink:0;min-width:50px;text-align:right}.achievements-content{max-width:600px;max-height:80vh;display:flex;flex-direction:column;min-height:0}.achievements-content .modal-header{padding:15px 20px}.achievements-content .achievements-categories{padding:10px 20px}.achievements-stats{text-align:center;font-size:16px;font-weight:600;color:#666;padding:10px 0;border-bottom:1px solid #eee}.daily-streak-bar{padding:12px 0;border-bottom:1px solid #eee}.daily-title{text-align:center;font-size:15px;font-weight:700;color:#e67e22;margin-bottom:10px}.daily-days{display:flex;gap:4px;justify-content:center;overflow-x:auto}.daily-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:10px;background:#f5f5f5;border:2px solid #e0e0e0;min-width:60px;transition:all 0.2s ease}.daily-day.reached{background:#e8f5e9;border-color:#66bb6a;opacity:0.7}.daily-day.current{background:#fff8e1;border-color:#ffd54f;box-shadow:0 2px 8px rgba(255,193,7,0.3);opacity:1}.daily-day .day-emoji{font-size:20px}.daily-day .day-label{font-size:10px;font-weight:600;color:#666}.daily-day .day-reward{font-size:9px;color:#888;text-align:center;white-space:nowrap}.daily-streak-text{text-align:center;font-size:13px;color:#e67e22;font-weight:600;margin-top:8px}@media (max-width:768px){.daily-day{min-width:44px;padding:4px 5px}.daily-day .day-emoji{font-size:16px}.daily-day .day-label{font-size:8px}.daily-day .day-reward{font-size:7px}.daily-days{gap:2px}}.achievements-grid{display:flex;flex-direction:column;gap:8px;padding:15px 0;overflow-y:auto;flex:1}.achievement-card{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;background:#f8f8f8;border:2px solid #eee;transition:all 0.2s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#f0fff0,#e8f8e8);border-color:#8bc34a}.achievement-card.locked{opacity:0.7}.achievement-card .ach-icon{font-size:32px;width:50px;text-align:center;flex-shrink:0}.achievement-card .ach-info{flex:1;min-width:0}.achievement-card .ach-name{font-weight:600;font-size:15px;color:#333}.achievement-card .ach-desc{font-size:13px;color:#888;margin-top:2px}.achievement-card .ach-reward{font-size:12px;color:#999;margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}.achievement-card .ach-status{font-size:20px;flex-shrink:0}.achievement-card .ach-progress{height:4px;background:#e0e0e0;border-radius:2px;margin-top:6px;overflow:hidden}.achievement-card .ach-progress-fill{height:100%;background:linear-gradient(90deg,#8bc34a,#4caf50);border-radius:2px;transition:width 0.5s ease}.achievements-categories{display:flex;gap:6px;justify-content:flex-start;padding:10px 15px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;border-bottom:1px solid #eee}.ach-cat{flex:0 0 auto;padding:6px 12px;border-radius:18px;border:1.5px solid #ddd;background:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:all 0.2s ease;color:#666;white-space:nowrap}.ach-cat.active{background:#8bc34a;border-color:#8bc34a;color:#fff;box-shadow:0 2px 6px rgba(139,195,74,0.3)}.ach-cat:hover{border-color:#8bc34a}@media (max-width:480px){.achievements-content{height:85vh !important;display:flex !important;flex-direction:column !important;padding-bottom:10px !important}.achievements-categories{padding:6px 10px !important;gap:5px !important}.ach-cat{padding:5px 10px !important;font-size:11px !important}.achievements-grid{padding:8px 10px !important}}.achievement-popup{position:fixed;top:-200px;left:50%;transform:translateX(-50%);z-index:99999;display:flex;align-items:center;gap:15px;padding:18px 25px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd700;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 30px rgba(255,215,0,0.2);transition:top 0.6s cubic-bezier(0.175,0.885,0.32,1.275);max-width:450px;pointer-events:none}.achievement-popup.show{top:30px}.ach-popup-icon{font-size:48px;flex-shrink:0}.ach-popup-content{color:#fff}.ach-popup-title{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#ffd700;font-weight:700;margin-bottom:4px}.ach-popup-name{font-size:20px;font-weight:700;margin-bottom:2px}.ach-popup-desc{font-size:13px;color:#aaa;margin-bottom:4px}.ach-popup-title-tag,.ach-popup-bits{font-size:12px;color:#ffd700;font-weight:600}.profile-content{max-width:400px !important;max-height:70vh !important}.profile-body{padding:15px 0}.profile-main{text-align:center;padding-bottom:15px;border-bottom:1px solid #eee}.profile-name{font-size:24px;font-weight:700;color:#333}.profile-titles{margin-top:8px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;font-size:14px;color:#8bc34a;font-weight:600}.profile-stats{padding:15px 0;display:flex;flex-direction:column;gap:8px}.profile-stat{display:flex;justify-content:space-between;font-size:14px;color:#555;padding:4px 10px;background:#f8f8f8;border-radius:8px}.profile-stat span:last-child{font-weight:600;color:#333}.profile-achievements{padding-top:15px;border-top:1px solid #eee}.profile-ach-title{font-size:15px;font-weight:600;color:#555;margin-bottom:10px}.profile-ach-icons{display:flex;gap:6px;flex-wrap:wrap}.profile-ach-icon{font-size:24px;cursor:default;transition:transform 0.2s ease}.profile-ach-icon:hover{transform:scale(1.3)}.player-list-item{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:6px 8px !important;margin-bottom:4px;border-radius:8px;gap:8px;background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.05);transition:background 0.15s ease;box-sizing:border-box}.player-list-item:hover{background:rgba(255,157,226,0.15)}.player-list-info{flex:1;min-width:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:1px}.player-list-name{font-weight:bold;font-size:13px;color:#2f3542;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.player-list-pony{font-size:11px;color:#747d8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.player-list-actions{display:flex;gap:3px;flex-shrink:0;align-items:center}.track-btn,.profile-btn,.mod-btn{background:#ffffff !important;border:1px solid #dcdde1 !important;border-radius:6px;padding:0 !important;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:transform 0.15s ease,background 0.15s ease,border-color 0.15s ease;user-select:none;box-sizing:border-box}.track-btn:hover,.profile-btn:hover,.mod-btn:hover{background:#f1f2f6 !important;border-color:#a4b0be !important;transform:scale(1.12)}.track-btn:active,.profile-btn:active,.mod-btn:active{transform:scale(0.95)}#xp-bar-container{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);width:200px;height:18px;background:rgba(0,0,0,0.4);border-radius:10px;overflow:hidden;z-index:450;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7,#6366f1,#3b82f6);border-radius:10px;transition:width 0.5s cubic-bezier(0.4,0,0.2,1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)}.xp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,0.5);white-space:nowrap;letter-spacing:0.5px}@media (max-width:768px){#xp-bar-container{bottom:65px;width:150px;height:16px}.xp-bar-text{font-size:9px}}@media (max-width:480px){.daily-days{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;justify-content:flex-start !important;padding-bottom:8px !important;gap:4px !important}.daily-day{flex:0 0 42px !important;min-width:42px !important;padding:4px 2px !important}.achievement-card{padding:8px 10px !important;gap:8px !important}.achievement-card .ach-icon{font-size:24px !important;width:36px !important}.achievement-card .ach-name{font-size:13px !important}.achievement-card .ach-desc{font-size:11px !important}.achievement-card .ach-reward{font-size:10px !important}.leaderboard-content{height:85vh !important;display:flex !important;flex-direction:column !important}.leaderboard-tabs{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;justify-content:flex-start !important;gap:6px !important;padding:12px 10px 10px !important;flex-shrink:0 !important}.leaderboard-tab{flex:0 0 auto !important;padding:6px 12px !important;font-size:12px !important;white-space:nowrap !important;line-height:1.2 !important}.leaderboard-list{padding:8px 10px 20px !important;flex:1 !important}.leaderboard-entry{padding:8px 6px !important;font-size:12px !important;gap:6px !important}.leaderboard-name{max-width:100px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}}.player-list-actions{display:flex;gap:3px;flex-shrink:0}.track-btn,.profile-btn,.mod-btn{background:rgba(255,255,255,0.9);border:1px solid #ccc;border-radius:6px;padding:2px 5px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;transition:all 0.2s ease;user-select:none}.track-btn:hover,.profile-btn:hover,.mod-btn:hover{background:#ffffff;border-color:#888;transform:scale(1.1)}.mute-btn.active-muted{background:#ff4757 !important;border-color:#ff6b81 !important;color:white !important;box-shadow:0 0 6px rgba(255,71,87,0.6)}.hide-btn.active-hidden{background:#2f3542 !important;border-color:#ff4757 !important;color:#ff4757 !important;box-shadow:0 0 6px rgba(255,71,87,0.5)}.player-list-item.player-hidden-item{opacity:0.55;background:rgba(0,0,0,0.05)}.player-list-item.player-hidden-item .player-list-name{text-decoration:line-through;color:#777}.stone-content{max-width:420px;max-height:520px;display:flex;flex-direction:column;min-height:0}.stone-body{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;flex-grow:1;position:relative}.stone-hp-bar-container{width:200px;height:10px;background:#e0e0e0;border-radius:10px;overflow:hidden}.stone-hp-bar{height:100%;width:100%;background:linear-gradient(90deg,#ff6bb5,#ff9de2);border-radius:10px;transition:width 0.12s ease}.stone-visual{position:relative;display:flex;align-items:center;justify-content:center;width:220px;height:220px;cursor:pointer;user-select:none;-webkit-user-select:none}.stone-visual:active #stone-image{transform:scale(0.92)}#stone-image{width:200px;height:auto;object-fit:contain;transition:transform 0.05s;pointer-events:none;z-index:2;position:relative}.stone-image-shake{animation:stoneShake 0.08s ease-out}@keyframes stoneShake{0%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(-3px,2px) rotate(-2deg)}50%{transform:translate(3px,-1px) rotate(2deg)}75%{transform:translate(-2px,-2px) rotate(-1deg)}100%{transform:translate(0,0) rotate(0deg)}}#stone-chips-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3;overflow:visible}.stone-chip{position:absolute;width:32px;height:32px;pointer-events:none;z-index:3}.stone-chip-fly{animation:chipFly 0.5s ease-out forwards}@keyframes chipFly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0.4)}}.stone-click-hint{font-size:13px;color:#999;margin-top:4px}.stone-reward-fly{position:absolute;bottom:30%;font-size:28px;font-weight:bold;color:#ff7eb3;opacity:0;pointer-events:none;text-shadow:0 0 12px rgba(255,126,179,0.6);z-index:10}.stone-reward-fly.show{animation:rewardFloat 0.8s ease-out forwards}@keyframes rewardFloat{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-60px) scale(1.3)}}.stone-break #stone-image{animation:stoneBreak 0.4s ease-out forwards}@keyframes stoneBreak{0%{transform:scale(1);opacity:1}40%{transform:scale(1.15);opacity:0.8}100%{transform:scale(0.1);opacity:0}}.stone-break .stone-hp-bar{width:0% !important}.stone-break .stone-click-hint{display:none}@media (max-width:480px){.stone-content{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;border-radius:0 !important}}.dj-booth-world{position:absolute;top:0;left:0;width:140px;height:135px;cursor:pointer;user-select:none;pointer-events:auto;transform-origin:bottom center}.dj-booth-stage{position:relative;width:140px;height:135px}.dj-vinyl-pony{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:114px;height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.35));transition:transform 0.15s ease}.dj-booth-sprite{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:138px;height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.4));transition:transform 0.15s ease}.dj-booth-world:hover .dj-booth-sprite{transform:translateX(-50%) scale(1.06)}.dj-booth-world:hover .dj-vinyl-pony{transform:translateX(-50%) scale(1.06)}.dj-floating-badge{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(30,144,255,0.95),rgba(155,89,182,0.95));color:#ffffff;font-size:11px;font-weight:bold;padding:3px 8px;border-radius:12px;white-space:nowrap;max-width:220px;box-shadow:0 3px 8px rgba(0,0,0,0.3),0 0 10px rgba(155,89,182,0.6);border:1.5px solid rgba(255,255,255,0.8);display:flex;align-items:center;gap:4px;margin-bottom:6px;z-index:5;box-sizing:border-box;transform:translate3d(-50%,0,0)}#dj-booth-world.in-dj-range #dj-booth-badge{animation:djBadgePulse 2s infinite ease-in-out;will-change:transform}#dj-booth-badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:inline-block}@keyframes djBadgePulse{0%,100%{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,-3px,0)}}.dj-notes-container{position:absolute;top:0;left:50%;width:100%;height:100%;pointer-events:none}.dj-note{position:absolute;font-size:14px;color:#fd79a8;text-shadow:0 0 6px #e056fd,0 0 12px #686de0;opacity:0;animation:floatNote 2.4s ease-out forwards;will-change:transform,opacity;contain:layout style paint;pointer-events:none}@keyframes floatNote{0%{opacity:1;transform:translate3d(0,0,0) scale(0.6) rotate(0deg)}50%{opacity:0.9}100%{opacity:0;transform:translate3d(var(--dx,20px),-60px,0) scale(1.3) rotate(var(--rot,25deg))}}.dj-radio-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;animation:fadeIn 0.2s ease-out}.dj-radio-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);backdrop-filter:blur(5px)}.dj-radio-dialog{position:relative;background:linear-gradient(180deg,#1e1e2f 0%,#161623 100%);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,0.6),0 0 25px rgba(155,89,182,0.3);width:360px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:2px solid #9b59b6;color:#ffffff;z-index:10}.dj-radio-head{background:linear-gradient(90deg,#6c5ce7 0%,#a29bfe 50%,#fd79a8 100%);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.dj-radio-title{font-size:15px;font-weight:bold;text-shadow:0 1px 3px rgba(0,0,0,0.3);display:flex;align-items:center;gap:6px}.dj-radio-close{background:rgba(255,255,255,0.25);border:none;color:white;font-size:18px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.dj-radio-close:hover{background:rgba(255,255,255,0.4)}.dj-radio-body{padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px;overflow-y:auto}.dj-vinyl-box{position:relative;width:140px;height:140px;margin-top:4px}.dj-vinyl-disc{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#2d3436 0%,#111111 50%,#2d3436 65%,#000000 100%);box-shadow:0 6px 20px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.15);border:3px solid #636e72;display:flex;align-items:center;justify-content:center;animation:spinVinyl 5s linear infinite}.dj-vinyl-center{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#e84393,#6c5ce7);border:3px solid #dfe6e9;display:flex;align-items:center;justify-content:center;font-size:20px}@keyframes spinVinyl{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dj-track-info{text-align:center;width:100%}.dj-track-name{font-size:15px;font-weight:bold;color:#ffffff;margin-bottom:3px;text-shadow:0 0 8px rgba(162,155,254,0.6)}.dj-track-artist{font-size:12px;color:#a29bfe}.dj-track-genre{display:inline-block;font-size:10px;background:rgba(108,92,231,0.3);border:1px solid #6c5ce7;padding:2px 8px;border-radius:10px;margin-top:5px;color:#dff9fb}.dj-eq-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:24px;width:100%;margin-top:4px}.dj-bar{width:5px;border-radius:3px;background:linear-gradient(to top,#6c5ce7,#fd79a8);animation:eqPulse 1s ease-in-out infinite alternate}.dj-bar:nth-child(1){height:60%;animation-duration:0.8s}.dj-bar:nth-child(2){height:90%;animation-duration:0.6s}.dj-bar:nth-child(3){height:40%;animation-duration:0.9s}.dj-bar:nth-child(4){height:100%;animation-duration:0.5s}.dj-bar:nth-child(5){height:75%;animation-duration:0.7s}.dj-bar:nth-child(6){height:50%;animation-duration:1.1s}.dj-bar:nth-child(7){height:85%;animation-duration:0.65s}@keyframes eqPulse{0%{height:20%}100%{height:100%}}.dj-progress-wrapper{width:100%;display:flex;flex-direction:column;gap:4px}.dj-progress-bar-bg{width:100%;height:6px;background:rgba(255,255,255,0.15);border-radius:3px;overflow:hidden}.dj-progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#6c5ce7,#fd79a8);transition:width 0.3s linear}.dj-time-row{display:flex;justify-content:space-between;font-size:10px;color:#b2bec3}.dj-queue-title{font-size:11px;font-weight:bold;text-transform:uppercase;color:#a29bfe;align-self:flex-start;margin-top:4px}.dj-queue-list{width:100%;max-height:110px;overflow-y:auto;background:rgba(0,0,0,0.3);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.dj-queue-item{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:3px 6px;border-radius:4px;color:#dfe6e9}.dj-queue-item.active{background:rgba(108,92,231,0.4);color:#ffffff;font-weight:bold}@media (max-width:480px),(max-height:600px){.dj-radio-dialog{width:92vw !important;max-width:340px !important;max-height:92vh !important}.dj-radio-body{padding:12px !important;gap:10px !important}.dj-vinyl-box{width:100px !important;height:100px !important}.dj-vinyl-center{width:36px !important;height:36px !important;font-size:14px !important}.dj-track-name{font-size:13px !important}.dj-track-artist{font-size:11px !important}.dj-eq-bars{height:18px !important}.dj-queue-list{max-height:80px !important}}#battle-modal .battle-content{width:90vw;max-width:1100px;height:85vh;max-height:700px;padding:0;background:linear-gradient(135deg,#1a0a2e 0%,#2d1b4e 100%);border:3px solid #c9a84c;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;color:#e8d5b0;font-family:'Fredoka',sans-serif}.battle-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:linear-gradient(90deg,#2a1a3e,#3d2a5e);border-bottom:2px solid #c9a84c}.battle-header h2{margin:0;font-size:22px;color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,0.4)}.battle-header-info{display:flex;align-items:center;gap:15px}#close-battle-btn{background:none;border:2px solid #c9a84c;color:#c9a84c;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;font-weight:bold;transition:all 0.2s}#close-battle-btn:hover{background:rgba(201,168,76,0.2);color:#fff}.battle-body{display:flex;flex:1;overflow:hidden}.battle-field-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#0d0618;min-width:0}#battle-canvas{width:100%;height:100%;display:block;cursor:pointer}.battle-sidebar{width:280px;min-width:280px;display:flex;flex-direction:column;background:rgba(20,10,40,0.9);border-left:2px solid #c9a84c}.battle-log{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid #3a2a5a}.battle-log-title,.units-panel-title{padding:8px 12px;font-size:14px;font-weight:600;color:#c9a84c;background:rgba(0,0,0,0.3);border-bottom:1px solid #3a2a5a}#battle-log-entries{flex:1;overflow-y:auto;padding:8px 12px;font-size:12px;line-height:1.6;color:#d4c4a8}#battle-log-entries div{border-bottom:1px solid rgba(255,255,255,0.05);padding:2px 0}.battle-units-panel{flex:1;display:flex;flex-direction:column;min-height:0}#battle-unit-cards{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.battle-unit-card{display:flex;align-items:center;gap:8px;padding:6px 8px;background:rgba(255,255,255,0.05);border-radius:6px;cursor:pointer;transition:background 0.2s;border:2px solid transparent}.battle-unit-card:hover{background:rgba(255,255,255,0.1)}.battle-unit-card.selected{border-color:#ffd700;background:rgba(255,215,0,0.1)}.battle-unit-card.dead{opacity:0.4;cursor:default}.battle-unit-card.enemy-unit{border-color:rgba(255,50,50,0.3)}.battle-unit-card .unit-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.battle-unit-card .unit-info{flex:1;min-width:0}.battle-unit-card .unit-name{font-size:13px;font-weight:600;color:#e8d5b0}.battle-unit-card .unit-stats{font-size:11px;color:#aaa}.battle-unit-card .hp-bar-outer{width:100%;height:6px;background:rgba(0,0,0,0.5);border-radius:3px;margin-top:3px;overflow:hidden}.battle-unit-card .hp-bar-inner{height:100%;background:linear-gradient(90deg,#e74c3c,#2ecc71);border-radius:3px;transition:width 0.3s}.battle-unit-card .hp-text{font-size:10px;color:#ccc;margin-left:auto;white-space:nowrap}.battle-actions{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:rgba(0,0,0,0.3);border-top:1px solid #3a2a5a}.battle-action-btn{flex:1;min-width:calc(50% - 5px);padding:8px 4px;background:rgba(255,255,255,0.1);border:1px solid #5a4a7a;color:#e8d5b0;border-radius:6px;cursor:pointer;font-size:12px;font-family:'Fredoka',sans-serif;transition:all 0.2s;text-align:center}.battle-action-btn:hover{background:rgba(255,255,255,0.2);border-color:#c9a84c}.battle-action-btn.primary{min-width:100%;background:linear-gradient(135deg,#3d2a5e,#5a3a8e);border-color:#c9a84c;color:#ffd700}.battle-action-btn.primary:hover{background:linear-gradient(135deg,#5a3a8e,#7a5aae)}#battle-prompt-modal .modal-content{max-width:360px;text-align:center;background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid #c9a84c;color:#e8d5b0}#battle-prompt-modal h3{color:#ffd700;font-size:24px;margin-bottom:10px}#battle-prompt-modal .battle-prompt-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}#battle-prompt-modal .battle-prompt-btn{padding:10px 30px;border:2px solid #c9a84c;border-radius:8px;font-family:'Fredoka',sans-serif;font-size:18px;cursor:pointer;transition:all 0.2s}#battle-prompt-modal .battle-prompt-btn.accept{background:linear-gradient(135deg,#2d7a3a,#4a9a5a);color:#fff}#battle-prompt-modal .battle-prompt-btn.accept:hover{background:linear-gradient(135deg,#4a9a5a,#6aba7a)}#battle-prompt-modal .battle-prompt-btn.decline{background:linear-gradient(135deg,#7a2a2a,#9a4a4a);color:#fff}#battle-prompt-modal .battle-prompt-btn.decline:hover{background:linear-gradient(135deg,#9a4a4a,#ba6a6a)}@keyframes battleModalIn{from{transform:scale(0.8) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}#battle-modal .battle-content{animation:battleModalIn 0.4s ease-out}@media (max-width:768px){#battle-modal .battle-content{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:none}.battle-sidebar{width:220px;min-width:200px}.battle-action-btn{font-size:10px;padding:6px 2px}}@media (max-width:640px){#battle-modal .battle-content{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:none}.battle-header{padding:6px 12px;flex-shrink:0}.battle-header h2{font-size:15px}.battle-header-info{gap:8px}#close-battle-btn{width:30px;height:30px;font-size:16px}.battle-body{flex-direction:column;flex:1;overflow:hidden}.battle-field-wrapper{flex:1;min-height:0;width:100%}#battle-canvas{width:100%;height:100%}.battle-sidebar{width:100%;min-width:unset;max-height:40%;flex-direction:row;flex-wrap:wrap;overflow-y:auto;border-left:none;border-top:2px solid #c9a84c;padding:6px}.battle-log{width:100%;max-height:120px;margin-bottom:4px}.battle-log #battle-log-entries{font-size:11px}.battle-units-panel{width:100%}.battle-units-panel #battle-unit-cards{display:flex;flex-wrap:wrap;gap:4px}.battle-unit-card{padding:4px 8px;font-size:11px;min-width:70px;flex:1}.battle-unit-card .unit-icon{font-size:16px;width:24px;height:24px}.battle-unit-card .unit-name{font-size:10px}.battle-unit-card .unit-stats{font-size:9px}.battle-actions{width:100%;display:flex;gap:6px;justify-content:stretch}.battle-action-btn{flex:1;font-size:11px;padding:6px 8px;text-align:center}#battle-prompt-modal .modal-content{max-width:85vw;padding:20px 15px}#battle-prompt-modal h3{font-size:18px}#battle-prompt-modal .battle-prompt-btn{padding:10px 20px;font-size:15px}}#weak-spot{position:absolute;width:30px;height:30px;background-color:rgba(255,255,0,0.8);border-radius:50%;border:2px solid white;box-shadow:0 0 15px 5px rgba(255,255,0,0.7);transition:all 0.3s ease-in-out;cursor:pointer;display:none;animation:pulse 1.5s infinite;z-index:10}@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,0,0.7)}70%{transform:scale(1.1);box-shadow:0 0 10px 15px rgba(255,255,0,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,0,0)}}#hud-buttons-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#hud-buttons-container button{pointer-events:auto}.quests-content{max-width:520px;height:85vh}.quest-tabs{display:flex;border-bottom:2px solid #e0d5c1;margin-bottom:0;flex-shrink:0}.quest-tab{flex:1;padding:12px 8px;text-align:center;cursor:pointer;background:#f5efe0;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:#8b7355;transition:all 0.2s;font-family:inherit}.quest-tab:hover{background:#efe5d0}.quest-tab.active{color:#5a3e1b;border-bottom-color:#c8a96e;background:#fff}.quest-tab .tab-badge{background:#e74c3c;color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px}.quests-list{flex:1;overflow-y:auto;padding:15px}.quest-card{background:#fdfaf5;border:1px solid #e8ddd0;border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px;transition:background 0.2s}.quest-card.completed{background:#f0faf0;border-color:#b8d8b8}.quest-card.claimed{opacity:0.6;background:#f5f5f5}.quest-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0ebe0;border-radius:10px;flex-shrink:0}.quest-card.completed .quest-icon{background:#d4edda}.quest-info{flex:1;min-width:0}.quest-name{font-weight:700;font-size:15px;color:#3e2a14;margin-bottom:2px}.quest-desc{font-size:12px;color:#8b7355;margin-bottom:6px}.quest-progress{height:8px;background:#e8ddd0;border-radius:4px;overflow:hidden;margin-bottom:4px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#c8a96e,#e0c78a);border-radius:4px;transition:width 0.4s ease;min-width:0}.quest-card.completed .quest-progress-fill{background:linear-gradient(90deg,#5cb85c,#7dcc7d)}.quest-progress-text{font-size:11px;color:#8b7355;text-align:right}.quest-reward{flex-shrink:0;text-align:center;font-size:12px;color:#6b5830;min-width:55px}.quest-reward strong{display:block;font-size:13px;color:#c8a400}.quest-reward .reward-xp{font-size:11px;color:#6f42c1}.quest-claim-btn{padding:6px 14px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;font-family:inherit;flex-shrink:0;transition:background 0.2s,transform 0.1s}.quest-claim-btn:hover{background:#218838;transform:scale(1.05)}.quest-claim-btn:active{transform:scale(0.97)}.quest-claim-btn.claimed{background:#aaa;cursor:default}.quest-bonus-banner{background:linear-gradient(135deg,#fff8e1,#ffe0b2);border:2px solid #ffb74d;border-radius:12px;padding:12px 16px;margin-top:12px;text-align:center}.quest-bonus-banner.earned{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#66bb6a}.quest-bonus-banner h4{margin:0 0 4px;font-size:14px;color:#e65100}.quest-bonus-banner.earned h4{color:#2e7d32}.quest-bonus-reward{font-size:13px;color:#5d4037}.quest-daily-summary{text-align:center;font-size:13px;color:#8b7355;margin-bottom:10px;padding:6px;background:#fdfaf5;border-radius:8px}.quests-empty{text-align:center;padding:30px;color:#aaa;font-size:14px}.quests-empty .empty-icon{font-size:48px;display:block;margin-bottom:10px}.quest-popup{position:fixed;top:20px;right:20px;z-index:5000;background:linear-gradient(135deg,#fff8e1,#fff3cd);border:2px solid #ffb74d;border-radius:14px;padding:16px 20px;min-width:260px;box-shadow:0 8px 30px rgba(0,0,0,0.2);opacity:0;transform:translateX(120%);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none}.quest-popup.show{opacity:1;transform:translateX(0)}.quest-popup .popup-header{font-weight:700;font-size:16px;color:#5a3e1b;margin-bottom:4px}.quest-popup .popup-reward{font-size:13px;color:#8b7355}@media (max-width:768px){.quests-content{max-width:100%;width:95%;height:80vh;margin:0 auto}.quest-tab{font-size:12px;padding:10px 4px}.quest-card{padding:10px 12px;gap:8px}.quest-icon{font-size:24px;width:36px;height:36px}.quest-name{font-size:13px}.quest-desc{font-size:11px}.quest-reward{font-size:11px;min-width:45px}.quest-popup{left:10px;right:10px;min-width:unset;max-width:unset}}.lake-fishing-bobber{position:absolute;width:16px;height:42px;background-size:contain;background-repeat:no-repeat;background-position:center bottom;transform:translate(-50%,-75%);z-index:100;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.45));transition:transform 0.2s ease-out}.lake-fishing-bobber.floating{background-image:url('/assets/world_core/fishing/float_full.png');animation:bobberFloat 2.0s ease-in-out infinite}.lake-fishing-bobber.bobber-nibble{background-image:url('/assets/world_core/fishing/float_half.png');animation:bobberNibble 0.35s ease-in-out infinite alternate}.lake-fishing-bobber.bobber-dipping{background-image:url('/assets/world_core/fishing/float_drowned.png');animation:bobberDip 0.22s ease-in-out infinite alternate}@keyframes bobberFloat{0%,100%{transform:translate(-50%,-75%) translateY(0) rotate(0deg)}50%{transform:translate(-50%,-75%) translateY(3px) rotate(2deg)}}@keyframes bobberNibble{0%{transform:translate(-50%,-72%) translateY(-1px) rotate(-3deg)}100%{transform:translate(-50%,-72%) translateY(3px) rotate(3deg)}}@keyframes bobberDip{0%{transform:translate(-50%,-60%) translateY(-2px) rotate(-4deg)}100%{transform:translate(-50%,-48%) translateY(6px) rotate(4deg)}}.lake-bite-alert{position:absolute;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);color:#fff;font-weight:800;font-size:13px;padding:6px 14px;border-radius:20px;box-shadow:0 4px 15px rgba(255,71,87,0.6);border:2px solid #fff;z-index:500;cursor:pointer;animation:biteAlertPulse 0.35s ease-in-out infinite alternate;white-space:nowrap;user-select:none}@keyframes biteAlertPulse{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(1.18)}}.fishing-reel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,15,30,0.65);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2500}.fishing-reel-container{background:linear-gradient(160deg,#1e272e 0%,#2f3640 100%);border:3px solid #50c8ff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.8),inset 0 0 15px rgba(80,200,255,0.2);padding:20px 24px;display:flex;flex-direction:column;align-items:center;width:320px;color:#fff;user-select:none;touch-action:none}.reel-header{text-align:center;margin-bottom:15px}.reel-title{display:block;font-size:20px;font-weight:bold;color:#50c8ff;text-shadow:0 2px 8px rgba(80,200,255,0.5)}.reel-sub{font-size:12px;color:#dcdde1}.reel-game-area{display:flex;gap:15px;width:100%;height:240px;justify-content:center;align-items:center;margin-bottom:15px}.reel-progress-track{width:24px;height:100%;background:#11141a;border:2px solid #718093;border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column-reverse}.reel-progress-fill{width:100%;background:linear-gradient(to top,#4cd137,#fbc531,#4cd137);transition:height 0.05s linear;border-radius:0 0 10px 10px}.reel-progress-icon{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:12px}.reel-gauge-track{width:70px;height:100%;background:linear-gradient(180deg,#102030 0%,#0a3d62 100%);border:3px solid #50c8ff;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px rgba(0,0,0,0.6)}.reel-control-bar{position:absolute;left:4px;right:4px;background:rgba(76,209,55,0.45);border:2px solid #4cd137;border-radius:10px;box-shadow:0 0 10px rgba(76,209,55,0.5);transition:border-color 0.1s;pointer-events:none}.reel-control-bar.in-zone{background:rgba(76,209,55,0.65);box-shadow:0 0 14px rgba(76,209,55,0.9)}.reel-fish-target{position:absolute;left:50%;transform:translate(-50%,-50%);font-size:26px;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.8));transition:transform 0.05s}.reel-controls{width:100%}.reel-action-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00a8ff 0%,#0097e6 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px 12px rgba(0,168,255,0.4);font-family:inherit}.reel-action-btn:active{transform:scale(0.97);background:linear-gradient(135deg,#0097e6 0%,#0080c4 100%)}.reel-action-btn .btn-main{font-size:16px;font-weight:800;letter-spacing:1px}.reel-action-btn .btn-hint{font-size:11px;opacity:0.85}.fishing-prep-content{max-width:440px;max-height:85vh;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.fishing-prep-body{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.fishing-lore-intro{font-size:13px;color:#636e72;line-height:1.4;margin-bottom:14px;background:#f1f2f6;padding:10px 14px;border-radius:10px;border-left:4px solid #50c8ff}.prep-section{margin-bottom:14px}.prep-section label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:#2f3542}.prep-rod-box{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8f9fa;border:2px solid #dcdde1;border-radius:10px;font-weight:600}.prep-rods-selector-list{display:flex;flex-direction:column;gap:8px;width:100%}.prep-rod-select-card{display:flex;flex-direction:column;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all 0.15s ease;user-select:none;border:2px solid #dcdde1;background:#fff}.prep-rod-select-card:hover{border-color:#50c8ff !important;transform:translateY(-1px)}.prep-rod-select-card.selected{border-color:#00a8ff !important;background:#f0f8ff !important;box-shadow:0 0 10px rgba(0,168,255,0.22)}.prep-rod-select-card.broken{border-color:#fab1a0 !important;background:#fff5f5 !important}.prep-rod-select-card.broken.selected{border-color:#e84118 !important;box-shadow:0 0 10px rgba(232,65,24,0.22)}.bait-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bait-card{background:#fff;border:2px solid #dcdde1;border-radius:12px;padding:10px;text-align:center;cursor:pointer;transition:all 0.15s;user-select:none}.bait-card:hover:not(.disabled){border-color:#50c8ff;transform:translateY(-2px)}.bait-card.selected{border-color:#00a8ff;background:#f0f8ff;box-shadow:0 0 10px rgba(0,168,255,0.25)}.bait-card.disabled{opacity:0.5;cursor:not-allowed;background:#f5f6fa}.bait-card .bait-icon{font-size:24px;margin-bottom:4px}.bait-card .bait-name{font-size:12px;font-weight:700;color:#2f3542}.bait-card .bait-count{font-size:11px;color:#747d8c}.prep-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px}.trophy-content{max-width:400px;text-align:center;position:relative;border-radius:20px;padding:24px;overflow:hidden}.trophy-header{margin-bottom:12px}.trophy-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:6px;color:#fff}.trophy-badge.common{background:#747d8c}.trophy-badge.uncommon{background:#00b894}.trophy-badge.rare{background:#0984e3}.trophy-badge.legendary{background:linear-gradient(135deg,#f1c40f 0%,#e67e22 100%);box-shadow:0 0 12px rgba(241,196,15,0.6)}.trophy-sprite-container{position:relative;width:100px;height:100px;margin:0 auto 15px;background:radial-gradient(circle,#e0f7fa 0%,#b2ebf2 100%);border-radius:50%;display:flex;justify-content:center;align-items:center;border:3px solid #80deea;box-shadow:0 6px 16px rgba(0,188,212,0.25)}.trophy-sprite{font-size:52px;animation:fishWiggle 1.4s ease-in-out infinite alternate}@keyframes fishWiggle{0%{transform:rotate(-8deg) scale(0.95)}100%{transform:rotate(8deg) scale(1.05)}}.trophy-new-record{position:absolute;bottom:-6px;background:#ff4757;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:10px;border:1px solid #fff;white-space:nowrap}.trophy-stats{display:flex;justify-content:space-around;background:#f8f9fa;padding:10px 14px;border-radius:12px;margin-bottom:12px}.trophy-stat-item{display:flex;flex-direction:column}.trophy-stat-item .stat-label{font-size:11px;color:#747d8c}.trophy-stat-item .stat-val{font-size:14px;font-weight:700;color:#2f3542}.trophy-stat-item .stat-xp{color:#9c88ff}.trophy-lore-desc{font-size:13px;color:#57606f;line-height:1.4;margin-bottom:16px;font-style:italic}.trophy-actions{display:flex;flex-direction:column;gap:8px}.action-btn-release{padding:10px 16px;background:linear-gradient(135deg,#00cec9 0%,#0984e3 100%);color:#fff;border:none;border-radius:10px;font-weight:bold;cursor:pointer;font-family:inherit;transition:transform 0.1s}.action-btn-release:hover{transform:scale(1.02)}.journal-content{background:#ffffff;width:92%;max-width:620px;height:85vh;max-height:85vh;border-radius:20px;border:3px solid #70a1ff;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:auto;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.journal-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:14px 16px 16px;overflow:hidden;box-sizing:border-box}.journal-stats-summary{display:flex;justify-content:space-around;background:#eef2f7;padding:10px 16px;border-radius:12px;margin-bottom:12px;font-size:13px;color:#2f3542;flex-shrink:0;border:1px solid #dcdde1}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;flex:1;min-height:0;align-content:start;box-sizing:border-box}.journal-card{background:#fff;border:2px solid #dcdde1;border-radius:14px;padding:12px;text-align:center;position:relative;display:flex;flex-direction:column;gap:4px}.journal-card.locked{background:#f5f6fa;opacity:0.65}.journal-card.legendary.discovered{border-color:#f1c40f;box-shadow:0 4px 12px rgba(241,196,15,0.25)}.journal-card.rare.discovered{border-color:#0984e3}.journal-card-icon{font-size:32px;margin-bottom:2px}.journal-card-title{font-size:13px;font-weight:700;color:#2f3542}.journal-card-stats{font-size:11px;color:#57606f;display:flex;flex-direction:column;gap:2px;background:#f8f9fa;padding:6px;border-radius:8px;margin:4px 0}.journal-card-desc{font-size:11px;color:#747d8c;line-height:1.3}@media (max-width:600px){.fishing-prep-content{width:94% !important;max-width:440px !important;max-height:88vh !important;height:auto !important;border-radius:18px !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}.fishing-prep-body{padding:12px 14px 16px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;flex:1 !important;min-height:0 !important}.fishing-lore-intro{font-size:11px !important;padding:8px 10px !important;margin-bottom:10px !important}.prep-section{margin-bottom:10px !important}.prep-section label{font-size:12px !important;margin-bottom:4px !important}.bait-selector-grid{grid-template-columns:repeat(2,1fr) !important;gap:6px !important}.bait-card{padding:6px 4px !important;border-radius:10px !important}.bait-card .bait-icon{font-size:20px !important;margin-bottom:2px !important}.bait-card .bait-icon img{width:28px !important;height:28px !important}.bait-card .bait-name{font-size:11px !important}.bait-card .bait-count{font-size:10px !important}.prep-actions{margin-top:10px !important;gap:6px !important}.prep-actions button{padding:10px !important;font-size:13px !important}.trophy-content{width:92% !important;max-width:380px !important;max-height:88vh !important;padding:16px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.trophy-sprite-container{width:75px !important;height:75px !important;margin-bottom:10px !important}.trophy-sprite{font-size:38px !important}.trophy-sprite img{width:52px !important;height:52px !important}.trophy-header h2{font-size:17px !important;margin:2px 0 !important}.trophy-stats{padding:8px 10px !important;margin-bottom:8px !important}.trophy-stat-item .stat-label{font-size:10px !important}.trophy-stat-item .stat-val{font-size:12px !important}.trophy-lore-desc{font-size:11px !important;margin-bottom:12px !important}.trophy-actions button,.action-btn-release{padding:9px 12px !important;font-size:12px !important}.journal-content{width:95% !important;max-width:550px !important;height:88vh !important;max-height:88vh !important;border-radius:18px !important;position:relative !important;margin:auto !important;display:flex !important;flex-direction:column !important;overflow:hidden !important}.journal-body{padding:10px 12px 14px !important;flex:1 !important;min-height:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}.journal-stats-summary{padding:8px 10px !important;font-size:11px !important;margin-bottom:8px !important;flex-shrink:0 !important}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr)) !important;gap:8px !important;padding:2px 2px 10px !important;flex:1 !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;align-content:start !important}.journal-card{padding:8px !important}.journal-card-title{font-size:11px !important}.journal-card-desc{font-size:10px !important}}@media (max-height:560px){.fishing-reel-container{padding:10px 16px !important;max-height:94vh !important;width:290px !important}.reel-header{margin-bottom:6px !important}.reel-title{font-size:16px !important}.reel-sub{font-size:10px !important}.reel-game-area{height:160px !important;margin-bottom:8px !important}.reel-action-btn{padding:8px !important}.reel-action-btn .btn-main{font-size:14px !important}.reel-action-btn .btn-hint{font-size:9px !important}}.fishing-full-card{max-width:380px !important;border:3px solid #f39c12 !important;box-shadow:0 10px 30px rgba(211,84,0,0.35) !important}.fishing-full-info-box{background:#fffaf0;border:2px dashed #f39c12;border-radius:14px;padding:12px 16px;margin:10px 0 16px 0}.fishing-full-msg{font-size:14px;color:#2c3e50;line-height:1.45;margin:0 0 8px 0}.fishing-full-hint{font-size:12px;color:#7f8c8d;line-height:1.4;margin:0}.butterfly-entity{position:absolute;top:0;left:0;width:36px;height:36px;margin-left:-18px;margin-top:-18px;pointer-events:auto;cursor:pointer;user-select:none;transition:none;transform-origin:center center;touch-action:manipulation;will-change:transform;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.butterfly-entity::before{content:'';position:absolute;top:50%;left:50%;width:68px;height:68px;transform:translate(-50%,-50%);pointer-events:auto}.butterfly-entity:hover .butterfly-model{transform:scale(1.25);filter:drop-shadow(0 0 6px rgba(255,255,255,0.9))}.butterfly-model{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;transition:none;will-change:transform}.butterfly-wings-wrap{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;perspective:120px;transform-style:preserve-3d;image-rendering:pixelated}.bf-wing{position:absolute;top:2px;width:16px;height:26px;transform-style:preserve-3d;image-rendering:pixelated;shape-rendering:crispEdges}.bf-pixel-body{image-rendering:pixelated;shape-rendering:crispEdges}.bf-wing-left{right:50%;transform-origin:right center;animation:bfFlapLeft 0.18s cubic-bezier(0.45,0.05,0.55,0.95) infinite alternate}.bf-wing-right{left:50%;transform-origin:left center;animation:bfFlapRight 0.18s cubic-bezier(0.45,0.05,0.55,0.95) infinite alternate}.butterfly-entity.resting .bf-wing-left{animation:bfRestLeft 2.4s ease-in-out infinite alternate}.butterfly-entity.resting .bf-wing-right{animation:bfRestRight 2.4s ease-in-out infinite alternate}.butterfly-entity.scared .bf-wing-left{animation:bfFlapLeft 0.09s ease-in-out infinite alternate}.butterfly-entity.scared .bf-wing-right{animation:bfFlapRight 0.09s ease-in-out infinite alternate}@keyframes bfFlapLeft{0%{transform:rotateY(0deg) rotateZ(0deg)}100%{transform:rotateY(-75deg) rotateZ(10deg)}}@keyframes bfFlapRight{0%{transform:rotateY(0deg) rotateZ(0deg)}100%{transform:rotateY(75deg) rotateZ(-10deg)}}@keyframes bfRestLeft{0%{transform:rotateY(-10deg)}70%{transform:rotateY(-15deg)}85%{transform:rotateY(-65deg)}100%{transform:rotateY(-10deg)}}@keyframes bfRestRight{0%{transform:rotateY(10deg)}70%{transform:rotateY(15deg)}85%{transform:rotateY(65deg)}100%{transform:rotateY(10deg)}}.bf-body{position:absolute;width:3px;height:18px;background:#2d3436;border-radius:2px;z-index:10;box-shadow:0 0 2px rgba(0,0,0,0.5)}.bf-body::before,.bf-body::after{content:'';position:absolute;top:-4px;width:1px;height:6px;background:#2d3436;transform-origin:bottom center}.bf-body::before{left:0px;transform:rotate(-30deg)}.bf-body::after{right:0px;transform:rotate(30deg)}.butterfly-entity.shiny{filter:drop-shadow(0 0 6px rgba(255,215,0,0.85))}.bf-shiny-sparkle{position:absolute;pointer-events:none;font-size:11px;animation:bfSparkleFloat 1.2s ease-out infinite;will-change:transform,opacity;contain:layout style paint;opacity:0}@keyframes bfSparkleFloat{0%{transform:translate3d(0,0,0) scale(0.5);opacity:0}40%{opacity:1;transform:translate3d(var(--tx,6px),var(--ty,-10px),0) scale(1.2)}100%{opacity:0;transform:translate3d(var(--tx2,12px),var(--ty2,-22px),0) scale(0.3)}}.bf-scared-alert{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:14px;animation:bfScaredPop 0.6s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none;font-weight:bold}@keyframes bfScaredPop{0%{transform:translateX(-50%) scale(0.3);opacity:0}50%{transform:translateX(-50%) scale(1.3);opacity:1}100%{transform:translateX(-50%) scale(1.0);opacity:1}}.bf-ground-shadow{position:absolute;top:0;left:0;width:16px;height:6px;margin-left:-8px;margin-top:15px;background:rgba(0,0,0,0.25);border-radius:50%;filter:blur(1.5px);pointer-events:none;transform-origin:center center;will-change:transform}.bf-catch-prompt{position:absolute;top:-34px;left:50%;transform:translateX(-50%) translateY(6px) scale(0.65);background:linear-gradient(135deg,#10ac84 0%,#00cec9 100%);color:#ffffff;border:2px solid #ffffff;border-radius:16px;padding:3px 10px;font-size:11.5px;font-weight:bold;font-family:'Chewy','Fredoka',cursive,sans-serif;letter-spacing:0.4px;box-shadow:0 4px 14px rgba(16,172,132,0.6),inset 0 1px 0 rgba(255,255,255,0.4);display:flex;align-items:center;gap:4px;white-space:nowrap;cursor:pointer;user-select:none;pointer-events:none;opacity:0;transition:opacity 0.22s ease-out,transform 0.22s cubic-bezier(0.175,0.885,0.32,1.275);z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.butterfly-entity.near-player .bf-catch-prompt{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);animation:bfPromptPulse 1.4s infinite ease-in-out}.butterfly-entity.is-aiming .bf-catch-prompt{opacity:0 !important;pointer-events:none !important;transform:translateX(-50%) translateY(4px) scale(0.7) !important}.bf-catch-prompt:hover{transform:translateX(-50%) translateY(-2px) scale(1.08);box-shadow:0 6px 18px rgba(0,206,201,0.8)}.bf-catch-prompt:active{transform:translateX(-50%) translateY(0) scale(0.92)}.bf-prompt-icon{font-size:13px;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.bf-prompt-text{text-shadow:0 1px 2px rgba(0,0,0,0.35)}@keyframes bfPromptPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.06)}}#btn-center-catch-butterfly{position:fixed;bottom:180px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#10ac84 0%,#00cec9 100%);color:white;border:3px solid #ffffff;padding:10px 26px;border-radius:30px;font-family:'Fredoka','Chewy',cursive,sans-serif;font-size:17px;font-weight:bold;cursor:pointer;z-index:1200;box-shadow:0 6px 22px rgba(16,172,132,0.65),inset 0 2px 0 rgba(255,255,255,0.4);display:none;align-items:center;gap:8px;animation:btnCatchPulse 1.6s infinite ease-in-out;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}#btn-center-catch-butterfly:active{transform:translateX(-50%) scale(0.92)}#btn-center-catch-butterfly.needs-net{background:linear-gradient(135deg,#7f8c8d 0%,#95a5a6 100%);box-shadow:0 6px 20px rgba(127,140,141,0.6);border-color:#bdc3c7;filter:grayscale(0.2)}#btn-center-catch-butterfly.aiming-active{background:linear-gradient(135deg,#e67e22 0%,#f39c12 100%);box-shadow:0 6px 24px rgba(230,126,34,0.85),inset 0 2px 0 rgba(255,255,255,0.5);animation:btnCatchAimingPulse 0.6s infinite alternate ease-in-out}#btn-center-catch-butterfly.aiming-sweet{background:linear-gradient(135deg,#00b894 0%,#00cec9 100%) !important;box-shadow:0 0 28px rgba(0,206,201,1),0 0 10px rgba(255,255,255,0.9) !important;transform:translateX(-50%) scale(1.12) !important;border-color:#ffeaa7 !important;color:#ffffff !important;text-shadow:0 0 8px rgba(0,0,0,0.5)}@keyframes btnCatchAimingPulse{0%{transform:translateX(-50%) scale(1)}100%{transform:translateX(-50%) scale(1.06)}}@keyframes btnCatchPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}@media (max-width:768px){#btn-center-catch-butterfly{bottom:135px;min-height:48px;padding:10px 24px;font-size:16px;box-shadow:0 4px 16px rgba(16,172,132,0.7)}}.net-swing-effect{position:absolute;width:60px;height:60px;margin-left:-30px;margin-top:-30px;pointer-events:none;z-index:1500;animation:netSwingAnim 0.35s ease-out forwards;transform-origin:center center}@keyframes netSwingAnim{0%{transform:rotate(-45deg) scale(0.6);opacity:0.2}50%{transform:rotate(20deg) scale(1.2);opacity:1}100%{transform:rotate(60deg) scale(1.0);opacity:0}}.bf-released-effect{position:absolute;width:36px;height:36px;margin-left:-18px;margin-top:-18px;pointer-events:none;perspective:400px;user-select:none}.bf-released-model{position:absolute;width:100%;height:100%;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.bf-released-xp-badge{position:absolute;top:-24px;left:50%;transform:translateX(-50%);background:rgba(16,172,132,0.95);border:1.5px solid #ffffff;color:#ffffff;padding:2px 8px;border-radius:12px;font-size:11.5px;font-weight:900;font-family:'Chewy','Fredoka',cursive,sans-serif;letter-spacing:0.5px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.35);animation:releasedBadgeFloat 2.0s ease-out forwards}@keyframes releasedBadgeFloat{0%{opacity:0;transform:translateX(-50%) translateY(4px) scale(0.6)}20%{opacity:1;transform:translateX(-50%) translateY(-10px) scale(1.1)}70%{opacity:1;transform:translateX(-50%) translateY(-24px) scale(1.0)}100%{opacity:0;transform:translateX(-50%) translateY(-38px) scale(0.8)}}.bf-aim-reticle{position:absolute;width:70px;height:70px;margin-left:-35px;margin-top:-35px;top:50%;left:50%;pointer-events:none;z-index:2000;display:flex;align-items:center;justify-content:center}.bf-reticle-sweet-spot{position:absolute;width:34px;height:34px;border:2px dashed #2ecc71;border-radius:50%;background:rgba(46,204,113,0.18);box-shadow:0 0 10px rgba(46,204,113,0.6);box-sizing:border-box;transition:all 0.15s ease}.bf-reticle-shrink-ring{position:absolute;width:66px;height:66px;border:2.5px solid #ffffff;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,0.85),inset 0 0 6px rgba(0,206,201,0.4);box-sizing:border-box;transform:scale(var(--ring-scale,1));transform-origin:center center}.bf-aim-reticle.in-sweet-spot .bf-reticle-sweet-spot{border-color:#f1c40f;border-style:solid;background:rgba(241,196,15,0.35);box-shadow:0 0 18px #f1c40f;transform:scale(1.12)}.bf-aim-reticle.in-sweet-spot .bf-reticle-shrink-ring{border-color:#f1c40f;box-shadow:0 0 12px #f1c40f}.bf-swing-feedback{position:absolute;top:-34px;left:50%;transform:translateX(-50%);font-size:15px;font-weight:900;font-family:'Chewy',cursive,sans-serif;letter-spacing:0.5px;white-space:nowrap;pointer-events:none;z-index:2200;animation:feedbackFloatUp 0.85s cubic-bezier(0.175,0.885,0.32,1.275) forwards}.bf-swing-feedback.perfect{color:#f1c40f;text-shadow:0 0 12px rgba(241,196,15,0.9),0 2px 4px #000}.bf-swing-feedback.good{color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,0.9),0 2px 4px #000}.bf-swing-feedback.miss{color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,0.9),0 2px 4px #000}@keyframes feedbackFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.6)}30%{opacity:1;transform:translateX(-50%) translateY(0px) scale(1.2)}70%{opacity:1;transform:translateX(-50%) translateY(-10px) scale(1.0)}100%{opacity:0;transform:translateX(-50%) translateY(-26px) scale(0.8)}}.bf-pollen-sparkle{position:absolute;font-size:10px;pointer-events:none;animation:pollenPuff 1.6s ease-out forwards;will-change:transform,opacity;contain:layout style paint;opacity:0}@keyframes pollenPuff{0%{transform:translate3d(0,0,0) scale(0.3);opacity:0}50%{opacity:1;transform:translate3d(var(--px,5px),var(--py,-10px),0) scale(1.1)}100%{opacity:0;transform:translate3d(var(--px2,10px),var(--py2,-20px),0) scale(0.2)}}.bf-trail-particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:100;animation:trailFade 0.75s ease-out forwards;will-change:transform,opacity;contain:layout style paint}@keyframes trailFade{0%{transform:translate3d(0,0,0) scale(1.3);opacity:0.95}100%{transform:translate3d(0,10px,0) scale(0.2);opacity:0}}#butterfly-atlas-modal{display:none;z-index:2500;padding:10px;align-items:center;justify-content:center;box-sizing:border-box}.atlas-content{max-width:860px;width:95%;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fdfbf7 0%,#ebf4f6 100%);border:3.5px solid #10ac84;border-radius:22px;box-shadow:0 15px 40px rgba(0,0,0,0.35),inset 0 0 20px rgba(16,172,132,0.08);overflow:hidden;padding:0;box-sizing:border-box}.atlas-header{background:linear-gradient(135deg,#10ac84 0%,#00cec9 100%);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.15);flex-shrink:0}.atlas-header h2{margin:0;font-family:'Chewy',cursive;font-size:24px;letter-spacing:0.5px;text-shadow:0 2px 4px rgba(0,0,0,0.2);display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-close-btn{background:rgba(255,255,255,0.25);border:none;color:white;font-size:24px;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.atlas-close-btn:hover,.atlas-close-btn:active{background:rgba(255,255,255,0.45);transform:scale(1.08)}.atlas-summary-bar{padding:12px 20px;background:#ffffff;border-bottom:2px dashed #d1e8e2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.atlas-progress-box{flex:1;min-width:220px}.atlas-progress-text{font-size:13px;font-weight:600;color:#2c3e50;margin-bottom:5px;display:flex;justify-content:space-between}.atlas-progress-track{height:11px;background:#e2edea;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,0.15)}.atlas-progress-fill{height:100%;background:linear-gradient(90deg,#10ac84,#00d2d3,#ffeaa7);border-radius:6px;transition:width 0.5s ease-out}.atlas-counters{display:flex;gap:10px;align-items:center}.atlas-badge-pill{background:#f1f8f6;border:1.5px solid #a8e6cf;border-radius:14px;padding:4px 10px;font-size:12px;font-weight:bold;color:#10ac84;display:flex;align-items:center;gap:4px;white-space:nowrap}.atlas-badge-pill.shiny-pill{border-color:#ffd32a;background:#fffdf2;color:#d48806}.atlas-family-tabs{padding:8px 16px;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#f7faf9;border-bottom:1px solid #e1eee9;scrollbar-width:none;flex-shrink:0}.atlas-family-tabs::-webkit-scrollbar{display:none}.atlas-tab-btn{background:#ffffff;border:1.5px solid #d2e7e0;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600;color:#576574;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;display:flex;align-items:center;gap:5px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.atlas-tab-btn:hover{background:#eef8f5;border-color:#10ac84;color:#10ac84}.atlas-tab-btn.active{background:#10ac84;border-color:#10ac84;color:#ffffff;box-shadow:0 3px 8px rgba(16,172,132,0.35)}.atlas-grid-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;box-sizing:border-box}.atlas-card{background:#ffffff;border:2px solid #e2ece8;border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 3px 8px rgba(0,0,0,0.04);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;box-sizing:border-box}.atlas-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.08);border-color:#10ac84}.atlas-card.shiny-card{border:2px solid #ffd32a;background:linear-gradient(145deg,#ffffff 0%,#fffbe6 100%);box-shadow:0 4px 14px rgba(255,215,0,0.22)}.atlas-card.shiny-card::before{content:'✨ SHINY';position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#ffd32a,#ff9f1a);color:white;font-size:8.5px;font-weight:900;padding:2px 5px;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.atlas-card.locked-card{background:#f1f3f4;border:2px dashed #ccd1d9;opacity:0.88}.atlas-card.locked-card .atlas-card-sprite{filter:brightness(0.2) contrast(1.2);opacity:0.35}.atlas-card-sprite-wrap{width:65px;height:55px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;position:relative}.atlas-card-sprite{transform:scale(1.45)}.atlas-card-rarity{position:absolute;top:6px;right:6px;font-size:8.5px;font-weight:800;text-transform:uppercase;padding:2px 5px;border-radius:5px}.rarity-common{background:#e8f5e9;color:#2e7d32}.rarity-uncommon{background:#e3f2fd;color:#1565c0}.rarity-rare{background:#ede7f6;color:#6a1b9a}.rarity-epic{background:#fce4ec;color:#c2185b}.rarity-legendary{background:#fff8e1;color:#f57f17;border:1px solid #ffd54f}.rarity-mythic{background:linear-gradient(135deg,#ff9ff3,#feca57);color:#2c3e50;font-weight:900}.atlas-card-name{font-size:13.5px;font-weight:bold;color:#2c3e50;margin:3px 0 1px 0;line-height:1.2}.atlas-card-family{font-size:9.5px;color:#8395a7;margin-bottom:5px}.atlas-card-records{width:100%;background:#f8fbfa;border-radius:8px;padding:5px;margin:4px 0;font-size:10.5px;color:#576574;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}.atlas-card-span-rec{font-weight:bold;color:#10ac84}.atlas-card-trophy-tag{color:#e67e22;font-size:9.5px;font-weight:bold}.atlas-card-desc{font-size:10px;color:#747d8c;line-height:1.3;margin:3px 0 6px 0;flex:1}.atlas-card-actions{width:100%;margin-top:auto}.btn-atlas-brag{width:100%;background:#eef8f5;border:1px solid #10ac84;color:#10ac84;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:bold;cursor:pointer;transition:all 0.2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-atlas-brag:hover,.btn-atlas-brag:active{background:#10ac84;color:#ffffff}#butterfly-trophy-modal{display:none;z-index:2600;padding:10px;align-items:center;justify-content:center;box-sizing:border-box}.bf-trophy-card{max-width:400px;width:92%;background:#ffffff;border:3px solid #10ac84;border-radius:20px;padding:20px 16px;text-align:center;box-shadow:0 16px 45px rgba(0,0,0,0.35);position:relative;overflow:hidden;box-sizing:border-box}.bf-trophy-sparkle-bg{position:absolute;top:0;left:0;right:0;height:100px;background:radial-gradient(circle,rgba(16,172,132,0.18) 0%,rgba(255,255,255,0) 70%);pointer-events:none}.bf-trophy-title{font-family:'Chewy',cursive;font-size:22px;color:#10ac84;margin:0 0 4px 0}.bf-trophy-sub{font-size:12.5px;color:#747d8c;margin-bottom:12px}.bf-trophy-preview-wrap{width:80px;height:70px;margin:0 auto 10px auto;display:flex;align-items:center;justify-content:center;transform:scale(2.0)}.bf-trophy-species-name{font-size:17px;font-weight:bold;color:#2c3e50;margin:4px 0 2px 0}.bf-trophy-badge-shiny{display:inline-block;background:linear-gradient(135deg,#ffd32a,#ff9f1a);color:white;font-size:10.5px;font-weight:bold;padding:2px 8px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 6px rgba(255,215,0,0.4)}.bf-trophy-stats-grid{background:#f8fbfa;border:1px solid #e2ece8;border-radius:12px;padding:8px 10px;margin:10px 0 14px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left;font-size:11.5px}.bf-trophy-stat-val{font-weight:bold;color:#10ac84}.bf-trophy-actions{display:flex;flex-direction:column;gap:8px}.btn-bf-trophy-ok{background:linear-gradient(135deg,#10ac84 0%,#00cec9 100%);color:white;border:none;padding:11px 18px;border-radius:12px;font-weight:bold;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgba(16,172,132,0.35);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-bf-trophy-ok:active{transform:scale(0.97)}.btn-bf-trophy-brag{background:#ffffff;border:1.5px solid #10ac84;color:#10ac84;padding:7px 14px;border-radius:10px;font-size:12.5px;font-weight:bold;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-bf-trophy-brag:active{background:#eef8f5}@media (max-width:768px){.atlas-content{width:96%;max-height:94vh;max-height:94dvh;border-radius:18px}.atlas-header{padding:12px 16px}.atlas-header h2{font-size:21px}.atlas-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:12px 14px;gap:10px}}@media (max-width:560px){#butterfly-atlas-modal{padding:6px}.atlas-content{width:98%;max-height:96vh;max-height:96dvh;border-width:2.5px;border-radius:16px}.atlas-header{padding:10px 14px}.atlas-header h2{font-size:18px}.atlas-close-btn{width:32px;height:32px;min-width:32px;min-height:32px;font-size:20px}.atlas-summary-bar{padding:8px 12px;flex-direction:column;align-items:stretch;gap:6px}.atlas-progress-box{min-width:0;width:100%}.atlas-progress-text{font-size:11.5px;margin-bottom:4px}.atlas-progress-track{height:9px}.atlas-counters{width:100%;justify-content:space-between;gap:6px}.atlas-badge-pill{font-size:11px;padding:3px 8px;border-radius:10px}.atlas-family-tabs{padding:6px 10px;gap:6px}.atlas-tab-btn{padding:5px 9px;font-size:11px;border-radius:9px}.atlas-grid-container{grid-template-columns:repeat(2,1fr);padding:8px;gap:8px}.atlas-card{padding:8px 6px;border-radius:12px}.atlas-card-sprite-wrap{width:52px;height:46px;margin-bottom:3px}.atlas-card-sprite{transform:scale(1.2)}.atlas-card-name{font-size:12px;margin:2px 0 1px 0}.atlas-card-family{font-size:9px;margin-bottom:3px}.atlas-card-records{padding:3px 4px;margin:3px 0;font-size:9.5px}.atlas-card-desc{font-size:9px;line-height:1.25;margin:2px 0 4px 0}.btn-atlas-brag{padding:4px 6px;font-size:10px;border-radius:6px}}@media (max-width:360px){.atlas-grid-container{grid-template-columns:1fr;padding:6px}}@media (max-height:520px) and (orientation:landscape){.atlas-content{max-height:96vh;max-height:96dvh}.atlas-header{padding:6px 14px}.atlas-header h2{font-size:16px}.atlas-summary-bar{padding:6px 12px}.atlas-grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:8px 12px;gap:8px}.bf-trophy-card{padding:12px;max-height:94vh;overflow-y:auto}.bf-trophy-preview-wrap{transform:scale(1.4);height:50px}}#pony-creator-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;font-family:inherit;animation:fadeIn 0.2s ease-out}.creator-modal-content{background:#ffffff;background:linear-gradient(135deg,#ffffff 0%,#fbfcdb 100%);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.8);width:780px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;position:relative;border:3px solid #ff9de2}.creator-header{background:linear-gradient(90deg,#ff9de2 0%,#bd93f9 100%);color:white;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.creator-header h2{margin:0;font-size:16px;display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.creator-close-x{background:rgba(255,255,255,0.3);border:none;color:white;font-size:18px;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.creator-close-x:hover{background:rgba(255,255,255,0.5);transform:rotate(90deg)}.creator-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;padding:14px;gap:16px}.creator-preview-panel{width:250px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(255,255,255,0.75);border-radius:16px;padding:12px 10px;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box}.creator-canvas-wrapper{width:216px;height:192px;background:radial-gradient(circle,#ffffff 10%,#e2e8f0 90%);border-radius:12px;border:2px solid #e0e6ed;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px rgba(0,0,0,0.06);position:relative}#creator-preview-canvas{width:216px;height:192px;image-rendering:pixelated;image-rendering:crisp-edges}.creator-preview-controls{display:flex;flex-direction:column;gap:6px;width:100%}.creator-anim-group{display:flex;gap:3px;width:100%;box-sizing:border-box}.creator-anim-btn{flex:1;min-width:0;padding:6px 3px;border:1px solid #dcdde1;background:white;border-radius:8px;cursor:pointer;font-size:10.5px;font-weight:bold;color:#4b4b4b;transition:all 0.15s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;white-space:nowrap}.creator-action-btn{width:100%;padding:6px 8px;border:1px solid #dcdde1;background:white;border-radius:8px;cursor:pointer;font-size:11px;font-weight:bold;color:#4b4b4b;transition:all 0.15s ease;text-align:center;box-sizing:border-box}.creator-anim-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain;display:inline-block;vertical-align:middle;transition:transform 0.15s ease,filter 0.15s ease;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.15))}.creator-anim-btn:hover .creator-anim-icon{transform:scale(1.1)}.creator-anim-btn.active{background:#bd93f9;color:white;border-color:#bd93f9;box-shadow:0 2px 6px rgba(189,147,249,0.4)}.creator-anim-btn.active .creator-anim-icon{transform:scale(1.12);filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,0.25))}.creator-anim-btn:hover,.creator-action-btn:hover{background:#f5f6fa;border-color:#a4b0be}.creator-random-btn{background:linear-gradient(135deg,#ff9ff3 0%,#feca57 100%) !important;color:#2f3542 !important;border:none !important;box-shadow:0 2px 8px rgba(254,202,87,0.4)}.creator-settings-panel{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.creator-section{background:white;border-radius:12px;padding:10px 14px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 2px 5px rgba(0,0,0,0.02)}.creator-section-title{font-size:12px;font-weight:bold;color:#57606f;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.5px}.creator-gender-group{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.creator-gender-btn{padding:8px 10px;border:2px solid #e4e7eb;background:#f8fafc;border-radius:10px;cursor:pointer;font-size:12px;font-weight:bold;color:#2f3542;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.15s ease}.creator-gender-btn.active{border-color:#bd93f9;background:#f1f2f6;color:#6c5ce7;box-shadow:0 0 8px rgba(189,147,249,0.3)}.creator-gender-icon{font-size:16px}.creator-race-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.creator-race-btn{padding:6px 3px;border:2px solid #e4e7eb;background:#f8fafc;border-radius:10px;cursor:pointer;font-size:11px;font-weight:bold;color:#2f3542;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all 0.15s ease}.creator-race-btn.active{border-color:#bd93f9;background:#f1f2f6;color:#6c5ce7;box-shadow:0 0 8px rgba(189,147,249,0.3)}.creator-race-icon{font-size:16px}.creator-race-icon-img{width:28px;height:28px;object-fit:contain;display:block;transition:transform 0.15s ease,filter 0.15s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.15))}.creator-race-btn:hover .creator-race-icon-img{transform:scale(1.1)}.creator-race-btn.active .creator-race-icon-img{transform:scale(1.14);filter:drop-shadow(0 2px 5px rgba(108,92,231,0.4))}.creator-colors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.creator-color-item{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:5px 8px;border-radius:8px;border:1px solid #e4e7eb}.creator-color-label{font-size:11px;color:#333;font-weight:500}.creator-color-input{width:28px;height:24px;border:none;border-radius:4px;cursor:pointer;background:transparent;padding:0}.creator-select,.creator-text-input{width:100%;padding:7px 10px;border-radius:8px;border:1px solid #ced6e0;background:#f8fafc;font-size:12px;color:#2f3542;box-sizing:border-box;outline:none;font-family:inherit}.creator-select:focus,.creator-text-input:focus{border-color:#bd93f9;background:white}.creator-footer{padding:10px 16px;background:white;border-top:1px solid #e4e7eb;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.creator-save-btn{background:linear-gradient(135deg,#10ac84 0%,#1dd1a1 100%);color:white;border:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:bold;cursor:pointer;box-shadow:0 3px 10px rgba(29,209,161,0.35);transition:all 0.2s ease;display:flex;align-items:center;gap:5px}.creator-save-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(29,209,161,0.45)}.creator-cancel-btn{background:#f1f2f6;border:1px solid #dcdde1;color:#57606f;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:bold;cursor:pointer;transition:all 0.2s ease}@media (max-width:768px){#pony-creator-modal{padding:6px 6px calc(28px + env(safe-area-inset-bottom,20px)) 6px;align-items:flex-start}.creator-modal-content{width:100%;max-width:100vw;height:calc(100dvh - 55px);max-height:calc(100vh - 55px);border-radius:14px;border-width:2px;display:flex;flex-direction:column;margin-bottom:max(20px,env(safe-area-inset-bottom,20px));box-shadow:0 10px 30px rgba(0,0,0,0.5)}.creator-header{padding:8px 12px;flex-shrink:0}.creator-header h2{font-size:15px}.creator-body{flex:1 1 auto;min-height:0;flex-direction:column;overflow-y:auto;padding:8px;gap:10px;-webkit-overflow-scrolling:touch}.creator-preview-panel{width:100%;padding:8px;border-radius:12px;gap:8px}.creator-canvas-wrapper{width:180px;height:160px}#creator-preview-canvas{width:180px;height:160px}.creator-settings-panel{overflow-y:visible;padding-right:0;gap:10px}.creator-section{padding:8px 10px;border-radius:10px}.creator-section-title{font-size:11px;margin-bottom:6px}.creator-slots-section{padding:8px;margin-bottom:8px;border-radius:10px}.creator-slots-bar{gap:4px;margin-top:6px}.creator-slot-tab{padding:6px 4px;border-radius:6px}.slot-badge{width:16px;height:16px;font-size:10px;margin-right:3px}.slot-title{font-size:10px}.creator-colors-grid{grid-template-columns:repeat(2,1fr);gap:4px}.creator-color-item{padding:4px 6px}.creator-color-label{font-size:10px}.creator-color-input{width:24px;height:22px}.creator-patterns-row{gap:3px}.creator-pattern-btn{min-width:58px;padding:4px 2px;font-size:10px;border-radius:5px}.creator-preset-btn{padding:3px 6px;font-size:10px;gap:3px}#creator-pixel-cm-box{padding:6px}#creator-cm-canvas{width:130px !important;height:130px !important}.cm-pal-btn{width:16px;height:16px}.creator-footer{flex-shrink:0;padding:10px 12px max(12px,env(safe-area-inset-bottom,12px)) 12px;background:#ffffff;box-shadow:0 -4px 14px rgba(0,0,0,0.12);border-top:2px solid #e4e7eb;display:flex;gap:8px;z-index:30}.creator-save-btn{flex:1.6;justify-content:center;padding:12px 14px;font-size:13px;border-radius:10px;min-height:44px}.creator-cancel-btn{flex:1;justify-content:center;padding:12px 10px;font-size:13px;border-radius:10px;min-height:44px}}.creator-color-swatch-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff;border:1.5px solid #dcdde1;border-radius:8px;padding:3px 8px;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.creator-color-swatch-btn:hover{border-color:#ff76ac;box-shadow:0 2px 6px rgba(255,118,172,0.25);transform:translateY(-1px)}.swatch-circle{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,0.15);display:inline-block;flex-shrink:0;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}.swatch-hex{font-size:11px;font-weight:bold;color:#4b4b4b;font-family:monospace}.creator-color-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10005;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;animation:fadeIn 0.15s ease-out}.creator-color-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.creator-color-dialog{position:relative;background:#ffffff;border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.8);width:330px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:2.5px solid #ff76ac;z-index:10}.creator-color-head{background:linear-gradient(90deg,#ff76ac 0%,#bd93f9 100%);color:white;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.creator-color-head-title{font-size:14px;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.creator-color-close{background:rgba(255,255,255,0.3);border:none;color:white;font-size:18px;width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.creator-color-body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.creator-color-preview-bar{display:flex;align-items:center;justify-content:space-around;background:#f8fafc;border-radius:10px;padding:6px 10px;border:1px solid #e4e7eb}.color-preview-box{display:flex;flex-direction:column;align-items:center;gap:3px}.color-preview-lbl{font-size:10px;color:#7f8c8d;font-weight:600;text-transform:uppercase}.color-preview-rect{width:70px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,0.15);box-shadow:inset 0 1px 3px rgba(0,0,0,0.15)}.color-preview-arrow{font-size:14px;color:#a4b0be}.creator-color-spectrum-wrapper{display:flex;flex-direction:column;gap:8px}.creator-color-sv-box{position:relative;width:100%;height:120px;border-radius:10px;overflow:hidden;cursor:crosshair;box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);border:1px solid #ced6e0}#creator-color-sv-canvas{width:100%;height:100%;display:block}.creator-color-cursor{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 3px rgba(0,0,0,0.8),inset 0 0 2px rgba(0,0,0,0.8);transform:translate(-50%,-50%);pointer-events:none}.creator-hue-slider{-webkit-appearance:none;width:100%;height:14px;border-radius:7px;background:linear-gradient(to right,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);outline:none;cursor:pointer;border:1px solid rgba(0,0,0,0.15)}.creator-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ffffff;border:2px solid #2f3542;box-shadow:0 2px 5px rgba(0,0,0,0.3);cursor:pointer}.creator-color-modes-bar{display:flex;gap:4px;background:#f1f2f6;padding:3px;border-radius:8px}.creator-color-mode-btn{flex:1;padding:5px 0;border:none;background:transparent;border-radius:6px;font-size:11px;font-weight:bold;color:#57606f;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.creator-color-mode-btn.active{background:#ff76ac;color:white;box-shadow:0 2px 6px rgba(255,118,172,0.35)}.creator-color-inputs-container{background:#f8fafc;border-radius:8px;padding:6px 10px;border:1px solid #e4e7eb}.hex-input-row{display:flex;align-items:center;justify-content:center;gap:4px}.input-prefix{font-size:14px;font-weight:bold;color:#7f8c8d}.creator-hex-field{width:110px;padding:5px 8px;border:1px solid #ced6e0;border-radius:6px;font-size:13px;font-weight:bold;text-transform:uppercase;text-align:center;font-family:monospace;outline:none}.multi-input-row{display:flex;gap:6px;justify-content:center}.channel-col{display:flex;flex-direction:column;align-items:center;gap:2px}.channel-col label{font-size:10px;font-weight:bold;color:#7f8c8d}.channel-col input{width:54px;padding:4px;border:1px solid #ced6e0;border-radius:6px;text-align:center;font-size:12px;font-weight:bold;outline:none}.creator-color-swatches-section{display:flex;flex-direction:column;gap:4px}.swatches-category-title{font-size:10px;font-weight:bold;color:#57606f;text-transform:uppercase}.swatches-grid{display:flex;flex-wrap:wrap;gap:5px}.swatch-item-btn{width:22px;height:22px;border-radius:5px;border:1px solid rgba(0,0,0,0.2);cursor:pointer;padding:0;transition:transform 0.1s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.swatch-item-btn:hover{transform:scale(1.25);z-index:5;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.creator-color-footer{padding:10px 14px;background:#f8fafc;border-top:1px solid #e4e7eb;display:flex;gap:8px}.color-dialog-btn{flex:1;padding:8px 0;border-radius:8px;font-size:12px;font-weight:bold;cursor:pointer;transition:all 0.15s ease;font-family:inherit;text-align:center}.color-btn-cancel{background:#f1f2f6;border:1px solid #dcdde1;color:#57606f}.color-btn-apply{background:linear-gradient(135deg,#10ac84 0%,#1dd1a1 100%);border:none;color:white;box-shadow:0 2px 8px rgba(29,209,161,0.4)}@media (max-width:768px){.creator-modal-content{width:98vw !important;max-width:100vw !important;height:94vh !important;max-height:94vh !important;border-radius:14px !important;border-width:2px !important}.creator-header{padding:8px 12px !important}.creator-header h2{font-size:14px !important}.creator-body{flex-direction:column !important;padding:10px !important;gap:10px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.creator-preview-panel{width:100% !important;padding:10px !important;gap:8px !important;flex-shrink:0 !important}.creator-canvas-wrapper{width:180px !important;height:160px !important}#creator-preview-canvas{width:180px !important;height:160px !important}.creator-preview-controls{width:100% !important;max-width:320px !important}.creator-settings-panel{width:100% !important;overflow-y:visible !important;padding-right:0 !important;gap:10px !important}.creator-section{padding:8px 10px !important}.creator-race-group{grid-template-columns:repeat(2,1fr) !important;gap:6px !important}.creator-color-pickers-row{gap:6px !important;flex-wrap:wrap !important}.creator-color-dialog{width:92vw !important;max-width:340px !important}}