@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Orbitron:wght@400;700;800;900&display=swap";.taskbar-container{position:fixed;left:0;right:0;bottom:0;z-index:1200;height:var(--taskbar-h, 62px);display:flex;align-items:center;gap:8px;max-width:var(--content-w, 540px);margin:0 auto;padding:0 10px;box-sizing:border-box;background:transparent}.taskbar-container>*{display:flex;align-items:center}#taskbar{display:flex;align-items:center;gap:8px;flex:0 0 auto}.taskbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .18s,transform .18s;gap:2px;font-size:.75em;font-weight:600;min-width:50px;padding:4px 0}.taskbar-item:active{transform:scale(.9)}.taskbar-item.active{color:var(--primary, #0fb3d1)}.taskbar-item .icon{width:24px;height:24px;fill:currentColor;font-size:2.1em;margin-bottom:2px;transition:color .2s,filter .2s,text-shadow .2s;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.taskbar-item .ranks-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.taskbar-item:hover .icon,.taskbar-item.active .icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.5)) brightness(1.2);text-shadow:0 0 8px currentColor,0 0 2px #fff}.tab-label{font-weight:800;font-size:1.05em;letter-spacing:.02em;margin-top:1px;text-align:center;transition:color .2s;color:#fff}.tab-recharge .tab-label{color:gold}.tab-superchat .tab-label{color:#ff5e62}.tab-gift .tab-label{color:#f90}.tab-profile .tab-label{color:#36d1c4}.tab-ranks .tab-label{color:gold}.tab-recharge.active .tab-label,.tab-recharge:hover .tab-label{color:#ffe066}.tab-superchat.active .tab-label,.tab-superchat:hover .tab-label{color:#ff2e4d}.tab-gift.active .tab-label,.tab-gift:hover .tab-label{color:gold}.tab-profile.active .tab-label,.tab-profile:hover .tab-label{color:#1fa97a}.tab-ranks.active .tab-label,.tab-ranks:hover .tab-label{color:#ffe066}#tab-gift .icon{width:28px;height:28px}@media (max-width: 600px){.taskbar-container{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;margin:0!important}#taskbar{gap:4px!important}.taskbar-item{background:#50505073!important;border:none!important;border-radius:9999px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important}.taskbar-item .tab-label{display:none!important}.taskbar-item .icon{width:22px!important;height:22px!important}.chat-input-container{min-width:150px!important;max-width:250px!important}}.chat-input-container{flex:1;max-width:400px;min-width:200px;position:relative;margin:0;padding-right:0}.chat-input-form{width:100%}.input-with-counter{position:relative;display:flex;align-items:center}#mobile-chat-input{width:100%;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;padding:6px 12px;font-size:.85em;outline:none;transition:border-color .2s;padding-right:50px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-sizing:border-box}#mobile-chat-input:focus{border-color:var(--primary, #0fb3d1)}#mobile-chat-input:disabled{opacity:.6;cursor:not-allowed}.input-char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.75em;color:#fff9;pointer-events:none;font-family:Inter,sans-serif}#chat-messages-area{flex-grow:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;z-index:1;background:transparent;position:absolute;bottom:calc(var(--taskbar-h, 62px) + 2px);left:0;right:0;height:280px;box-sizing:border-box;padding-bottom:0;max-width:520px;margin-left:auto;margin-right:auto;pointer-events:none;width:100%;max-height:280px;scroll-behavior:smooth;transform:translateZ(0);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;contain:layout style paint;will-change:scroll-position}#chat-messages-area.logged-in{pointer-events:auto;opacity:1;visibility:visible}#chat-messages-area::-webkit-scrollbar{display:none}#chat-messages-area{-ms-overflow-style:none;scrollbar-width:none}.chat-message{padding:.3rem 0;margin-bottom:.2rem;max-width:100%;word-wrap:break-word;font-size:.95em;transition:opacity .3s ease-out,transform .3s ease-out;opacity:1;transform:translateY(0);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px rgba(0,0,0,.8);font-weight:500;position:relative;z-index:100;break-inside:avoid;page-break-inside:avoid;line-height:1.4;animation:messageSlideIn .3s ease-out;contain:layout style;flex-shrink:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-message.fade-out{opacity:0}.chat-message.superchat-message{color:var(--primary, #0fb3d1);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 8px rgba(15,179,209,.8),0 0 12px rgba(15,179,209,.6);font-weight:600}.chat-message.error-message{padding:.15rem 0;margin-bottom:.15rem;opacity:1;transition:opacity .3s ease-out}.chat-message.error-message.fade-out{opacity:0}.chat-message.error-message .chat-message-content{display:flex;align-items:center}.chat-message.error-message .error-text{color:#f44;font-weight:600;font-size:12px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px rgba(255,68,68,.6);margin-left:0;padding:2px 5px;background:#ff444414;border-left:2px solid #ff4444;border-radius:3px;cursor:default;line-height:1.3;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.chat-message.level-up-message{padding:.15rem 0;margin-bottom:.15rem;opacity:1;transition:opacity .3s ease-out}.chat-message.level-up-message.fade-out{opacity:0}.chat-message.level-up-message .chat-message-content{display:flex;align-items:center}.chat-message.level-up-message .level-up-text{color:#4caf50;font-weight:600;font-size:12px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 5px rgba(76,175,80,.6);margin-left:0;padding:2px 5px;background:#4caf5014;border-left:2px solid #4caf50;border-radius:3px;cursor:default;line-height:1.3;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;max-width:100%}.chat-message-content{display:flex;flex-direction:column;align-items:flex-start;gap:0px;width:100%;max-width:100%;overflow:hidden}.chat-message-text{font-weight:600;color:#fffffff2;margin-left:34px;text-shadow:0 1px 2px rgba(0,0,0,.3);font-size:15px;cursor:pointer;transition:background-color .2s ease;border-radius:4px;padding:2px;flex:1;min-width:0;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;max-width:calc(100% - 34px);white-space:normal;line-height:1.4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.chat-message-text:hover{background-color:#ffffff1a}.chat-profile-section{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-bottom:2px}.chat-username{color:#fffc;font-weight:600;cursor:pointer;transition:color .3s ease;font-size:14px}.chat-username:hover{color:var(--primary, #0fb3d1)}.mention-highlight{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:2px 6px;border-radius:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #ff6b6b4d;animation:mentionPulse 2s ease-in-out infinite}@keyframes mentionPulse{0%,to{box-shadow:0 2px 4px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 4px 8px #ff6b6b80;transform:scale(1.02)}}.chat-profile-pic{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background-color:#ffffff1a}.chat-level-badge{border-radius:4px;padding:2px 6px;min-width:22px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid #222;box-shadow:0 1px 2px #0003;opacity:.85}.level-basic{background:linear-gradient(135deg,#42a5f5,#2196f3)}.level-bronze{background:linear-gradient(135deg,#5c6bc0,#3f51b5)}.level-silver{background:linear-gradient(135deg,#7e57c2,#673ab7)}.level-gold{background:linear-gradient(135deg,#ab47bc,#9c27b0)}.level-platinum{background:linear-gradient(135deg,#8e24aa,#7b1fa2)}.level-diamond{background:linear-gradient(135deg,#6a1b9a,#4a148c)}.level-number{color:#fff;font-size:12px;font-weight:700;font-family:Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);line-height:1;letter-spacing:.2px}.chat-message.superchat-message .chat-profile-pic{border-color:#0fb3d166;box-shadow:0 0 4px #0fb3d14d}.chat-message.superchat-message .chat-level-badge{background:linear-gradient(135deg,#0fb3d1,#9fd6f9);border-color:#0fb3d14d;box-shadow:0 1px 2px #0000004d,0 0 3px #0fb3d133}.chat-message.superchat-message .chat-username{color:var(--primary, #0fb3d1);text-shadow:0 0 4px rgba(15,179,209,.6),0 0 8px rgba(15,179,209,.4)}.chat-message.superchat-message .chat-message-text{color:var(--primary, #0fb3d1);text-shadow:0 0 4px rgba(15,179,209,.6),0 0 8px rgba(15,179,209,.4);font-weight:600;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;max-width:calc(100% - 34px);line-height:1.4;white-space:normal}@media (min-width: 601px){#chat-messages-area{position:fixed!important;left:calc(50% - (var(--content-w, 540px)) / 2 + 12px)!important;transform:none!important;--chat-w: clamp(380px, 40vw, calc(var(--content-w, 540px) * .52));width:var(--chat-w)!important;max-width:var(--chat-w)!important;bottom:calc(var(--taskbar-h, 62px) + 12px)!important;margin:0!important;z-index:1300!important;box-sizing:border-box!important}}@media (max-width: 600px){#chat-messages-area{max-width:520px;margin-left:auto;margin-right:auto;max-height:min(144px,calc(100dvh - var(--taskbar-h, 62px) - 25px));padding-bottom:0;z-index:100;height:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.ranks-button{position:absolute;top:80px;right:15px;display:flex;align-items:center;background:#ffd70014;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,215,0,.15);width:fit-content;z-index:100;gap:6px;box-shadow:0 1px 4px #ffd70014}.ranks-button:hover{background:#ffd70040;transform:scale(1.02);box-shadow:0 2px 8px #ffd70040;border-color:#ffd70066}.ranks-button:active{transform:scale(.95)}.ranks-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ranks-text{display:flex;flex-direction:column;align-items:center;gap:2px}.ranks-rank{font-size:12px;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1}.ranks-label{font-size:10px;font-weight:600;color:orange;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1}.ranks-button.rank-1{background:linear-gradient(135deg,#ffd70066,#ffd70033);border-color:#ffd700cc;box-shadow:0 2px 8px #ffd70066,0 0 20px #ffd7004d}.ranks-button.rank-1 .ranks-rank{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.ranks-button.rank-2{background:linear-gradient(135deg,#c0c0c066,#c0c0c033);border-color:#c0c0c0cc;box-shadow:0 2px 8px #c0c0c066}.ranks-button.rank-2 .ranks-rank{color:silver;text-shadow:0 0 10px rgba(192,192,192,.8)}.ranks-button.rank-3{background:linear-gradient(135deg,#cd7f3266,#cd7f3233);border-color:#cd7f32cc;box-shadow:0 2px 8px #cd7f3266}.ranks-button.rank-3 .ranks-rank{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.8)}@keyframes rankShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes rankImproved{0%{background:linear-gradient(90deg,#ffb347,#ff5e62,#36d1c4,#43cea2);box-shadow:0 0 16px #0000002e,0 2px 8px #0000001a}50%{background:linear-gradient(90deg,#4caf50,#45a049,#4caf50,#45a049);box-shadow:0 0 20px #4caf5066,0 2px 8px #0000001a}to{background:linear-gradient(90deg,#ffb347,#ff5e62,#36d1c4,#43cea2);box-shadow:0 0 16px #0000002e,0 2px 8px #0000001a}}@keyframes rankWorsened{0%{background:linear-gradient(90deg,#ffb347,#ff5e62,#36d1c4,#43cea2);box-shadow:0 0 16px #0000002e,0 2px 8px #0000001a}50%{background:linear-gradient(90deg,#f44336,#d32f2f,#f44336,#d32f2f);box-shadow:0 0 20px #f4433666,0 2px 8px #0000001a}to{background:linear-gradient(90deg,#ffb347,#ff5e62,#36d1c4,#43cea2);box-shadow:0 0 16px #0000002e,0 2px 8px #0000001a}}.ranks-button.rank-improved{animation:rankShake .5s ease-in-out,rankImproved 1s ease-in-out}.ranks-button.rank-worsened{animation:rankShake .5s ease-in-out,rankWorsened 1s ease-in-out}.treasure-button{position:absolute;top:130px;right:15px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffd70014;color:#fff;padding:8px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,215,0,.15);width:fit-content;z-index:100;box-shadow:0 1px 4px #ffd70014}.treasure-button:hover:not(.disabled){background:#ffd70040;transform:scale(1.02);box-shadow:0 2px 8px #ffd70040;border-color:#ffd70066}.treasure-button:active:not(.disabled){transform:scale(.95)}.treasure-button.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.treasure-box-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.treasure-chest{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:treasureGlow 3s ease-in-out infinite;transition:transform .3s ease;pointer-events:none}.treasure-button:not(.disabled):hover .treasure-chest{transform:scale(1.1)}@keyframes treasureGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) brightness(1)}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) brightness(1.2) drop-shadow(0 0 12px rgba(255,215,0,.6))}}.treasure-label{font-size:10px;font-weight:600;color:orange;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;text-align:center}.treasure-cooldown{font-size:9px;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;text-align:center;margin-top:2px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.treasure-next-time{font-size:8px;font-weight:500;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;text-align:center;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.blur-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1399;width:100vw;min-height:100vh;height:100dvh;background:transparent;transition:opacity .3s;opacity:0;pointer-events:none}.blur-bg.visible{display:block;opacity:1;pointer-events:auto}.slideup-panel{display:block;position:fixed;left:50%;right:auto;bottom:0;transform:translate(-50%) translateY(100%);z-index:1400;pointer-events:auto;background:#121212f2;border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -5px 30px #000000bf;width:var(--content-w, 540px);max-width:var(--content-w, 540px);margin:0;opacity:0;transition:transform .25s cubic-bezier(.25,.46,.45,.94),opacity .2s ease-out,visibility .25s;visibility:hidden;height:45vh;max-height:400px}.slideup-panel.open{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.panel-content{padding:20px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.panel-title{font-size:1.2em;font-weight:700;text-align:center;margin:0 0 8px;flex-shrink:0;color:#fff;outline:none!important;border:none!important;cursor:default!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;caret-color:transparent!important;pointer-events:none}.panel-title:after,.panel-title:before{content:none!important;display:none!important}.panel-title:focus,.panel-title:focus-visible,.panel-title:focus-within{outline:none!important;border:none!important;caret-color:transparent!important}@media (max-width: 600px){.slideup-panel{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;margin:0!important;transform:translateY(100%)!important}.slideup-panel.open{transform:translateY(0)!important}}#topup-panel .panel-content{align-items:center;padding:15px;gap:15px}.bonus-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ff6b6b,#ffa726,#ffd54f);border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:0 4px 15px #ff6b6b4d;animation:pulse 2s infinite;width:100%;box-sizing:border-box}.bonus-icon{font-size:24px}.bonus-text{display:flex;flex-direction:column;gap:2px}.bonus-title{font-weight:800;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bonus-subtitle{font-size:12px;color:#ffffffe6;font-weight:500}.quick-amounts-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:15px;box-sizing:border-box}.amount-option{cursor:pointer;transition:transform .2s ease}.amount-option:hover{transform:translateY(-2px)}.amount-card{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;padding:10px;text-align:center;position:relative;border:2px solid transparent;transition:all .3s ease;box-shadow:0 4px 12px #0003;box-sizing:border-box}.amount-card:hover{border-color:#3498db;box-shadow:0 6px 20px #3498db4d}.amount-card.popular{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #e74c3c}.amount-card.premium{background:linear-gradient(135deg,#f39c12,#e67e22);border:2px solid #f39c12}.popular-badge,.premium-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:10px;font-weight:800;padding:3px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.premium-badge{background:linear-gradient(135deg,#f39c12,#e67e22)}.amount-value{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000,0 0 3px #000}.amount-coins{font-size:13px;color:#bdc3c7;margin-bottom:6px;font-weight:600;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.bonus-badge{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:8px;margin-bottom:4px;display:inline-block;min-width:80px;text-align:center}.bonus-coins{font-size:12px;color:#27ae60;font-weight:600;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.custom-amount-section{width:100%;max-width:280px;margin:0 auto;background:#ffffff0d;border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.section-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;text-align:center}#topup-amount{width:100%;padding:10px;background:var(--bg-panel-light, #2c2c2e);border:2px solid #444;border-radius:8px;color:#fff;font-size:14px;text-align:center;margin-bottom:8px;transition:border-color .3s ease;box-sizing:border-box}#topup-amount:focus{border-color:var(--primary, #0fb3d1);outline:none}.estimated-display{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:0;padding:6px 8px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.estimated-label{font-size:11px;color:#bdc3c7;font-weight:500}.estimated-amount{font-size:14px;font-weight:700;color:gold;display:block}.estimated-bonus{font-size:12px;color:#27ae60;font-weight:600;display:block;margin-top:2px}.payment-instruction{display:flex;align-items:center;gap:12px;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:12px;padding:12px;margin:15px 0 6px;width:100%;box-sizing:border-box}.payment-icon{font-size:24px}.payment-text{display:flex;flex-direction:column;gap:2px}.payment-title{font-size:14px;font-weight:700;color:#fff}.payment-subtitle{font-size:12px;color:#bdc3c7;font-weight:500}#profile-panel .panel-content{align-items:center;max-height:80vh;gap:.5rem;padding:12px 0 0}.profile-header{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.logout-btn{position:absolute;right:.5rem;top:.5rem;background:var(--pink, #ff2b5e);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ff2b5e4d;z-index:2}.logout-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff2b5e66}.logout-btn .icon{width:20px;height:20px}.profile-avatar-section{position:relative;width:64px;height:64px;margin:0 auto 4px;display:block;overflow:hidden}#profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--primary, #0fb3d1);display:block}.user-profile-avatar-section{width:100px!important;height:100px!important;margin:0 auto 16px!important;position:relative;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;border-radius:50%;flex-shrink:0!important;min-height:100px!important}#user-profile-avatar{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;border:3px solid rgba(255,255,255,.2);display:block;margin:0;padding:0}.profile-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;border:2px solid var(--primary, #0fb3d1)}.profile-upload-overlay:hover{opacity:1}.upload-icon{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}#profile-username{font-size:1.05em;font-weight:600;text-align:center;margin-bottom:4px;margin-top:0;color:#fff}#user-profile-username{font-size:1.05em;font-weight:600;text-align:center;margin-bottom:4px;margin-top:0;color:#fff;width:100%}.profile-stats{margin:.2rem auto 0;padding:.5rem .7rem .3rem;background:#0000002e;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);width:100%;max-width:260px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:1;min-height:0}.stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.25rem 0;flex-shrink:0}.stat-item:last-child{margin-bottom:0}.stat-label{font-weight:500;color:#ccc;font-size:.9em}.stat-value{font-weight:600;color:var(--primary, #0fb3d1);font-size:.9em}#profile-rank.stat-value{color:gold}#profile-xp.stat-value{color:#ff6b6b}#profile-level.stat-value{color:#4ecdc4}#user-profile-rank.stat-value{color:gold}#user-profile-xp.stat-value{color:#ff6b6b}#user-profile-level.stat-value{color:#4ecdc4}.profile-xp-bar{width:100%;background-color:#e0e0e0;border-radius:50px;position:relative;margin:10px 0 0;height:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;flex-shrink:0}#xp-bar-fill,#user-xp-bar-fill{width:0%;background:linear-gradient(90deg,#43e97b,#38f9d7);height:100%;border-radius:50px 0 0 50px;transition:width .4s cubic-bezier(.4,2,.6,1);position:absolute;left:0;top:0;z-index:1}.xp-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;font-size:.85em;font-weight:600;white-space:nowrap;z-index:2;pointer-events:none}#change-avatar-btn{margin:10px auto 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;border:1px solid rgba(255,255,255,.26);border-radius:12px;background:#ffffff14;color:#fff;font-weight:600;font-size:.85em;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}#change-avatar-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#ffffff29;font-size:15px}#change-avatar-btn .btn-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px}#change-avatar-btn .btn-title{font-weight:700;text-transform:uppercase;font-size:.72em;letter-spacing:.1em}#change-avatar-btn .btn-sub{font-size:.68em;font-weight:500;color:#ffffffbd;letter-spacing:.04em}#change-avatar-btn:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff61}.ranks-header{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;align-items:center;text-align:center}.ranks-title-section{display:flex;align-items:center;gap:12px;justify-content:center;width:100%}.ranks-icon-large{font-size:32px}.ranks-title-text{flex:1;text-align:center}.ranks-title-text .panel-title{text-align:center;display:block}.ranks-subtitle{font-size:.9em;color:#ffffffb3;margin-top:4px;text-align:center}.user-rank-highlight{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:10px 15px;justify-content:center;width:100%}.highlight-icon{font-size:20px}.highlight-text{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.highlight-label{font-size:.85em;color:#fffc}.highlight-rank{font-size:1.2em;font-weight:700;color:gold}.ranks-container{flex:1;overflow-y:auto;width:100%}.ranks-table-container{width:100%;overflow-x:auto}.ranks-table{width:100%;border-collapse:collapse;font-size:.9em}.ranks-table thead{background:#ffffff1a;position:sticky;top:0;z-index:10}.ranks-table th{padding:10px 8px;text-align:center;font-weight:700;color:#fff;font-size:.85em;border-bottom:2px solid rgba(255,255,255,.2)}.ranks-table td{padding:8px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.ranks-table .position-cell{text-align:center;font-weight:600}.ranks-table tbody tr:hover{background:#ffffff0d}#superchat-panel .panel-content{gap:15px}#superchat-list{flex:1;overflow-y:auto;min-height:100px;max-height:200px;padding:10px;background:#ffffff0d;border-radius:8px;color:#ffffffb3}#superchat-form{display:flex;flex-direction:column;gap:10px}#superchat-input{width:100%;padding:12px 50px 12px 16px;background:var(--bg-panel-light, #2c2c2e);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease;box-sizing:border-box}#superchat-input:focus{outline:none;border-color:var(--primary, #0fb3d1);box-shadow:0 0 0 3px #0fb3d133}#superchat-input:disabled{opacity:.6;cursor:not-allowed}#superchat-input::placeholder{color:#ffffff80}#superchat-cost{text-align:center;font-weight:600;color:gold;font-size:.9em}#superchat-send{background:linear-gradient(135deg,#ff5e62,#f96);color:#fff;border:none;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;transition:all .3s ease}#superchat-send:hover{transform:scale(1.02);box-shadow:0 4px 12px #ff5e6266}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.gift-panel-content{height:100%;display:flex;flex-direction:column;padding:0}.gift-grid{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:start}@media (min-width: 601px){.gift-grid::-webkit-scrollbar{width:8px}.gift-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.gift-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.gift-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.gift-grid{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}}@media (max-width: 600px){.gift-grid::-webkit-scrollbar{display:none}.gift-grid{-ms-overflow-style:none;scrollbar-width:none}}.gift-option{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:6px 4px;border-radius:6px;background:#3c3c3ccc;border:1px solid rgba(255,255,255,.1);transition:all .2s;width:100%;height:100px;box-sizing:border-box;overflow:hidden;position:relative;min-height:100px}.gift-option.selected{border-color:#ff2b5e;background:#ff2b5e26}.gift-option:hover{background:#505050e6;border-color:#fff3;transform:scale(1.05)}.gift-option .gift-icon{font-size:32px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;max-width:100%;overflow:hidden;line-height:1;max-height:45px}.gift-option .gift-icon img{max-width:calc(100% - 4px);max-height:45px;width:auto;height:auto;object-fit:contain;display:block}.gift-option .gift-name{font-weight:700;font-size:.9em;text-align:center;color:#fff!important;margin-bottom:3px;margin-top:2px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;width:100%;line-height:1.2;padding:0 2px;box-sizing:border-box;flex-shrink:0;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.gift-option .gift-cost{font-size:.8em;color:gold;font-weight:700;text-align:center;line-height:1.2;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:0 2px;box-sizing:border-box;flex-shrink:0;margin-top:1px;width:100%;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.gift-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;gap:10px;flex-wrap:wrap}.gift-footer-buttons{display:flex;gap:10px;align-items:center}.balance-section{display:flex;align-items:center}.gold-coin-icon{display:inline-block;font-size:20px;line-height:1;filter:brightness(1.05) saturate(1.2);animation:coinShine 3s ease-in-out infinite;transform:scale(1);position:relative}@keyframes coinShine{0%,to{filter:brightness(1.05) saturate(1.2);opacity:1}50%{filter:brightness(1.15) saturate(1.3);opacity:.95}}#panel-balance{display:flex;align-items:center;gap:6px;font-weight:700;font-size:1.1em;color:#fff}#panel-balance img{width:40px;height:40px;object-fit:contain}.coin-drop-button{padding:10px 20px;border-radius:999px;border:1px solid rgba(255,215,0,.5);background:linear-gradient(135deg,gold,#ffed4e,gold);background-size:200% 200%;color:#1a1a1a;font-weight:700;font-size:.95em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 12px #ffd70080;animation:goldShine 4s ease-in-out infinite;position:relative;overflow:hidden;will-change:background-position}.coin-drop-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 4s ease-in-out infinite;will-change:left}.coin-drop-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ffd700b3}@keyframes goldShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shine{0%{left:-100%}50%,to{left:100%}}#send-gift-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,gold,#ff9a1f);color:#1b1f25;font-weight:700;font-size:.95em;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 26px #ffc10766,0 0 18px #ffd70059}#send-gift-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #ffc10773,0 0 22px #ffd70080}#send-gift-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 20px #ffc10759,0 0 18px #ffd70066}#send-gift-btn:disabled{background:linear-gradient(135deg,#787878a6,#5a5a5aa6);color:#f0f0f0bf;box-shadow:none;cursor:not-allowed;opacity:.75}.xp-section{background:#ffffff0d;border-radius:8px;padding:10px;margin:15px;border:1px solid rgba(255,255,255,.08)}.xp-info{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;color:#fff}.xp-label{font-weight:600;color:var(--secondary, #43cea2)}.xp-separator{color:#666}.level-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff;margin-top:6px}.level-label{font-weight:600;color:var(--secondary, #43cea2)}.xp-bar-container{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin:6px 0}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary, #0fb3d1),var(--secondary, #43cea2));border-radius:2px;transition:width .3s ease;width:0%;box-shadow:0 0 8px #0fb3d14d}.user-profile-reply-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;padding:15px 20px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;margin-top:15px;width:100%;flex-shrink:0}.user-profile-reply-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.reply-icon{width:20px;height:20px}.admin-mute-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;margin-bottom:0}.admin-mute-header{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#ff6b6b;font-weight:600;font-size:14px}.admin-icon{width:18px;height:18px}.admin-mute-controls{display:flex;flex-direction:column;gap:8px}.admin-mute-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003}.admin-mute-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-mute-btn:active{transform:translateY(0)}.admin-mute-btn.muted{background:linear-gradient(135deg,#4caf50,#43a047)}.admin-mute-btn.muted:hover{background:linear-gradient(135deg,#43a047,#388e3c)}.admin-mute-btn.banned{background:linear-gradient(135deg,#4caf50,#43a047)}.admin-mute-btn.banned:hover{background:linear-gradient(135deg,#43a047,#388e3c)}.mute-icon{width:16px;height:16px}.mute-btn-text{font-size:14px;font-weight:600}.superchat-color-0{background:linear-gradient(90deg,#ffb347,#fc3);color:#222}.superchat-color-1{background:linear-gradient(90deg,#ff5e62,#f96)}.superchat-color-2{background:linear-gradient(90deg,#36d1c4,#5b86e5)}.superchat-color-3{background:linear-gradient(90deg,#f7971e,#ffd200);color:#222}.superchat-color-4{background:linear-gradient(90deg,#43cea2,#185a9d)}.superchat-color-5{background:linear-gradient(90deg,#ff6a00,#ee0979)}.superchat-color-6{background:linear-gradient(90deg,#c471f5,#fa71cd)}.superchat-color-7{background:linear-gradient(90deg,#f857a6,#ff5858)}#coin-drop-panel .panel-content{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#0f0f23);border:2px solid rgba(255,215,0,.4);box-shadow:0 25px 80px #ffd70040,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);max-height:75vh;overflow-y:auto;border-radius:20px;position:relative;animation:modalFloat 6s ease-in-out infinite;overflow-x:hidden}#coin-drop-panel .panel-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.03) 50%,transparent 70%);animation:backgroundFlow 8s linear infinite;pointer-events:none;overflow:hidden}@keyframes modalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes backgroundFlow{0%{transform:translate(-50%) translateY(-50%)}to{transform:translate(50%) translateY(50%)}}#coin-drop-panel .panel-title{background:linear-gradient(135deg,gold,orange,gold,orange);color:#222;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3);border-bottom:2px solid rgba(255,215,0,.6);padding:15px 20px;font-size:18px;letter-spacing:.5px;position:relative;overflow:hidden;animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}#coin-drop-panel .panel-title:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.coin-drop-modal-content{padding:20px;color:#fff;animation:contentFadeIn .8s ease-out;text-align:center}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coin-drop-header{text-align:center;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a,#ffd7000d);border-radius:18px;border:1px solid rgba(255,215,0,.2);position:relative;overflow:hidden;animation:headerFloat 5s ease-in-out infinite}.coin-drop-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.08) 50%,transparent 70%);animation:headerGlow 4s ease-in-out infinite}.coin-drop-header:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:headerPulse 6s ease-in-out infinite}@keyframes headerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes headerGlow{0%,to{opacity:.4}50%{opacity:.9}}@keyframes headerPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.coin-drop-icon{font-size:48px;margin-bottom:12px;color:gold;animation:coinBounce 2s ease-in-out infinite;text-shadow:0 4px 8px rgba(255,215,0,.4);position:relative;z-index:2}@keyframes coinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coin-drop-title{font-size:1.8em;font-weight:800;color:gold;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px;animation:titlePulse 3s ease-in-out infinite;position:relative;z-index:2}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.coin-drop-subtitle{color:#ffffffe6;font-size:.95em;margin-bottom:0;font-weight:500;line-height:1.4;animation:subtitleFloat 4s ease-in-out infinite;position:relative;z-index:2}@keyframes subtitleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.coin-drop-form{display:flex;flex-direction:column;gap:15px;animation:formSlideIn 1s ease-out .3s both;align-items:center}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.amount-input-section{display:flex;flex-direction:column;gap:10px;margin-bottom:5px;animation:sectionFloat 7s ease-in-out infinite;align-items:center;width:100%;max-width:400px}@keyframes sectionFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.amount-input-section label{color:gold;font-weight:700;font-size:14px;text-align:center;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:labelGlow 5s ease-in-out infinite}@keyframes labelGlow{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.3)}50%{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 8px rgba(255,215,0,.4)}}.amount-input-wrapper{position:relative;display:flex;flex-direction:column;gap:10px;width:100%}#coin-drop-amount{width:100%;padding:14px;border:2px solid #FFD700;border-radius:10px;background:#ffffff14;color:#fff;font-size:15px;text-align:center;transition:all .3s ease;font-weight:600;box-shadow:inset 0 2px 4px #0003;animation:inputPulse 8s ease-in-out infinite}@keyframes inputPulse{0%,to{border-color:gold}50%{border-color:orange}}#coin-drop-amount:focus{outline:none;border-color:orange;box-shadow:0 0 20px #ffd70080,inset 0 2px 4px #0003;background:#ffffff1f;transform:scale(1.02);animation:none}.amount-slider{margin-top:15px;width:100%}#coin-drop-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#ffd7004d,#ffa5004d);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 2px 4px #0000004d}#coin-drop-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,gold,orange);cursor:pointer;box-shadow:0 4px 12px #ffd70080,0 0 0 2px #fff3;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}#coin-drop-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 16px #ffd700b3,0 0 0 3px #ffffff4d}#coin-drop-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,gold,orange);cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #ffd70080}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#fffc;font-weight:600}.coin-drop-preview{text-align:center;margin:20px 0}.preview-treasure-box{background:linear-gradient(135deg,#ffd70026,#ffa50026,#ffd70014);border:2px solid rgba(255,215,0,.5);border-radius:20px;padding:20px;margin:15px 0;animation:treasureBoxPulse 3s ease-in-out infinite;position:relative;overflow:hidden;box-shadow:0 8px 24px #ffd70033}.preview-treasure-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.15),transparent);animation:treasureShine 4s linear infinite}.preview-treasure-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.1) 0%,transparent 50%);animation:treasureGlow 6s ease-in-out infinite}@keyframes treasureShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes treasureGlow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes treasureBoxPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(1deg)}}.preview-icon{font-size:44px;color:gold;margin-bottom:10px;text-shadow:0 4px 8px rgba(255,215,0,.4);animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.preview-amount{font-size:1.8em;font-weight:800;color:gold;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview-label{color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.2px}.coin-drop-info{background:linear-gradient(135deg,#ffffff14,#ffffff0a,#ffffff0f);border-radius:16px;padding:18px;margin:20px 0;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 4px #0000001a;animation:infoFloat 9s ease-in-out infinite;position:relative;overflow:hidden;width:100%;max-width:400px}.coin-drop-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(255,215,0,.05) 50%,transparent 60%);animation:infoShine 7s linear infinite}@keyframes infoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes infoShine{0%{transform:translate(-50%)}to{transform:translate(50%)}}.info-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;padding:4px 0;animation:itemSlideIn .6s ease-out both;justify-content:center}.info-item:nth-child(1){animation-delay:.1s}.info-item:nth-child(2){animation-delay:.2s}.info-item:nth-child(3){animation-delay:.3s}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-item:last-child{margin-bottom:0}.info-icon{color:gold;font-size:16px;text-shadow:0 2px 4px rgba(255,215,0,.3);animation:iconSpin 10s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-text{color:#fffffff2;font-weight:500;line-height:1.3;animation:textGlow 8s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 5px rgba(255,255,255,.3)}}.coin-drop-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;animation:actionsSlideIn 1.2s ease-out .5s both;flex-wrap:wrap;width:100%}@keyframes actionsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-coin-drop-btn{background:linear-gradient(135deg,gold,orange,gold);color:#222;border:none;border-radius:12px;padding:14px 28px;font-weight:800;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ffd70066,inset 0 1px #ffffff4d;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;letter-spacing:.3px;animation:buttonPulse 4s ease-in-out infinite}.confirm-coin-drop-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.confirm-coin-drop-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:buttonGlow 6s ease-in-out infinite}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes buttonGlow{0%,to{opacity:.3}50%{opacity:.8}}.confirm-coin-drop-btn:hover:before{left:100%}.confirm-coin-drop-btn:hover{background:linear-gradient(135deg,orange,gold,orange);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ffd70080,inset 0 1px #fff6;animation:none}.confirm-coin-drop-btn:active{transform:translateY(0) scale(.98);box-shadow:0 4px 15px #ffd70066}.confirm-coin-drop-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.cancel-coin-drop-btn{background:linear-gradient(135deg,#666,#444,#666);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;letter-spacing:.2px}.cancel-coin-drop-btn:hover{background:linear-gradient(135deg,#777,#555,#777);transform:translateY(-1px);box-shadow:0 6px 16px #0006,inset 0 1px #fff3}@media (max-width: 600px){.coin-drop-modal-content{padding:15px;max-height:80vh}.coin-drop-header{padding:15px;margin-bottom:20px}.coin-drop-icon{font-size:36px}.coin-drop-title{font-size:1.4em}.coin-drop-subtitle{font-size:.9em}.coin-drop-form{gap:15px}.preview-treasure-box{padding:15px;margin:10px 0}.preview-icon{font-size:36px}.preview-amount{font-size:1.6em}.coin-drop-info{padding:15px;margin:15px 0}.info-item{font-size:12px;gap:8px;margin-bottom:8px}.info-icon{font-size:14px}.coin-drop-actions{flex-direction:column;gap:12px;margin-top:15px}.confirm-coin-drop-btn,.cancel-coin-drop-btn{width:100%;max-width:200px;padding:12px 24px;font-size:14px}.btn-icon{font-size:16px}}#viewer-list-panel{background:linear-gradient(135deg,#0f0f23,#1a1a2e);border:2px solid rgba(138,43,226,.4);box-shadow:0 12px 40px #8a2be24d,0 0 60px #8a2be21a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1400;pointer-events:auto}#viewer-list-panel .panel-content{max-height:50vh;overflow-y:auto;background:linear-gradient(135deg,#0f0f23f2,#1a1a2ee6);border-radius:0 0 12px 12px}#viewer-list-panel .panel-title{background:linear-gradient(135deg,#8a2be2,#9370db);border-bottom:2px solid rgba(138,43,226,.6);position:relative;overflow:hidden;padding:.6rem 1rem}#viewer-list-panel .panel-title h3{color:#fff;font-size:.9em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;z-index:1;letter-spacing:1px;text-transform:uppercase}.viewer-list-content{padding:1rem;max-height:60vh;overflow-y:auto}.viewer-list{display:flex;flex-direction:column;gap:.5rem}.viewer-loading,.viewer-list-empty{text-align:center;padding:2rem;color:#fff9;font-size:.9rem}.viewer-item{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;background:#141428e6;border-radius:10px;border:1px solid rgba(255,255,255,.06);position:relative;cursor:pointer;margin-bottom:.4rem;transition:background .2s ease,transform .15s ease;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.viewer-item:hover{background:#282846f2;transform:translateY(-1px);box-shadow:0 2px 6px #0006}.viewer-item-current{border-color:#8a2be280;background:#1e1432f2}.viewer-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8a2be2,#9370db);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #8a2be266;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;flex-shrink:0}.viewer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.viewer-item:hover .viewer-avatar{transform:scale(1.1);box-shadow:0 6px 16px #8a2be299;border-color:#ffffff80}.viewer-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.viewer-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.viewer-username{color:#fff;font-weight:600;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.viewer-level-badge{padding:.15rem .4rem;border-radius:6px;font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);border:2px solid #222;white-space:nowrap}.viewer-level-badge-default,.level-badge-default{background:linear-gradient(135deg,#6c757d,#495057)}.viewer-level-badge-bronze,.level-badge-bronze{background:linear-gradient(135deg,#cd7f32,#b8860b)}.viewer-level-badge-silver,.level-badge-silver{background:linear-gradient(135deg,silver,#a9a9a9)}.viewer-level-badge-gold,.level-badge-gold{background:linear-gradient(135deg,gold,#ffb347);color:#222}.viewer-xp-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative;margin-top:.2rem}.viewer-xp-fill{height:100%;background:linear-gradient(90deg,#8a2be2,#9370db);border-radius:2px;transition:width .3s ease;position:relative}.viewer-xp-text{font-size:9px;color:#ffffffb3;text-align:right;font-weight:500;margin-top:.1rem}#admin-gift-pages-panel{height:80vh;max-height:800px}.admin-gift-pages-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-gift-pages-header h2{margin:0;color:#fff;font-size:1.5em}.close-btn{background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:#ffffff1a}.admin-gift-pages-section,.admin-gifts-section{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-gift-pages-section h3,.admin-gifts-section h3{margin:0 0 15px;color:#fff;font-size:1.2em}.admin-gift-page-create{display:flex;gap:10px;margin-bottom:20px}.admin-input{flex:1;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px}.admin-input:focus{outline:none;border-color:var(--primary, #0fb3d1)}.admin-input-small{max-width:100px}.admin-btn{padding:10px 20px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.admin-btn:hover{background:#fff3}.admin-btn-primary{background:var(--primary, #0fb3d1)}.admin-btn-primary:hover{background:var(--secondary, #43cea2)}.admin-btn-small{padding:6px 12px;font-size:12px}.admin-btn-danger{background:#ff00004d}.admin-btn-danger:hover{background:#ff000080}.admin-gift-pages-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.admin-gift-page-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08;transition:background .2s}.admin-gift-page-item:hover{background:#ffffff0d}.admin-gift-page-item.selected{border-color:var(--primary, #0fb3d1);background:#0fb3d11a}.admin-gift-page-item.active{border-color:var(--secondary, #43cea2)}.admin-gift-page-info{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer}.admin-gift-page-name{color:#fff;font-weight:500}.admin-gift-page-active-badge{padding:4px 8px;background:var(--secondary, #43cea2);color:#000;border-radius:4px;font-size:10px;font-weight:700}.admin-gift-page-actions{display:flex;gap:5px}.admin-gift-page-edit{display:flex;gap:5px;width:100%}.admin-gift-page-edit .admin-input{flex:1}.admin-gifts-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;margin-top:15px}.admin-gift-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08}.admin-gift-info{flex:1;display:flex;align-items:center;gap:12px}.admin-gift-icon{font-size:24px}.admin-gift-details{display:flex;flex-direction:column;gap:4px}.admin-gift-name{color:#fff;font-weight:500}.admin-gift-meta{color:#fff9;font-size:12px}.admin-gift-action{color:#ffffff80;font-size:11px;font-family:monospace}.admin-gift-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05}.admin-gift-form-row,.admin-gift-form-actions{display:flex;gap:10px}.admin-gifts-empty{text-align:center;color:#ffffff80;padding:40px;font-style:italic}.gift-stream-left{position:absolute;left:0;top:40%;transform:translateY(-50%);width:260px;z-index:900;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.gift-stream-entry{background:linear-gradient(90deg,#ffe56b99,#ffd70099);color:#222;font-weight:700;border-radius:12px;padding:.6em 1.2em;box-shadow:0 2px 12px #0000001a;font-size:1.1em;opacity:0;transform:translate(0);animation:gift-slide-in .7s cubic-bezier(.4,2,.6,1) forwards;margin-left:20px;animation-fill-mode:forwards}.gift-stream-entry.fade-out{animation:gift-fade-out 1.5s linear forwards}@keyframes gift-slide-in{0%{transform:translate(-100%);opacity:.2}to{transform:translate(0);opacity:1}}@keyframes gift-fade-out{0%{opacity:1}to{opacity:0}}.gift-name{color:#e67e22;font-weight:700}.gift-counter{color:#ff2b5e;font-weight:700;margin-left:6px;font-size:1.1em;text-shadow:0 1px 2px #fff8}.tiktok-gift-entry{display:flex;flex-direction:row;align-items:center;background:linear-gradient(90deg,#f009,#00f9);border-radius:32px;box-shadow:0 4px 24px #0006,0 1.5px #fff1 inset;padding:.32em .9em .32em .6em;margin:.18em 0 .18em .4em;min-width:0;width:fit-content;gap:.55em;font-size:1em;opacity:0;transform:translate(0);animation:gift-slide-in .7s cubic-bezier(.4,2,.6,1) forwards;transition:all .2s ease;animation-fill-mode:forwards}.tiktok-gift-entry:hover{background:linear-gradient(90deg,#ff0000b3,#0000ffb3);box-shadow:0 6px 32px #0008,0 2px #fff2 inset;transform:translate(0) scale(1.02);cursor:pointer}.tiktok-gift-entry .profile-pic{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #222;background:#181818;margin-right:.38em;flex-shrink:0}.tiktok-gift-entry .username{font-weight:700;color:#fff;font-size:.97em;flex:1 1 auto}.tiktok-gift-entry .gift-icon-wrap{display:flex;align-items:center;background:#232323;border-radius:50%;padding:.22em;min-width:24px;min-height:24px;justify-content:center;margin-left:.2em;margin-right:.2em}.tiktok-gift-entry .gift-icon{width:18px;height:18px;border-radius:50%;object-fit:contain;background:#181818;display:flex;align-items:center;justify-content:center}.tiktok-gift-entry .gift-icon-wrap .gift-icon{font-size:18px;line-height:1}.tiktok-gift-entry .gift-name{color:#ffe56b;font-weight:600;font-size:.97em;margin-left:.32em;margin-right:.18em}.tiktok-gift-entry .gift-counter{color:#ff2b5e;font-weight:800;font-size:1.05em;margin-left:.18em;text-shadow:0 1px 3px rgba(0,0,0,.3)}.gift-level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;font-size:.75em;font-weight:700;padding:0 6px;margin-left:.2em;margin-right:.2em}.level-badge-default{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.level-badge-bronze{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.level-badge-silver{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.level-badge-gold{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#000}.level-badge-diamond{background:linear-gradient(135deg,#fa709a,#fee140);color:#000}.level-number{font-weight:800}#superchat-banner-container{position:absolute;top:1rem;left:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.superchat-banner{width:100%;max-width:500px;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 32px #ff5e6266,0 4px 20px #000c;animation:superchat-exciting 7s cubic-bezier(.68,-.55,.27,1.55) forwards;background:linear-gradient(135deg,#ff5e62,#f96,#ff5e62);background-size:200% 200%;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.superchat-banner-header{padding:.75rem 1rem;font-weight:800;font-size:1.1em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);background:linear-gradient(135deg,#fff3,#ffffff1a);border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:.5rem}.superchat-banner-header:before{content:"💬";font-size:1.2em;animation:superchat-icon-bounce 2s infinite}.superchat-banner-body{background:linear-gradient(135deg,#000000e6,#141414cc);padding:1rem;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8);border-top:1px solid rgba(255,255,255,.1)}@keyframes superchat-exciting{0%{transform:translateY(-100px) scale(.8);opacity:0}10%{transform:translateY(0) scale(1);opacity:1}90%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(.8);opacity:0}}@keyframes superchat-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.treasure-box-drop{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#8b4513cc,#654321cc);border:3px solid rgba(218,165,32,.9);border-radius:15px;cursor:pointer;z-index:600;display:flex;align-items:center;justify-content:center;font-size:24px;color:gold;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;animation:treasureBoxAppear .5s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(-50%,-50%);pointer-events:auto!important}.treasure-box-drop:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 25px #ffd7004d}.treasure-box-drop.collected{opacity:.6;cursor:not-allowed}.treasure-box-drop.collected:hover{transform:translate(-50%,-50%) scale(1)}@keyframes treasureBoxAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.treasure-timer{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000c;color:gold;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap;z-index:601}.treasure-box-content{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.treasure-icon{font-size:32px;margin-bottom:2px}.treasure-amount{font-size:14px;margin-top:2px;font-weight:700;color:gold}.treasure-label{font-size:10px;margin-top:2px;opacity:.8;color:#ffffffe6}.treasure-collected-badge{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#4caf50e6;color:#fff;padding:2px 6px;border-radius:8px;font-size:9px;font-weight:700;white-space:nowrap}.coin-collection-animation{position:fixed;color:gold;font-weight:700;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:1001;animation:coinFloatUp 1.5s ease-out forwards;transform:translate(-50%,-50%)}@keyframes coinFloatUp{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-80px) scale(1.2)}}@media (max-width: 600px){.treasure-box-drop{width:70px;height:70px}.treasure-icon{font-size:28px}.treasure-amount{font-size:12px}.treasure-label{font-size:9px}.treasure-timer{font-size:9px;padding:1px 6px;top:-22px}}#like-bar{position:relative;margin-top:8px;background:#0003;border-radius:12px;padding:3px 10px;display:flex;align-items:center;gap:4px;z-index:1000;box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;transform-origin:center;pointer-events:auto;min-width:160px;width:fit-content;height:24px}.like-bar-content{display:flex;align-items:center;gap:4px;color:#fff;font-family:Inter,sans-serif;position:relative;z-index:2}.like-icon{font-size:12px;animation:likePulse 2s ease-in-out infinite;margin-right:2px}.like-count{font-weight:700;font-size:12px;color:#ff6b9d;min-width:35px;text-align:right}.like-text{font-size:9px;opacity:.7;text-transform:uppercase;letter-spacing:.3px;margin-left:2px}.like-goal{font-size:11px;opacity:.6;color:gold;margin-left:6px;font-weight:600}.like-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#ff6b9d,orange,gold);border-radius:0 0 12px 12px;transition:width .5s ease;z-index:1;box-shadow:0 0 8px #ff6b9d66}@keyframes likePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes goalReached{0%{transform:scale(1);box-shadow:0 4px 15px #0000004d}25%{transform:scale(1.2);box-shadow:0 0 40px #ffd700e6}50%{transform:scale(1.1);box-shadow:0 0 50px #ffd700cc}75%{transform:scale(1.15);box-shadow:0 0 45px #ffd700d9}to{transform:scale(1);box-shadow:0 4px 15px #0000004d}}#like-bar.goal-reached{animation:goalReached 1s ease-out;background:#ffd70033;border-color:#ffd70080}@media (max-width: 768px){#like-bar{margin-top:6px;padding:2px 8px;min-width:140px;height:22px;gap:3px}.like-icon{font-size:11px}.like-count{font-size:11px;min-width:30px}.like-text{font-size:8px}.like-goal{font-size:10px;margin-left:4px}}#heart-animation-container{position:fixed;bottom:80px;left:0;right:0;height:60vh;pointer-events:none;z-index:999;overflow:hidden}.tiktok-heart{position:absolute;pointer-events:none;z-index:1000;font-size:20px;opacity:0;animation:tiktokHeartFloat 4s ease-out forwards;filter:drop-shadow(0 0 10px rgba(255,105,180,.5));-webkit-user-select:none;user-select:none}@keyframes tiktokHeartFloat{0%{opacity:0;transform:scale(.3) translateY(0) translate(0) rotate(0)}15%{opacity:1;transform:scale(1.2) translateY(-40px) translate(8px) rotate(5deg)}30%{opacity:.9;transform:scale(1) translateY(-80px) translate(-12px) rotate(-3deg)}50%{opacity:.7;transform:scale(.9) translateY(-140px) translate(18px) rotate(8deg)}70%{opacity:.5;transform:scale(.8) translateY(-200px) translate(-10px) rotate(-5deg)}85%{opacity:.3;transform:scale(.7) translateY(-260px) translate(15px) rotate(3deg)}to{opacity:0;transform:scale(.6) translateY(-320px) translate(-8px) rotate(-2deg)}}.like-animation{position:fixed;pointer-events:none;z-index:1001;font-size:24px;opacity:0;animation:likeFloat 1.5s ease-out forwards;-webkit-user-select:none;user-select:none}@keyframes likeFloat{0%{opacity:1;transform:scale(.5) translateY(0)}20%{opacity:1;transform:scale(1.2) translateY(-20px)}to{opacity:0;transform:scale(1) translateY(-60px)}}#live-feed{display:flex;flex-direction:column;height:100vh;background-color:#121212;max-width:var(--content-w, 480px);margin:0 auto;width:100vw;box-sizing:border-box;position:relative;padding:0;overflow:hidden;zoom:1;transform:scale(1);transform-origin:top center;contain:layout style paint;overscroll-behavior:none}@media (max-width: 600px){#live-feed{max-width:100vw!important;width:100vw!important;height:100vh!important;height:100dvh!important}}@media (min-width: 601px){#chat-messages-area{position:fixed!important;left:calc(50% - (var(--content-w, 540px)) / 2 + 12px)!important;transform:none!important;--chat-w: clamp(260px, 28vw, calc(var(--content-w, 540px) * .38));width:var(--chat-w)!important;max-width:var(--chat-w)!important;bottom:calc(var(--taskbar-h, 62px) + 12px)!important;margin:0!important;z-index:1300!important;box-sizing:border-box!important}}.live-info{position:absolute;top:calc(10px + env(safe-area-inset-top));left:15px;right:15px;z-index:500;text-shadow:0 2px 8px #000c;pointer-events:auto;pointer-events:none}.live-info *{pointer-events:auto}.live-info h1{font-size:1.3em;margin:0 0 5px;opacity:.9;color:#fff;font-family:Inter,sans-serif;font-weight:700}.live-info p{font-size:.9em;margin:0;opacity:.7;color:#fff;pointer-events:auto;font-family:Inter,sans-serif}.viewer-count{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:6px;background:#00000026;border-radius:20px;padding:8px 12px;z-index:502;pointer-events:auto;border:1px solid rgba(255,255,255,.03);box-shadow:0 2px 8px #0000000d}.viewer-icon{font-size:16px;opacity:.9}.viewer-number{color:#fff;font-weight:600;font-size:14px;font-family:Inter,sans-serif}#stream-container{position:absolute;top:0;left:0;contain:layout style paint;right:0;bottom:0;width:100%;height:100%;overflow:hidden;display:block!important;visibility:visible!important;opacity:1!important;z-index:1!important}.stream-header{position:absolute;top:60px;left:15px;right:15px;display:flex;align-items:center;gap:10px;z-index:501;text-shadow:0 2px 8px #000c}.stream-status{font-size:.9em;font-weight:700;color:#ff5252;font-family:Inter,sans-serif}.stream-title{font-size:1em;color:#fff;opacity:.9;font-family:Inter,sans-serif;font-weight:600}.stream-video-container{position:absolute;top:0;left:50%;transform:translate(-50%);bottom:env(safe-area-inset-bottom);width:100%;max-width:var(--content-w, 540px);background:#000;border-radius:0;touch-action:none;z-index:1;pointer-events:none;overflow:hidden}@media (min-width: 601px){.stream-video-container{bottom:0;height:100%;max-height:100%;max-width:min(100vw,var(--content-w, 540px))}}@media (max-width: 600px){.stream-video-container{left:0;transform:none;width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important}.stream-video-container.portrait-mode{aspect-ratio:9 / 16;width:100vw!important;max-width:100vw!important}.stream-video-container.portrait-mode .direct-stream-container{width:100%!important;height:100%!important}.stream-video-container.portrait-mode .direct-stream-container video{width:100vh!important;height:100vw!important;max-width:100vh!important;max-height:100vw!important;min-width:100vh!important;min-height:100vw!important;object-fit:cover!important}}.stream-video-container.portrait-mode{aspect-ratio:9 / 16}.stream-video-container.portrait-mode .direct-stream-container{position:relative;border-radius:0}.stream-video-container.portrait-mode .direct-stream-container video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;object-fit:cover!important}.stream-placeholder{color:#ffffff80;font-size:1.2em;font-family:Inter,sans-serif;text-align:center}.logout-button-stream{position:absolute;bottom:20px;right:20px;padding:12px 24px;background:#d32f2fcc;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;z-index:503;transition:all .3s ease}.logout-button-stream:hover{background:#d32f2f;transform:scale(1.05)}.join-notification{position:absolute;top:50%;left:30px;transform:translate(-100%,-50%);background:linear-gradient(135deg,#4caf50e6,#8bc34acc);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;z-index:150;opacity:0;transform:translate(-100%,-50%) translateY(20px);transition:all .3s ease;pointer-events:none}.join-notification.show{opacity:1;transform:translateY(-50%) translateY(0)}.join-notification.fade-out{opacity:0;transform:translate(-100%,-50%) translateY(-20px)}#join-notification-text{display:flex;align-items:center;gap:6px}#join-notification-text:before{content:"👋";font-size:14px}@media (max-width: 600px){.join-notification{left:20px;font-size:11px;padding:6px 14px}}#offline-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f23f2,#1a1a2ee6);display:flex;align-items:center;justify-content:center;z-index:50!important;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;pointer-events:auto!important}.offline-content{text-align:center;max-width:400px;padding:2rem;background:#0006;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:none;animation:none}.offline-icon{font-size:4rem;margin-bottom:1rem;animation:none;display:block}.offline-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.offline-subtitle{font-size:1.1rem;color:#fffc;margin-bottom:2rem;font-weight:500}.offline-cta{margin-top:1.5rem}.offline-cta p{color:#ffffffb3;font-size:.9rem;font-style:normal;animation:none}@media (max-width: 600px){.offline-content{padding:1.5rem;max-width:95%;margin:1rem}.offline-title{font-size:1.5rem;margin-bottom:.5rem}.offline-subtitle{font-size:.9rem;margin-bottom:1.5rem}.offline-icon{font-size:2.5rem;margin-bottom:1rem}.offline-cta p{font-size:.85rem}}@supports (-webkit-touch-callout: none){#live-feed{height:-webkit-fill-available;min-height:-webkit-fill-available}.stream-video-container{height:-webkit-fill-available!important;min-height:-webkit-fill-available!important}.stream-video-container.portrait-mode .direct-stream-container{width:100%!important;height:100%!important}.stream-video-container.portrait-mode .direct-stream-container video{width:100vh!important;height:100vw!important;min-width:100vh!important;min-height:100vw!important;max-width:100vh!important;max-height:100vw!important}}.login-container{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-main);position:relative;overflow:hidden}.login-background-stream{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;z-index:0;pointer-events:none;overflow:hidden;filter:blur(8px) brightness(.4);will-change:transform;transform:translateZ(0);background:var(--bg-main, #0a0a0a)}.login-background-stream *{pointer-events:none!important;visibility:visible!important;opacity:1!important}.login-background-stream .direct-stream-container{position:relative;border-radius:0}.login-background-stream .direct-stream-container video:not(.portrait-mode video),.login-background-stream video:not(.portrait-mode video){width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;visibility:visible!important}.login-background-stream .stream-video-container:not(.portrait-mode) .direct-stream-container video,.login-background-stream .stream-video-container:not(.portrait-mode) video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;visibility:visible!important}.login-card{background:#1e1e1ef2;border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 30px #ffffff1a,inset 0 1px #fff3;max-width:380px;width:90vw;margin:0 auto;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.2em;z-index:1500;align-items:center;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;pointer-events:auto}.login-title{margin-top:0;margin-bottom:1.5rem;font-family:Orbitron,Arial Black,sans-serif;font-size:1.8em;font-weight:800;background:linear-gradient(45deg,gold,orange,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,215,0,.3);letter-spacing:1px;text-align:center;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:1.2em;width:100%}.success-message{padding:12px 16px;background:#4caf5033;color:#4caf50;border-radius:8px;font-size:.9em;text-align:center;border:1px solid rgba(76,175,80,.4)}.login-footer{margin-top:.5em;text-align:center;font-size:.95em;color:#fffc;width:100%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.register-container{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-main);position:relative;overflow:hidden}.login-background-stream{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;z-index:0;pointer-events:none;overflow:hidden;filter:blur(8px) brightness(.4);will-change:transform;transform:translateZ(0)}.login-background-stream #live-feed{width:100vw;height:100dvh;max-width:var(--content-w, 540px);margin:0 auto;position:relative;display:flex;flex-direction:column;transform:none;scale:1}.login-background-stream *,.login-background-stream #taskbar,.login-background-stream .taskbar-item,.login-background-stream .chat-input-container{pointer-events:none!important}.login-background-stream #live-feed,.login-background-stream #stream-container,.login-background-stream .stream-video-container{width:100%;height:100%;object-fit:contain}.login-background-stream .stream-video-container.portrait-mode{aspect-ratio:9 / 16!important}.login-background-stream .stream-video-container.portrait-mode .direct-stream-container{position:relative!important;border-radius:0!important}.login-background-stream .stream-video-container.portrait-mode .direct-stream-container video,.login-background-stream .stream-video-container.portrait-mode video{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(-90deg)!important;transform-origin:center center!important;object-fit:cover!important}.register-card{background:#1e1e1ef2;border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 30px #ffffff1a,inset 0 1px #fff3;max-width:380px;width:90vw;margin:0 auto;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.2em;z-index:1500;align-items:center;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;pointer-events:auto}.register-title{margin-top:0;font-family:Orbitron,Arial Black,sans-serif;font-size:1.8em;font-weight:800;background:linear-gradient(45deg,gold,orange,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,215,0,.3);letter-spacing:1px;text-align:center}.register-subtitle{font-size:.95em;color:#ffffffb3;text-align:center;margin-bottom:.5em}.register-form{display:flex;flex-direction:column;gap:1.2em;width:100%}.form-group{display:flex;flex-direction:column;gap:.5em;width:100%}.form-group input{border:2px solid rgba(255,255,255,.2);background:#0006;color:#fff;border-radius:12px;font-size:1.1em;padding:1em 1.2em;outline:none;transition:all .3s ease;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,sans-serif;font-weight:500;box-sizing:border-box}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{border:2px solid #FFD700;box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d;background:#00000080;transform:scale(1.02)}.form-group input:focus,.form-group input:active{border-color:gold;box-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066}.submit-button{background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:12px;font-weight:800;padding:1.2em 0;font-size:1.1em;cursor:pointer;width:100%;transition:all .3s ease;font-family:Orbitron,Arial Black,sans-serif;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #ffd70066,0 0 25px #ffd7004d;margin-top:.5em;text-transform:uppercase}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,orange,gold);transform:scale(1.05);box-shadow:0 6px 20px #ffd70066,0 0 30px #ffd7004d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{padding:12px 16px;background:#d32f2f33;color:#ff5252;border-radius:8px;font-size:.9em;text-align:center;border:1px solid rgba(211,47,47,.4)}.register-footer{margin-top:.5em;text-align:center;font-size:.95em;color:#fffc;width:100%}.switch-link{color:#fffc;cursor:pointer;text-align:center;font-size:.95em;font-family:Inter,sans-serif;font-weight:500;transition:all .3s ease}.link{color:#ffffffe6;cursor:pointer;text-decoration:underline;text-decoration-color:#fff6;transition:all .3s ease;font-family:Inter,sans-serif;font-weight:500}.link:hover{color:#fff;text-decoration-color:#ffffffb3}.form-hint{font-size:.75em;color:#ffffff80;margin-top:4px;font-family:Inter,sans-serif}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#1a1a1a}.admin-login-box{background:#333;padding:40px;border-radius:20px;box-shadow:0 0 20px #00000080;width:100%;max-width:400px;text-align:center}.admin-login-box h1{margin:0 0 30px;color:#fff}.admin-login-box input{width:100%;padding:12px;margin:10px 0;border:1px solid #555;border-radius:10px;background-color:#444;color:#fff;font-size:16px;box-sizing:border-box}.admin-login-box button{width:100%;padding:12px;border:none;border-radius:10px;background-color:#0fb3d1;color:#fff;font-size:18px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.admin-login-box button:hover{background-color:#43cea2}.admin-back-btn{margin-top:15px;background-color:#666!important}.admin-back-btn:hover{background-color:#777!important}.admin-error{color:#f44336;margin-top:10px;font-size:14px}.admin-page-container{width:100%;margin:0;padding:0;background:#1a1a1a;min-height:100vh;color:#fff}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #333;background:#222;position:sticky;top:0;z-index:100}.admin-header h1{margin:0;color:#0fb3d1}.admin-logout-btn{background-color:#f44336!important;padding:10px 20px}.admin-logout-btn:hover{background-color:#d32f2f!important}.admin-main-layout{display:flex;height:calc(100vh - 80px);overflow:hidden}.admin-sidebar{width:350px;min-width:350px;background:#222;border-right:2px solid #333;overflow-y:auto;padding:20px}.admin-content{flex:1;overflow-y:auto;padding:20px 30px}.admin-section{background:linear-gradient(135deg,#2a2a2a,#333);padding:25px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 6px #0000004d;border:1px solid rgba(255,255,255,.05)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-section-header h2{margin:0}.admin-section h2{margin-top:0;margin-bottom:20px;color:#0fb3d1;font-size:1.5em;border-bottom:2px solid rgba(15,179,209,.3);padding-bottom:12px;display:flex;align-items:center;gap:10px}.admin-section h3{color:#43cea2;margin-top:0;margin-bottom:15px;font-size:1.2em}.admin-create-section{margin-bottom:20px}.admin-btn-primary{background-color:#0fb3d1;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.admin-btn-primary:hover{background-color:#43cea2}.admin-btn{background-color:#666;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.admin-btn:hover{background-color:#777}.admin-btn-small{padding:6px 12px;font-size:12px;margin:0 3px}.admin-btn-danger{background-color:#f44336}.admin-btn-danger:hover{background-color:#d32f2f}.admin-pages-list{display:flex;flex-direction:column;gap:10px}.admin-page-item{background:#444;padding:15px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.admin-page-item:hover{background:#4a4a4a}.admin-page-item.active{border:2px solid #43cea2}.admin-page-item.selected{border:2px solid #0fb3d1}.admin-page-info{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer}.admin-page-name{font-weight:500;font-size:16px}.admin-active-badge{padding:4px 8px;background:#43cea2;color:#000;border-radius:4px;font-size:10px;font-weight:700}.admin-page-actions{display:flex;gap:5px}.admin-gift-form{background:linear-gradient(135deg,#3a3a3a,#444);padding:25px;border-radius:10px;margin-bottom:25px;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.08)}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.admin-icon-input-group{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.admin-icon-input-group input{flex:1;min-width:150px}.admin-upload-btn{padding:6px 12px;background-color:#0fb3d1;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease;display:inline-block}.admin-upload-btn:hover{background-color:#43cea2}.admin-upload-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-clear{min-width:30px;padding:6px 8px!important;background-color:#666!important}.admin-icon-preview{width:100%;margin-top:5px;padding:5px;background:#555;border-radius:5px;display:flex;align-items:center;justify-content:center;min-height:40px}.admin-icon-preview img{max-width:40px;max-height:40px;object-fit:contain}.admin-icon-preview span{font-size:24px}.admin-form-actions{display:flex;gap:10px;margin-top:10px}.admin-gift-form input{width:100%;padding:12px 15px;margin:5px 0;border:2px solid #555;border-radius:8px;background-color:#2a2a2a;color:#fff;font-size:14px;box-sizing:border-box;transition:all .3s ease}.admin-gift-form input:focus{outline:none;border-color:#0fb3d1;background-color:#333;box-shadow:0 0 0 3px #0fb3d11a}.admin-gift-form input::placeholder{color:#888}.admin-sort-controls{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px;background:#2a2a2a;border-radius:8px}.admin-sort-label{color:#aaa;font-size:14px;font-weight:500}.admin-btn-active{background-color:#0fb3d1!important;color:#fff!important}.admin-gifts-list{display:flex;flex-direction:column;gap:8px}.admin-gift-item{background:linear-gradient(135deg,#3a3a3a,#444);padding:15px 18px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border:2px solid transparent;cursor:default;box-shadow:0 2px 4px #0003}.admin-gift-item[draggable=true]{cursor:move}.admin-gift-item:hover{background:#4a4a4a;border-color:#0fb3d14d}.admin-gift-item.admin-gift-dragging{opacity:.5;border-color:#0fb3d1}.admin-gift-drag-handle{color:#888;font-size:18px;cursor:grab;margin-right:10px;-webkit-user-select:none;user-select:none;line-height:1}.admin-gift-drag-handle:active{cursor:grabbing}.admin-gift-info{flex:1;display:flex;align-items:center;gap:15px;min-width:0}.admin-gift-icon{font-size:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px}.admin-gift-icon img{max-width:40px;max-height:40px;object-fit:contain}.admin-gift-details{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.admin-gift-name{font-weight:600;font-size:16px;color:#fff}.admin-gift-meta{font-size:13px;color:#bbb;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-gift-cost{color:gold;font-weight:600}.admin-gift-xp{color:#43cea2;font-weight:500}.admin-gift-action{color:#0fb3d1;font-weight:500}.admin-gift-separator{color:#666}.admin-gift-actions{display:flex;gap:5px}.admin-empty{text-align:center;color:#888;padding:40px;font-style:italic}.admin-status{background:#4caf50;color:#fff;padding:10px;border-radius:5px;margin:10px 0;text-align:center}.admin-error{background:#f44336;color:#fff;padding:10px;border-radius:5px;margin:10px 0;text-align:center}.console-login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#1a1a1a;color:#fff}.console-login-box{background:#2a2a2a;padding:40px;border-radius:10px;box-shadow:0 4px 20px #00000080;text-align:center;min-width:300px}.console-login-box h1{margin-bottom:30px;color:#fff}.console-login-box input{width:100%;padding:12px;margin-bottom:15px;background:#1a1a1a;border:1px solid #444;border-radius:5px;color:#fff;font-size:16px;box-sizing:border-box}.console-login-box input:focus{outline:none;border-color:#667eea}.console-login-box button{width:100%;padding:12px;background:#667eea;border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;margin-bottom:10px}.console-login-box button:hover{background:#5568d3}.console-error{color:#f44336;margin:10px 0;font-size:14px}.console-back-btn{background:#555!important}.console-back-btn:hover{background:#666!important}.console-page{min-height:100vh;background:#1a1a1a;color:#fff;padding:20px;font-family:Courier New,monospace}.console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #333;flex-wrap:wrap;gap:15px}.console-header h1{margin:0;font-size:28px;color:#fff}.console-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.console-filter{padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;min-width:200px}.console-filter:focus{outline:none;border-color:#667eea}.console-autoscroll{display:flex;align-items:center;gap:5px;color:#aaa;font-size:14px;cursor:pointer}.console-autoscroll input[type=checkbox]{cursor:pointer}.console-btn{padding:8px 16px;background:#667eea;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.console-btn:hover{background:#5568d3}.console-btn-danger{background:#f44336}.console-btn-danger:hover{background:#d32f2f}.console-btn-logout{background:#666;margin-right:10px}.console-btn-logout:hover{background:#777}.console-logs{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:15px;max-height:calc(100vh - 150px);overflow-y:auto;font-size:13px;line-height:1.6}.console-log-line{padding:4px 0;border-bottom:1px solid #1a1a1a;display:flex;gap:15px;word-break:break-word}.console-log-line:last-child{border-bottom:none}.console-timestamp{color:#666;min-width:180px;flex-shrink:0;font-size:12px}.console-message{flex:1}.console-log-payment{background:#4caf501a;padding:2px 4px;border-radius:3px}.console-log-admin{background:#ff98001a;padding:2px 4px;border-radius:3px}.console-log-gift{background:#9c27b01a;padding:2px 4px;border-radius:3px}.console-log-treasure{background:#ffd7001a;padding:2px 4px;border-radius:3px}.console-log-error{background:#f443361a;padding:2px 4px;border-radius:3px}.console-empty{text-align:center;color:#666;padding:40px;font-size:16px}.console-logs::-webkit-scrollbar{width:8px}.console-logs::-webkit-scrollbar-track{background:#1a1a1a}.console-logs::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.console-logs::-webkit-scrollbar-thumb:hover{background:#555}.app-container{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:var(--bg-main);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}:root{--bg-main: #121212;--bg-panel: #1c1c1e;--bg-panel-light: #2c2c2e;--primary: #0fb3d1;--secondary: #9fd6f9;--taskbar: #1b1f25ee;--coin: #ffe56b;--pink: #ff2b5e;--taskbar-h: 62px;--content-w: 540px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100dvh;width:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg-main);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-touch-action:manipulation;touch-action:manipulation;position:fixed;top:0;left:0;right:0;bottom:0;zoom:1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}#root{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;zoom:1;transform:scale(1);transform-origin:center center}