@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-color: #6c5ce7;--secondary-color: #a29bfe;--accent-color: #fd79a8;--bg-dark: #0c0c1d;--bg-card: #1a1a2e;--bg-input: #16213e;--text-primary: #ffffff;--text-secondary: #b2b2cc;--border-color: #2d2d5e;--success-color: #00b894;--error-color: #d63031;--glow-primary: rgba(108, 92, 231, .5);--glow-accent: rgba(253, 121, 168, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-dark) 0%,#16213e 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.app-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-orb{position:absolute;background:radial-gradient(circle,rgba(108,92,231,.6),transparent);border-radius:50%}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(108,92,231,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(253,121,168,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(162,155,254,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.auth-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;width:100%;max-width:440px;box-shadow:0 25px 70px #0009,0 0 50px var(--glow-primary);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{text-align:center;margin-bottom:2rem}.logo-icon{font-size:4.5rem;margin-bottom:.8rem;display:block;filter:drop-shadow(0 0 15px var(--glow-primary))}.logo h1{font-family:MedievalSharp,cursive;font-size:2.5rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:1px}.logo-subtitle{color:var(--text-secondary);font-size:.95rem;font-style:italic;margin-top:.3rem}.logo p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--bg-input);padding:.4rem;border-radius:12px}.auth-tab{flex:1;padding:.9rem;border:none;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-radius:10px;transition:all .3s ease;font-family:Roboto,sans-serif}.auth-tab:hover{color:var(--text-primary);background:#6c5ce71a}.auth-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 15px var(--glow-primary)}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:var(--text-secondary);font-weight:400;padding-left:.3rem}.form-group input{padding:1rem 1.2rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:Roboto,sans-serif;transition:all .3s ease;outline:none}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--glow-primary);background:#16213ecc}.btn-primary{padding:1.1rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif;margin-top:.5rem;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--glow-primary)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-message{padding:1rem;border-radius:10px;font-size:.95rem;text-align:center;animation:fadeIn .3s ease}.auth-message.error{background:#d6303126;border:1px solid rgba(214,48,49,.3);color:#ff7675}.auth-message.success{background:#2ecc7126;border-color:#2ecc7166;color:#2ecc71}.features{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.features h3{text-align:center;color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;font-weight:600}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#6c5ce714;border:1px solid rgba(108,92,231,.2);border-radius:12px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:default;transition:all .3s ease}.feature-item:hover{background:#6c5ce726;border-color:#6c5ce766;box-shadow:0 4px 12px #6c5ce733}.feature-item span{flex:1}.app-footer{margin-top:2rem;text-align:center;z-index:1;position:relative}.app-footer p{color:var(--text-secondary);font-size:.9rem;font-style:italic}.game-screen{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.game-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000004d}.game-header-left{display:flex;align-items:center;gap:1rem}.game-header-left .logo-icon{margin:0;animation:none}.game-header-left .logo-icon svg{color:var(--accent-color);filter:drop-shadow(0 0 10px var(--glow-accent))}.game-header-right{display:flex;align-items:center;gap:1.5rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;position:relative;transition:all .3s ease}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 15px var(--glow-primary)}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-edit-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-dark);color:#fff}.user-name{font-weight:600;color:var(--text-primary)}.user-level{padding:.3rem .8rem;background:#f1c40f26;border:1px solid rgba(241,196,15,.3);border-radius:20px;font-size:.85rem;font-weight:600;color:#f1c40f}.user-name{font-weight:500;font-size:1rem}.btn-logout{padding:.6rem 1.2rem;border:2px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif}.btn-logout svg{vertical-align:middle}.game-content-empty{text-align:center;color:var(--text-secondary)}.game-content-empty .icon{margin-bottom:1.5rem;opacity:.5}.game-content-empty .icon svg{color:var(--secondary-color);filter:drop-shadow(0 0 15px var(--glow-primary))}.game-content-empty h3{font-size:1.8rem;margin-bottom:.8rem;color:var(--text-primary)}.game-content-empty p{font-size:1.1rem;font-weight:300}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--secondary-color);border-radius:50%;opacity:.3;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(720deg);opacity:0}}@media (max-width: 768px){.auth-container{padding:2rem;margin:1rem}.logo h1{font-size:1.8rem}.game-header{padding:1rem;flex-direction:column;gap:1rem}.game-header-right{width:100%;justify-content:space-between}}.character-creation{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.creation-container{background:#1a1a2eb3;border:1px solid var(--border-color);border-radius:24px;padding:2rem;width:100%;max-width:1200px;box-shadow:0 20px 60px #00000080;position:relative;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.creation-header{text-align:center;margin-bottom:2rem}.creation-header h1{font-family:MedievalSharp,cursive;font-size:2rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.creation-header p{color:var(--text-secondary);font-size:1rem;font-weight:300}.creation-body{display:flex;flex-direction:row;gap:2rem;max-width:900px;margin:0 auto}.creation-preview-panel{flex:1;max-width:400px;min-height:500px;aspect-ratio:2/3;background:#1a1a2e99;border:1px solid var(--border-color);border-radius:16px;padding:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;position:relative;overflow:hidden}.creation-preview-bg-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px;z-index:0}.creation-preview-bg{width:100%;height:100%;object-fit:cover;opacity:.3;z-index:0}.creation-settings-panel{display:flex;flex-direction:column;gap:1.5rem;flex:0 0 320px}.settings-section{display:flex;flex-direction:column;gap:.6rem}.settings-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.settings-label svg{color:var(--primary-color)}.name-input-wrap{position:relative;display:flex;align-items:center}.name-input-wrap input{padding-right:100px}.name-available,.name-taken{position:absolute;right:10px;display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:8px;white-space:nowrap}.name-available{color:#2ecc71;background:#2ecc711a;border:1px solid rgba(46,204,113,.3)}.name-taken{color:#e74c3c;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3)}.creation-input{padding:.9rem 1rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;outline:none;transition:all .3s ease;font-family:Roboto,sans-serif}.creation-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--glow-primary)}.gender-selector{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.gender-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-input);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif}.gender-btn.active{border-color:var(--primary-color);color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 4px 15px var(--glow-primary)}.hairstyle-selector{display:flex;gap:.6rem;flex-wrap:wrap}.hairstyle-btn{width:52px;height:52px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hairstyle-btn:hover{border-color:#6c5ce780}.hairstyle-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 15px var(--glow-primary)}.hairstyle-btn-num{font-size:1.1rem;font-weight:700}.slot-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.slot-tab{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .5rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-input);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif;position:relative}.slot-tab span{font-size:.7rem}.slot-tab:hover{border-color:var(--secondary-color);color:var(--text-primary)}.slot-tab.active{border-color:var(--primary-color);color:#fff;background:#6c5ce733;box-shadow:0 0 10px var(--glow-primary)}.slot-tab.equipped{border-color:var(--success-color)}.slot-tab.equipped .check-icon{position:absolute;top:4px;right:4px;color:var(--success-color)}.armor-options{display:flex;flex-direction:column;gap:.5rem}.armor-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-input);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif;text-align:left}.armor-option:hover{border-color:var(--secondary-color);color:var(--text-primary)}.armor-option.selected{border-color:var(--success-color);color:var(--success-color);background:#00b8941a}.armor-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-armor{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:.5rem 0}.creation-error{padding:.9rem;border-radius:10px;background:#d6303126;border:1px solid rgba(214,48,49,.3);color:#ff7675;font-size:.9rem;text-align:center}.create-btn{padding:1.1rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif}.create-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--glow-primary)}.create-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.auth-container{padding:1.5rem}.logo h1{font-size:1.5rem}.logo-icon{font-size:3rem}}@media (max-width: 900px){.creation-container{padding:1.5rem}}.game-screen{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:linear-gradient(180deg,#1a1a2efa,#141428f2);border-bottom:2px solid var(--border-color);gap:1rem;flex-wrap:wrap}.game-header-left h2{font-family:MedievalSharp,cursive;font-size:1.5rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-header-stats{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;flex-wrap:nowrap}.level-exp-block{display:flex;flex-direction:column;padding:.5rem .85rem;background:linear-gradient(135deg,#6c5ce726,#0f0f1ef2);border:1px solid rgba(108,92,231,.4);border-radius:12px;box-shadow:0 3px 12px #0000004d,0 0 15px #6c5ce726,inset 0 1px #ffffff0d;transition:all .25s ease;min-width:180px;position:relative;overflow:hidden}.level-exp-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(108,92,231,.8),transparent)}.level-exp-block:hover{border-color:#6c5ce7b3;transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 20px #6c5ce74d,inset 0 1px #ffffff14}.level-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.level-badge{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:linear-gradient(135deg,#f1c40f40,#f1c40f1a);border:1px solid rgba(241,196,15,.5);border-radius:8px;box-shadow:0 0 10px #f1c40f33;flex-shrink:0}.level-number{font-size:1.1rem;font-weight:800;color:#f1c40f;text-shadow:0 0 8px rgba(241,196,15,.4)}.exp-info{display:flex;flex-direction:column;gap:.2rem;flex:1}.exp-header{display:flex;align-items:center;gap:.3rem}.exp-label{font-size:.68rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.exp-values{display:flex;align-items:baseline;gap:.25rem}.exp-current{font-size:.95rem;font-weight:700;color:#fff}.exp-separator{font-size:.8rem;color:#fff6;font-weight:300}.exp-max{font-size:.75rem;color:var(--text-secondary);font-weight:500}.exp-progress-track{width:100%;height:5px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.exp-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;transition:width .5s ease;position:relative;box-shadow:0 0 8px #667eea99}.exp-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.stats-block{display:flex;flex-direction:column;padding:.2rem .85rem;background:linear-gradient(135deg,#6c5ce726,#0f0f1ef2);border:1px solid rgba(108,92,231,.4);border-radius:12px;box-shadow:0 3px 12px #0000004d,0 0 15px #6c5ce726,inset 0 1px #ffffff0d;transition:all .25s ease;min-width:180px;height:64px;position:relative;overflow:hidden}.stats-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(108,92,231,.8),transparent)}.stats-block:hover{border-color:#6c5ce7b3;transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 20px #6c5ce74d,inset 0 1px #ffffff14}.stats-row{display:flex;gap:.3rem;margin-bottom:0;flex:1;align-items:center}.stats-block .stat-item{display:flex;align-items:center;justify-content:center;gap:.25rem;flex:1 1 0;min-width:0;height:48px;padding:0;background:transparent;border:none;border-radius:0;width:100px}.stats-block .stat-item svg{flex-shrink:0;width:14px;height:14px;opacity:.85}.stats-block .stat-value{font-size:.85rem;font-weight:700;line-height:1;white-space:nowrap}.stats-block .energy-info{display:flex;align-items:baseline;gap:.1rem;white-space:nowrap}.stats-block .energy-max{font-size:.55rem;color:#f39c12;font-weight:500;opacity:.85;white-space:nowrap}.stats-block .energy-timer{font-size:.5rem;color:#f39c12;font-weight:600;white-space:nowrap;margin-left:.1rem}.stats-labels{display:flex;gap:.5rem;font-size:.55rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.stats-labels span{flex:1;text-align:center}.stats-block .mastery-item .stat-value,.stats-block .mastery-item svg{color:#2ecc71}.stats-block .power-item .stat-value,.stats-block .power-item svg{color:#e74c3c}.stats-block .energy-item .stat-value,.stats-block .energy-item svg{color:#f39c12}.currency-block{display:flex;flex-direction:column;padding:.2rem .85rem;background:linear-gradient(135deg,#6c5ce726,#0f0f1ef2);border:1px solid rgba(108,92,231,.4);border-radius:12px;box-shadow:0 3px 12px #0000004d,0 0 15px #6c5ce726,inset 0 1px #ffffff0d;transition:all .25s ease;min-width:180px;height:64px;position:relative;overflow:hidden}.currency-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(108,92,231,.8),transparent)}.currency-block:hover{border-color:#6c5ce7b3;transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 0 20px #6c5ce74d,inset 0 1px #ffffff14}.currency-row{display:flex;gap:.3rem;margin-bottom:0;flex:1;align-items:center}.currency-item{display:flex;align-items:center;justify-content:center;gap:.3rem;flex:1 1 0;min-width:0;height:48px;padding:0 .4rem}.currency-value{font-size:.9rem;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.currency-item svg,.currency-item .currency-icon{flex-shrink:0;width:16px;height:16px;opacity:.85}.currency-value{font-size:.9rem;font-weight:700;line-height:1}.gold-currency .currency-value{color:#f1c40f}.gold-currency svg{color:#f1c40f}.silver-currency .currency-value,.silver-currency .currency-icon{color:#dfe4e8}.platinum-currency .currency-value{color:#b980e0}.platinum-currency svg{color:#b980e0}.currency-labels{display:flex;gap:.5rem;font-size:.55rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.currency-labels span{flex:1;text-align:center}.game-header-right{display:flex;align-items:center;gap:1rem}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#e74c3c40;box-shadow:0 2px 8px #e74c3c4d}.game-header-left{display:flex;align-items:center;gap:.8rem}.game-header-left h2{font-family:MedievalSharp,cursive;font-size:1.4rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-header-right{display:flex;align-items:center;gap:1.2rem}.user-info{display:flex;align-items:center;gap:.8rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center}.user-avatar svg{color:#fff}.user-name{font-weight:600;font-size:.95rem}.user-level{background:#f1c40f33;color:#f1c40f;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid rgba(241,196,15,.3)}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif}.btn-logout:hover{border-color:var(--error-color);color:var(--error-color);background:#d630311a}.game-content{flex:1;display:grid;grid-template-columns:minmax(220px,260px) 1fr minmax(220px,260px);gap:1rem;padding:1rem;overflow:hidden}.model-icons-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;padding:1.2rem;background:#1a1a2ecc;border:1px solid var(--border-color);border-radius:16px;width:auto;margin:0 auto}.actions-container{display:flex;justify-content:center;align-items:center}.stat-block{background:var(--bg-input);border:1px solid var(--border-color);border-left:4px solid var(--stat-color);border-radius:12px;padding:1rem;transition:all .3s ease}.stat-block:hover{background:#6c5ce714;box-shadow:0 4px 12px #0003}.stat-header{display:flex;align-items:center;gap:.5rem;color:var(--stat-color);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.stat-value{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.stat-progress{height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden}.stat-progress-bar{height:100%;background:var(--stat-color);border-radius:3px;transition:width .5s ease}.stat-timer{font-size:.75rem;color:var(--text-secondary);margin-top:.3rem}.stat-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-header svg{color:var(--stat-color)}.stat-value{font-size:1.2rem;font-weight:700;color:var(--stat-color)}.stat-progress{margin-top:.5rem;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stat-progress-bar{height:100%;background:linear-gradient(90deg,var(--stat-color),transparent);border-radius:3px;transition:width .5s ease}.stat-timer{font-size:.7rem;color:var(--text-secondary);margin-top:.3rem;font-variant-numeric:tabular-nums;text-align:right}.currencies-block{display:flex;gap:.8rem;background:#0c0c1d99;border:1px solid var(--border-color);border-radius:12px;padding:.8rem}.currency{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:#ffffff0d;border-radius:8px}.currency small{font-size:.7rem;color:var(--text-secondary)}.currency span{font-weight:600;font-size:.95rem}.currency svg{color:#f1c40f}.model-stage{position:relative;flex:1;background:radial-gradient(ellipse at center,rgba(108,92,231,.1) 0%,transparent 70%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.model-name{position:absolute;top:-10px;z-index:5;text-align:center}.model-name h3{font-family:MedievalSharp,cursive;font-size:1.5rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px var(--glow-primary);margin:0}.model-canvas{width:100%;height:100%;min-height:350px;display:flex;align-items:center;justify-content:center;padding-top:200px}.model-canvas>div{width:100%!important;height:100%!important}.model-icons-right{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8rem}.model-icons-bottom{position:absolute;bottom:20px;transform:translate(-50%);display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;max-width:50%}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.8rem .6rem;background:linear-gradient(180deg,#242438e6,#1a1a2ee6);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;min-height:80px}.action-btn:hover:not(:disabled){background:linear-gradient(180deg,#6c5ce740,#242438e6);border-color:var(--primary-color);box-shadow:0 4px 12px #6c5ce74d;transform:translateY(-2px)}.action-btn:hover:not(:disabled) svg{transform:scale(1.15);filter:drop-shadow(0 0 8px var(--glow-primary))}.action-btn .soon-tag{position:absolute;top:4px;right:4px;font-size:.6rem;padding:.15rem .4rem;background:#e74c3ce6;color:#fff;border-radius:5px;font-weight:700;box-shadow:0 2px 6px #e74c3c66}.action-btn .action-btn-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:linear-gradient(135deg,var(--accent-color),#fd79a8);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-dark);box-shadow:0 2px 10px var(--glow-accent),0 0 16px #fd79a880;z-index:2;animation:badge-pulse 2.5s ease-in-out infinite}.action-btn .action-btn-glow{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#ffe066,#f1c40f 55%,#e67e22);border:2px solid var(--bg-dark);box-shadow:0 0 10px #f1c40ff2,0 0 18px #f1c40f8c;z-index:2;animation:badge-pulse 2.5s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 2px 10px var(--glow-accent),0 0 16px #fd79a880}50%{box-shadow:0 2px 10px var(--glow-accent),0 0 24px #fd79a8e6;transform:scale(1.08)}}.action-btn:hover:not(:disabled){background:linear-gradient(180deg,#6c5ce733,#242438e6);border-color:var(--primary-color);box-shadow:0 4px 15px #6c5ce74d;transform:translateY(-2px)}.action-btn svg{color:var(--primary-color);transition:all .3s ease}.action-btn:hover:not(:disabled) svg{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--glow-primary))}.action-btn .soon-tag{position:absolute;top:6px;right:6px;font-size:.65rem;padding:.2rem .5rem;background:#e74c3ce6;color:#fff;border-radius:6px;font-weight:700;box-shadow:0 2px 8px #e74c3c66}.action-btn:hover:not(:disabled){background:#6c5ce726;border-color:var(--primary-color);box-shadow:0 4px 15px #6c5ce74d;transform:translateY(-2px)}.action-btn svg{color:var(--primary-color)}.action-btn .soon-tag{position:absolute;top:6px;right:6px;font-size:.65rem;padding:.2rem .5rem;background:#e74c3ce6;color:#fff;border-radius:6px;font-weight:700}.action-btn.special{background:linear-gradient(135deg,#6c5ce733,#fd79a833);border-color:var(--primary-color)}.action-btn.special svg{color:var(--accent-color)}.action-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--text-primary);background:#6c5ce726}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn span{font-size:.7rem;text-align:center}.soon-tag{font-size:.6rem;color:#f1c40f;background:#f1c40f26;padding:.15rem .4rem;border-radius:6px;border:1px solid rgba(241,196,15,.3)}.right-panel .puls-actions{display:flex;flex-direction:column;gap:.8rem}.scroll-panel{display:flex;flex-direction:column;min-width:220px;max-width:260px}.scroll-top,.scroll-bottom{height:24px;background:linear-gradient(180deg,var(--primary-color),var(--accent-color),var(--primary-color));border-radius:12px;border:2px solid var(--border-color);box-shadow:0 2px 8px #00000080,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d;position:relative;z-index:2}.scroll-top:before,.scroll-top:after,.scroll-bottom:before,.scroll-bottom:after{content:"";position:absolute;top:50%;width:14px;height:14px;background:radial-gradient(circle,var(--secondary-color),var(--accent-color));border:2px solid var(--border-color);border-radius:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0006}.scroll-body{flex:1;background:linear-gradient(180deg,#1a1a2ef7,#242438f7);border-left:3px solid var(--primary-color);border-right:3px solid var(--accent-color);padding:1.2rem 1rem;box-shadow:inset 0 0 30px #6c5ce71a,0 4px 16px #0000004d;display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden;transform-origin:top center}.scroll-body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(108,92,231,.05),transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(253,121,168,.05),transparent 60%);pointer-events:none}.scroll-title{font-family:MedievalSharp,cursive;font-size:1.2rem;color:var(--text-primary);text-align:center;padding-bottom:.6rem;border-bottom:2px dashed var(--border-color);text-shadow:0 0 10px var(--glow-primary)}.scroll-body .achievements-list{display:flex;flex-direction:column;gap:.6rem;flex:1}.scroll-body .achievement-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:.6rem;display:flex;align-items:center;gap:.6rem;transition:all .3s ease}.scroll-body .achievement-item:hover{background:#6c5ce726;border-color:var(--primary-color);transform:translate(3px)}.scroll-body .achievement-item.locked{opacity:.55}.scroll-body .achievement-item.locked .achievement-icon{filter:grayscale(1)}.scroll-body .achievement-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce74d,#fd79a826);border:1px solid rgba(108,92,231,.4);border-radius:8px;color:var(--secondary-color);flex-shrink:0}.scroll-body .achievement-info{display:flex;flex-direction:column;gap:.1rem}.boss-medals-section{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.boss-medals-section h4{margin:0;font-size:.85rem;color:var(--text-secondary);font-weight:600}.diff-medals{display:flex;flex-direction:column;gap:.25rem}.diff-medals-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.diff-medals-label{font-weight:700}.diff-medals-count{color:var(--text-secondary);font-size:.65rem}.diff-medals-row{display:flex;gap:.3rem;align-items:center}.diff-medal{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem;opacity:.35;transition:all .3s ease}.diff-medal.unlocked{opacity:1;filter:drop-shadow(0 0 4px var(--tier-color))}.diff-medal svg{transition:all .3s ease}.diff-medal-req{font-size:.55rem;color:var(--text-secondary);font-weight:600}.diff-medals-progress{font-size:.65rem;color:var(--text-secondary);font-style:italic}.boss-medals-tabs{display:flex;gap:.25rem;margin-bottom:.5rem;padding:.2rem;background:#0003;border-radius:8px}.boss-medals-tab{flex:1;padding:.35rem .5rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.boss-medals-tab:hover{background:#ffffff0d;color:var(--text-primary)}.boss-medals-tab.active{background:#ffffff14;border-color:var(--diff-color, rgba(255, 255, 255, .2));color:var(--diff-color, var(--text-primary));box-shadow:0 0 8px #ffffff0d}.achievement-diff-badges{display:flex;gap:.4rem;margin-top:.15rem}.achievement-diff-badge{font-size:.65rem;font-weight:700;color:var(--tier-color);padding:.1rem .35rem;background:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.scroll-body .achievement-name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.scroll-body .achievement-desc{font-size:.75rem;color:var(--text-secondary)}.scroll-body .achievement-progress{margin-top:auto;padding:.6rem;background:#6c5ce71a;border:1px solid rgba(108,92,231,.25);border-radius:8px;text-align:center}.scroll-body .achievement-progress span{font-size:.8rem;color:var(--text-primary);font-weight:600}.scroll-body .achievement-bar{height:5px;background:var(--bg-dark);border-radius:3px;overflow:hidden;margin-top:.4rem}.scroll-top,.scroll-bottom{height:24px;background:linear-gradient(180deg,#1a1a2efa,#141428f2);border-radius:12px;border:2px solid var(--border-color);box-shadow:0 2px 8px #00000080,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.scroll-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:3}.scroll-toggle:hover{background:#ffffff4d;transform:scale(1.15);box-shadow:0 0 10px #ffffff4d}.scroll-top:before,.scroll-top:after,.scroll-bottom:before,.scroll-bottom:after{content:"";position:absolute;top:50%;width:14px;height:14px;background:radial-gradient(circle,#c9a227,#8b6914);border:2px solid #6b4f0e;border-radius:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0006}.scroll-top:before,.scroll-bottom:before{left:-7px}.scroll-top:after,.scroll-bottom:after{right:-7px}.scroll-body .achievement-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;transition:width .5s ease}.achievement-item{display:flex;align-items:center;gap:.6rem;padding:.7rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;transition:all .3s ease}.achievement-item.locked{opacity:.6}.achievement-item.locked .achievement-icon{filter:grayscale(1)}.achievement-item:hover{border-color:var(--primary-color);box-shadow:0 2px 10px #6c5ce733}.achievement-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1c40f33,#f39c121a);border:1px solid rgba(241,196,15,.3);border-radius:8px;color:#f1c40f;flex-shrink:0}.achievement-info{display:flex;flex-direction:column;gap:.1rem}.achievement-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.achievement-desc{font-size:.75rem;color:var(--text-secondary)}.achievement-progress{margin-top:auto;padding:.6rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;text-align:center}.achievement-progress span{font-size:.8rem;color:var(--text-secondary)}.achievement-bar{height:5px;background:var(--bg-dark);border-radius:3px;overflow:hidden;margin-top:.4rem}.achievement-bar-fill{height:100%;background:linear-gradient(90deg,#f1c40f,#f39c12);border-radius:3px;transition:width .5s ease}.puls-actions{display:flex;flex-direction:column;gap:.6rem;flex:1}.scroll-body .puls-actions{gap:.6rem}.scroll-body .puls-actions .action-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;min-height:60px;flex-direction:row;justify-content:flex-start;padding:.7rem 1rem;gap:.8rem;width:100%}.scroll-body .puls-actions .action-btn:hover:not(:disabled){background:#6c5ce733;border-color:var(--primary-color);box-shadow:0 2px 10px #6c5ce74d}.scroll-body .puls-actions .action-btn svg{color:var(--secondary-color)}.scroll-body .puls-actions .action-btn .soon-tag{position:static;margin-left:auto;background:#e74c3ce6;color:#fff;font-size:.6rem;padding:.15rem .5rem;border-radius:5px}.right-panel{min-width:220px;max-width:260px}.placeholder-box p{font-size:1.1rem;font-weight:600;margin:0}.placeholder-sub{font-size:.8rem;color:var(--text-secondary);opacity:.7}.soon-badge{opacity:.7;filter:grayscale(.3)}.side-panel::-webkit-scrollbar,.center-column::-webkit-scrollbar{width:6px}.side-panel::-webkit-scrollbar-track,.center-column::-webkit-scrollbar-track{background:#0003;border-radius:3px}.side-panel::-webkit-scrollbar-thumb,.center-column::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.side-panel::-webkit-scrollbar-thumb:hover,.center-column::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.cities-screen{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#16213e 100%);padding:2rem;overflow-y:auto}.cities-header{text-align:center;margin-bottom:2rem;padding-top:1rem}.cities-header h1{font-family:MedievalSharp,cursive;font-size:2.5rem;color:var(--text-primary);text-shadow:0 0 20px var(--glow-primary);margin-bottom:1rem;letter-spacing:2px}.cities-stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#1a1a2ee6;border:1px solid var(--border-color);border-radius:30px;font-size:1rem;font-weight:700;color:var(--text-primary)}.stat-gold svg{color:#f1c40f}.stat-platinum svg{color:#9b59b6}.stat-energy svg{color:#2ecc71}.btn-back{position:absolute;left:2rem;top:2rem;display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#1a1a2ee6;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-back:hover{border-color:var(--primary-color);background:#6c5ce733}.profit-banner{display:flex;align-items:center;gap:1.2rem;padding:1.5rem;background:linear-gradient(135deg,#1a1a2ef2,#6c5ce726);border:1px solid var(--primary-color);border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 30px #0000004d}.profit-banner-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;color:#fff;flex-shrink:0}.profit-banner-info{flex:1}.profit-banner-info h3{font-size:1.1rem;margin-bottom:.4rem;color:var(--text-primary)}.profit-banner-amounts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.profit-gold,.profit-exp{display:flex;align-items:center;gap:.3rem;font-weight:700;font-size:1.05rem}.profit-gold{color:#f1c40f}.profit-exp{color:#9b59b6}.profit-period{font-size:.8rem;color:var(--text-secondary)}.profit-banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.profit-banner-timer{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-secondary)}.profit-banner-timer span{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary)}.btn-collect{padding:.8rem 1.8rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-collect:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 25px var(--glow-primary)}.btn-collect:disabled{opacity:.6;cursor:not-allowed}.btn-collect.ready{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--glow-primary)}50%{box-shadow:0 0 25px var(--glow-primary),0 0 40px var(--primary-color)}}.error-message{padding:1rem;background:#d6303126;border:1px solid rgba(214,48,49,.3);border-radius:12px;color:#ff7675;text-align:center;margin-bottom:1.5rem}.cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;margin-bottom:2rem;align-items:start}.cities-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 1rem;margin-bottom:1rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cities-tab{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.5rem .9rem;background:#1a1a2eb3;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffbf;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cities-tab:hover{border-color:#ffffff4d}.cities-tab.active{background:linear-gradient(135deg,#564ef359,#564ef326);border-color:#564ef3;color:#fff;box-shadow:0 0 16px #564ef359}.cities-tab.locked{opacity:.55}.cities-tab.completed{border-color:#f1c40f80}.cities-tab-icon{width:22px;height:22px;object-fit:cover;border-radius:6px}.cities-tab-emoji{font-size:1rem}.cities-tab-lock{color:#ffffff80}.cities-tab-trophy{color:#f1c40f}.cities-grid.single-city{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto}@media (max-width: 900px){.cities-tab{padding:.45rem .75rem;font-size:.85rem}}@media (max-width: 640px){.cities-tabs{gap:.4rem;padding:.4rem .6rem}.cities-tab{padding:.4rem .6rem;font-size:.8rem}.cities-tab-icon{width:19px;height:19px}}@media (max-width: 480px){.cities-tabs{gap:.3rem;padding:.35rem .4rem}.cities-tab{padding:.35rem .5rem;font-size:.72rem;gap:.3rem;border-radius:11px}.cities-tab-icon,.cities-tab-emoji{width:16px;height:16px;font-size:.85rem}.cities-tab-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cities-tab svg{width:11px;height:11px}}@media (max-width: 360px){.cities-tab{padding:.3rem .4rem;font-size:.66rem}.cities-tab-name{max-width:70px}}.city-card{background:#1a1a2ed9;border:2px solid var(--border-color);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 30px #0000004d}.city-card.unlocked{border-color:var(--primary-color)}.city-card.locked{opacity:.75}.city-banner{position:relative;height:130px;overflow:hidden}.city-banner-bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.city-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0c0c1d33,#0c0c1df2)}.city-banner-content{position:absolute;bottom:12px;left:16px;right:16px;z-index:2}.city-banner-content h2{font-family:MedievalSharp,cursive;font-size:1.6rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);margin-bottom:.4rem}.city-banner-stats{display:flex;gap:.5rem;flex-wrap:wrap}.city-badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .7rem;background:#0c0c1dcc;border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--text-primary)}.city-banner-locked{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0c0c1db3;color:var(--text-secondary);z-index:3}.city-body{padding:1.2rem}.city-section{margin-bottom:1.5rem}.city-section:last-child{margin-bottom:0}.city-section-title{display:flex;align-items:center;gap:.5rem;font-family:MedievalSharp,cursive;font-size:1.2rem;color:var(--secondary-color);margin-bottom:.8rem}.city-section-title svg{color:var(--primary-color)}.city-businesses{display:flex;flex-direction:column;gap:.7rem}.business-card{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;background:#0c0c1d99;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .3s ease}.business-card:hover{border-color:var(--primary-color);background:#6c5ce71f;transform:translate(4px)}.business-card.not-owned{border-style:dashed}.business-card.maxed{border-color:var(--success-color)}.business-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0}.business-icon.gold-type{background:linear-gradient(135deg,#f1c40f,#e67e22)}.business-icon.exp-type{background:linear-gradient(135deg,#9b59b6,#6c5ce7)}.business-info{flex:1}.business-info h4{font-size:1rem;margin-bottom:.4rem;color:var(--text-primary)}.business-level-dots{display:flex;gap:3px}.level-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.level-dot.filled{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:var(--primary-color);box-shadow:0 0 4px var(--glow-primary)}.business-right{display:flex;align-items:center;gap:.5rem}.business-cost{display:flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#f1c40f1f;border:1px solid rgba(241,196,15,.3);border-radius:8px;color:#f1c40f;font-weight:700;font-size:.9rem}.business-maxed{padding:.4rem .8rem;background:#00b8941f;border:1px solid rgba(0,184,148,.3);border-radius:8px;color:var(--success-color);font-weight:700;font-size:.85rem}.chevron{color:var(--text-secondary);opacity:.5}.city-missions{display:flex;flex-direction:column;gap:.7rem}.mission-card{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;background:#0c0c1d99;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:left}.mission-card:hover:not(:disabled){border-color:var(--primary-color);background:#6c5ce71f;transform:translate(4px)}.mission-card.completed{border-color:var(--success-color);background:#00b89414}.mission-card.locked{opacity:.6;cursor:not-allowed}.mission-card.no-energy{opacity:.6;cursor:not-allowed;border-color:#d630314d}.mission-left{flex-shrink:0}.mission-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px var(--glow-primary)}.mission-number.done{background:linear-gradient(135deg,var(--success-color),#00d2a8)}.mission-number.locked-num{background:#0c0c1de6;border:1px solid var(--border-color);box-shadow:none;color:var(--text-secondary)}.mission-center{flex:1}.mission-center h4{font-size:.95rem;margin-bottom:.4rem;color:var(--text-primary)}.mission-rewards{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.reward-gold{display:flex;align-items:center;gap:.25rem;color:#f1c40f;font-weight:600;font-size:.85rem}.reward-exp{display:flex;align-items:center;gap:.25rem;color:#9b59b6;font-weight:600;font-size:.85rem}.reward-energy{display:flex;align-items:center;gap:.25rem;color:#2ecc71;font-weight:600;font-size:.85rem}.mission-progress-bar{display:flex;align-items:center;gap:.6rem}.mission-progress-bar .progress-track{flex:1;height:8px;background:#0c0c1db3;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.mission-progress-bar .progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));box-shadow:0 0 8px var(--glow-primary);position:relative}.mission-progress-bar .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);background-size:20px 100%;animation:shimmer 1.5s ease-in-out infinite}.progress-count{font-size:.8rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.city-locked-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:var(--text-secondary);text-align:center}.city-locked-info p{font-size:.95rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border:2px solid var(--primary-color);border-radius:16px;padding:2rem;max-width:400px;width:90%}.modal-content h2{font-family:MedievalSharp,cursive;font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.modal-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.modal-info p{font-size:.95rem;color:var(--text-secondary)}.modal-actions{display:flex;gap:1rem}.btn-confirm,.btn-close{flex:1;padding:.8rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-confirm{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.btn-confirm:hover{transform:scale(1.05)}.btn-close{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary)}.btn-close:hover{border-color:var(--primary-color);color:var(--text-primary)}.levelup-overlay{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.levelup-content{background:linear-gradient(135deg,#1a1a2ef2,#6c5ce726);border:2px solid var(--primary-color);box-shadow:0 0 40px var(--glow-primary),0 0 80px #6c5ce74d;text-align:center;padding:2.5rem 2rem;max-width:360px}.levelup-star{font-size:4rem;margin-bottom:.5rem;filter:drop-shadow(0 0 15px #f1c40f)}.levelup-title{font-family:MedievalSharp,cursive;font-size:1.8rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.levelup-levels{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.levelup-old{font-size:2rem;color:var(--text-secondary);text-decoration:line-through;opacity:.6}.levelup-arrow{font-size:1.5rem;color:var(--primary-color)}.levelup-new{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px var(--glow-primary))}.levelup-bonuses{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.levelup-bonus{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;background:#2ecc7126;border:1px solid rgba(46,204,113,.3);border-radius:12px;color:#2ecc71;font-weight:600}.levelup-bonus.platinum-bonus{background:#9b59b626;border-color:#9b59b64d;color:#9b59b6}.levelup-btn{width:100%;padding:1rem;font-size:1.1rem}.avatar-modal{max-width:400px;text-align:center;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.avatar-preview{width:150px;height:150px;margin:1.5rem auto;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);box-shadow:0 0 30px var(--glow-primary)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:.5rem}.avatar-actions{display:flex;gap:.8rem;justify-content:center;margin-bottom:1rem}.btn-upload,.btn-remove{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upload{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.btn-upload:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px var(--glow-primary)}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.btn-remove{background:#d6303126;border:1px solid rgba(214,48,49,.3);color:#ff7675}.btn-remove:hover{background:#d6303140}.upload-error{color:#ff7675;font-size:.9rem;margin-bottom:.5rem}.avatar-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.cities-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{font-size:1.2rem;color:var(--text-secondary)}.game-character-panel{position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent;border-radius:16px}.game-character-panel.boundary-violated{border-color:#e74c3c!important;box-shadow:0 0 20px #e74c3c80!important;animation:boundary-pulse .5s ease-in-out infinite}.icon-btn{background:#ffffff14;border:1px solid var(--border-color);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:#6c5ce733;border-color:var(--primary-color);color:var(--text-primary);box-shadow:0 0 10px var(--glow-primary)}.logout-btn:hover{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c;box-shadow:0 0 10px #e74c3c4d}.settings-btn:hover{background:#6c5ce740;border-color:var(--primary-color);box-shadow:0 0 15px var(--glow-primary)}.ui-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.editor-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.editor-particle{position:absolute;background:var(--primary-color);border-radius:50%;box-shadow:0 0 6px var(--glow-primary)}.collapsed-widget{position:fixed;top:1rem;right:1rem;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid var(--primary-color);color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--glow-primary),0 0 40px #6c5ce74d;z-index:1001;transition:all .2s}.collapsed-widget:hover{box-shadow:0 0 30px var(--glow-primary),0 0 60px #6c5ce780;transform:scale(1.05)}.editor-sizes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.sizes-title{display:flex;align-items:center;gap:.5rem;font-family:MedievalSharp,cursive;font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.size-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#0003;border-radius:12px;margin-bottom:.75rem;border:1px solid var(--border-color)}.size-label{font-weight:600;color:var(--text-primary);min-width:100px}.size-inputs{display:flex;gap:.75rem}.size-input-group{display:flex;flex-direction:column;gap:.25rem}.size-input-group label{font-size:.75rem;color:var(--text-secondary)}.size-input{width:80px;padding:.5rem;background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all .2s}.size-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px var(--glow-primary);background:#6c5ce733}.size-unit{font-size:.75rem;color:var(--text-secondary);align-self:flex-end;margin-bottom:.5rem}.drag-boundaries{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.boundary-line{position:absolute;background:#6c5ce766;border:2px dashed rgba(108,92,231,.6)}.boundary-top{top:0;left:0;right:0;height:3px}.boundary-bottom{bottom:0;left:0;right:0;height:3px}.boundary-left{left:0;top:0;bottom:0;width:3px}.boundary-right{right:0;top:0;bottom:0;width:3px}.boundary-corner{position:absolute;width:12px;height:12px;border:2px solid rgba(108,92,231,.8);background:#6c5ce733}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}.boundary-violated.boundary-top,.boundary-violated.boundary-bottom,.boundary-violated.boundary-left,.boundary-violated.boundary-right{border-color:#e74c3c!important;background:#e74c3c4d!important;box-shadow:0 0 15px #e74c3c99;animation:boundary-pulse .5s ease-in-out infinite}@keyframes boundary-pulse{0%,to{opacity:.6}50%{opacity:1}}.resize-handle{position:absolute;left:50%;transform:translate(-50%);width:60px;height:28px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;color:#6c5ce7;background:linear-gradient(135deg,#6c5ce7e6,#a29bfee6);border:2px solid #a29bfe;transition:all .2s;z-index:100;opacity:0;pointer-events:none;box-shadow:0 0 15px #6c5ce780}.draggable-panel.resize-enabled .resize-handle{opacity:1;pointer-events:auto}.resize-handle.resize-top{top:-14px;border-radius:14px 14px 0 0;border-bottom:none}.resize-handle.resize-bottom{bottom:-14px;border-radius:0 0 14px 14px;border-top:none}.resize-handle:hover{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-color:#fff;box-shadow:0 0 25px #6c5ce7cc;transform:translate(-50%) scale(1.15)}.resize-handle:active{transform:translate(-50%) scale(1.05)}.resize-handle svg{opacity:1;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.ui-editor-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid var(--primary-color);border-radius:20px;box-shadow:0 0 30px var(--glow-primary),0 0 60px #6c5ce74d,inset 0 0 30px #6c5ce71a;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;z-index:1}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid var(--primary-color);border-radius:20px;box-shadow:0 0 30px var(--glow-primary),0 0 60px #6c5ce74d,inset 0 0 30px #6c5ce71a;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;padding:1.5rem}.settings-close{position:absolute;top:1rem;right:1rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#e74c3c;cursor:pointer;z-index:10;transition:all .2s}.settings-close:hover{background:#e74c3c4d;transform:scale(1.1)}.settings-header{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;margin-bottom:1.25rem;padding-right:2.75rem;border-bottom:2px solid var(--primary-color);position:relative}.settings-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:header-glow 3s ease-in-out infinite}.settings-header-icon{width:48px;height:48px;border-radius:12px;background:#6c5ce726;border:1px solid rgba(108,92,231,.4);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.settings-header h2{font-family:MedievalSharp,cursive;font-size:1.3rem;margin:0;color:var(--text-primary);text-shadow:0 0 12px var(--glow-primary)}.settings-header p{margin:0;font-size:.8rem;color:var(--text-secondary)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;background:#0003;border:1px solid var(--border-color);border-radius:12px}.settings-row-info{display:flex;align-items:center;gap:.8rem;min-width:0}.settings-row-icon{width:40px;height:40px;border-radius:10px;background:#6c5ce71f;border:1px solid rgba(108,92,231,.3);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);flex-shrink:0}.settings-row-title{font-weight:600;color:var(--text-primary);font-size:.95rem}.settings-row-desc{font-size:.75rem;color:var(--text-secondary)}.settings-toggle{position:relative;width:52px;height:28px;border-radius:14px;background:#ffffff1f;border:1px solid var(--border-color);cursor:pointer;transition:all .25s ease;flex-shrink:0;padding:0}.settings-toggle .settings-toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#888;transition:all .25s ease}.settings-toggle.on{background:#6c5ce773;border-color:var(--primary-color);box-shadow:0 0 12px var(--glow-primary)}.settings-toggle.on .settings-toggle-knob{left:26px;background:var(--secondary-color);box-shadow:0 0 8px var(--glow-primary)}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.dice-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid var(--primary-color);border-radius:20px;box-shadow:0 0 30px var(--glow-primary),0 0 60px #6c5ce74d,inset 0 0 30px #6c5ce71a;width:100%;max-width:620px;max-height:92vh;overflow-y:auto;padding:1.5rem}.dice-modal.dice-modal-game{max-width:1100px}.dice-close{position:absolute;top:1rem;right:1rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#e74c3c;cursor:pointer;z-index:10;transition:all .2s}.dice-close:hover{background:#e74c3c4d;transform:scale(1.1)}.dice-header{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;margin-bottom:1rem;padding-right:2.75rem;border-bottom:2px solid var(--primary-color);position:relative}.dice-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:header-glow 3s ease-in-out infinite}.dice-header-icon{width:48px;height:48px;border-radius:12px;background:#6c5ce726;border:1px solid rgba(108,92,231,.4);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.dice-header h2{font-family:MedievalSharp,cursive;font-size:1.3rem;margin:0;color:var(--text-primary);text-shadow:0 0 12px var(--glow-primary)}.dice-header p{margin:0;font-size:.8rem;color:var(--text-secondary)}.dice-error{padding:.6rem .8rem;margin-bottom:.8rem;background:#e74c3c1f;border:1px solid rgba(231,76,60,.35);border-radius:10px;color:#ff8787;font-size:.8rem}.dice-entry-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.dice-play-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.1rem .8rem;border-radius:14px;border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s ease}.dice-play-btn small{font-size:.72rem;font-weight:500;opacity:.85;display:flex;align-items:center;gap:.25rem}.dice-play-btn.free{background:linear-gradient(180deg,#00b89440,#1a1a2ee6);border-color:#00b89480}.dice-play-btn.free:hover:not(:disabled){box-shadow:0 0 18px #00b89466;border-color:#00b894}.dice-play-btn.free.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.dice-play-btn.paid{background:linear-gradient(180deg,#6c5ce74d,#1a1a2ee6);border-color:#6c5ce78c}.dice-play-btn.paid:hover:not(:disabled){box-shadow:0 0 18px var(--glow-primary);border-color:var(--primary-color)}.dice-entry-hint{text-align:center;font-size:.72rem;color:var(--text-secondary);margin:0 0 1rem}.dice-progress{margin-bottom:1rem}.dice-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:.35rem}.dice-progress-bar{height:12px;background:#00000059;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.dice-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));box-shadow:0 0 10px var(--glow-primary);border-radius:8px}.dice-scroll{background:linear-gradient(180deg,#f1e4bd1f,#f1e4bd0f);border:1px solid rgba(241,228,189,.3);border-radius:12px;padding:1.1rem;position:relative}.dice-scroll.compact{max-height:100%;overflow-y:auto;scrollbar-width:none}.dice-scroll.compact::-webkit-scrollbar{display:none}.dice-scroll.compact{max-height:100%;overflow-y:auto}.dice-scroll-top-ornament,.dice-scroll-bottom-ornament{height:4px;background:linear-gradient(90deg,transparent,rgba(241,228,189,.5),transparent);border-radius:2px;margin:-.4rem -.4rem .5rem}.dice-scroll-bottom-ornament{margin:.5rem -.4rem -.4rem}.dice-scroll-title{font-family:MedievalSharp,cursive;font-size:1.1rem;color:#f1e4bd;margin:0 0 .7rem;text-shadow:0 0 8px rgba(241,228,189,.4)}.dice-rewards-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}@media (max-width: 1024px){.dice-rewards-list{grid-template-columns:1fr}}.dice-reward-row{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;background:#0003;border-radius:8px;font-size:.9rem;color:var(--text-primary)}.dice-reward-row svg{color:var(--secondary-color);flex-shrink:0}.dice-reward-row.tier-4{border:1px solid rgba(241,196,15,.45);background:#f1c40f14}.dice-reward-row.tier-3{border:1px solid rgba(108,92,231,.4)}.dice-reward-row.consolation{opacity:.75;font-style:italic}.dice-reward-combo{font-weight:800;color:#f1c40f;min-width:34px;text-align:center;font-size:.8rem}.dice-reward-dice{display:flex;align-items:center;gap:3px;min-width:96px;flex-shrink:0}.dice-scroll.compact .dice-reward-dice{min-width:0}.mini-die{width:26px;height:26px;padding:2.5px;background:linear-gradient(145deg,#fdfdfd,#d8d8e0);border:1px solid rgba(0,0,0,.35);border-radius:6px;box-shadow:0 1px 3px #0006,inset 0 1px 2px #ffffffb3;display:flex;flex-shrink:0}.mini-die.empty{align-items:center;justify-content:center;color:#555;font-size:.65rem;font-weight:800}.mini-die .die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%}.mini-die .die-pip{width:4px;height:4px}.mini-die .die-pip.on{background:radial-gradient(circle at 35% 30%,#4a4a5e,#17171f)}.dice-reward-row.won{background:linear-gradient(90deg,#f1c40f2e,#f1c40f0d);border:1px solid rgba(241,196,15,.7);box-shadow:0 0 12px #f1c40f59;animation:dice-won-pulse 1.6s ease-in-out infinite}@keyframes dice-won-pulse{0%,to{box-shadow:0 0 8px #f1c40f40}50%{box-shadow:0 0 18px #f1c40f8c}}.dice-reward-won-mark{color:#f1c40f;font-weight:900;font-size:.9rem;text-shadow:0 0 8px rgba(241,196,15,.8);flex-shrink:0}.dice-reward-label{flex:1;min-width:0;line-height:1.25}.dice-history{display:flex;flex-direction:column;gap:.25rem}.dice-history-row{display:flex;align-items:center;gap:.6rem;font-size:.72rem;color:var(--text-secondary);padding:.25rem .5rem}.dice-history-dice{font-weight:700;color:var(--text-primary);min-width:64px}.dice-history-rewards{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-game-layout{display:grid;grid-template-columns:560px 1fr;gap:1rem;align-items:stretch}.dice-board-wrap{display:flex;flex-direction:column;align-items:center;gap:.9rem}.dice-table{position:relative;padding:18px;border-radius:22px;background:linear-gradient(160deg,#5d4030,#3e2723 40%,#2b1a12);border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 2px 3px #ffdcaa38,inset 0 -4px 8px #0000008c,0 10px 30px #0000008c,0 0 24px #6c5ce71f}.dice-table:before,.dice-table:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#b8860b 65%,#6b5200);box-shadow:0 1px 3px #0009;z-index:2}.dice-table:before{top:9px;left:9px}.dice-table:after{top:9px;right:9px}.dice-table-rivets:before,.dice-table-rivets:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#b8860b 65%,#6b5200);box-shadow:0 1px 3px #0009;bottom:9px}.dice-table-rivets:before{left:9px}.dice-table-rivets:after{right:9px}.dice-board{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem 2.5rem;border-radius:14px;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.07),transparent 60%),repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,#1d7a5f,#14523f 55%,#0c382b);box-shadow:inset 0 0 40px #0000008c,inset 0 0 6px #00000080;border:1px solid rgba(0,0,0,.45);overflow:hidden}.dice-table-print{position:absolute;top:10px;left:50%;transform:translate(-50%);font-family:MedievalSharp,cursive;font-size:.78rem;letter-spacing:4px;color:#f1e4bd52;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}.dice-bet-chip{position:absolute;top:-10px;right:14px;z-index:3;padding:.25rem .7rem;border-radius:20px;font-size:.68rem;font-weight:800;letter-spacing:.5px;border:1px solid;pointer-events:none}.dice-bet-chip.free{background:linear-gradient(180deg,#00b89459,#005a46e6);border-color:#00b894b3;color:#a7ffe9;box-shadow:0 2px 8px #00000080,0 0 10px #00b8944d}.dice-bet-chip.paid{background:linear-gradient(180deg,#6c5ce766,#281e5ae6);border-color:#a29bfeb3;color:#d9d4ff;box-shadow:0 2px 8px #00000080,0 0 10px #6c5ce766}.die-socket{width:fit-content;padding:6px;border-radius:18px;background:radial-gradient(ellipse at center,#0000008c,#00000040);box-shadow:inset 0 3px 8px #000000a6,inset 0 -1px 2px #ffffff14,0 1px #ffffff0f;margin:0 auto;transition:box-shadow .3s ease}.die{width:68px;height:68px;padding:8px;background:linear-gradient(145deg,#fdfdfd,#d8d8e0);border:1px solid rgba(0,0,0,.3);border-radius:14px;box-shadow:0 5px 12px #00000080,inset 0 -3px 6px #00000026,inset 0 2px 4px #ffffffb3;cursor:default;transition:box-shadow .2s ease,border-color .2s ease;display:block}.die.rerollable{cursor:pointer;border-color:var(--primary-color);box-shadow:0 5px 12px #00000080,0 0 12px var(--glow-primary),inset 0 -3px 6px #00000026}.die.rerollable+.die-socket,.die-socket:has(.die.rerollable){animation:socket-pulse 2.2s ease-in-out infinite}@keyframes socket-pulse{0%,to{box-shadow:inset 0 3px 8px #000000a6,0 0 6px #6c5ce740}50%{box-shadow:inset 0 3px 8px #000000a6,0 0 14px #6c5ce78c}}.die{width:68px;height:68px;padding:8px;background:linear-gradient(145deg,#fdfdfd,#d8d8e0);border:1px solid rgba(0,0,0,.3);border-radius:14px;box-shadow:0 4px 10px #00000073,inset 0 -3px 6px #00000026,inset 0 2px 4px #ffffffb3;cursor:default;transition:box-shadow .2s ease,border-color .2s ease}.die.rerollable{cursor:pointer;border-color:var(--primary-color);box-shadow:0 4px 10px #00000073,0 0 12px var(--glow-primary),inset 0 -3px 6px #00000026}.die:disabled{cursor:default}.die.rolling{filter:blur(1px);box-shadow:0 8px 18px #0000008c,0 0 16px var(--glow-primary),inset 0 -3px 6px #00000026}.die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%}.die-pip{width:10px;height:10px;border-radius:50%;background:transparent;align-self:center;justify-self:center}.die-pip.on{background:radial-gradient(circle at 35% 30%,#4a4a5e,#17171f);box-shadow:inset 0 1px 2px #0009}.dice-game-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.dice-rerolls{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:var(--secondary-color)}.dice-hint{font-size:.7rem;color:var(--text-secondary)}.dice-claim-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:320px;padding:.9rem 1.2rem;background:linear-gradient(180deg,#f1c40f59,#f1c40f26);border:2px solid #f1c40f;border-radius:14px;color:#ffe574;font-size:1rem;font-weight:800;font-family:inherit;cursor:pointer;transition:all .25s ease;text-shadow:0 0 10px rgba(241,196,15,.5)}.dice-claim-btn:hover:not(:disabled){box-shadow:0 0 22px #f1c40f80;transform:translateY(-2px)}.dice-claim-btn:disabled{opacity:.55;cursor:not-allowed}.dice-claim-btn.again{background:linear-gradient(180deg,#6c5ce759,#6c5ce726);border-color:var(--primary-color);color:var(--text-primary);text-shadow:0 0 10px var(--glow-primary);max-width:100%;margin-top:.75rem}.dice-result{display:flex;flex-direction:column;align-items:center;position:relative;padding:.5rem 0}.dice-jackpot-flash{position:absolute;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;background:radial-gradient(ellipse at center,rgba(241,196,15,.5),transparent 70%);pointer-events:none;border-radius:20px}.dice-result-crown{color:#f1c40f;filter:drop-shadow(0 0 14px rgba(241,196,15,.7));margin-bottom:.5rem}.dice-result-title{font-family:MedievalSharp,cursive;font-size:1.6rem;color:var(--text-primary);margin:0 0 1rem;text-shadow:0 0 16px var(--glow-primary);text-align:center}.dice-result-rewards{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:340px;margin-bottom:.9rem}.dice-result-reward{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:#f1c40f14;border:1px solid rgba(241,196,15,.4);border-radius:12px;font-weight:700;color:var(--text-primary)}.dice-result-reward svg{color:#f1c40f;flex-shrink:0}.dice-levelup{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:#00b8941f;border:1px solid rgba(0,184,148,.4);border-radius:10px;color:#55efc4;font-size:.82rem;font-weight:600;margin-bottom:.9rem}.dice-result-progress{width:100%;max-width:340px}.dice-result-scroll{width:100%;max-width:560px;margin-top:.75rem}.boss-card-achievements{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:1rem}.boss-medals{display:flex;gap:.5rem;flex-wrap:wrap}.boss-medal{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid;transition:all .25s ease}.boss-medal.unlocked{border-color:var(--tier-color);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.15),transparent 60%),#0000004d;box-shadow:0 0 10px color-mix(in srgb,var(--tier-color) 55%,transparent),inset 0 1px 3px #fff3}.boss-medal.locked{border-color:#ffffff1f;background:#0006;filter:grayscale(1);opacity:.55}.boss-medal-req{position:absolute;bottom:-14px;font-size:.58rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.boss-kills-progress{font-size:.72rem;color:var(--text-secondary);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:3px 10px;display:inline-block;line-height:1.4}.achievement-boss{opacity:1;filter:none}.achievement-medal{width:44px;height:44px;border-radius:50%;border:2px solid var(--tier-color);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.15),transparent 60%),#0000004d;box-shadow:0 0 10px color-mix(in srgb,var(--tier-color) 50%,transparent);overflow:hidden;flex-shrink:0}.achievement-medal-img{width:100%;height:100%;object-fit:cover}@media (min-width: 1025px){.dice-overlay{padding:.75rem}.dice-modal{max-height:calc(100vh - 1.5rem);overflow:hidden;display:flex;flex-direction:column;padding:1.25rem 1.5rem}.dice-entry,.dice-game,.dice-result{min-height:0;overflow-y:auto;scrollbar-width:none}.dice-entry::-webkit-scrollbar,.dice-game::-webkit-scrollbar,.dice-result::-webkit-scrollbar{display:none}.dice-header{padding-bottom:.7rem;margin-bottom:.7rem}.dice-play-btn{padding:.8rem .7rem}.dice-scroll.compact{max-height:100%}.dice-game-layout{align-items:start}.dice-board{padding:1.1rem 1.8rem}}.header-actions{display:flex;gap:1rem;flex-shrink:0}.collapse-btn,.close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;cursor:pointer;padding:0;transition:all .2s}.header-actions{display:flex;gap:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.collapse-btn{background:#6c5ce726;border:1px solid rgba(108,92,231,.4);color:var(--primary-color);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s}.close-btn{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#e74c3c;cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s}.ui-editor-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:header-glow 3s ease-in-out infinite}@keyframes header-glow{0%,to{opacity:.5}50%{opacity:1}}.header-icon{color:var(--primary-color);filter:drop-shadow(0 0 10px var(--glow-primary))}.header-text h2{font-family:MedievalSharp,cursive;font-size:1.8rem;color:var(--text-primary);margin:0;text-shadow:0 0 10px var(--glow-primary)}.header-subtitle{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0}.close-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#e74c3c;cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s}.editor-status-bar{margin-bottom:1.5rem;overflow:hidden}.status-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#6c5ce733;border:1px solid var(--primary-color);border-radius:12px;color:var(--primary-color);font-weight:600}.status-icon{color:var(--primary-color)}.editor-instruction{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);border-radius:12px;margin-bottom:1.5rem}.instruction-icon{color:var(--primary-color);flex-shrink:0}.editor-instruction p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.editor-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.editor-toggle{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#6c5ce726;border:2px solid rgba(108,92,231,.3);border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;transition:all .3s ease;position:relative;overflow:hidden}.editor-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(108,92,231,.2),transparent);transition:left .5s ease}.editor-toggle:hover:before{left:100%}.editor-toggle:hover{background:#6c5ce740;border-color:var(--primary-color);box-shadow:0 0 20px var(--glow-primary)}.editor-toggle.active{background:#6c5ce74d;border-color:var(--primary-color);box-shadow:0 0 25px var(--glow-primary)}.toggle-text{flex:1}.toggle-indicator{color:var(--primary-color)}.editor-actions{display:flex;gap:1rem}.btn-save,.btn-reset{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.25rem;border-radius:14px;border:2px solid;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-save{background:#2ecc7126;border-color:#2ecc7166;color:#2ecc71}.btn-save:hover{background:#2ecc714d;box-shadow:0 0 25px #2ecc7166}.btn-reset{background:#e74c3c26;border-color:#e74c3c66;color:#e74c3c}.btn-reset:hover{background:#e74c3c4d;box-shadow:0 0 25px #e74c3c66}.btn-icon{opacity:.7}.editor-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;min-height:180px;padding:1.5rem;background:#0000004d;border-radius:16px;border:2px dashed var(--border-color);position:relative}.editor-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(108,92,231,.1),transparent 70%);pointer-events:none}.preview-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#6c5ce726,#1a1a2e80);border:2px solid rgba(108,92,231,.3);border-radius:14px;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:grab;transition:all .3s ease;position:relative;overflow:hidden}.preview-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(108,92,231,.1));opacity:0;transition:opacity .3s}.preview-box:hover:before{opacity:1}.preview-icon{color:var(--primary-color)}.success-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#2ecc7133;border:2px solid #2ecc71;border-radius:14px;color:#2ecc71;font-weight:700;font-size:1.1rem;box-shadow:0 0 30px #2ecc7166;z-index:1001}.success-icon{color:#2ecc71}.reset-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;display:flex;align-items:center;justify-content:center;padding:1rem}.reset-confirm-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(231,76,60,.5);border-radius:20px;box-shadow:0 0 40px #e74c3c4d;max-width:450px;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.confirm-icon{color:#e74c3c;filter:drop-shadow(0 0 10px rgba(231,76,60,.5))}.reset-confirm-modal h3{font-family:MedievalSharp,cursive;font-size:1.5rem;color:var(--text-primary);margin:0}.reset-confirm-modal p{color:var(--text-secondary);margin:0;font-size:.95rem}.confirm-actions{display:flex;gap:1rem;width:100%;margin-top:1rem}.btn-confirm-cancel,.btn-confirm-ok{flex:1;padding:.85rem 1.25rem;border-radius:12px;border:2px solid;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease}.btn-confirm-cancel{background:#ffffff1a;border-color:var(--border-color);color:var(--text-primary)}.btn-confirm-cancel:hover{background:#fff3}.btn-confirm-ok{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.btn-confirm-ok:hover{background:#e74c3c66;box-shadow:0 0 20px #e74c3c66}.ui-editor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--primary-color);position:relative}.header-icon{flex-shrink:0}.header-text{flex:1;min-width:0}.header-actions{display:flex;gap:.5rem;flex-shrink:0}.header-actions{display:flex;gap:.75rem;flex-shrink:0}.collapse-btn{background:#6c5ce726;border:1px solid rgba(108,92,231,.4);color:var(--primary-color);cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:#6c5ce74d;box-shadow:0 0 15px var(--glow-primary)}.close-btn{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#e74c3c;cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e74c3c4d;box-shadow:0 0 15px #e74c3c66}.character-preview-wrap{position:relative;z-index:0;display:flex;align-items:center;justify-content:center}.character-preview-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border-color);border-radius:20px;background:linear-gradient(135deg,#6c5ce714,#1a1a2ef2);box-shadow:inset 0 0 30px #6c5ce71a,0 0 20px #6c5ce726;transition:all .4s ease}.character-preview-wrap:hover:before{border-color:var(--primary-color);box-shadow:inset 0 0 40px #6c5ce733,0 0 30px var(--glow-primary)}.character-preview-wrap:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(108,92,231,.2);border-radius:16px;pointer-events:none;transition:all .4s ease}.character-preview-wrap:hover:after{border-color:#6c5ce766}.corner-ornament{position:absolute;width:24px;height:24px;border-color:var(--primary-color);opacity:.6;transition:all .3s ease}.character-preview-wrap:hover .corner-ornament{opacity:1;filter:drop-shadow(0 0 6px var(--glow-primary))}.corner-ornament.tl{top:12px;left:12px;border-top:2px solid;border-left:2px solid;border-radius:4px 0 0}.corner-ornament.tr{top:12px;right:12px;border-top:2px solid;border-right:2px solid;border-radius:0 4px 0 0}.corner-ornament.bl{bottom:12px;left:12px;border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 4px}.corner-ornament.br{bottom:12px;right:12px;border-bottom:2px solid;border-right:2px solid;border-radius:0 0 4px}.character-glow{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:60%;height:20%;background:radial-gradient(ellipse at center,rgba(108,92,231,.3) 0%,transparent 70%);filter:blur(15px);animation:glow-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.1)}}@media (max-width: 768px){.cities-screen{padding:1rem}.cities-header h1{font-size:2rem}.cities-stats{flex-direction:row;gap:.5rem}.stat-chip{padding:.5rem .8rem;font-size:.85rem}.btn-back{left:1rem;top:1rem;padding:.6rem 1rem;font-size:.85rem}.profit-banner{flex-direction:column;text-align:center;gap:1rem}.profit-banner-right{align-items:center}.cities-grid{grid-template-columns:1fr}.city-banner{height:100px}.city-banner-content h2{font-size:1.2rem}.city-badge{font-size:.65rem;padding:.2rem .5rem}.city-body{padding:.8rem}.city-section-title{font-size:1rem;margin-bottom:.5rem}.business-card{padding:.7rem;gap:.7rem}.business-icon svg{width:18px;height:18px}.business-info h4{font-size:.85rem}.business-right svg.chevron{width:16px;height:16px}.mission-card{padding:.7rem;gap:.7rem}.mission-left{width:36px;height:36px}.mission-number{width:36px;height:36px;font-size:.95rem}.mission-center h4{font-size:.85rem;margin-bottom:.3rem}.mission-rewards{gap:.6rem;flex-wrap:wrap}.mission-rewards svg{width:11px;height:11px}.reward-gold,.reward-exp,.reward-energy{font-size:.75rem}.mission-progress-bar{margin-top:.3rem}.progress-track{height:6px}.progress-count{font-size:.7rem}.city-locked-info{padding:2rem 1rem;gap:.8rem}.city-locked-info p{font-size:.85rem}.city-locked-hint{color:var(--text-secondary);font-style:italic}.city-completed-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;margin-bottom:.8rem;background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:10px;color:var(--success-color);font-size:.8rem;font-weight:500}.city-completed-banner svg{flex-shrink:0}.modal-content{width:95%;padding:1.5rem}}.center-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;flex:1;overflow:hidden;position:relative}@media (max-width: 1200px){.game-content{display:flex;gap:1rem;flex:1;padding:1rem;max-width:1400px;margin:0 auto;width:100%}.side-panel{background:linear-gradient(180deg,#1a1a2ef7,#141428f7);border:1px solid var(--border-color);border-radius:14px;padding:1.2rem;min-width:220px;max-width:260px;box-shadow:0 8px 30px #00000080,inset 0 1px #ffffff0d;height:100%;display:flex;flex-direction:column}.side-panel-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-align:center;font-family:MedievalSharp,cursive;padding:.8rem;background:linear-gradient(135deg,#6c5ce733,#fd79a833);border-radius:10px;border:1px solid rgba(108,92,231,.3);text-shadow:0 0 12px var(--glow-primary)}.side-panel-content{display:flex;flex-direction:column;gap:.7rem;flex:1}.side-panel-content .soon-badge{flex:1;display:flex}.side-panel-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.8rem;text-align:center;font-family:MedievalSharp,cursive;padding-bottom:.6rem;border-bottom:2px solid var(--border-color);text-shadow:0 0 10px var(--glow-primary)}.side-panel-content{display:flex;flex-direction:column;gap:.6rem}.side-panel-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:1.2rem;text-align:center;font-family:MedievalSharp,cursive;padding-bottom:.8rem;border-bottom:2px solid var(--border-color);text-shadow:0 0 10px var(--glow-primary)}.side-panel-content{display:flex;flex-direction:column;gap:.8rem}.center-column{display:flex;flex-direction:column;gap:.8rem;flex:1;height:100%;min-width:0;align-items:center}.character-preview-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.game-character-panel{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a2ef7,#141428f7);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 16px #0006;overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease}.character-preview-wrap{position:relative;z-index:1;padding:1.5rem;display:flex;align-items:center;justify-content:center}.character-preview-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border-color);border-radius:20px;background:linear-gradient(135deg,#6c5ce714,#1a1a2ef2);box-shadow:inset 0 0 30px #6c5ce71a,0 0 20px #6c5ce726;transition:all .4s ease}.character-preview-wrap:hover:before{border-color:var(--primary-color);box-shadow:inset 0 0 40px #6c5ce733,0 0 30px var(--glow-primary)}.character-preview-wrap:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(108,92,231,.2);border-radius:16px;pointer-events:none;transition:all .4s ease}.character-preview-wrap:hover:after{border-color:#6c5ce766}.corner-ornament{position:absolute;width:24px;height:24px;border-color:var(--primary-color);opacity:.6;transition:all .3s ease}.character-preview-wrap:hover .corner-ornament{opacity:1;filter:drop-shadow(0 0 6px var(--glow-primary))}.corner-ornament.tl{top:12px;left:12px;border-top:2px solid;border-left:2px solid;border-radius:4px 0 0}.corner-ornament.tr{top:12px;right:12px;border-top:2px solid;border-right:2px solid;border-radius:0 4px 0 0}.corner-ornament.bl{bottom:12px;left:12px;border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 4px}.corner-ornament.br{bottom:12px;right:12px;border-bottom:2px solid;border-right:2px solid;border-radius:0 0 4px}.character-glow{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:60%;height:20%;background:radial-gradient(ellipse at center,rgba(108,92,231,.3) 0%,transparent 70%);filter:blur(15px);animation:glow-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.1)}}.game-character-panel:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #6c5ce759,0 0 24px var(--glow-primary)}.game-character-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(108,92,231,.15),transparent 70%);pointer-events:none;transition:opacity .3s ease}.game-character-panel:hover:before{background:radial-gradient(ellipse at 50% 60%,rgba(108,92,231,.25),transparent 70%)}.character-preview-wrap{position:relative;z-index:1}.character-nameplate{position:absolute;bottom:0;left:0;right:0;padding:.8rem 1.2rem;background:linear-gradient(180deg,transparent 0%,rgba(10,10,20,.85) 40%,rgba(10,10,20,.95) 100%);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color)}.nameplate-info{display:flex;flex-direction:column;gap:.15rem}.nameplate-name{font-family:MedievalSharp,cursive;font-size:1.15rem;color:var(--text-primary);text-shadow:0 0 8px var(--glow-primary)}.nameplate-level{font-size:.8rem;color:var(--secondary-color);font-weight:500}.nameplate-power{display:flex;align-items:center;gap:.35rem;padding:.35rem .8rem;background:#f39c121f;border:1px solid rgba(243,156,18,.3);border-radius:10px;color:#f39c12;font-size:.8rem;font-weight:600}.nameplate-power svg{color:#f39c12}.ui-editor-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:600px;width:100%;padding:1.5rem}.ui-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.ui-editor-header h2{font-family:MedievalSharp,cursive;font-size:1.5rem;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.ui-editor-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.editor-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.editor-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;font-family:inherit;transition:all .2s}.editor-toggle:hover{background:#6c5ce740;border-color:var(--primary-color)}.editor-toggle.active{background:#6c5ce74d;border-color:var(--primary-color);box-shadow:0 0 15px var(--glow-primary)}.editor-actions{display:flex;gap:1rem}.btn-save,.btn-reset{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--border-color);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.btn-save{background:#2ecc7126;border-color:#2ecc714d;color:#2ecc71}.btn-save:hover{background:#2ecc7140;box-shadow:0 0 15px #2ecc714d}.btn-reset{background:#e74c3c26;border-color:#e74c3c4d;color:#e74c3c}.btn-reset:hover{background:#e74c3c40;box-shadow:0 0 15px #e74c3c4d}.editor-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;min-height:150px;padding:1rem;background:#0003;border-radius:12px;border:1px dashed var(--border-color)}.preview-box{display:flex;align-items:center;justify-content:center;background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.draggable-panel{position:relative;cursor:grab}.draggable-panel:active{cursor:grabbing}.draggable-panel.dragging{opacity:.7;z-index:100}.settings-btn{background:#6c5ce726;border:1px solid rgba(108,92,231,.3)}.settings-btn:hover{background:#6c5ce740;box-shadow:0 0 10px var(--glow-primary)}.model-icons-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1rem;background:linear-gradient(180deg,#1a1a2ef2,#141428f2);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0000004d}.stats-bar{display:flex;align-items:stretch;gap:.6rem;padding:.8rem 1rem;background:linear-gradient(135deg,#1a1a2ef2,#242438f2);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0006;overflow-x:auto}.stats-left{display:flex;gap:.6rem;flex:1;overflow-x:auto}.stat-block{background:var(--bg-input);border:1px solid var(--border-color);border-left:3px solid var(--stat-color);border-radius:10px;padding:.7rem 1rem;min-width:100px;flex:1;transition:all .3s ease}.currencies-block{display:flex;gap:.6rem;align-items:stretch}.currency{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;min-width:95px;transition:all .3s ease}.currency:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.currency.gold{border-color:#f1c40f66;background:linear-gradient(135deg,#f1c40f26,#f1c40f0d)}.currency.gold svg,.currency.gold span:first-child{color:#f1c40f}.currency.silver{border-color:#bdc3c766;background:linear-gradient(135deg,#bdc3c726,#bdc3c70d)}.currency.silver span:first-child{color:#bdc3c7}.currency.platinum{border-color:#9b59b666;background:linear-gradient(135deg,#9b59b626,#9b59b60d)}.currency.platinum svg,.currency.platinum span:first-child{color:#9b59b6}.currency span{font-weight:700;color:var(--text-primary);font-size:.95rem}.currency small{font-size:.7rem;color:var(--text-secondary)}.stat-block{background:var(--bg-input);border:1px solid var(--border-color);border-left:3px solid var(--stat-color);border-radius:10px;padding:.7rem 1rem;min-width:110px;flex:1;transition:all .3s ease}.stat-block:hover{background:#6c5ce71a;box-shadow:0 2px 8px #0003}.stat-header{display:flex;align-items:center;gap:.4rem;color:var(--stat-color);font-size:.8rem;font-weight:600;margin-bottom:.3rem}.stat-header svg{color:var(--stat-color)}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.stat-progress{height:5px;background:var(--bg-dark);border-radius:3px;overflow:hidden}.stat-progress-bar{height:100%;background:var(--stat-color);border-radius:3px;transition:width .5s ease}.stat-timer{font-size:.7rem;color:var(--text-secondary);margin-top:.2rem}.currencies-block{display:flex;gap:.8rem;flex:1;justify-content:flex-end}.currency{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;min-width:100px}.currency span{font-weight:700;color:var(--text-primary)}.currency small{font-size:.75rem;color:var(--text-secondary)}.model-icons-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.2rem;background:linear-gradient(180deg,#1a1a2ef2,#141428f2);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000004d}.placeholder-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#6c5ce714,#fd79a814);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);gap:.8rem;transition:all .3s ease}.placeholder-box:hover{background:linear-gradient(135deg,#6c5ce726,#fd79a826);border-color:var(--primary-color)}.placeholder-sub{font-size:.85rem;opacity:.8;font-style:italic}.puls-actions{display:flex;flex-direction:column;gap:.8rem}.right-panel{min-width:240px;max-width:280px}.left-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.2rem;box-shadow:0 8px 24px #0000004d;position:sticky;top:1rem}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--border-color)}.stats-grid{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.2rem}.currencies-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.currency-card{display:flex;align-items:center;gap:.6rem;padding:.8rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;cursor:default}.currency-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.currency-card small{font-size:.75rem;color:var(--text-secondary)}.center-panel{display:flex;flex-direction:column;gap:1rem}.main-menu-title{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#6c5ce726,#fd79a826);border:1px solid var(--border-color);border-radius:16px}.main-menu-title h2{font-family:MedievalSharp,cursive;font-size:1.8rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem}.main-menu-title p{color:var(--text-secondary);font-size:1rem}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.right-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.2rem;box-shadow:0 8px 24px #0000004d;position:sticky;top:1rem}.quick-actions{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.2rem}.quick-btn{display:flex;align-items:center;gap:.6rem;padding:.8rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.daily-progress{padding:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px}.daily-progress h4{font-size:.95rem;margin-bottom:.8rem;color:var(--text-primary)}.progress-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.progress-item span:first-child{font-size:.85rem;color:var(--text-secondary);flex:1}.progress-bar{flex:1;height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;transition:width .5s ease}.progress-item span:last-child{font-size:.8rem;font-weight:600;color:var(--text-primary);min-width:35px;text-align:right}.left-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid var(--border-color)}.stats-grid{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.currencies-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.currency-card{display:flex;align-items:center;gap:.8rem;padding:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;cursor:default}.currency-card.gold{border-color:#f1c40f4d;background:#f1c40f14}.currency-card.gold svg{color:#f1c40f}.currency-card.platinum{border-color:#9b59b64d;background:#9b59b614}.currency-card.platinum svg{color:#9b59b6}.currency-value{display:block;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.currency-card small{font-size:.8rem;color:var(--text-secondary)}.center-panel{display:flex;flex-direction:column;gap:1.5rem}.main-menu-title{text-align:center;padding:2rem;background:linear-gradient(135deg,#6c5ce726,#fd79a826);border:1px solid var(--border-color);border-radius:20px}.main-menu-title h2{font-family:MedievalSharp,cursive;font-size:2.2rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.main-menu-title p{color:var(--text-secondary);font-size:1.1rem}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.right-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.quick-actions{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.quick-btn{display:flex;align-items:center;gap:.8rem;padding:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-btn:hover{background:#6c5ce726;border-color:var(--primary-color);box-shadow:0 4px 12px #6c5ce733}.daily-progress{padding:1.2rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px}.daily-progress h4{font-size:1rem;margin-bottom:1rem;color:var(--text-primary)}.progress-item{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.progress-item span:first-child{font-size:.9rem;color:var(--text-secondary);flex:1}.progress-bar{flex:1;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:4px;transition:width .5s ease}.progress-item span:last-child{font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}}.game-character-bg-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:16px;z-index:0}.game-character-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none}@media (max-width: 900px){.game-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.side-panel{max-height:200px}.model-icons-right{position:static;transform:none;flex-direction:row;justify-content:center;margin-top:1rem}.model-icons-bottom{position:static;transform:none;margin-top:1rem}.stats-bar{flex-direction:column}.stat-block{min-width:auto}}.equipment-modal{background:linear-gradient(180deg,#1a1a2efa,#141428fa);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009;position:relative}.equipment-modal.equipment-modal-model{overflow:visible;max-width:780px}.equipment-close{position:absolute;top:1rem;right:1rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#e74c3c;cursor:pointer;z-index:10;transition:all .3s ease}.equipment-close:hover{background:#e74c3c4d;transform:scale(1.1)}.equipment-title{font-family:MedievalSharp,cursive;font-size:1.4rem;color:var(--text-primary);text-align:center;margin-bottom:1rem;text-shadow:0 0 12px var(--glow-primary)}.equipment-step1{display:flex;flex-direction:column;align-items:center}.equipment-model-wrap{position:relative;width:100%;max-width:688px;height:510px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:16px}.equipment-model-bg-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:16px;z-index:0}.equipment-model-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none}.equipment-step2{display:flex;flex-direction:column}.equipment-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;width:100%;max-width:688px;margin-top:1.25rem}.equipment-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem .5rem;background:linear-gradient(180deg,#242438e6,#1a1a2ee6);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.equipment-tab:hover{background:linear-gradient(180deg,#6c5ce740,#242438e6);border-color:var(--primary-color);color:var(--text-primary);box-shadow:0 0 12px #6c5ce74d;transform:translateY(-1px)}.equipment-tab.equipped{border-color:#6c5ce780;color:var(--text-primary)}.equipment-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary-color);box-shadow:0 0 6px var(--glow-primary);flex-shrink:0}.equipment-back{display:flex;align-items:center;gap:.4rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:.5rem .8rem;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem;align-self:flex-start}.equipment-back:hover{background:#6c5ce726;border-color:var(--primary-color)}.rarity-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.rarity-tab{padding:.4rem .8rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.rarity-tab:hover{background:#6c5ce71a}.rarity-tab.active{background:#6c5ce726;box-shadow:0 2px 8px #0003}.items-list{display:flex;flex-direction:column;gap:.6rem}.items-loading,.items-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.item-card{display:flex;align-items:center;gap:.8rem;padding:.7rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;transition:all .3s ease}.item-card:hover{border-color:var(--primary-color);box-shadow:0 2px 10px #6c5ce733}.item-icon{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#0003;border:1px solid var(--border-color)}.item-icon-loading{display:inline-block;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:item-icon-shimmer 1.2s linear infinite}@keyframes item-icon-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.item-name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary)}.item-btn{padding:.4rem 1rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:1px solid}.item-btn.equip{background:#2ecc7126;border-color:#2ecc7166;color:#2ecc71}.item-btn.equip:hover{background:#2ecc7140;box-shadow:0 2px 8px #2ecc714d}.item-btn.unequip{background:#e74c3c26;border-color:#e74c3c66;color:#e74c3c}.item-btn.unequip:hover{background:#e74c3c40;box-shadow:0 2px 8px #e74c3c4d}.item-btn:disabled{opacity:.5;cursor:not-allowed}.friends-screen,.mail-screen,.public-profile-screen{min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0%,#16213e 100%);color:var(--text-primary);padding:1rem 1.5rem 2rem;position:relative;overflow-x:hidden}.friends-bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.friends-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--secondary-color);box-shadow:0 0 6px var(--glow-primary)}.friends-banner{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.friends-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s;flex-shrink:0}.friends-back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 12px var(--glow-primary)}.friends-banner-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px var(--glow-primary);flex-shrink:0}.friends-banner-text{flex:1}.friends-banner-title{font-family:MedievalSharp,cursive;font-size:1.6rem;background:linear-gradient(135deg,#fff,var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.friends-banner-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);margin-top:.15rem}.friends-banner-online{display:flex;align-items:center;gap:.35rem;color:var(--success-color)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);box-shadow:0 0 8px var(--success-color);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.friends-banner-divider{opacity:.4}.friends-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;position:relative;z-index:1;flex-wrap:wrap}.friends-tab{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .25s;font-family:inherit;position:relative;overflow:hidden}.friends-tab:hover{background:#6c5ce71f;color:var(--text-primary);border-color:#6c5ce766}.friends-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;box-shadow:0 4px 16px var(--glow-primary)}.friends-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent-color);color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 0 8px var(--glow-accent)}.friends-tab.active .friends-tab-badge{background:#ffffff40;box-shadow:none}.friends-tab-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-color);border-radius:3px 3px 0 0}.friends-content{max-width:720px;margin:0 auto;position:relative;z-index:1}.friends-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;color:var(--text-secondary)}.friends-loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--primary-color)}.friends-empty{text-align:center;padding:3.5rem 1rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.8rem}.friends-empty-icon{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#6c5ce71a,#a29bfe0d);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:.5rem}.friends-empty h3{font-size:1.3rem;font-family:MedievalSharp,cursive;color:var(--text-primary)}.friends-empty p{font-size:.95rem;max-width:320px;line-height:1.5}.friends-grid{display:flex;flex-direction:column;gap:.6rem}.friend-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--bg-card),rgba(26,26,46,.8));border:1px solid var(--border-color);border-radius:16px;padding:.8rem 1rem;transition:all .25s;position:relative;overflow:hidden}.friend-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(108,92,231,.05));opacity:0;transition:opacity .25s;pointer-events:none}.friend-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #6c5ce726}.friend-card:hover:before{opacity:1}.friend-card.online{border-left:3px solid var(--success-color)}.friend-card.offline{border-left:3px solid var(--border-color)}.friend-card.blocked-card{opacity:.65;border-left:3px solid var(--error-color);background:linear-gradient(135deg,rgba(231,76,60,.05),var(--bg-card))}.friend-card.blocked-card:hover{border-color:#e74c3c66;box-shadow:0 4px 20px #e74c3c1a}.friend-avatar-wrap{position:relative;cursor:pointer;flex-shrink:0;width:56px;height:56px}.friend-avatar-ring{width:100%;height:100%;border-radius:50%;padding:2px;transition:all .25s}.friend-avatar-ring.on{background:linear-gradient(135deg,var(--success-color),#2ecc71);box-shadow:0 0 12px #00b89466}.friend-avatar-ring.off{background:var(--border-color)}.friend-avatar-ring.blocked{background:linear-gradient(135deg,var(--error-color),#c0392b);opacity:.5;filter:grayscale(.5)}.friend-avatar-wrap:hover .friend-avatar-ring.on{box-shadow:0 0 20px #00b89499;transform:scale(1.05)}.friend-avatar{width:100%;height:100%;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--bg-card)}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-level-badge{position:absolute;bottom:-2px;right:-2px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-dark);box-shadow:0 2px 6px #0000004d}.friend-info{flex:1;cursor:pointer;min-width:0}.friend-name-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.friend-name{font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status{font-size:.72rem;padding:2px 8px;border-radius:10px;font-weight:500;white-space:nowrap}.friend-status.on{background:#00b89426;color:var(--success-color);border:1px solid rgba(0,184,148,.3)}.friend-status.off{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color)}.friend-status.blocked{background:#e74c3c26;color:var(--error-color);border:1px solid rgba(231,76,60,.3)}.friend-stats{display:flex;gap:.8rem;margin-top:.25rem;font-size:.82rem;color:var(--text-secondary)}.friend-stat-level,.friend-stat-power{display:flex;align-items:center;gap:.25rem}.friend-stat-level{color:var(--secondary-color)}.friend-stat-power{color:#f39c12}.friend-actions{display:flex;gap:.4rem;flex-shrink:0}.friend-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.friend-btn.add-btn{background:linear-gradient(135deg,#00b89426,#2ecc711a);color:var(--success-color);border-color:#00b8944d}.friend-btn.add-btn:hover{background:var(--success-color);color:#fff;border-color:var(--success-color);box-shadow:0 2px 12px #00b89466}.friend-btn.remove-btn:hover{background:#e74c3c33;color:#e74c3c;border-color:#e74c3c}.friend-btn.block-btn:hover{background:#d6303133;color:var(--error-color);border-color:var(--error-color)}.friend-btn.unblock-btn{background:linear-gradient(135deg,#00b89426,#2ecc711a);color:var(--success-color);border-color:#00b8944d}.friend-btn.unblock-btn:hover{background:var(--success-color);color:#fff;border-color:var(--success-color);box-shadow:0 2px 12px #00b89466}.friends-search-bar{display:flex;align-items:center;gap:.6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:.8rem 1.2rem;margin-bottom:1.5rem;color:var(--text-secondary);transition:all .25s}.friends-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 16px var(--glow-primary)}.friends-search-icon{flex-shrink:0}.friends-search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:inherit}.friends-search-bar input::placeholder{color:var(--text-secondary)}.friends-search-clear{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s}.friends-search-clear:hover{background:var(--error-color);color:#fff}.friends-toast{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;font-weight:500;position:relative;z-index:10}.friends-toast.info{background:linear-gradient(135deg,#00b89426,#2ecc7114);border:1px solid var(--success-color);color:var(--success-color)}.friends-toast.error{background:linear-gradient(135deg,#e74c3c26,#c0392b14);border:1px solid var(--error-color);color:var(--error-color)}.toast-icon-ok,.toast-icon-err{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.toast-icon-ok{background:var(--success-color);color:#fff}.toast-icon-err{background:var(--error-color);color:#fff}.friends-confirm-modal{background:linear-gradient(135deg,var(--bg-card),#16213e);border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 40px #00000080}.friends-confirm-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;background:#e74c3c26;border:2px solid rgba(231,76,60,.3);color:#e74c3c}.friends-confirm-modal h3{font-family:MedievalSharp,cursive;font-size:1.3rem;margin-bottom:.6rem}.friends-confirm-modal p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.friends-confirm-actions{display:flex;gap:.8rem;justify-content:center}.friends-confirm-cancel{padding:.6rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-family:inherit;transition:all .2s}.friends-confirm-cancel:hover{background:var(--bg-card);color:var(--text-primary)}.friends-confirm-ok{padding:.6rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;color:#fff;transition:all .2s}.friends-confirm-ok.remove{background:linear-gradient(135deg,#e74c3c,#c0392b)}.friends-confirm-ok.block{background:linear-gradient(135deg,var(--error-color),#b71540)}.friends-confirm-ok:hover{transform:scale(1.05);box-shadow:0 4px 16px #e74c3c66}.mail-bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.mail-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--secondary-color);box-shadow:0 0 6px var(--glow-accent)}.mail-banner{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.mail-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s;flex-shrink:0}.mail-back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 12px var(--glow-primary)}.mail-banner-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px var(--glow-accent);flex-shrink:0}.mail-banner-text{flex:1}.mail-banner-title{font-family:MedievalSharp,cursive;font-size:1.6rem;background:linear-gradient(135deg,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mail-banner-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);margin-top:.15rem}.mail-banner-unread{display:flex;align-items:center;gap:.35rem}.mail-banner-unread.has{color:var(--accent-color);text-shadow:0 0 12px var(--glow-accent)}.mail-banner-divider{opacity:.4}.mail-delete-all-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:12px;border:1px solid rgba(231,76,60,.4);background:#e74c3c1f;color:#e74c3c;cursor:pointer;font-size:.85rem;font-weight:600;font-family:inherit;transition:all .2s;flex-shrink:0}.mail-delete-all-btn:hover{background:#e74c3c40;box-shadow:0 2px 12px #e74c3c4d}.mail-content{max-width:720px;margin:0 auto;position:relative;z-index:1}.mail-list{display:flex;flex-direction:column;gap:.6rem}.mail-item{display:flex;gap:1rem;background:linear-gradient(135deg,var(--bg-card),rgba(26,26,46,.8));border:1px solid var(--border-color);border-radius:16px;padding:1rem;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.mail-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(108,92,231,.05));opacity:0;transition:opacity .25s;pointer-events:none}.mail-item:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #6c5ce726}.mail-item:hover:before{opacity:1}.mail-item.expanded{border-color:var(--primary-color)}.mail-item.friend-request{border-left:3px solid var(--accent-color)}.mail-item.friend-request.unread{box-shadow:0 0 16px #fd79a833}.mail-item.system{border-left:3px solid var(--secondary-color)}.mail-item.system.unread{box-shadow:0 0 16px #a29bfe33}.mail-item.responded{opacity:.65}.mail-avatar-wrap{position:relative;flex-shrink:0}.mail-avatar-ring{width:52px;height:52px;border-radius:50%;padding:2px}.mail-avatar-ring.unread{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));box-shadow:0 0 12px var(--glow-accent)}.mail-avatar-wrap.request .mail-avatar-ring{background:linear-gradient(135deg,var(--accent-color),var(--primary-color))}.mail-avatar-wrap.system .mail-avatar-ring{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.mail-avatar-wrap.request .mail-avatar-ring:not(.unread){opacity:.8}.mail-avatar{width:100%;height:100%;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--bg-card)}.mail-avatar img{width:100%;height:100%;object-fit:cover}.mail-unread-badge-dot{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-dark);box-shadow:0 0 8px var(--glow-accent);animation:pulse-glow 2s ease-in-out infinite}.mail-body{flex:1;min-width:0}.mail-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;flex-wrap:wrap}.mail-type-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:8px;flex-shrink:0;white-space:nowrap}.mail-type-tag.request{background:#fd79a826;color:var(--accent-color);border:1px solid rgba(253,121,168,.3)}.mail-type-tag.system{background:#6c5ce726;color:var(--secondary-color);border:1px solid rgba(108,92,231,.3)}.mail-title{font-size:1.02rem;font-weight:600}.mail-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .25s}.mail-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;color:var(--text-primary)}.mail-sender-info{display:flex;align-items:center;gap:.6rem;background:#fd79a812;border:1px solid rgba(253,121,168,.2);border-radius:12px;padding:.5rem .8rem;margin-bottom:.6rem}.mail-sender-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--bg-input);flex-shrink:0}.mail-sender-avatar img{width:100%;height:100%;object-fit:cover}.mail-sender-name{font-weight:600;cursor:pointer;color:var(--accent-color);font-size:.95rem}.mail-sender-name:hover{text-decoration:underline}.mail-sender-stats{font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem;margin-left:auto}.mail-actions{display:flex;gap:.6rem;margin-top:.5rem}.mail-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:12px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;font-family:inherit}.mail-btn.accept-btn{background:linear-gradient(135deg,var(--success-color),#2ecc71);color:#fff;box-shadow:0 2px 10px #00b8944d}.mail-btn.accept-btn:hover{box-shadow:0 4px 16px #00b89480}.mail-btn.decline-btn{background:#e74c3c1f;color:#e74c3c;border:1px solid rgba(231,76,60,.4)}.mail-btn.decline-btn:hover{background:#e74c3c40;box-shadow:0 4px 12px #e74c3c40}.mail-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.mail-btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mail-responded-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-color);padding:.25rem .7rem;border-radius:10px;margin-top:.3rem}.mail-time{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.4rem;opacity:.7}.mail-delete-btn{position:absolute;top:.8rem;right:.8rem;width:30px;height:30px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mail-delete-btn:hover{background:#e74c3c33;color:#e74c3c;border-color:#e74c3c;box-shadow:0 2px 8px #e74c3c4d}.mail-confirm-modal{background:linear-gradient(135deg,var(--bg-card),#16213e);border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 40px #00000080}.mail-confirm-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;background:#e74c3c26;border:2px solid rgba(231,76,60,.3);color:#e74c3c}.mail-confirm-modal h3{font-family:MedievalSharp,cursive;font-size:1.3rem;margin-bottom:.6rem}.mail-confirm-modal p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.mail-confirm-actions{display:flex;gap:.8rem;justify-content:center}.mail-confirm-cancel{padding:.6rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-family:inherit;transition:all .2s}.mail-confirm-cancel:hover{background:var(--bg-card);color:var(--text-primary)}.mail-confirm-ok{padding:.6rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);transition:all .2s}.mail-confirm-ok:hover{transform:scale(1.05);box-shadow:0 4px 16px #e74c3c66}.mail-confirm-icon.danger{background:#e74c3c40;border-color:#e74c3c80;color:#e74c3c;animation:pulse-glow 2s ease-in-out infinite}.mail-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--border-color)}.mail-page-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mail-page-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 12px var(--glow-primary)}.mail-page-btn:disabled{opacity:.35;cursor:not-allowed}.mail-page-numbers{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center;max-width:300px}.mail-page-num{min-width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit;padding:0 .4rem}.mail-page-num:hover{background:#6c5ce726;color:var(--text-primary);border-color:#6c5ce766}.mail-page-num.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;box-shadow:0 2px 12px var(--glow-primary)}.public-profile-loading,.public-profile-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.public-profile-loading span{font-size:.95rem}.public-profile-error h3{font-family:MedievalSharp,cursive;font-size:1.4rem;color:var(--text-primary)}.public-profile-error p{font-size:.9rem;color:var(--text-secondary)}.public-profile-error-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-family:inherit;transition:all .2s;margin-top:.5rem}.public-profile-error-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 12px var(--glow-primary)}.public-profile-banner-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#f39c12,var(--accent-color));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #f39c1266;flex-shrink:0}.friends-banner-online.off{color:var(--text-secondary)}.pulse-dot.off{background:var(--text-secondary);box-shadow:none;animation:none}.public-profile-body{display:flex;gap:2rem;max-width:1000px;margin:0 auto;position:relative;z-index:1}@media (min-width: 769px){.public-profile-body{flex-wrap:nowrap}}.public-profile-info{flex:0 0 300px;background:linear-gradient(135deg,var(--bg-card),rgba(26,26,46,.9));border:1px solid var(--border-color);border-radius:20px;padding:1.8rem 1.5rem;text-align:center;box-shadow:0 4px 24px #0000004d}.public-profile-avatar-section{position:relative;display:block;margin:0 auto 1rem;width:140px}.public-profile-avatar-ring{width:140px;height:140px;border-radius:50%;padding:4px}.public-profile-avatar-ring.online{background:linear-gradient(135deg,var(--success-color),#2ecc71);box-shadow:0 0 24px #00b89466}.public-profile-avatar-ring.offline{background:linear-gradient(135deg,var(--border-color),var(--bg-input))}.public-profile-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:3px solid var(--bg-card)}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:var(--text-secondary)}.public-profile-level-badge{position:absolute;bottom:6px;right:-4px;min-width:36px;height:36px;padding:0 8px;border-radius:18px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-dark);box-shadow:0 4px 12px #f39c1266}.public-profile-name{font-family:MedievalSharp,cursive;font-size:1.6rem;margin-bottom:1.2rem;background:linear-gradient(135deg,#fff,var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.public-profile-stats{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.public-stat-card{display:flex;align-items:center;gap:.8rem;padding:.65rem .9rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;transition:all .25s}.public-stat-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.public-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.level-card .public-stat-icon{background:#6c5ce726;color:var(--secondary-color)}.power-card .public-stat-icon{background:#f39c1226;color:#f39c12}.mastery-card .public-stat-icon{background:#fd79a826;color:var(--accent-color)}.public-stat-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.public-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.public-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.public-section-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;margin-bottom:.8rem;color:var(--secondary-color);font-family:MedievalSharp,cursive}.public-profile-model{flex:1;min-width:0;background:linear-gradient(135deg,var(--bg-card),rgba(26,26,46,.9));border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 24px #0000004d}.public-profile-model-header{display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.public-profile-model-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--secondary-color);background:#6c5ce71a;border:1px solid rgba(108,92,231,.25);padding:.35rem 1rem;border-radius:20px;font-weight:500}.public-profile-model-wrap{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:14px}.public-profile-model-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:14px}.public-profile-model-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.25;border-radius:12px;z-index:0}@media (max-width: 768px){.public-profile-body{flex-direction:column}.public-profile-info{flex:1}.friends-tabs{flex-direction:column}.friends-tab{justify-content:center}.friend-card{flex-wrap:wrap}.friends-banner-title{font-size:1.3rem}.friends-banner-icon{width:44px;height:44px}}.stats-notification{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stats-panel{padding:1rem}.stats-loading,.stats-error{text-align:center;padding:2rem;color:var(--text-secondary)}.stats-balance{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f1c40f33,#f39c121a);border:1px solid rgba(241,196,15,.3);border-radius:12px;margin-bottom:1rem}.stats-balance-label{font-size:1.1rem;color:var(--text-primary)}.stats-balance-value{font-size:1.3rem;font-weight:700;color:#f1c40f}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;padding:1rem}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px}.stat-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.stat-desc{font-size:.8rem;color:var(--text-secondary);margin:.25rem 0 0}.stat-progress{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.stat-progress-fill{height:100%;transition:width .3s ease}.stat-level{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.stat-upgrade-btn{width:100%;padding:.75rem;background:#0000004d;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:not-allowed;transition:all .2s}.stat-upgrade-btn.can-upgrade{cursor:pointer;background:#6c5ce71a}.stat-upgrade-btn.can-upgrade:hover{background:#6c5ce733;box-shadow:0 0 15px var(--glow-primary);transform:translateY(-2px)}.stat-upgrade-btn.upgrading{opacity:.6;cursor:wait}.inventory-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inventory-modal{position:relative;width:95%;max-width:650px;max-height:90vh;background:linear-gradient(135deg,#1a1a2efa,#141428fa,#0f0f23fa);border:2px solid rgba(108,92,231,.4);border-radius:24px;padding:2rem;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #6c5ce733,inset 0 1px #ffffff1a;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.inventory-modal::-webkit-scrollbar{width:8px}.inventory-modal::-webkit-scrollbar-track{background:#0003;border-radius:4px}.inventory-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c5ce7,#a29bfe);border-radius:4px}.inventory-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:#e74c3c26;border:2px solid rgba(231,76,60,.5);border-radius:12px;color:#e74c3c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.inventory-close:hover{background:#e74c3c4d;border-color:#e74c3c;box-shadow:0 0 20px #e74c3c66;transform:rotate(90deg)}.inventory-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;background:#0003;border-radius:16px;border:1px solid rgba(108,92,231,.2)}.inventory-tab{flex:1;padding:1rem;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.inventory-tab:hover{background:#6c5ce71a;color:var(--text-primary)}.inventory-tab.active{background:linear-gradient(135deg,#6c5ce74d,#a29bfe33);border:1px solid rgba(108,92,231,.5);color:var(--text-primary);box-shadow:0 4px 15px #6c5ce74d}.inventory-content{min-height:300px}.inventory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.inventory-empty svg{opacity:.3;filter:grayscale(100%)}.inventory-empty p{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.inventory-empty small{font-size:.9rem;opacity:.6}.stats-content{padding:.5rem 0}.stats-balance{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f1c40f26,#f39c1214);border:1px solid rgba(241,196,15,.3);border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 20px #f1c40f1a}.stats-balance svg{font-size:2rem}.stats-balance div{display:flex;flex-direction:column;gap:.25rem}.stats-balance-label{font-size:.9rem;color:var(--text-secondary)}.stats-balance-value{font-size:1.8rem;font-weight:700;color:#f1c40f;text-shadow:0 0 20px rgba(241,196,15,.5)}.stats-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:720px;margin:0 auto;align-items:start}.stat-item{background:#00000040;border:1px solid rgba(108,92,231,.2);border-radius:16px;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.5}.stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 15px #0000004d}.stat-info{flex:1}.stat-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.stat-emoji{font-size:1.2rem}.stat-desc{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0}.stat-progress{width:100%;height:10px;background:#0006;border-radius:5px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 4px #0000004d}.stat-progress-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px currentColor}.stat-level{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;padding:0 .25rem}.stat-level strong{color:var(--text-primary);font-weight:600}.stat-upgrade-btn{width:100%;padding:.875rem;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:not-allowed;transition:all .3s;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.stat-upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.stat-upgrade-btn.can-upgrade:hover:before{left:100%}.stat-upgrade-btn.can-upgrade{cursor:pointer;box-shadow:0 4px 20px #0000004d}.stat-upgrade-btn.can-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0006;filter:brightness(1.1)}.stat-upgrade-btn.can-upgrade:active{transform:translateY(0)}.stat-upgrade-btn.upgrading{opacity:.7;cursor:wait}.stats-notification{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.25rem;font-size:.95rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.stats-notification.success{background:#2ecc7133;border:1px solid rgba(46,204,113,.5);color:#2ecc71}.stats-notification.error{background:#e74c3c33;border:1px solid rgba(231,76,60,.5);color:#e74c3c}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.loading-spinner{display:flex;align-items:center;justify-content:center}.stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary);text-align:center}.stats-error svg{opacity:.3}@media (max-width: 1024px){.game-content{display:flex!important;flex-direction:column!important;gap:.75rem;padding:.75rem;overflow-y:auto!important;overflow-x:hidden}.game-header{padding:.6rem 1rem}.game-header-left h2{font-size:1.2rem}.game-header-stats{gap:.4rem;flex-wrap:nowrap}.level-exp-block,.stats-block,.currency-block{min-width:0;flex:1 1 0;height:56px;padding:.15rem .5rem}.level-info{gap:.4rem;margin-bottom:.2rem}.level-badge{padding:.15rem .4rem;gap:.2rem}.level-badge svg{width:14px;height:14px}.level-number{font-size:.9rem}.exp-label{font-size:.55rem}.exp-current{font-size:.72rem}.exp-max{font-size:.6rem}.stats-block .stat-item,.currency-item{height:36px;padding:0}.stats-block .stat-item svg,.currency-item svg,.currency-item .currency-icon{width:13px;height:13px}.stats-block .stat-value,.currency-value{font-size:.72rem}.stats-block .energy-max{font-size:.5rem}.stats-labels,.currency-labels{font-size:.45rem}.stat-inline{font-size:.8rem;padding:.28rem .6rem}.icon-btn{width:32px;height:32px}.draggable-panel{position:static!important;transform:none!important;width:100%!important;max-width:100%!important;top:auto!important;left:auto!important}.side-panel{max-height:none;min-width:0;max-width:100%;width:100%}.scroll-panel{position:static!important;transform:none!important;max-width:100%;width:100%!important}.scroll-panel .scroll-body{max-height:200px;overflow-y:auto}.center-column{order:-1;overflow:visible!important;position:relative!important;transform:none!important}.game-character-panel{position:relative!important;transform:none!important;width:100%!important;height:45vh!important;min-height:280px;max-height:50vh;overflow:visible!important;border-radius:16px}.character-preview-wrap{position:relative;width:100%;height:100%;overflow:visible!important;z-index:1}.character-preview-wrap>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.model-icons-bottom{position:static!important;transform:none!important;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem;width:100%!important;margin:0}.action-btn{padding:.5rem;font-size:.75rem}.action-btn .icon-wrap{width:36px;height:36px}.drag-boundaries{display:none!important}.equipment-modal,.inventory-modal,.mail-modal,.friends-modal{width:95%;max-width:100%;padding:1rem}.equipment-model-wrap{width:100%;max-width:380px;height:420px}.stats-list{grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-list .stat-item{padding:1rem}.stat-icon{width:40px;height:40px}.stat-name{font-size:1rem}}@media (min-width: 1025px) and (max-width: 1440px){.level-exp-block,.stats-block,.currency-block{min-width:0;flex:1 1 0;height:56px;padding:.15rem .5rem}.stats-block .stat-item,.currency-item{height:38px;padding:0}.stats-block .stat-item svg,.currency-item svg,.currency-item .currency-icon{width:13px;height:13px}.stats-block .stat-value,.currency-value{font-size:.75rem}.stats-labels,.currency-labels{font-size:.48rem}.game-character-panel{width:100%!important;max-width:100%!important;height:auto!important;min-height:0;max-height:100%;flex:1 1 auto;transform:none!important}.character-preview-wrap{width:100%;height:100%;min-height:0}.character-preview-wrap>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.model-icons-bottom{position:static!important;transform:none!important;flex-shrink:0;max-width:100%}.equipment-modal.equipment-modal-model{max-width:700px}.equipment-model-wrap{height:440px}.equipment-tabs{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1rem}.equipment-tab{padding:.55rem .4rem;font-size:.75rem}.dice-modal.dice-modal-game{max-width:1020px}.dice-game-layout{grid-template-columns:480px 1fr;gap:.75rem}.die{width:58px;height:58px}.die-pip{width:8px;height:8px}.dice-board{padding:1.1rem 1.5rem;gap:.75rem}}@media (max-width: 768px){.game-screen{height:100dvh}.game-content{flex-direction:column!important;overflow-y:auto!important;padding:.5rem;gap:.5rem}.game-header{padding:.5rem;flex-wrap:wrap}.game-header-left h2{font-size:1rem}.game-header-left .avatar-wrap,.game-header-left img{width:34px;height:34px}.game-header-stats{order:3;width:100%;justify-content:center;flex-wrap:nowrap;gap:.25rem;padding-top:.45rem;border-top:1px solid rgba(108,92,231,.2)}.level-exp-block,.stats-block,.currency-block{min-width:0;flex:1 1 0;height:48px;padding:.1rem .3rem}.level-info{gap:.3rem;margin-bottom:.15rem}.level-badge{padding:.1rem .3rem;gap:.15rem}.level-badge svg{width:12px;height:12px}.level-number{font-size:.8rem}.exp-info{gap:.1rem}.exp-header svg{width:10px;height:10px}.exp-label{font-size:.5rem}.exp-current{font-size:.62rem}.exp-separator{font-size:.55rem}.exp-max{font-size:.52rem}.exp-progress-track{height:3px}.stats-block .stat-item,.currency-item{height:30px;padding:0;gap:.15rem}.stats-block .stat-item svg,.currency-item svg,.currency-item .currency-icon{width:11px;height:11px}.stats-block .stat-value,.currency-value{font-size:.62rem}.stats-block .energy-info{gap:.1rem}.stats-block .energy-max{font-size:.45rem}.stats-block .energy-timer{font-size:.42rem}.stats-labels,.currency-labels{gap:.2rem;font-size:.45rem;letter-spacing:.1px}.stats-labels span,.currency-labels span{white-space:nowrap;overflow:hidden}.exp-progress-track{height:4px}.game-header-right{gap:.4rem}.draggable-panel{position:static!important;transform:none!important;width:100%!important;max-width:100%!important;top:auto!important;left:auto!important}.stat-inline{font-size:.74rem;gap:.28rem;padding:.24rem .55rem}.stat-inline svg{width:13px;height:13px}.stat-inline small{font-size:.62rem}.model-icons-bottom{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.25rem;padding:.5rem;width:100%!important;margin:0;box-sizing:border-box}.action-btn{padding:.35rem;font-size:.65rem;gap:.2rem;min-height:56px!important}.action-btn svg{width:18px!important;height:18px!important}.action-btn .soon-tag{font-size:.5rem;padding:.1rem .3rem;top:2px;right:2px}.model-icons-bottom .soon-badge{display:contents!important}.game-content{padding:.5rem;gap:.5rem}.side-panel{padding:.5rem}.scroll-top,.scroll-bottom{height:20px}.game-character-panel{height:38vh!important;min-height:200px;max-height:45vh;overflow:visible!important;border-radius:16px}.character-preview-wrap{overflow:visible!important;width:100%;height:100%}.character-preview-wrap>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.character-preview-wrap img:not(.dwelling-bg){max-width:65%!important;max-height:75%!important}.character-preview-wrap img[data-slot=sword]{max-width:45%!important;max-height:55%!important;transform:translate(30%,20%)!important}.character-preview-wrap img[data-slot=shield]{max-width:45%!important;max-height:55%!important;transform:translate(-35%,20%)!important}.center-column{order:-1}.model-icons-bottom{order:0;position:static!important;transform:none!important;width:100%!important}.scroll-panel{position:static!important;transform:none!important;width:100%!important;max-width:100%!important}.equipment-modal,.inventory-modal,.mail-modal,.friends-modal,.public-profile-modal{width:100%;max-height:92vh;border-radius:16px;padding:.75rem}.equipment-modal{overflow:visible!important;max-height:none}.modal-overlay{overflow-y:auto;align-items:flex-start;padding:1rem 0}.equipment-close,.inventory-close,.mail-close,.friends-close{width:32px;height:32px;top:.75rem;right:.75rem}.equipment-model-wrap{height:350px;padding:1rem;overflow:visible!important}.equipment-model-wrap>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.equipment-tabs{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.9rem}.equipment-tab{padding:.5rem .35rem;font-size:.72rem}.dice-modal{padding:1rem}.dice-modal.dice-modal-game{max-width:100%}.dice-game-layout{grid-template-columns:1fr}.dice-scroll.compact{max-height:180px}.die{width:62px;height:62px}.inventory-tabs{gap:.5rem;margin-bottom:1rem}.inventory-tab{padding:.75rem .5rem;font-size:.85rem}.stats-list{grid-template-columns:1fr;gap:.75rem}.stats-balance{padding:.9rem}.stats-balance-value{font-size:1.5rem}.stats-list .stat-item{padding:.9rem}.stat-progress{height:8px}.stat-upgrade-btn{padding:.75rem;font-size:.9rem}.inventory-modal-overlay{align-items:flex-end;padding:0}.inventory-modal{width:100%;max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;padding:1rem .75rem .75rem}.ui-editor-overlay{align-items:flex-end;padding:0}.ui-editor-modal{width:100%;max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;padding:1rem .75rem .75rem}.friends-banner{padding:.75rem}.friends-banner-title{font-size:1.1rem}.friends-list{max-height:50vh}.friend-card{padding:.6rem;gap:.75rem}.friend-avatar-wrap{width:48px!important;height:48px!important;flex-shrink:0}.friend-avatar-ring{width:100%!important;height:100%!important;padding:2px!important}.friend-avatar{width:100%!important;height:100%!important;border-width:2px!important}.friend-avatar svg{width:20px!important;height:20px!important}.mail-list{max-height:55vh}.mail-item{padding:.6rem}}@media (max-width: 768px){.mail-screen{padding:.75rem .6rem!important}.mail-banner{flex-direction:column;align-items:stretch;gap:.6rem;padding:.8rem .9rem!important}.mail-banner-text{order:-1;text-align:center}.mail-banner-title{font-size:1.15rem!important}.mail-banner-subtitle{justify-content:center;font-size:.72rem}.mail-back-btn{position:absolute;top:.7rem;left:.7rem}.mail-delete-all-btn{justify-content:center;font-size:.78rem;padding:.5rem .8rem}.mail-item{gap:.65rem;padding:.7rem .65rem;border-radius:13px}.mail-avatar-ring{width:42px;height:42px}.mail-avatar svg{width:20px;height:20px}.mail-title{font-size:.9rem}.mail-type-tag{font-size:.6rem;padding:1px 6px}.mail-text{font-size:.8rem;line-height:1.4}.mail-sender-info{padding:.45rem .6rem;gap:.45rem;flex-wrap:wrap}.mail-sender-name{font-size:.85rem}.mail-actions{flex-wrap:wrap;gap:.4rem!important}.mail-btn{flex:1 1 auto;justify-content:center;font-size:.8rem;padding:.5rem .8rem!important}.mail-delete-btn{width:32px;height:32px}.mail-pagination{flex-wrap:wrap;gap:.4rem}.mail-page-btn{padding:.45rem .7rem;font-size:.8rem}.mail-page-numbers{flex-wrap:wrap;justify-content:center;gap:.3rem}.mail-confirm-modal{width:92%!important;padding:1.2rem!important}}@media (max-width: 480px){.mail-screen{padding:.6rem .4rem!important}.mail-banner{padding:.7rem .6rem!important}.mail-banner-title{font-size:1rem!important}.mail-item{padding:.6rem .5rem;gap:.5rem}.mail-avatar-ring{width:38px;height:38px}.mail-title{font-size:.84rem}.mail-text{font-size:.76rem}.mail-time{font-size:.65rem}}@media (max-width: 480px){.game-header-left h2{font-size:.9rem}.stat-inline{font-size:.68rem;padding:.2rem .45rem;gap:.22rem}.stat-inline svg{width:11px;height:11px}.stat-inline small{font-size:.58rem}.model-icons-bottom{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.2rem;padding:.4rem}.action-btn{padding:.25rem;font-size:.58rem;min-height:48px!important}.action-btn svg{width:16px!important;height:16px!important}.action-btn .soon-tag{font-size:.45rem;padding:.08rem .25rem}.model-icons-bottom .soon-badge{display:contents!important}.inventory-tab{font-size:.8rem;gap:.3rem}.inventory-tab svg{display:none}.stat-name{font-size:.9rem}.stat-desc{font-size:.75rem}.stat-level{font-size:.78rem;flex-direction:column;gap:.2rem}.equipment-model-wrap{height:300px;padding:.75rem;overflow:visible!important}.equipment-model-wrap>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.equipment-title{font-size:1.1rem}.equipment-tabs{grid-template-columns:repeat(2,1fr);gap:.35rem;margin-top:.75rem}.equipment-tab{padding:.5rem .3rem;font-size:.7rem;min-height:40px}.dice-overlay{padding:.5rem;align-items:flex-start}.dice-modal{padding:1rem .75rem}.dice-entry-buttons,.dice-game-layout{grid-template-columns:1fr}.dice-scroll.compact{max-height:150px}.dice-board{grid-template-columns:repeat(2,1fr);padding:1rem;gap:.75rem}.die{width:64px;height:64px}.die-pip{width:9px;height:9px}.auth-container{max-width:100%!important;padding:1.5rem 1rem!important;margin:0 .5rem}.logo-icon{font-size:3rem!important}.logo h1{font-size:1.5rem!important}.logo-subtitle{font-size:.8rem!important}.auth-tabs{flex-direction:column!important;gap:.25rem!important;margin-bottom:1rem!important}.auth-tab{padding:.7rem!important;font-size:.9rem!important}.auth-form{gap:.8rem!important}.auth-form input{height:44px!important;font-size:1rem!important}.auth-form button[type=submit]{height:48px!important;font-size:1rem!important;margin-top:.5rem!important}.auth-form .error-message{font-size:.85rem!important;padding:.6rem!important}.character-creation{padding:.75rem!important}.creation-container{padding:1rem!important;max-width:100%!important}.creation-header h1{font-size:1.4rem!important}.creation-header p{font-size:.85rem!important}.creation-body{flex-direction:column!important;gap:1rem!important}.creation-preview-panel{width:100%!important;max-width:300px!important;height:300px!important;margin:0 auto!important}.creation-settings-panel{flex:1!important;min-width:0!important}.creation-input{height:44px!important;font-size:1rem!important}.gender-selector{flex-direction:column!important;gap:.5rem!important}.gender-btn{padding:.75rem!important;font-size:.9rem!important}.create-btn{height:48px!important;font-size:1rem!important}.public-profile-body{flex-direction:column!important;gap:1rem!important;padding:0 .5rem}.public-profile-info{flex:none!important;width:100%!important;max-width:100%!important;padding:1rem!important}.public-profile-avatar-ring{width:100px!important;height:100px!important;padding:3px!important}.public-profile-avatar-section{width:100px!important}.public-profile-avatar{border-width:2px!important}.public-profile-level-badge{bottom:0!important;right:-4px!important;min-width:26px!important;height:26px!important;padding:0 6px!important;font-size:.7rem!important}.public-profile-name{font-size:1.3rem!important;margin-bottom:.8rem!important}.public-profile-stats{gap:.4rem!important}.public-stat-card{padding:.5rem .7rem!important}.public-stat-icon{width:32px!important;height:32px!important}.public-stat-value{font-size:.95rem!important}.public-profile-model{min-width:0!important;width:100%!important}.public-profile-model-wrap{min-height:280px!important;height:35vh!important}.public-profile-model-frame>div{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.friends-tabs{flex-wrap:wrap!important}.friends-tab{flex:1 1 calc(50% - .25rem)!important;min-width:0!important;padding:.6rem .5rem!important;font-size:.8rem!important}.friends-tab svg{display:none!important}.friends-list{max-height:60vh!important}.friend-card{padding:.6rem!important;gap:.5rem!important}.friend-avatar-wrap{width:36px!important;height:36px!important}.friend-avatar{width:36px!important;height:36px!important;border-width:2px!important}.friend-avatar svg{width:18px!important;height:18px!important}.friend-info h4{font-size:.85rem!important}.friend-info p{font-size:.75rem!important}.friend-actions{gap:.25rem!important}.friend-actions button{padding:.4rem .5rem!important;font-size:.75rem!important}.friends-banner{flex-direction:column!important;gap:.5rem!important;text-align:center}.friends-back-btn{align-self:flex-start!important}.friends-banner-icon{width:44px!important;height:44px!important}.friends-banner-title{font-size:1.2rem!important}.friends-banner-subtitle{font-size:.75rem!important}}@media (max-height: 500px) and (orientation: landscape){.game-content{grid-template-columns:minmax(180px,220px) 1fr minmax(180px,220px);grid-template-rows:1fr}.game-header{padding:.4rem .8rem}.game-header-stats{gap:.75rem}.game-character-panel{height:75vh!important}.model-icons-bottom{grid-template-columns:repeat(4,1fr)}.side-panel{overflow-y:auto}}.area-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0a14;display:flex;align-items:center;justify-content:center;height:100dvh;overscroll-behavior:contain}.area-scene{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.area-map-bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(24px) brightness(.55);transform:scale(1.1);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.area-map-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}@media (max-width: 768px) and (orientation: portrait){.area-map-img{object-fit:cover}.area-map-bg{display:block}.area-scene{background:none;box-shadow:none}.shop-scene .area-map-img,.shop-scene .area-map-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}}.area-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a148c,#0a0a1426 35%,#0a0a1426 60%,#0a0a1499);pointer-events:none;z-index:2}.area-title{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;background:linear-gradient(135deg,#1a1a2eeb,#0f0f1eeb);border:1px solid rgba(108,92,231,.45);border-radius:999px;color:#fff;font-weight:700;font-size:1rem;z-index:3;box-shadow:0 4px 16px #0006,0 0 18px #6c5ce733}.area-title svg{color:#a29bfe}.area-nav{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:3}.area-nav-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem 1.4rem;min-width:130px;background:linear-gradient(135deg,#1a1a2ef0,#0f0f1ef0);border:1px solid rgba(108,92,231,.45);border-radius:16px;color:var(--text-primary);cursor:pointer;box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff0f;transition:border-color .25s,box-shadow .25s}.area-nav-btn:hover{border-color:#6c5ce7cc;box-shadow:0 8px 24px #00000080,0 0 22px #6c5ce74d}.area-nav-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#6c5ce72e;border:1px solid rgba(108,92,231,.35)}.area-nav-name{font-weight:700;font-size:.95rem}.area-nav-desc{font-size:.68rem;color:var(--text-secondary)}.area-nav-btn.tavern-btn{border-color:#f39c1273}.area-nav-btn.tavern-btn .area-nav-icon{background:#f39c122e;border-color:#f39c1266;color:#f39c12}.area-nav-btn.tavern-btn:hover{border-color:#f39c12bf;box-shadow:0 8px 24px #00000080,0 0 22px #f39c124d}.area-nav-btn.vip-btn{border-color:#f1c40f73}.area-nav-btn.vip-btn .area-nav-icon{background:#f1c40f26;border-color:#f1c40f66;color:#f1c40f}.area-nav-btn.vip-btn:hover{border-color:#f1c40fbf;box-shadow:0 8px 24px #00000080,0 0 22px #f1c40f4d}.area-close-btn{position:absolute;top:1.25rem;right:1.25rem;z-index:4;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#1a1a2eeb,#0f0f1eeb);border:1px solid rgba(231,76,60,.45);border-radius:12px;color:#e74c3c;cursor:pointer;transition:all .25s}.area-close-btn:hover{background:#e74c3c33;box-shadow:0 0 16px #e74c3c59}.area-back-btn{position:absolute;top:1.25rem;left:1.25rem;z-index:4;display:flex;align-items:center;gap:.35rem;padding:.55rem 1rem;background:linear-gradient(135deg,#1a1a2eeb,#0f0f1eeb);border:1px solid rgba(108,92,231,.45);border-radius:12px;color:var(--text-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .25s}.area-back-btn:hover{border-color:#6c5ce7cc;box-shadow:0 0 16px #6c5ce74d}.area-vip-badge{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;background:linear-gradient(135deg,#f1c40f33,#1a1a2eeb);border:1px solid rgba(241,196,15,.5);border-radius:999px;color:#f1c40f;font-weight:700;z-index:3;box-shadow:0 0 18px #f1c40f40}.area-vip-soon{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#1a1a2eeb,#0f0f1eeb);border:1px solid rgba(241,196,15,.4);border-radius:18px;color:#f1c40f;text-align:center;box-shadow:0 8px 28px #00000080,0 0 24px #f1c40f33}.area-vip-soon h3{margin:0;font-size:1.2rem;color:#f1c40f}.area-vip-soon p{margin:0;font-size:.85rem;color:var(--text-secondary)}.vip-zone-scene{overflow-y:auto}.vip-bar-card{position:relative;z-index:3;width:min(92%,480px);margin:0 auto;padding:1.1rem;background:linear-gradient(160deg,#1a1a2ef0,#0f0f1ef0);border:1px solid rgba(241,196,15,.4);border-radius:16px;box-shadow:0 8px 28px #00000080,0 0 24px #f1c40f26;max-height:55vh;overflow-y:auto}.vip-bar-loading{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.9rem}.vip-bar-error{margin-top:.75rem;padding:.6rem .8rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.4);border-radius:10px;color:#ff6b6b;font-size:.85rem;text-align:center}.vip-mix-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.7rem}.vip-mix-emoji{font-size:2rem;filter:drop-shadow(0 0 10px rgba(241,196,15,.4))}.vip-mix-head-info h3{margin:0;font-family:MedievalSharp,cursive;font-size:1.05rem;color:#f1c40f;line-height:1.25}.vip-mix-effect{display:inline-flex;align-items:center;gap:.3rem;margin-top:.25rem;font-size:.8rem;color:#ff9f43;font-weight:600}.vip-mix-composition{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary);font-style:italic}.vip-mix-description{margin:0 0 .9rem;font-size:.82rem;color:var(--text-secondary);line-height:1.45;padding:.6rem .75rem;background:#ffffff0a;border-radius:10px}.vip-relax-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:12px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vip-relax-btn:disabled{opacity:.6;cursor:wait}.vip-mix-status{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:12px}.vip-mix-status.smoking{background:#3498db1f;border:1px solid rgba(52,152,219,.35);color:#74b9ff}.vip-mix-status.buffed{background:#f1c40f1f;border:1px solid rgba(241,196,15,.4);color:#f1c40f}.vip-mix-status-info{display:flex;flex-direction:column;gap:.1rem}.vip-mix-status-info strong{font-size:.9rem;font-variant-numeric:tabular-nums}.vip-mix-status-info span{font-size:.75rem;opacity:.8}.vip-wind-icon{animation:vip-wind-sway 2s ease-in-out infinite}@keyframes vip-wind-sway{0%,to{transform:translate(-2px) rotate(-6deg)}50%{transform:translate(2px) rotate(6deg)}}.vip-buff-ready{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.6rem;padding:.5rem;background:#2ecc7126;border:1px solid rgba(46,204,113,.4);border-radius:10px;color:#2ecc71;font-size:.85rem;font-weight:600}.vip-curtains{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;pointer-events:none}.vip-curtain{position:absolute;top:0;bottom:0;width:50.5%;background:repeating-linear-gradient(90deg,#3d0f2e,#58163f 18px,#6e1c4f,#4a1236 46px,#3d0f2e 64px),linear-gradient(180deg,#4a1236,#2e0a20);background-blend-mode:overlay;box-shadow:inset 0 -30px 60px #0000008c,inset 0 20px 40px #00000059}.vip-curtain.left{left:0;border-right:6px solid #c9a227;box-shadow:8px 0 24px #0009,inset 0 -30px 60px #0000008c,inset 0 20px 40px #00000059}.vip-curtain.right{right:0;border-left:6px solid #c9a227;box-shadow:-8px 0 24px #0009,inset 0 -30px 60px #0000008c,inset 0 20px 40px #00000059}.vip-curtain-fringe{position:absolute;bottom:-1px;left:0;right:0;height:34px;background:radial-gradient(circle at 16px -8px,transparent 24px,#4a1236 25px) 0 0 / 32px 34px repeat-x;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.vip-curtain.left .vip-curtain-fringe{transform:scaleX(-1)}.vip-curtain-tassel{position:absolute;top:50%;width:14px;height:90px;border-radius:7px;background:linear-gradient(180deg,#e8c547,#c9a227 55%,#8a6d1a);box-shadow:0 0 14px #e8c54780}.vip-curtain.left .vip-curtain-tassel{right:-10px}.vip-curtain.right .vip-curtain-tassel{left:-10px}.vip-curtain-rod{position:absolute;top:0;left:0;right:0;height:14px;background:linear-gradient(180deg,#e8c547,#b8941f 60%,#7d6315);box-shadow:0 3px 10px #0009}.vip-curtain-rod:before,.vip-curtain-rod:after{content:"";position:absolute;top:-3px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5dd7a,#c9a227 60%,#8a6d1a);box-shadow:0 2px 8px #00000080}.vip-curtain-rod:before{left:8px}.vip-curtain-rod:after{right:8px}.vip-smoke-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.vip-smoke-puff{position:absolute;bottom:16%;left:calc(25% + (var(--i) * 5%));width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 40% 45%,rgba(215,215,225,.5) 0%,rgba(190,190,205,.32) 30%,rgba(160,160,180,.16) 55%,transparent 75%);filter:blur(8px);opacity:0;animation:vip-smoke-rise 8s linear infinite;animation-delay:calc(var(--i) * .45s);will-change:transform,opacity}.vip-smoke-puff:nth-child(3n){width:130px;height:130px;animation-duration:9.5s}.vip-smoke-puff:nth-child(3n+1){width:70px;height:70px;animation-duration:7s;bottom:14%}.vip-smoke-puff:nth-child(4n){filter:blur(14px);background:radial-gradient(circle at 45% 50%,rgba(200,200,215,.42) 0%,rgba(175,175,195,.24) 40%,transparent 70%)}.vip-smoke-puff:nth-child(5n){left:calc(20% + (var(--i) * 6%));bottom:20%}@keyframes vip-smoke-rise{0%{opacity:0;transform:translateY(0) translate(0) scale(.4) rotate(0)}10%{opacity:.9}25%{transform:translateY(-14vh) translate(calc(var(--i) * 2px - 8px)) scale(1.1) rotate(12deg)}50%{opacity:.65;transform:translateY(-30vh) translate(calc(var(--i) * -2px + 10px)) scale(1.7) rotate(-10deg)}75%{opacity:.4;transform:translateY(-46vh) translate(calc(var(--i) * 3px - 14px)) scale(2.3) rotate(8deg)}to{opacity:0;transform:translateY(-62vh) translate(calc(var(--i) * 2px)) scale(3) rotate(0)}}.vip-smoke-layer:before{content:"";position:absolute;bottom:10%;left:30%;width:40%;height:18%;background:radial-gradient(ellipse at center,rgba(190,190,205,.3) 0%,rgba(170,170,190,.14) 50%,transparent 75%);filter:blur(18px);animation:vip-smoke-haze 5s ease-in-out infinite alternate}@keyframes vip-smoke-haze{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.vip-smoke-puff{position:absolute;bottom:18%;left:calc(30% + (var(--i) * 4%));width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(200,200,210,.35) 0%,rgba(180,180,195,.18) 45%,transparent 70%);filter:blur(6px);opacity:0;animation:vip-smoke-rise 6s linear infinite;animation-delay:calc(var(--i) * .5s)}@keyframes vip-smoke-rise{0%{opacity:0;transform:translateY(0) scale(.6) translate(0)}15%{opacity:.8}60%{opacity:.5}to{opacity:0;transform:translateY(-45vh) scale(2.2) translate(calc((var(--i) - 6) * 6px))}}.vip-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.vip-intro-modal{width:min(92%,420px);background:linear-gradient(160deg,#1a1a2efa,#0f0f1efa);border:2px solid rgba(241,196,15,.45);border-radius:18px;padding:1.5rem 1.25rem 1.25rem;text-align:center;box-shadow:0 12px 40px #0009}.vip-intro-character{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.vip-intro-avatar{font-size:3.2rem;filter:drop-shadow(0 0 14px rgba(241,196,15,.4))}.vip-intro-nameplate{display:flex;flex-direction:column;gap:.1rem}.vip-intro-nameplate strong{font-family:MedievalSharp,cursive;font-size:1.1rem;color:#f1c40f}.vip-intro-nameplate span{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.vip-intro-text{margin:0 0 1rem;font-size:.92rem;line-height:1.55;color:var(--text-primary);min-height:5.5rem;display:flex;align-items:center}.vip-intro-dots{display:flex;justify-content:center;gap:.4rem;margin-bottom:1rem}.vip-intro-dots span{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .2s}.vip-intro-dots span.active{background:#f1c40f;box-shadow:0 0 8px #f1c40f80}.vip-intro-next{padding:.75rem 2rem;background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:12px;color:#000;font-weight:700;font-size:.95rem;cursor:pointer}.stat-item.power-item.buffed .stat-value{color:#f1c40f;text-shadow:0 0 8px rgba(241,196,15,.5)}.power-buff-mark{font-size:.6rem;font-weight:700;color:#f1c40f;padding:.05rem .3rem;border-radius:6px;background:#f1c40f26;border:1px solid rgba(241,196,15,.35);margin-left:.25rem}@media (max-width: 768px){.vip-bar-card{width:94%;padding:.85rem;max-height:58vh}.vip-mix-head-info h3{font-size:.92rem}.vip-mix-description,.vip-mix-composition{font-size:.75rem}.vip-intro-modal{padding:1.25rem 1rem 1rem}.vip-intro-text{font-size:.85rem;min-height:6rem}}@media (max-height: 600px){.vip-bar-card{max-height:62vh}.vip-smoke-puff{width:44px;height:44px}}.bank-header .bank-icon{background:#3498db2e;border-color:#3498db66;color:#74b9ff}.bank-card{position:relative;z-index:3;width:min(92%,460px);margin-top:1.1rem;padding:1.25rem;background:linear-gradient(135deg,#141428eb,#0c0c1cf2);border:1px solid rgba(52,152,219,.5);border-radius:18px;box-shadow:0 8px 28px #00000080,0 0 22px #3498db33}.bank-loading{text-align:center;padding:1.5rem;color:var(--text-secondary)}.bank-balances{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.bank-balance{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:14px;min-width:120px}.bank-balance.gold{background:#ffd70014;border:1px solid rgba(241,196,15,.35);color:#f1c40f}.bank-balance.silver{background:#bdc3c714;border:1px solid rgba(189,195,199,.35);color:#bdc3c7}.bank-balance-info{display:flex;flex-direction:column;line-height:1.2}.bank-balance-info strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.bank-balance-info span{font-size:.7rem;opacity:.75;text-transform:uppercase;letter-spacing:.05em}.bank-arrow{color:var(--text-secondary);flex-shrink:0}.bank-rate{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;margin-bottom:1rem;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:10px;color:#74b9ff;font-size:.85rem;font-weight:600}.bank-amount-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.4rem;text-align:center}.bank-amount{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.bank-amount-btn{width:42px;height:42px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary);font-size:1.2rem;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bank-amount-btn:hover:not(:disabled){background:#3498db26;border-color:#3498db80}.bank-amount-btn:disabled{opacity:.35;cursor:not-allowed}.bank-amount-value{flex:1;height:42px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px solid var(--border-color);border-radius:10px;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.bank-amount-input{width:100%;height:100%;background:transparent;border:none;outline:none;text-align:center;color:var(--text-primary);font-size:1.1rem;font-weight:700;font-family:inherit;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bank-amount-input::-webkit-outer-spin-button,.bank-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bank-quick{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.bank-quick-btn{flex:1;min-width:0;padding:.5rem .3rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bank-quick-btn:hover{color:var(--text-primary);border-color:#3498db80}.bank-quick-btn.active{background:#3498db26;border-color:#3498db99;color:#74b9ff}.bank-total{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;margin-bottom:1rem;background:#00000040;border-radius:10px;font-size:.95rem}.bank-total-price{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:#f1c40f}.bank-error{margin-bottom:.75rem;padding:.6rem .8rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.4);border-radius:10px;color:#ff6b6b;font-size:.85rem;text-align:center}.bank-exchange-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bank-exchange-btn:hover:not(:disabled){box-shadow:0 0 18px #3498db66}.bank-exchange-btn:disabled{opacity:.5;cursor:not-allowed}.bank-success-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#2ecc71eb;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 6px 20px #0006}@media (max-height: 500px) and (orientation: landscape){.shop-header{margin-top:.5rem;padding:.45rem .8rem}.shop-showcase{margin-top:.6rem;padding-bottom:3.5rem}.shop-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:flex;flex-wrap:wrap}.shop-card{padding:.6rem .5rem;width:73px;height:161px}.shop-card-icon{width:48px;height:48px;margin-top:.3rem}.shop-card-icon svg{width:24px;height:24px}.shop-card-name{font-size:.7rem;min-height:1.2em}.shop-card-aim,.shop-card-owned{display:none}.shop-card-dmg{font-size:.65rem}.shop-card-buy{font-size:.72rem;padding:.3rem .6rem;margin-top:.1rem}.shop-hint{display:none}.vip-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.vip-tier-icon{width:40px;height:40px;margin:.15rem 0}.vip-tier-name{display:none}.shop-buy-overlay{align-items:center}.shop-buy-modal{max-height:94dvh;border-radius:18px}}@media (max-height: 700px) and (min-width: 769px){.shop-header{margin-top:.6rem;padding:.5rem .9rem}.shop-showcase{margin-top:.7rem;padding-bottom:3.5rem}.shop-grid{gap:.7rem}.shop-card{padding:.75rem .7rem .7rem}.shop-card-icon{width:64px;height:64px;margin-top:.4rem}.shop-card-icon svg{width:30px;height:30px}.shop-card-name{font-size:.78rem;min-height:2.2em}.shop-card-buy{font-size:.8rem;padding:.4rem .8rem}.shop-hint{margin-top:.6rem}.vip-section{margin-top:.7rem;padding-bottom:3rem}.vip-tier-icon{width:52px;height:52px;margin:.2rem 0}.vip-tier-days{font-size:1.2rem}}@media (min-width: 769px) and (max-width: 1024px){.shop-header{margin-top:.85rem;padding:.6rem .9rem}.shop-grid{gap:.75rem}.shop-card{padding:.9rem .75rem .8rem}.shop-card-icon{width:78px;height:78px}.shop-card-icon svg{width:38px;height:38px}.shop-card-name{font-size:.85rem;min-height:2.6em}}@media (max-width: 768px){.shop-header{width:calc(100% - 1.4rem);margin-top:.7rem;padding:.55rem .8rem;gap:.6rem}.shop-header-icon{width:38px;height:38px}.shop-header-icon svg{width:19px;height:19px}.shop-header-info h2{font-size:1.05rem}.shop-header-info p{font-size:.64rem}.shop-balance{font-size:.8rem;padding:.4rem .65rem}.shop-showcase{width:calc(100% - 1.2rem)}.shop-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.shop-card{padding:.75rem .5rem .7rem;border-radius:14px;gap:.35rem;width:120px}.shop-card-tier{font-size:.55rem;top:.45rem;left:.45rem}.shop-card-icon{width:48px;height:48px;margin-top:.4rem;border-radius:11px}.shop-card-icon svg{width:24px;height:24px}.shop-card-name{font-size:.72rem;min-height:2.4em}.shop-card-aim{font-size:.6rem}.shop-card-dmg{font-size:.66rem}.shop-card-owned{font-size:.54rem;padding:.2rem .45rem;gap:.2rem;margin-top:.05rem}.shop-card-owned svg{width:10px;height:10px}.shop-card-buy{font-size:.76rem;padding:.38rem .65rem;gap:.25rem;margin-top:.1rem}.shop-card-buy svg{width:13px;height:13px}.shop-hint{font-size:.65rem;margin-top:.7rem}}@media (min-width: 769px) and (max-width: 1024px){.area-scroll-wrap{top:4.2rem;left:.9rem;right:auto}.area-scroll-roller{gap:.45rem;padding:.4rem .9rem}.area-scroll-roller-title{font-size:.78rem}.area-scroll-nav-btn{padding:.38rem .6rem;font-size:.72rem}}@media (max-width: 768px){.area-scroll-wrap{top:calc(3.4rem + env(safe-area-inset-top,0px));left:.7rem;right:.7rem;transform:none;width:auto;max-width:none;align-items:stretch}.area-scroll-roller{flex-wrap:wrap;height:auto;min-height:44px;padding:.4rem .9rem;gap:.4rem}.area-scroll-roller-title{font-size:.78rem}.area-scroll-nav{width:100%;justify-content:stretch}.area-scroll-nav-btn{flex:1;justify-content:center;padding:.35rem .5rem;font-size:.7rem}.area-scroll-knob{width:26px;height:26px}.area-scroll-roller .area-scroll-knob.left{left:-8px}.area-scroll-roller .area-scroll-knob.right{right:-8px}}.tavern-collected{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem 0;color:#2ecc71}.tavern-collected-amount{font-size:2rem;font-weight:900;color:#f1c40f;text-shadow:0 0 16px rgba(241,196,15,.5)}.tavern-collected-label{font-size:.85rem;color:var(--text-secondary)}.tavern-actions{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.8rem;z-index:3}.tavern-nav-btn{display:flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;background:linear-gradient(135deg,#1a1a2ef0,#0f0f1ef0);border:1px solid rgba(108,92,231,.45);border-radius:14px;color:var(--text-primary);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s}.tavern-nav-btn.vip{border-color:#f1c40f80;color:#f1c40f}.tavern-nav-btn.vip:hover{box-shadow:0 0 18px #f1c40f4d}.tavern-nav-btn.back:hover{border-color:#6c5ce7cc}@media (max-width: 768px){.area-title{font-size:.8rem;padding:.4rem .85rem;top:.9rem}.area-close-btn{top:calc(.9rem + env(safe-area-inset-top,0px));right:.9rem;width:38px;height:38px}.area-back-btn{top:calc(.9rem + env(safe-area-inset-top,0px));left:.9rem;padding:.45rem .8rem;font-size:.78rem}.area-nav{flex-direction:row;justify-content:center;gap:.6rem;bottom:1.1rem;width:calc(100% - 1.5rem)}.area-nav-btn{flex:1;max-width:220px;min-width:0;padding:.65rem .8rem}.area-nav-icon{width:36px;height:36px}.area-nav-icon svg{width:18px;height:18px}.area-nav-name{font-size:.82rem}.area-nav-desc{font-size:.6rem}.tavern-card{margin-top:0;padding:.9rem;width:min(320px,calc(100% - 1.5rem));max-height:calc(100dvh - 7rem);overflow-y:auto}.tavern-stat-value{font-size:1rem}.tavern-collect-btn{font-size:.85rem;padding:.75rem .85rem}.tavern-timer{font-size:1.15rem}.tavern-actions{bottom:1.1rem;width:calc(100% - 1.5rem);justify-content:center;gap:.5rem}.tavern-nav-btn{padding:.55rem .85rem;font-size:.75rem}.area-vip-soon{padding:1.1rem 1.4rem}.area-vip-soon h3{font-size:1rem}.area-vip-soon p{font-size:.75rem}}@media (max-width: 380px){.area-title,.area-nav-name{font-size:.72rem}.area-nav-desc{display:none}.tavern-card{padding:.75rem}.tavern-stat{padding:.55rem .6rem}}@media (max-height: 500px) and (orientation: landscape){.area-scroll-wrap{top:calc(.75rem + env(safe-area-inset-top,0px));left:.7rem;right:auto;width:fit-content;max-width:calc(100% - 4.3rem);align-items:flex-start}.area-scroll-roller{flex-wrap:nowrap}.area-scroll-roller-title{font-size:.72rem}.area-scroll-nav-btn{padding:.3rem .5rem;font-size:.7rem}.area-scroll-nav-btn svg{width:16px;height:16px}.area-title{top:.6rem;padding:.3rem .7rem;font-size:.72rem}.area-close-btn{top:calc(.6rem + env(safe-area-inset-top,0px));right:.6rem;width:34px;height:34px}.area-back-btn{top:.6rem;left:.6rem;padding:.35rem .65rem;font-size:.72rem}.area-nav{bottom:.6rem;gap:.5rem}.area-nav-btn{flex-direction:row;padding:.45rem .9rem;gap:.5rem}.area-nav-icon{width:30px;height:30px}.area-nav-icon svg{width:15px;height:15px}.area-nav-desc{display:none}.tavern-card{margin-top:0;padding:.7rem 1rem;width:min(420px,calc(100% - 1.5rem))}.tavern-main,.tavern-stats{gap:.5rem}.tavern-stat{padding:.45rem .6rem}.tavern-stat-value{font-size:.9rem}.tavern-stat-label{font-size:.55rem}.tavern-collect-btn{padding:.55rem .8rem;font-size:.8rem}.tavern-timer-wrap{padding:.45rem}.tavern-timer{font-size:1rem}.tavern-formula{display:none}.tavern-actions{bottom:.6rem}.tavern-nav-btn{padding:.45rem .75rem;font-size:.72rem}}@media (max-height: 700px) and (min-width: 1025px){.area-scroll-wrap{top:3.6rem}.area-close-btn{top:.9rem;right:.9rem}.area-back-btn{top:.9rem;left:.9rem}.tavern-card{margin-top:3rem;max-height:calc(100dvh - 4.5rem);overflow-y:auto}.area-vip-soon{max-height:calc(100dvh - 4rem);overflow-y:auto}}@media (min-width: 1200px){.area-nav-btn{min-width:150px;padding:1rem 1.6rem}.area-nav-icon{width:52px;height:52px}.area-nav-name{font-size:1.05rem}.tavern-card{width:min(380px,calc(100% - 2rem));padding:1.4rem}}.dwelling-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:18px;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;z-index:0}.dwelling-bg-cover{object-fit:fill;filter:brightness(.85)}.dwelling-bg-blur{object-fit:cover;filter:blur(18px) brightness(.6);transform:scale(1.08)}.dwelling-bg-main{object-fit:contain}.dwelling-modal{width:min(640px,calc(100% - 2rem));max-height:min(80vh,700px);display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2efa,#0f0f1efa);border:1px solid rgba(108,92,231,.45);border-radius:20px;box-shadow:0 16px 48px #0009,0 0 32px #6c5ce733;overflow:hidden}.dwelling-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(108,92,231,.25)}.dwelling-modal-header h3{display:flex;align-items:center;gap:.55rem;margin:0;font-size:1.05rem;color:var(--text-primary)}.dwelling-modal-header svg{color:#a29bfe}.dwelling-modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.dwelling-modal-close:hover{background:#e74c3c33;border-color:#e74c3c80;color:#e74c3c}.dwelling-modal-body{padding:1.25rem;overflow-y:auto}.dwelling-loading{text-align:center;color:var(--text-secondary);padding:2rem 0}.dwelling-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}.dwelling-card{display:flex;flex-direction:column;gap:.5rem;padding:0;background:#ffffff08;border:1px solid rgba(108,92,231,.3);border-radius:14px;cursor:pointer;overflow:hidden;transition:border-color .25s,box-shadow .25s}.dwelling-card:hover{border-color:#6c5ce7b3;box-shadow:0 6px 20px #0006,0 0 16px #6c5ce740}.dwelling-card.current{border-color:#2ecc7199;box-shadow:0 0 16px #2ecc7133}.dwelling-card-img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#0000004d}.dwelling-card-img{width:100%;height:100%;object-fit:cover;display:block}.dwelling-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary)}.dwelling-card-badge{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .55rem;background:#2ecc71e6;border-radius:999px;color:#0a0a14;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.dwelling-card-name{padding:0 .75rem .75rem;font-size:.82rem;font-weight:700;color:var(--text-primary);text-align:center}.dwelling-error{margin-top:.9rem;text-align:center;font-size:.8rem;color:#e74c3c}@media (max-width: 768px){.dwelling-modal{max-height:85vh}.dwelling-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.dwelling-card-name{font-size:.75rem}}.user-role-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;padding:.1rem .4rem;border-radius:8px;margin-top:.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.user-role-badge.role-owner{background:#f39c1233;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.user-role-badge.role-admin{background:#6c5ce733;color:var(--secondary-color);border:1px solid rgba(108,92,231,.3)}.user-role-badge.role-moderator{background:#00b89433;color:var(--success-color);border:1px solid rgba(0,184,148,.3)}.user-role-badge.role-player{background:#ffffff14;color:var(--text-secondary);border:1px solid var(--border-color)}.user-vip-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;padding:.1rem .4rem;border-radius:8px;margin-top:.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,#f1c40f40,#f39c1240);color:#f1c40f;border:1px solid rgba(241,196,15,.45);box-shadow:0 0 8px #f1c40f40}.vip-section{position:relative;z-index:3;width:min(900px,calc(100% - 2rem));margin-top:1.1rem;padding-bottom:4rem}.vip-section-head{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.1rem;margin-bottom:1rem;background:linear-gradient(135deg,#28220ceb,#181408f2);border:1px solid rgba(241,196,15,.5);border-radius:18px;box-shadow:0 8px 28px #00000080,0 0 22px #f1c40f2e}.vip-crown-icon{color:#f1c40f;filter:drop-shadow(0 0 8px rgba(241,196,15,.5));flex-shrink:0}.vip-section-head-info{flex:1;min-width:0}.vip-section-head-info h3{margin:0;font-family:MedievalSharp,cursive;font-size:1.25rem;color:#f0dbb2;letter-spacing:.5px}.vip-section-head-info p{margin:0;font-size:.72rem;color:var(--text-secondary)}.vip-active-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;background:#f1c40f1f;border:1px solid rgba(241,196,15,.4);border-radius:999px;color:#f1c40f;font-weight:700;font-size:.85rem;white-space:nowrap;font-variant-numeric:tabular-nums}.vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;width:100%}.vip-tier-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.1rem .75rem .9rem;background:linear-gradient(160deg,#1a1a2eeb,#0f0f1ef0);border:1px solid rgba(241,196,15,.4);border-radius:18px;cursor:pointer;transition:border-color .2s,box-shadow .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden}.vip-tier-card:hover:not(.locked){border-color:#f1c40f;box-shadow:0 0 24px #f1c40f40}.vip-tier-card.on-sale{border-color:#f449;box-shadow:0 0 20px #f443;animation:sale-pulse 2s infinite}@keyframes sale-pulse{0%,to{box-shadow:0 0 20px #f443}50%{box-shadow:0 0 30px #f446}}.sale-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;font-weight:700;font-size:.85rem;padding:4px 10px;border-radius:12px;box-shadow:0 2px 8px #f446;animation:badge-bounce 1s ease-in-out infinite alternate}@keyframes badge-bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.original-price{text-decoration:line-through;color:#fff6;font-size:.8rem;margin-top:-4px}.sale-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f443,#ff6b6b1a);border:2px solid rgba(255,68,68,.5);border-radius:16px;padding:.8rem 1.2rem;margin-top:1rem;animation:banner-glow 2s infinite alternate}@keyframes banner-glow{0%{border-color:#ff444480}to{border-color:#ff6b6bcc}}.sale-banner-icon{font-size:1.5rem}.sale-banner-text{color:#ff6b6b;font-weight:700;font-size:1.1rem}.vip-tier-days{font-family:MedievalSharp,cursive;font-size:1.5rem;font-weight:700;color:#f1c40f;line-height:1}.vip-tier-days-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.vip-tier-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:.35rem 0;border-radius:50%;color:#f1c40f;background:#f1c40f1a;box-shadow:0 0 28px #f1c40f59,inset 0 0 18px #f1c40f40}.vip-tier-name{font-size:.8rem;color:var(--text-primary);text-align:center}.vip-tier-price{display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem;padding:.4rem .9rem;background:#ffd70014;border:1px solid rgba(241,196,15,.35);border-radius:999px;font-size:.95rem;font-weight:800;color:#f1c40f;white-space:nowrap}.vip-tier-locked{font-size:.7rem;color:#ff6b6b}.vip-hint{margin:.9rem 0 0;text-align:center;font-size:.78rem;color:var(--text-secondary)}.vip-section-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.vip-crown-icon{color:#f1c40f;filter:drop-shadow(0 0 8px rgba(241,196,15,.5))}.vip-section-head-info h3{margin:0;font-family:MedievalSharp,cursive;font-size:1.2rem;color:var(--text-primary)}.vip-section-head-info p{margin:.15rem 0 0;font-size:.8rem;color:var(--text-secondary)}.vip-active-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .9rem;margin-bottom:.9rem;background:#f1c40f1f;border:1px solid rgba(241,196,15,.35);border-radius:10px;color:#f1c40f;font-size:.88rem}.vip-active-banner strong{font-variant-numeric:tabular-nums}.vip-perks{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.vip-perk{font-size:.85rem;color:var(--text-secondary);padding:.4rem .7rem;background:#ffffff0a;border-radius:8px}.vip-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.vip-tier-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .5rem;background:var(--bg-dark);border:1px solid rgba(241,196,15,.35);border-radius:12px;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vip-tier-card:hover:not(.locked){border-color:#f1c40f;box-shadow:0 0 16px #f1c40f33}.vip-tier-card.locked{opacity:.45;cursor:not-allowed}.vip-tier-days{font-family:MedievalSharp,cursive;font-size:1.15rem;font-weight:700;color:#f1c40f}.vip-tier-name{font-size:.72rem;color:var(--text-secondary);text-align:center}.vip-tier-price{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:700;color:var(--text-primary)}.vip-hint{margin:.75rem 0 0;text-align:center;font-size:.75rem;color:var(--text-secondary)}.vip-buy-head .vip-buy-icon{color:#f1c40f;box-shadow:0 0 30px #f1c40f66}.vip-buy-submit{background:linear-gradient(135deg,#f1c40f,#f39c12)!important;color:#000!important}.vip-denied-modal{position:relative;background:var(--bg-card);border:2px solid rgba(241,196,15,.5);border-radius:16px;padding:2rem 1.5rem 1.5rem;width:90%;max-width:380px;text-align:center;box-shadow:0 8px 32px #00000080}.vip-denied-close{position:absolute;top:.75rem;right:.75rem;width:30px;height:30px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.vip-denied-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#f1c40f1f;border:1px solid rgba(241,196,15,.4);color:#f1c40f;margin-bottom:.75rem}.vip-denied-modal h3{margin:0 0 .5rem;font-family:MedievalSharp,cursive;font-size:1.3rem;color:var(--text-primary)}.vip-denied-modal p{margin:0 0 1rem;font-size:.88rem;color:var(--text-secondary);line-height:1.45}.vip-denied-perks{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.25rem}.vip-denied-perks span{font-size:.8rem;color:var(--text-secondary);padding:.35rem .6rem;background:#ffffff0a;border-radius:8px}.vip-denied-actions{display:flex;flex-direction:column;gap:.5rem}.vip-denied-buy{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem;background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:10px;color:#000;font-weight:700;font-size:.95rem;cursor:pointer}.vip-denied-cancel{padding:.6rem;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.vip-denied-cancel:hover{color:var(--text-primary)}@media (max-width: 768px){.vip-section{width:calc(100% - 1.6rem);padding-bottom:3rem}.vip-section-head{flex-wrap:wrap;padding:.6rem .9rem;gap:.5rem}.vip-section-head-info h3{font-size:1.05rem}.vip-section-head-info p{font-size:.65rem}.vip-grid{gap:.6rem}.vip-tier-card{padding:.8rem .4rem .7rem}.vip-tier-days{font-size:1.15rem}.vip-tier-icon{width:50px;height:50px;margin:.2rem 0}.vip-tier-icon svg{width:26px;height:26px}.vip-tier-name{font-size:.68rem}.vip-tier-price{font-size:.8rem;padding:.3rem .6rem}.vip-denied-modal{padding:1.5rem 1rem 1rem}}@media (max-width: 380px){.vip-tier-name{font-size:.62rem}.vip-tier-price{font-size:.72rem}.vip-active-chip{font-size:.75rem;padding:.35rem .6rem}}.icon-btn.admin-btn{background:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.icon-btn.admin-btn:hover{background:#f39c124d}.admin-panel-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:95%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 70px #0009}.admin-panel-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.admin-panel-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.admin-panel-header{padding:1.5rem 1.5rem .5rem;text-align:center}.admin-panel-header h2{font-family:MedievalSharp,cursive;font-size:1.4rem;background:linear-gradient(135deg,#f39c12,#e67e22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-panel-tabs{display:flex;gap:.5rem;padding:0 1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .25s;font-family:inherit}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:#f39c12;border-bottom-color:#f39c12}.admin-panel-content{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem}.admin-error{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);color:var(--error-color);padding:.6rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.85rem}.admin-search-wrap{position:relative;margin-bottom:1rem}.admin-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.admin-search-input{width:100%;padding:.7rem 1rem .7rem 2.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:inherit}.admin-search-input:focus{outline:none;border-color:var(--primary-color)}.admin-loading,.admin-empty{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.9rem}.admin-players-list{display:flex;flex-direction:column;gap:.6rem}.admin-player-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#0c0c1d80;border:1px solid var(--border-color);border-radius:12px;transition:all .2s}.admin-player-card:hover{border-color:#6c5ce766}.admin-player-info{flex:1;min-width:0}.admin-player-name{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.admin-role-tag{font-size:.65rem;padding:.1rem .4rem;border-radius:6px;text-transform:uppercase;font-weight:600}.admin-role-tag.role-owner{background:#f39c1233;color:#f39c12}.admin-role-tag.role-admin{background:#6c5ce733;color:var(--secondary-color)}.admin-role-tag.role-moderator{background:#00b89433;color:var(--success-color)}.admin-role-tag.role-player{background:#ffffff14;color:var(--text-secondary)}.admin-player-char{display:flex;align-items:center;gap:.8rem;font-size:.8rem;color:var(--text-secondary);margin-top:.3rem}.admin-player-char strong{color:var(--text-primary)}.admin-player-char.no-char{font-style:italic;opacity:.6}.admin-player-date{font-size:.7rem;color:var(--text-secondary);opacity:.6;margin-top:.2rem}.admin-player-actions{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.admin-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid;font-family:inherit}.admin-action-btn.delete-char{background:#e74c3c1a;border-color:#e74c3c4d;color:var(--error-color)}.admin-action-btn.delete-char:hover:not(:disabled){background:#e74c3c40}.admin-action-btn.delete-account{background:#c0392b1a;border-color:#c0392b4d;color:#c0392b}.admin-action-btn.delete-account:hover:not(:disabled){background:#c0392b40}.admin-action-btn:disabled{opacity:.3;cursor:not-allowed}.admin-logs-list{display:flex;flex-direction:column;gap:.6rem}.admin-log-card{padding:.8rem 1rem;background:#0c0c1d80;border:1px solid var(--border-color);border-radius:12px;border-left:3px solid var(--error-color)}.admin-log-action{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.admin-log-target{font-size:.8rem;color:var(--text-secondary)}.admin-log-target strong{color:var(--text-primary)}.admin-log-reason{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.admin-log-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);opacity:.6;margin-top:.4rem}.admin-confirm-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;width:90%;max-width:420px;box-shadow:0 25px 70px #0009}.admin-confirm-modal h3{font-family:MedievalSharp,cursive;font-size:1.2rem;color:var(--error-color);margin-bottom:.8rem}.admin-confirm-target{font-size:.9rem;color:var(--text-secondary);margin-bottom:.8rem}.admin-confirm-target strong{color:var(--text-primary)}.admin-reason-input{width:100%;padding:.7rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:1rem}.admin-reason-input:focus{outline:none;border-color:var(--error-color)}.admin-confirm-actions{display:flex;gap:.6rem}.admin-confirm-delete{flex:1;padding:.7rem;background:var(--error-color);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.admin-confirm-delete:hover:not(:disabled){background:#c0392b}.admin-confirm-delete:disabled{opacity:.5;cursor:not-allowed}.admin-confirm-cancel{flex:1;padding:.7rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.admin-confirm-cancel:hover{border-color:var(--primary-color)}@media (max-width: 768px){.admin-panel-modal{max-width:100%;max-height:90vh;border-radius:14px}.admin-panel-tabs{padding:0 .8rem}.admin-tab{padding:.6rem;font-size:.75rem}.admin-panel-content{padding:0 .8rem 1rem}.admin-player-card{flex-direction:column;align-items:flex-start;gap:.6rem}.admin-player-actions{flex-direction:row;width:100%}.admin-action-btn{flex:1;justify-content:center}.admin-player-char{flex-wrap:wrap;gap:.4rem}}.daily-reward-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:95%;max-width:520px;padding:1.5rem;position:relative;box-shadow:0 25px 70px #0009;text-align:center}.daily-reward-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.daily-reward-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.daily-reward-header{margin-bottom:1.2rem}.daily-reward-icon{display:inline-flex;color:var(--primary-color);filter:drop-shadow(0 0 12px var(--glow-primary));margin-bottom:.5rem}.daily-reward-header h2{font-family:MedievalSharp,cursive;font-size:1.4rem;background:linear-gradient(135deg,#fff,var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem}.daily-reward-header p{font-size:.85rem;color:var(--text-secondary)}.daily-reward-loading,.daily-reward-error{padding:1rem;color:var(--text-secondary);font-size:.9rem}.daily-reward-error{color:var(--error-color)}.daily-reward-streak{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.daily-reward-streak strong{color:var(--primary-color);font-size:1.1rem}.daily-reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.2rem}.daily-reward-cell{position:relative;background:#0c0c1d99;border:2px solid var(--border-color);border-radius:12px;padding:.6rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .3s;overflow:hidden}.daily-reward-cell.next{border-color:var(--primary-color);background:#6c5ce71f;box-shadow:0 0 16px #6c5ce74d;animation:daily-pulse 2s ease-in-out infinite}@keyframes daily-pulse{0%,to{box-shadow:0 0 16px #6c5ce74d}50%{box-shadow:0 0 24px #6c5ce780}}.daily-reward-cell.claimed{opacity:.5;border-color:var(--success-color)}.daily-reward-cell.just-claimed{border-color:#f1c40f;background:#f1c40f26;box-shadow:0 0 24px #f1c40f66}.daily-reward-day{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.daily-reward-cell-icon{display:flex;align-items:center;justify-content:center}.daily-reward-amount{font-size:1rem;font-weight:700}.daily-reward-type{font-size:.6rem;color:var(--text-secondary)}.daily-reward-check{position:absolute;top:4px;right:6px;color:var(--success-color);font-size:.9rem;font-weight:700}.daily-reward-claimed-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(circle,rgba(241,196,15,.4),transparent 70%);pointer-events:none}.daily-reward-claim-btn{width:100%;padding:.9rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-bottom:.6rem}.daily-reward-claim-btn:hover:not(:disabled){filter:brightness(1.1)}.daily-reward-claim-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-input)}.daily-reward-info{font-size:.75rem;color:var(--text-secondary);opacity:.7;font-style:italic}@media (max-width: 768px){.daily-reward-modal{max-width:100%;padding:1.2rem .8rem}.daily-reward-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.daily-reward-cell{padding:.5rem .3rem}.daily-reward-amount{font-size:.85rem}.daily-reward-day{font-size:.6rem}.daily-reward-type{font-size:.55rem}}.food-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:95%;max-width:560px;padding:1.5rem;position:relative;box-shadow:0 25px 70px #0009;display:flex;flex-direction:column;max-height:90vh}.food-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.food-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.food-header{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1rem}.food-header-icon{display:flex;color:var(--primary-color);filter:drop-shadow(0 0 10px var(--glow-primary))}.food-header h2{font-family:MedievalSharp,cursive;font-size:1.4rem;background:linear-gradient(135deg,#fff,var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.food-energy-progress{margin-bottom:1.2rem;padding:.7rem 1rem;background:#0c0c1d99;border:1px solid var(--border-color);border-radius:14px}.food-energy-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.food-energy-label strong{color:var(--primary-color)}.food-energy-track{height:8px;background:#ffffff14;border-radius:6px;overflow:hidden}.food-energy-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:6px;box-shadow:0 0 10px #6c5ce780}.food-error{padding:.8rem;margin-bottom:.8rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:var(--error-color);border-radius:10px;font-size:.85rem}.food-notification{padding:.8rem;margin-bottom:.8rem;border-radius:10px;font-size:.85rem;text-align:center}.food-notification.success{background:#2ecc711f;border:1px solid rgba(46,204,113,.3);color:var(--success-color)}.food-notification.error{background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);color:var(--error-color)}.food-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.food-tab{flex:1;padding:.8rem;border:none;border-radius:12px;background:var(--bg-input);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s}.food-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 15px #6c5ce74d}.food-tab-badge{background:#fff3;border-radius:20px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.food-content{flex:1;overflow-y:auto;padding-right:.3rem;min-height:200px}.food-loading{padding:2rem;text-align:center;color:var(--text-secondary)}.food-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-secondary);text-align:center;gap:.5rem}.food-empty svg{color:var(--text-secondary);opacity:.5}.food-empty h3{color:var(--text-primary);font-size:1.1rem;font-family:MedievalSharp,cursive}.food-empty p{font-size:.85rem;opacity:.8}.food-send-list{display:flex;flex-direction:column;gap:.8rem}.food-card{display:flex;align-items:center;gap:.9rem;background:#0c0c1db3;border:1px solid var(--border-color);border-radius:14px;padding:.9rem;transition:all .2s}.food-card:hover{border-color:var(--primary-color)}.food-card.locked{opacity:.55}.food-card-emoji{font-size:2rem;min-width:48px;text-align:center;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.food-card-img{object-fit:contain;border-radius:10px;display:inline-block;vertical-align:middle}.food-card-info{flex:1;min-width:0}.food-card-info h4{font-size:.95rem;color:var(--text-primary);margin-bottom:.3rem;font-weight:700}.food-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.4rem;display:block;overflow-wrap:break-word}.food-meta{display:flex;gap:.8rem;align-items:center;font-size:.75rem}.food-energy{display:flex;align-items:center;gap:.25rem;color:var(--success-color);font-weight:600}.food-level{color:var(--text-secondary);opacity:.8}.food-send-btn{padding:.45rem .9rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit}.food-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.food-send-btn:disabled{background:var(--bg-input);color:var(--text-secondary);cursor:not-allowed}.food-receive-list{display:flex;flex-direction:column;gap:.8rem}.gift-card{display:flex;align-items:center;gap:.9rem;background:#0c0c1db3;border:1px solid var(--border-color);border-radius:14px;padding:.9rem;transition:all .2s}.gift-card:hover{border-color:var(--secondary-color)}.gift-card.used{opacity:.5}.gift-card-emoji{font-size:2rem;min-width:48px;text-align:center;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.gift-card-info{flex:1;min-width:0}.gift-card-info h4{font-size:.9rem;color:var(--text-primary);margin-bottom:.2rem}.gift-from{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--secondary-color);margin-bottom:.15rem}.gift-energy{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--success-color);font-weight:600}.gift-use-btn{padding:.45rem .9rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--success-color),#16a085);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit}.gift-use-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.gift-use-btn:disabled{background:var(--bg-input);color:var(--text-secondary);cursor:not-allowed}.food-limit-info{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border-color);font-size:.7rem;color:var(--text-secondary);opacity:.7;text-align:center}.food-confirm-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:95%;max-width:440px;padding:1.8rem;text-align:center;position:relative;box-shadow:0 25px 70px #0009}.food-confirm-emoji{font-size:3rem;margin-bottom:.5rem}.food-confirm-modal h3{font-family:MedievalSharp,cursive;font-size:1.2rem;margin-bottom:.5rem}.food-confirm-name{font-size:.9rem;color:var(--primary-color);font-weight:700;margin-bottom:.4rem}.food-confirm-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.8rem}.food-confirm-friends{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.food-confirm-friends strong{color:var(--primary-color)}.food-confirm-actions{display:flex;gap:.6rem;justify-content:center}.food-confirm-send,.food-confirm-cancel{padding:.7rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;border:none}.food-confirm-send{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.food-confirm-send:hover:not(:disabled){filter:brightness(1.1)}.food-confirm-send:disabled{opacity:.6}.food-confirm-cancel{background:var(--bg-input);color:var(--text-secondary)}.food-confirm-cancel:hover{background:var(--error-color);color:#fff}@media (max-width: 768px){.food-modal{max-width:100%;padding:1.2rem .8rem}.food-card,.gift-card{flex-direction:column;text-align:center}.food-send-btn,.gift-use-btn{width:100%}.food-card-emoji,.gift-card-emoji{font-size:1.8rem}}.boss-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:95%;max-width:620px;padding:1.5rem 1.5rem 1.5rem 4.5rem;position:relative;box-shadow:0 25px 70px #0009;max-height:90vh;overflow-y:auto}.boss-category-rail{position:absolute;left:.6rem;top:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:5}.boss-category-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:3.2rem;padding:.6rem .25rem;background:#1a1a2eb3;border:2px solid rgba(255,255,255,.12);border-radius:12px;color:#ffffffa6;font-size:.6rem;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.boss-category-btn:hover{border-color:#ffffff4d;color:#fff}.boss-category-btn.active{background:linear-gradient(160deg,#f39c124d,#f39c121a);border-color:#f39c12;color:#fff;box-shadow:0 0 14px #f39c1259}.boss-category-btn.event.active{background:linear-gradient(160deg,#e74c3c4d,#e74c3c1a);border-color:#e74c3c;box-shadow:0 0 14px #e74c3c59}.boss-category-soon{font-size:.5rem;color:#f1c40f;text-transform:uppercase;letter-spacing:.03em}.boss-event-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;min-height:320px;padding:2rem 1rem}.boss-event-icon{display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(243,156,18,.25),transparent 70%);border:2px solid rgba(243,156,18,.4)}.boss-event-placeholder h2{margin:0;color:#fff}.boss-event-text{color:#ffffffa6;font-size:.92rem;line-height:1.5;max-width:380px;margin:0}.boss-event-soon-badge{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;background:#f39c1226;border:1px solid rgba(243,156,18,.45);border-radius:20px;color:#f39c12;font-weight:700;font-size:.9rem}@media (max-width: 900px){.boss-modal{padding-left:4rem}.boss-category-rail{left:.45rem}.boss-category-btn{width:3rem;padding:.5rem .2rem;font-size:.55rem}}@media (max-width: 640px){.boss-modal{padding-left:3.6rem}.boss-category-btn{width:2.7rem;padding:.45rem .15rem;font-size:.5rem;gap:.15rem}.boss-category-btn svg{width:18px;height:18px}.boss-category-soon{font-size:.44rem}.boss-tab{padding:.4rem .65rem;font-size:.8rem}.boss-tab-name{max-width:90px}}@media (max-width: 480px){.boss-modal{padding-left:3.2rem;padding-right:.9rem}.boss-category-rail{left:.3rem;gap:.35rem}.boss-category-btn{width:2.5rem;padding:.4rem .1rem;font-size:.45rem;border-radius:10px}.boss-category-btn svg{width:16px;height:16px}.boss-category-soon{font-size:.4rem}.boss-tab{padding:.35rem .55rem;font-size:.75rem}.boss-tab-name{max-width:70px}.boss-event-placeholder{min-height:260px;padding:1.2rem .5rem}.boss-event-icon{width:84px;height:84px}.boss-event-text{font-size:.82rem}}@media (max-width: 360px){.boss-modal{padding-left:2.9rem}.boss-category-btn{width:2.3rem;font-size:.42rem}.boss-category-btn svg{width:14px;height:14px}}.boss-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.boss-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.boss-header{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1.2rem}.boss-header-icon{display:flex;color:var(--error-color);filter:drop-shadow(0 0 10px rgba(231,76,60,.4))}.boss-header h2{font-family:MedievalSharp,cursive;font-size:1.4rem;background:linear-gradient(135deg,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.boss-loading{padding:2rem;text-align:center;color:var(--text-secondary)}.boss-error{padding:.7rem;margin-bottom:.8rem;background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);color:var(--error-color);border-radius:10px;font-size:.85rem;text-align:center}.boss-icon{border-radius:14px;object-fit:cover;box-shadow:0 0 20px #0006}video.boss-icon{background:transparent;object-fit:cover}.boss-icon-placeholder{border-radius:14px;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:item-icon-shimmer 1.2s linear infinite}.boss-list{display:flex;flex-direction:column;gap:1rem}.boss-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;margin-bottom:.3rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.boss-tab{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.45rem .85rem;background:#1a1a2eb3;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffbf;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.boss-tab:hover{border-color:#ffffff4d}.boss-tab.active{background:linear-gradient(135deg,#f39c124d,#f39c121f);border-color:#f39c12;color:#fff;box-shadow:0 0 16px #f39c124d}.boss-tab-icon{width:20px;height:20px;object-fit:cover;border-radius:5px}.boss-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-card{display:flex;flex-direction:column;gap:.8rem;background:#0c0c1db3;border:1px solid var(--border-color);border-radius:16px;padding:1rem;transition:border-color .2s}.boss-card:hover{border-color:#e74c3c80}.boss-card-top{display:flex;align-items:flex-start;gap:1rem}.boss-card-icon-col{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.boss-card-hp{font-size:.78rem;font-weight:800;color:#e74c3c;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);padding:.15rem .55rem;border-radius:999px;white-space:nowrap}.boss-card-rewards{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.boss-reward-chip{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--border-color)}.boss-reward-chip.gold{color:#f1c40f}.boss-reward-chip.silver{color:#bdc3c7}.boss-reward-chip.exp{color:#a29bfe}.boss-card-sessions-title{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#f39c12;font-weight:700;margin-bottom:.4rem}.boss-card-sessions-list{display:flex;gap:.5rem;flex-wrap:wrap}.boss-session-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;background:#0c0c1db3;border:1px solid var(--diff-color, #f39c12);border-radius:999px;cursor:pointer;font-family:inherit;color:var(--text-primary);transition:all .2s}.boss-session-chip:hover:not(:disabled){box-shadow:0 0 12px color-mix(in srgb,var(--diff-color) 35%,transparent);transform:translateY(-1px)}.boss-session-chip:disabled{opacity:.55;cursor:not-allowed}.boss-session-chip.surrendered{border-style:dashed;filter:grayscale(.4)}.boss-session-surr{font-size:.62rem;color:#e74c3c;font-weight:700;white-space:nowrap}.boss-session-hp{font-size:.72rem;font-weight:700;color:#e74c3c}.boss-diff-badge.small{font-size:.62rem;padding:.1rem .45rem}.boss-result-rank{font-size:.85rem;font-weight:700;color:#f1c40f}.boss-result-levelup{font-size:.9rem;font-weight:800;color:#2ecc71;padding:.4rem .9rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.35);border-radius:10px}.boss-icon-fight-wrapper{position:relative;display:inline-block}.floating-damage{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:2rem;font-weight:900;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;pointer-events:none;z-index:10;font-family:Inter,sans-serif}.admin-boss-reset-section{display:flex;flex-direction:column;gap:1.5rem}.admin-reset-form{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.admin-reset-form h3{margin:0 0 1rem;font-size:1.1rem;color:#fff}.admin-form-group{margin-bottom:1rem}.admin-form-group label{display:block;margin-bottom:.5rem;font-size:.85rem;color:#aaa}.admin-form-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.9rem}.admin-form-input:focus{outline:none;border-color:#f39c12}.admin-reset-btn{width:100%;padding:.75rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:.5rem}.admin-reset-btn:disabled{opacity:.5;cursor:not-allowed}.admin-reset-btn.danger{background:linear-gradient(135deg,#e67e22,#d35400)}.admin-leaderboard-actions{display:flex;gap:.75rem}.admin-leaderboard-actions .admin-reset-btn{display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-form-hint{font-size:.85rem;color:#fff9;margin-bottom:1rem;line-height:1.4}.admin-reset-logs{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.admin-reset-logs h3{margin:0 0 1rem;font-size:1.1rem;color:#fff}.admin-reset-logs-list{display:flex;flex-direction:column;gap:.75rem}.admin-reset-log-entry{background:#0003;padding:1rem;border-radius:8px;border-left:3px solid #e74c3c}.admin-reset-log-action{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.admin-reset-log-target{font-weight:700;color:#3498db}.admin-reset-log-boss{color:#e67e22;font-weight:600}.admin-reset-log-diff{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.diff-normal{background:#2ecc7133;color:#2ecc71}.diff-medium{background:#f39c1233;color:#f39c12}.diff-hard{background:#e74c3c33;color:#e74c3c}.admin-reset-log-reason{font-size:.85rem;color:#bbb}.admin-reset-log-reason strong{color:#fff}.boss-mega-strikes{margin-top:1rem}.boss-mega-title{font-size:.8rem;color:#f39c12;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.boss-mega-list{display:flex;gap:.5rem}.boss-mega-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .5rem;background:#ffffff0a;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;cursor:pointer;transition:all .25s ease;position:relative;gap:.35rem;overflow:hidden}.boss-mega-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;opacity:0;transition:opacity .25s ease;pointer-events:none}.boss-mega-btn:hover:before{opacity:1}.boss-mega-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.boss-mega-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.boss-mega-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5)}.boss-mega-icon-wrap{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.spell-tier-1:before{background:radial-gradient(ellipse at 50% 30%,rgba(255,149,0,.12) 0%,transparent 70%)}.spell-tier-1:hover{border-color:#ff950080;box-shadow:0 6px 24px #ff950026}.spell-tier-2:before{background:radial-gradient(ellipse at 50% 30%,rgba(220,53,69,.12) 0%,transparent 70%)}.spell-tier-2:hover{border-color:#dc354580;box-shadow:0 6px 24px #dc354526}.spell-tier-3:before{background:radial-gradient(ellipse at 50% 30%,rgba(52,152,219,.12) 0%,transparent 70%)}.spell-tier-3:hover{border-color:#3498db80;box-shadow:0 6px 24px #3498db26}.boss-mega-name{font-size:.7rem;font-weight:600;text-align:center;line-height:1.2}.boss-mega-dmg{font-size:.75rem;font-weight:800;color:#f39c12}.boss-mega-count{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;font-size:.7rem;font-weight:900;padding:2px 6px;border-radius:8px}.tier-1{border-color:#f39c12}.tier-1:not(:disabled):hover{box-shadow:0 0 15px #f39c1280}.tier-2{border-color:#e74c3c}.tier-2:not(:disabled):hover{box-shadow:0 0 15px #e74c3c80}.tier-3{border-color:#3498db}.tier-3:not(:disabled):hover{box-shadow:0 0 15px #3498db80}.damage-light{color:#a8e6cf}.damage-medium{color:gold}.damage-heavy{color:#ff4757;font-size:2.5rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-5px,-5px)}}.boss-fight{animation:shake .15s ease-in-out}.boss-card-info{flex:1;min-width:0}.boss-card-info h3{font-size:1rem;margin-bottom:.35rem;color:var(--text-primary);font-family:MedievalSharp,cursive}.boss-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.45}.boss-card-meta{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.75rem}.boss-hp-badge{display:inline-flex;align-items:center;gap:.3rem;color:#e74c3c;font-weight:700}.boss-live-badge{display:inline-flex;align-items:center;gap:.3rem;color:#f39c12;font-weight:700;animation:daily-pulse 2s ease-in-out infinite}.boss-attack-btn-main,.boss-join-btn{padding:.55rem 1.1rem;border:none;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .2s;color:#fff}.boss-attack-btn-main{background:linear-gradient(135deg,#e74c3c,#c0392b)}.boss-join-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.boss-attack-btn-main:hover:not(:disabled),.boss-join-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.boss-attack-btn-main:disabled{opacity:.6;cursor:wait}.boss-fight-head{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.boss-fight-info{flex:1;min-width:0}.boss-fight-info h3{font-family:MedievalSharp,cursive;font-size:1.05rem;margin-bottom:.5rem;color:var(--text-primary)}.boss-hp-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.boss-hp-text{font-size:.85rem;font-weight:700;color:#e74c3c}.boss-hp-track{position:relative;height:22px;background:#00000080;border-radius:10px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#ff7675);border-radius:10px;box-shadow:0 0 12px #e74c3c80;transition:width .5s ease}.boss-hp-inside{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.boss-timer{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);background:#0c0c1d99;border:1px solid var(--border-color);padding:.25rem .6rem;border-radius:999px}.boss-top3{background:#0c0c1d99;border:1px solid var(--border-color);border-radius:14px;padding:.8rem .9rem;margin-bottom:1rem}.boss-top3-title{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#f1c40f;font-weight:700;margin-bottom:.5rem}.boss-top3-empty{font-size:.78rem;color:var(--text-secondary);opacity:.7}.boss-top3-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.85rem}.boss-top3-name{flex:1;color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-top3-dmg{color:#e74c3c;font-weight:700}.boss-my-damage{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.78rem;color:var(--text-secondary)}.boss-my-damage strong{color:var(--primary-color)}.boss-attacks{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.8rem}.boss-attack-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;background:#0c0c1db3;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;font-family:inherit;transition:all .2s;color:var(--text-primary)}.boss-attack-btn:hover:not(:disabled){border-color:var(--atk-color);box-shadow:0 0 16px color-mix(in srgb,var(--atk-color) 30%,transparent);transform:translateY(-2px)}.boss-attack-btn:disabled{opacity:.45;cursor:not-allowed}.boss-attack-name{font-size:.68rem;font-weight:700;text-align:center;line-height:1.25}.boss-attack-dmg{font-size:.62rem;color:var(--text-secondary)}.boss-cd-banner{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem;background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:10px;font-size:.8rem;color:#f39c12;font-weight:600;margin-bottom:.8rem}.boss-participants{margin-bottom:1rem}.boss-participants-title{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem}.boss-participants-list{display:flex;flex-wrap:wrap;gap:.35rem}.boss-participant{font-size:.7rem;padding:.2rem .55rem;background:#6c5ce71a;border:1px solid rgba(108,92,231,.25);border-radius:999px;color:var(--text-secondary)}.boss-surrender-btn{width:100%;padding:.7rem;border:1px solid rgba(231,76,60,.4);background:#e74c3c1a;color:#e74c3c;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;font-family:inherit;transition:all .2s}.boss-surrender-btn:hover:not(:disabled){background:#e74c3c38}.boss-surrender-btn:disabled{opacity:.5;cursor:not-allowed}.boss-result-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:92%;max-width:400px;padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.boss-result-modal.win{border-color:#f1c40f80;box-shadow:0 0 50px #f1c40f33}.boss-result-modal.lose{border-color:#e74c3c80;box-shadow:0 0 50px #e74c3c26}.boss-result-modal h2{font-family:MedievalSharp,cursive;font-size:1.6rem}.boss-result-modal.win h2{color:#f1c40f}.boss-result-modal.lose h2{color:#e74c3c}.boss-result-modal p{font-size:.9rem;color:var(--text-secondary)}.boss-result-ok{margin-top:.8rem;padding:.7rem 2rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit}.boss-diff-badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;font-weight:800;color:#fff;background:color-mix(in srgb,var(--diff-color, #2ecc71) 25%,transparent);border:1px solid var(--diff-color, #2ecc71);text-shadow:0 1px 2px rgba(0,0,0,.5)}.boss-diff-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.6rem}.boss-diff-option{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .3rem;background:#0c0c1db3;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-family:inherit;color:var(--text-primary);transition:all .2s}.boss-diff-option:hover:not(:disabled){border-color:var(--diff-color)}.boss-diff-option.selected{border-color:var(--diff-color);background:color-mix(in srgb,var(--diff-color) 15%,rgba(12,12,29,.7));box-shadow:0 0 12px color-mix(in srgb,var(--diff-color) 30%,transparent)}.boss-diff-option.limit{opacity:.4;cursor:not-allowed}.boss-diff-name{font-size:.72rem;font-weight:700}.boss-diff-count{font-size:.62rem;color:var(--text-secondary)}.boss-card-controls-bottom{display:flex;align-items:center;gap:.7rem}.boss-diff-hp{font-size:.78rem;font-weight:700;color:#e74c3c}.boss-card-controls-bottom .boss-attack-btn-main{flex:1}.boss-card-active{display:flex;flex-direction:column;gap:.6rem}.boss-card-active-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.boss-card-active-hp{font-size:.78rem;font-weight:700;color:#e74c3c}.boss-battle-log{background:#0c0c1d99;border:1px solid var(--border-color);border-radius:14px;padding:.7rem .9rem;margin-bottom:.8rem}.boss-battle-log-title{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary);font-weight:700;margin-bottom:.4rem}.boss-battle-log-list{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.boss-battle-log-empty{font-size:.75rem;color:var(--text-secondary);opacity:.7}.boss-battle-log-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.2rem 0;border-bottom:1px dashed rgba(255,255,255,.05)}.boss-battle-log-row:last-child{border-bottom:none}.boss-log-time{color:var(--text-secondary);opacity:.7;font-size:.68rem;flex-shrink:0}.boss-log-who{color:var(--text-primary);font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-log-atk{flex:1;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-log-dmg{color:#e74c3c;font-weight:800;flex-shrink:0}.boss-battle-log-row.mega{background:linear-gradient(90deg,rgba(243,156,18,.12),rgba(231,76,60,.08),transparent);border-radius:6px;padding:.25rem .4rem;margin:0 -.2rem;border-bottom:none}.boss-log-atk.mega{font-weight:800;background:linear-gradient(90deg,#f39c12,#e74c3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.boss-log-dmg.mega{color:#f39c12;text-shadow:0 0 8px rgba(243,156,18,.6)}.boss-result-rewards{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem;padding:.7rem 1.2rem;background:#f1c40f14;border:1px solid rgba(241,196,15,.3);border-radius:12px}.boss-reward-item{font-size:.9rem;font-weight:700}.boss-reward-item.gold{color:#f1c40f}.boss-reward-item.silver{color:#bdc3c7}.boss-reward-item.exp{color:#6c5ce7}@media (max-width: 768px){.boss-modal{padding:1.2rem .8rem}.boss-icon-card,.boss-list .boss-icon{width:90px!important;height:90px!important}.boss-card,.boss-fight-head{flex-direction:column;text-align:center}.boss-fight-info{width:100%}.boss-attacks{grid-template-columns:repeat(3,1fr);gap:.4rem}.boss-attack-btn{padding:.6rem .3rem}.boss-attack-name{font-size:.58rem}.boss-attack-dmg{font-size:.55rem}.boss-attack-btn-main,.boss-join-btn{width:100%}}.boss-log-card{border-left-width:3px}.boss-log-card.win{border-left-color:#f1c40f}.boss-log-card.lose{border-left-color:#e74c3c}.boss-log-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}.boss-log-icon{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.tokens-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tokens-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(241,196,15,.3);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.tokens-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tokens-title{display:flex;align-items:center;gap:.75rem}.tokens-title h2{margin:0;font-size:1.3rem;font-weight:700;color:#f1c40f}.tokens-close-btn{background:#ffffff1a;border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:#fff;transition:all .2s}.tokens-close-btn:hover{background:#fff3}.tokens-content{padding:1.5rem}.tokens-loading{text-align:center;color:var(--text-secondary);padding:2rem}.tokens-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.tokens-empty p{margin:.5rem 0;font-size:1rem}.tokens-hint{font-size:.85rem!important;color:#ffffff80!important}.tokens-list{display:flex;flex-direction:column;gap:1rem}.token-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s}.token-item.can-use{border-color:#2ecc7166;background:#2ecc710d}.token-item.locked{border-color:#ffffff14;opacity:.7}.token-icon-wrap{position:relative;flex-shrink:0}.token-count-badge{position:absolute;top:-8px;right:-8px;background:#f1c40f;color:#000;font-size:.75rem;font-weight:900;padding:2px 6px;border-radius:10px;min-width:24px;text-align:center}.token-info{flex:1;min-width:0}.token-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem}.token-status{font-size:.8rem}.token-available{color:#2ecc71;font-weight:600}.token-need{color:#ffffff80}.token-use-btn{background:linear-gradient(135deg,#f1c40f,#b7950b);border:none;border-radius:8px;padding:.6rem 1.2rem;color:#000;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;flex-shrink:0}.token-use-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f1c40f4d}.token-use-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.boss-log-icon-placeholder{background:#ffffff0f}.boss-log-head-info{flex:1;min-width:0}.boss-log-top{display:flex;flex-direction:column;gap:.15rem;margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--border-color)}.boss-log-top-row{font-size:.75rem;color:var(--text-secondary)}.boss-log-diff{margin-left:.5rem;font-size:.7rem;padding:.1rem .5rem;border-radius:999px;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);color:var(--text-secondary)}.city-completed-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;margin-bottom:.8rem;background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:10px;color:var(--success-color);font-size:.8rem;font-weight:500}.city-completed-banner svg{flex-shrink:0}.boss-card-icon-col{display:flex;flex-direction:column;align-items:center}.leaderboard-modal{background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #00000080}.leaderboard-close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s;font-size:1rem;line-height:1}.leaderboard-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.leaderboard-header{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.75rem;padding-right:2.5rem;flex-wrap:wrap}.leaderboard-header h2{font-family:MedievalSharp,cursive;font-size:1.5rem;color:var(--text-primary);margin:0}.leaderboard-week{font-size:.8rem;color:var(--text-secondary);padding:.25rem .7rem;background:#6c5ce71f;border:1px solid rgba(108,92,231,.25);border-radius:12px;white-space:nowrap}.leaderboard-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.55rem .9rem;background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:10px;color:var(--text-secondary);font-size:.85rem}.leaderboard-timer strong{color:#f39c12;font-variant-numeric:tabular-nums}.leaderboard-tabs{display:flex;gap:.4rem;margin-bottom:1rem;background:var(--bg-dark);padding:.4rem;border-radius:12px}.leaderboard-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.leaderboard-tab:hover{background:#6c5ce71a;color:var(--text-primary)}.leaderboard-tab.active{background:var(--primary-color);color:var(--text-primary)}.leaderboard-table-header{display:grid;grid-template-columns:64px 1fr auto;gap:.75rem;padding:.6rem .9rem;background:#6c5ce71a;border-radius:8px;font-weight:600;color:var(--text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.leaderboard-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.leaderboard-row{display:grid;grid-template-columns:64px 1fr auto;gap:.75rem;padding:.6rem .9rem;background:var(--bg-dark);border-radius:8px;align-items:center;transition:all .2s}.leaderboard-row:hover{background:#6c5ce70d}.leaderboard-row.reward-eligible{border:1px solid rgba(241,196,15,.3)}.leaderboard-row.my-rank{background:#6c5ce726;border:1px solid var(--primary-color)}.col-rank{font-weight:700;color:var(--text-primary);font-size:1.05rem}.col-player{display:flex;align-items:center;gap:.75rem;min-width:0}.player-info{display:flex;align-items:center;gap:.65rem;min-width:0}.player-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.player-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--text-primary);flex-shrink:0}.player-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.player-name{font-weight:600;color:var(--text-primary);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.player-level{font-size:.75rem;color:var(--text-secondary)}.col-value{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.95rem}.col-value .reward-badge{font-size:.72rem;color:#f1c40f;font-weight:600;white-space:nowrap}.leaderboard-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 0 .25rem}.pagination-btn{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-page{font-weight:600;color:var(--text-primary);min-width:40px;text-align:center}.leaderboard-reward-hint{margin-top:1rem;padding:1rem;background:#f1c40f1a;border:1px solid rgba(241,196,15,.3);border-radius:8px;text-align:center;color:#f1c40f;font-size:.9rem}.leaderboard-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.reward-modal{background:var(--bg-card);border:2px solid #f1c40f;border-radius:16px;padding:2rem 1.5rem;width:90%;max-width:400px;text-align:center;box-shadow:0 8px 32px #f1c40f33;max-height:85vh;overflow-y:auto}.reward-modal h2{font-family:MedievalSharp,cursive;font-size:1.5rem;color:var(--text-primary);margin:.75rem 0 .5rem}.reward-modal p{color:var(--text-secondary);font-size:.92rem;margin-bottom:1rem}.reward-amount{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1.25rem 0}.reward-value{font-size:2.4rem;font-weight:700;color:#f1c40f}.reward-currency{font-size:.95rem;color:var(--text-secondary)}.reward-rank{font-size:.9rem;color:var(--text-secondary);font-weight:600}.reward-ok{background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;color:#000;padding:.75rem 2rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:.5rem;transition:transform .2s;width:100%;max-width:240px}.reward-ok:hover{transform:scale(1.05)}@media (max-width: 1024px) and (min-width: 769px){.leaderboard-modal{max-width:560px;padding:1.25rem}}@media (max-width: 768px){.leaderboard-modal{width:96%;max-height:88vh;padding:1rem .75rem;border-radius:14px}.leaderboard-close{top:.5rem;right:.5rem;width:32px;height:32px}.leaderboard-header{gap:.4rem;margin-bottom:.6rem;padding-right:2rem}.leaderboard-header h2{font-size:1.25rem}.leaderboard-week{font-size:.72rem;padding:.2rem .55rem}.leaderboard-timer{font-size:.78rem;padding:.5rem .7rem;gap:.4rem}.leaderboard-tabs{padding:.35rem;gap:.3rem;margin-bottom:.75rem}.leaderboard-tab{padding:.55rem .5rem;font-size:.8rem;gap:.3rem}.leaderboard-table-header{grid-template-columns:48px 1fr auto;gap:.5rem;padding:.5rem .65rem;font-size:.68rem}.leaderboard-row{grid-template-columns:48px 1fr auto;gap:.5rem;padding:.5rem .65rem}.col-rank{font-size:.95rem}.player-avatar,.player-avatar-placeholder{width:34px;height:34px;font-size:.95rem}.player-info{gap:.5rem}.player-name{font-size:.85rem;max-width:110px}.player-level{font-size:.68rem}.col-value{font-size:.85rem}.col-value .reward-badge{font-size:.65rem}.pagination-btn{width:44px;height:44px}.pagination-page{font-size:.95rem}.reward-modal{padding:1.5rem 1rem}.reward-modal h2{font-size:1.3rem}.reward-value{font-size:2rem}}@media (max-width: 380px){.leaderboard-modal{padding:.85rem .6rem}.leaderboard-header h2{font-size:1.1rem}.leaderboard-week{font-size:.65rem}.leaderboard-tab{font-size:.72rem;padding:.5rem .35rem}.leaderboard-tab svg{display:none}.leaderboard-table-header,.leaderboard-row{grid-template-columns:40px 1fr auto;gap:.4rem;padding:.45rem .5rem}.player-avatar,.player-avatar-placeholder{width:30px;height:30px;font-size:.85rem}.player-name{max-width:90px;font-size:.78rem}.col-value{font-size:.78rem}}@media (max-height: 700px) and (min-width: 769px){.leaderboard-modal{max-height:92vh;padding:1rem}.leaderboard-header{margin-bottom:.5rem}.leaderboard-timer{margin-bottom:.6rem;padding:.4rem .8rem}.leaderboard-tabs{margin-bottom:.6rem}.leaderboard-tab{padding:.5rem .75rem}.leaderboard-list{gap:.3rem}.leaderboard-row{padding:.45rem .9rem}.player-avatar,.player-avatar-placeholder{width:34px;height:34px}}@media (max-height: 500px) and (orientation: landscape){.leaderboard-modal{max-height:94vh;padding:.75rem}.leaderboard-header{margin-bottom:.4rem}.leaderboard-header h2{font-size:1.1rem}.leaderboard-timer{display:none}.leaderboard-tabs{margin-bottom:.5rem}.leaderboard-tab{padding:.4rem .6rem;font-size:.78rem}.leaderboard-list{gap:.25rem}.leaderboard-row{padding:.35rem .65rem}.player-avatar,.player-avatar-placeholder{width:28px;height:28px}.player-avatar-placeholder{font-size:.8rem}}.daily-quests-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#05050fb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.daily-quests-modal{width:min(520px,100%);max-height:85dvh;overflow-y:auto;padding:1.25rem;background:linear-gradient(160deg,#1e1e3af7,#0c0c1cfc);border:1px solid rgba(108,92,231,.5);border-radius:22px;box-shadow:0 20px 60px #000000b3,0 0 40px #6c5ce740;color:var(--text-primary)}.daily-quests-header{display:flex;align-items:center;gap:.85rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.daily-quests-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f1c40f33,#f39c1226);border:1px solid rgba(241,196,15,.4);color:#f1c40f;flex-shrink:0}.daily-quests-header h2{margin:0;font-family:MedievalSharp,cursive;font-size:1.2rem;color:var(--text-primary)}.daily-quests-header p{margin:.15rem 0 0;font-size:.75rem;color:var(--text-secondary)}.daily-quests-close{width:36px;height:36px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:background .2s}.daily-quests-close:hover{background:#ffffff1a}.daily-quests-loading,.daily-quests-error{text-align:center;padding:2rem;color:var(--text-secondary)}.daily-quests-error{color:#ff6b6b}.daily-quests-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.daily-quest-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .25s}.daily-quest-card.completed{background:#2ecc7114;border-color:#2ecc714d}.daily-quest-card.bonus{background:linear-gradient(135deg,#f1c40f14,#6c5ce714);border-color:#f1c40f4d}.daily-quest-card.bonus.locked{opacity:.5;filter:grayscale(.5)}.daily-quest-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);color:#a29bfe;flex-shrink:0}.daily-quest-icon.done{background:#2ecc7133;border-color:#2ecc7180;color:#2ecc71}.check-mark{position:absolute;bottom:-2px;right:-2px;color:#2ecc71;filter:drop-shadow(0 0 4px rgba(46,204,113,.6))}.daily-quest-info{flex:1;min-width:0}.daily-quest-title{margin:0;font-size:.85rem;font-weight:700;color:var(--text-primary);transition:all .25s}.daily-quest-title.struck{text-decoration:line-through;color:var(--text-secondary);opacity:.7}.daily-quest-desc{margin:.2rem 0 0;font-size:.7rem;color:var(--text-secondary)}.daily-quest-reward{display:flex;align-items:center;gap:.35rem;padding:.4rem .65rem;background:#ffd70014;border:1px solid rgba(241,196,15,.3);border-radius:999px;flex-shrink:0}.daily-quest-reward-icon{font-size:.9rem}.daily-quest-reward-amount{font-size:.8rem;font-weight:800;color:#f1c40f}.daily-quest-reward-label{font-size:.65rem;color:var(--text-secondary)}.daily-quest-claim-btn{padding:.5rem .9rem;background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:10px;color:#1a1a2e;font-weight:800;font-size:.8rem;cursor:pointer;transition:all .2s;flex-shrink:0}.daily-quest-claim-btn:hover:not(:disabled){box-shadow:0 0 18px #f1c40f80}.daily-quest-claim-btn:disabled{opacity:.5;cursor:not-allowed}.daily-quest-strike{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(46,204,113,.15) 4px,rgba(46,204,113,.15) 8px);border-radius:14px}.daily-quests-hint{text-align:center;font-size:.7rem;color:var(--text-secondary);padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}@media (max-width: 768px){.daily-quests-modal{width:100%;max-height:90dvh;padding:1rem;border-radius:18px 18px 0 0;align-self:flex-end}.daily-quests-header{gap:.6rem}.daily-quests-icon{width:42px;height:42px}.daily-quests-header h2{font-size:1.05rem}.daily-quest-card{padding:.7rem;gap:.6rem}.daily-quest-icon{width:36px;height:36px}.daily-quest-title{font-size:.78rem}.daily-quest-reward{padding:.35rem .55rem;gap:.25rem}.daily-quest-reward-amount{font-size:.72rem}.daily-quest-reward-label{font-size:.6rem}}.area-scroll-wrap{position:absolute;top:0rem;left:1.25rem;right:auto;transform:none;width:fit-content;max-width:calc(100% - 2.5rem);display:flex;flex-direction:column;align-items:flex-start;z-index:3}.area-scroll-roller{display:flex;align-items:center;gap:.7rem;padding:.45rem 1.2rem;background:linear-gradient(180deg,#8b5a2b,#6b4423,#8b5a2b);border:2px solid #4a2f17;border-radius:22px;box-shadow:0 4px 14px #00000080,inset 0 2px 4px #ffdca040,inset 0 -2px 4px #00000059;color:#f5e6c8;position:relative;z-index:2}.area-scroll-roller-title{display:flex;align-items:center;gap:.4rem;font-weight:800;font-size:.9rem;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.4px}.area-scroll-roller-title svg{color:gold}.area-scroll-nav{display:flex;gap:.45rem;margin-left:auto;min-width:0}.area-scroll-nav-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#00000047;border:1px solid rgba(255,220,160,.25);border-radius:12px;color:#f5e6c8;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}.area-scroll-nav-btn:hover{background:#0000006b;box-shadow:0 0 12px #ffd70040}.area-scroll-nav-btn.tavern:hover{border-color:#f39c12b3;color:#ffd28a}.area-scroll-nav-btn.shop:hover{border-color:#2ecc71b3;color:#8af0b8}.area-scroll-nav-btn.vip:hover{border-color:#f1c40fb3;color:#ffe566}.area-scroll-nav-btn.bank:hover{border-color:#3498dbb3;color:#85c1e9}.area-scroll-nav-btn .soon-tag{font-size:.55rem}.area-scroll-roller{display:flex;align-items:center;justify-content:center;gap:.6rem;height:auto;background:linear-gradient(180deg,#8b5a2b,#6b4423,#8b5a2b);border:2px solid #4a2f17;border-radius:22px;box-shadow:0 4px 14px #00000080,inset 0 2px 4px #ffdca040,inset 0 -2px 4px #00000059;color:#f5e6c8;font-weight:800;font-size:.95rem;position:relative;z-index:2}.area-scroll-roller.bottom{height:26px}.area-scroll-roller svg{color:gold}.area-scroll-roller-title{text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.4px}.area-scroll-knob{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d4a960,#8b5a2b 65%,#4a2f17);border:2px solid #4a2f17;box-shadow:0 3px 8px #00000080,inset 0 1px 3px #ffe6aa80;flex-shrink:0}.area-scroll-roller.bottom .area-scroll-knob{width:22px;height:22px}.area-scroll-roller .area-scroll-knob.left{position:absolute;left:-12px}.area-scroll-roller .area-scroll-knob.right{position:absolute;right:-12px}.area-scroll-body-area{background:linear-gradient(180deg,#2a2a44f7,#23233af7);border-left:3px solid #8b5a2b;border-right:3px solid #8b5a2b;padding:.8rem;display:flex;flex-direction:column;gap:.55rem;box-shadow:inset 0 0 30px #00000059,0 8px 24px #0006;min-height:0}.area-location-btn{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;background:linear-gradient(135deg,#6c5ce71f,#1a1a2e99);border:1px solid rgba(108,92,231,.35);border-radius:14px;color:var(--text-primary);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .25s,box-shadow .25s}.area-location-btn:hover{border-color:#6c5ce7bf;box-shadow:0 6px 18px #0006,0 0 16px #6c5ce740}.area-location-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:13px;flex-shrink:0}.area-location-icon.tavern{background:#f39c1229;border:1px solid rgba(243,156,18,.4);color:#f39c12}.area-location-icon.shop{background:#2ecc7129;border:1px solid rgba(46,204,113,.4);color:#2ecc71}.area-location-icon.vip{background:#f1c40f29;border:1px solid rgba(241,196,15,.4);color:#f1c40f}.area-location-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.area-location-name{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.98rem}.area-location-desc{font-size:.72rem;color:var(--text-secondary)}.area-location-arrow{font-size:1.4rem;color:var(--text-secondary);font-weight:300;transition:color .2s}.area-location-btn:hover .area-location-arrow{color:#a29bfe}.shop-soon{background:#2ecc7114;border-color:#2ecc7159}.shop-soon h3{color:#2ecc71}.shop-scene{flex-direction:column;justify-content:flex-start;overflow-y:auto}.shop-scene .area-map-img,.shop-scene .area-map-bg{opacity:.85}.shop-header{position:relative;z-index:3;display:flex;align-items:center;gap:.8rem;width:min(860px,calc(100% - 2.5rem));margin-top:1.1rem;padding:.7rem 1.1rem;background:linear-gradient(135deg,#141428eb,#0c0c1cf2);border:1px solid rgba(108,92,231,.5);border-radius:18px;box-shadow:0 8px 28px #00000080,0 0 22px #6c5ce733}.shop-header-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#6c5ce72e;border:1px solid rgba(108,92,231,.4);color:#a29bfe;flex-shrink:0}.shop-header-info{flex:1;min-width:0}.shop-header-info h2{font-family:MedievalSharp,cursive;font-size:1.25rem;color:#f0dbb2;letter-spacing:.5px;margin:0}.shop-header-info p{margin:0;font-size:.72rem;color:var(--text-secondary)}.shop-balance{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:#ffd70014;border:1px solid rgba(241,196,15,.35);border-radius:999px;color:#f1c40f;font-weight:800;font-size:.95rem;white-space:nowrap}.shop-balance-coin{color:#564ef3;flex-shrink:0}.shop-balance .low{color:#ff6b6b}.shop-showcase{position:relative;z-index:3;width:min(900px,calc(100% - 2rem));margin-top:1.1rem;display:flex;flex-direction:column;align-items:center;flex:1}.shop-loading,.shop-empty{color:var(--text-secondary);font-size:1.1rem;padding:2.5rem;text-align:center;background:#0c0c1c99;border:1px solid rgba(108,92,231,.3);border-radius:18px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:auto}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.1rem 1rem .95rem;background:linear-gradient(180deg,#1c1c34f0,#0e0e20f5);border:1px solid rgba(108,92,231,.35);border-radius:18px;color:var(--text-primary);cursor:pointer;text-align:center;font-family:inherit;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0f;transition:border-color .25s,box-shadow .25s}.shop-card:hover{border-color:var(--card-accent, #a29bfe);box-shadow:0 14px 36px #0000008c,0 0 22px var(--card-glow, rgba(108, 92, 231, .35))}.shop-card-tier{position:absolute;top:.6rem;left:.6rem;padding:.12rem .5rem;border:1px solid currentColor;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.5px;opacity:.9}.shop-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:.7rem;border-radius:16px;background:#00000059;border:1px solid rgba(255,255,255,.12)}.shop-card-name{font-size:.95rem;font-weight:800;line-height:1.2;min-height:2.3em;display:flex;align-items:center}.shop-card-aim{font-size:.7rem;color:var(--text-secondary)}.shop-card-dmg{font-size:.78rem;color:#ffd28a;font-weight:600}.shop-card-owned{display:flex;align-items:center;gap:.3rem;font-size:.66rem;color:var(--text-secondary);padding:.25rem .6rem;border:1px dashed rgba(255,255,255,.18);border-radius:999px;margin-top:.15rem}.shop-card-owned svg{color:#f1c40f}.shop-card-buy{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;padding:.5rem 1.05rem;background:linear-gradient(135deg,#f1c40f33,#f39c121f);border:1px solid rgba(241,196,15,.45);border-radius:999px;color:#f1c40f;font-weight:800;font-size:.95rem}.shop-hint{margin-top:1rem;font-size:.75rem;color:var(--text-secondary);opacity:.8;text-align:center}.shop-buy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#05050fa8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-buy-modal{width:min(440px,100%);max-height:92dvh;overflow-y:auto;padding:1.3rem;background:linear-gradient(160deg,#1e1e3af7,#0c0c1cfc);border:1px solid rgba(108,92,231,.5);border-radius:22px;box-shadow:0 20px 60px #000000b3,0 0 40px #6c5ce740;color:var(--text-primary)}.shop-buy-head{display:flex;align-items:center;gap:.9rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.8rem}.shop-buy-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:#00000059;border:1px solid rgba(255,255,255,.14);flex-shrink:0}.shop-buy-head h3{margin:0;font-size:1.1rem;font-weight:800}.shop-buy-head p{margin:.15rem 0 0;font-size:.75rem;color:var(--text-secondary)}.shop-buy-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:.85rem}.shop-buy-row-label{color:var(--text-secondary)}.shop-buy-price{display:flex;align-items:center;gap:.35rem;color:#f1c40f;font-weight:800}.shop-qty-label{margin-top:.8rem;margin-bottom:.4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary)}.shop-qty{display:flex;align-items:center;gap:.5rem}.shop-qty-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#6c5ce724;border:1px solid rgba(108,92,231,.35);color:var(--text-primary);cursor:pointer;transition:background .2s}.shop-qty-btn:hover:not(:disabled){background:#6c5ce747}.shop-qty-btn:disabled{opacity:.35;cursor:default}.shop-qty-value{flex:1;display:flex;align-items:center;justify-content:center;height:42px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.12);font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.shop-qty-input{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1.05rem;font-weight:700;text-align:center;font-family:inherit}.shop-qty-input::placeholder{font-size:.8rem;color:var(--text-secondary);font-weight:500}.shop-qty-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:.55rem}.shop-qty-quick-btn{padding:.42rem .3rem;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.shop-qty-quick-btn:hover{background:#6c5ce729;color:var(--text-primary)}.shop-qty-quick-btn.active{background:#6c5ce74d;border-color:#a29bfeb3;color:#fff}.shop-buy-total{display:flex;align-items:center;justify-content:space-between;margin-top:.85rem;padding:.65rem .85rem;background:#ffd70014;border:1px solid rgba(241,196,15,.3);border-radius:12px;font-size:.9rem;font-weight:700}.shop-buy-total-price{display:flex;align-items:center;gap:.35rem;color:#f1c40f;font-size:1.05rem}.shop-buy-balance{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.78rem;color:var(--text-secondary)}.shop-buy-balance.short{color:#ff6b6b}.shop-buy-error{margin-top:.6rem;font-size:.8rem;color:#ff6b6b;text-align:center;padding:.45rem;background:#d630311f;border-radius:10px}.shop-buy-actions{display:flex;gap:.6rem;margin-top:1rem}.shop-buy-close{flex:1;padding:.75rem .5rem;border-radius:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary);font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit;transition:background .2s}.shop-buy-close:hover{background:#ffffff1a}.shop-buy-submit{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .8rem;border:none;border-radius:13px;font-size:.9rem;font-weight:800;cursor:pointer;color:#1a1a2e;background:linear-gradient(135deg,#f1c40f,#f39c12);box-shadow:0 6px 20px #f39c1266;font-family:inherit}.shop-buy-submit:disabled{opacity:.5;cursor:default;box-shadow:none}.shop-buy-spinner{width:20px;height:20px;border:3px solid rgba(26,26,46,.3);border-top-color:#1a1a2e;border-radius:50%;animation:shopSpin .7s linear infinite}@keyframes shopSpin{to{transform:rotate(360deg)}}.shop-success-toast{position:absolute;left:50%;bottom:5.2rem;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:.55rem;padding:.8rem 1.3rem;background:linear-gradient(135deg,#00b894f2,#009688f2);border:1px solid rgba(85,239,196,.6);border-radius:999px;color:#fff;font-weight:800;font-size:.9rem;box-shadow:0 10px 30px #00000080,0 0 24px #00b89466;white-space:nowrap}.shop-success-crown{color:#f1c40f;margin-left:.2rem}@media (max-width: 380px){.shop-header{width:calc(100% - 1rem);padding:.5rem .65rem;gap:.45rem}.shop-header-icon{width:32px;height:32px;border-radius:10px}.shop-header-icon svg{width:16px;height:16px}.shop-header-info h2{font-size:.92rem}.shop-header-info p{font-size:.58rem}.shop-balance{font-size:.72rem;padding:.35rem .5rem;gap:.25rem}.shop-showcase{width:calc(100% - 1rem)}.shop-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.shop-card{padding:.55rem .3rem;border-radius:12px;gap:.25rem}.shop-card-tier{font-size:.5rem;top:.35rem;left:.35rem;padding:.08rem .4rem}.shop-card-icon{width:36px;height:36px;margin-top:.25rem;border-radius:9px}.shop-card-icon svg{width:18px;height:18px}.shop-card-name{font-size:.62rem;min-height:0;line-height:1.15}.shop-card-aim,.shop-card-owned{display:none}.shop-card-dmg{font-size:.58rem}.shop-card-buy{font-size:.66rem;padding:.28rem .5rem;gap:.2rem;margin-top:.05rem}.shop-card-buy svg{width:10px;height:10px}.shop-hint{font-size:.6rem;margin-top:.6rem}.shop-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.shop-card{padding:.7rem .4rem .65rem;border-radius:14px}.shop-card-tier{font-size:.55rem;top:.45rem;left:.45rem}.shop-card-icon{width:56px;height:56px;margin-top:.5rem;border-radius:12px}.shop-card-icon svg{width:26px;height:26px}.shop-card-name{font-size:.7rem;min-height:2.4em}.shop-card-aim{font-size:.58rem}.shop-card-dmg{font-size:.65rem}.shop-card-owned{font-size:.52rem;padding:.2rem .45rem;gap:.2rem}.shop-card-owned svg{width:10px;height:10px}.shop-card-buy{font-size:.75rem;padding:.4rem .7rem;gap:.25rem}.shop-hint{font-size:.65rem}.vip-section-head{padding:.5rem .7rem}.vip-section-head-info h3{font-size:.92rem}.vip-section-head-info p{font-size:.58rem}.vip-active-chip{font-size:.68rem;padding:.3rem .5rem}.vip-grid{gap:.55rem}.vip-tier-card{padding:.65rem .35rem .6rem;gap:.25rem;border-radius:13px}.vip-tier-days{font-size:.95rem}.vip-tier-days-label{font-size:.55rem}.vip-tier-icon{width:38px;height:38px;margin:.15rem 0}.vip-tier-icon svg{width:19px;height:19px}.vip-tier-name{font-size:.6rem}.vip-tier-price{font-size:.7rem;padding:.28rem .45rem;gap:.25rem}.vip-tier-price svg{width:11px;height:11px}.vip-tier-locked{font-size:.55rem}.vip-hint{font-size:.62rem}}@media (max-width: 768px){.shop-buy-overlay{padding:.6rem;align-items:flex-end}.shop-buy-modal{width:100%;max-height:88dvh;padding:1rem .85rem;border-radius:18px 18px 0 0}.shop-buy-head{gap:.6rem;padding-bottom:.7rem}.shop-buy-icon{width:46px;height:46px;border-radius:12px}.shop-buy-icon svg{width:24px;height:24px}.shop-buy-head h3{font-size:.95rem}.shop-buy-head p{font-size:.66rem}.shop-buy-row{font-size:.78rem;padding:.5rem .6rem}.shop-qty-btn{width:46px;height:46px}.shop-qty-value{height:46px;font-size:1.1rem}.shop-qty-quick-btn{padding:.5rem .3rem;font-size:.8rem}.shop-buy-total{font-size:.82rem;padding:.55rem .7rem}.shop-buy-total-price{font-size:.95rem}.shop-buy-balance{font-size:.7rem}.shop-buy-close,.shop-buy-submit{padding:.85rem .5rem;font-size:.85rem}.shop-success-toast{bottom:1.5rem;font-size:.78rem;padding:.7rem 1rem;max-width:calc(100% - 2rem);white-space:normal;text-align:center}}@media (max-width: 380px){.daily-quest-card{padding:.6rem;gap:.5rem}.daily-quest-icon{width:32px;height:32px}.daily-quest-title{font-size:.72rem}.daily-quest-desc{font-size:.64rem}}@media (max-width: 380px){.shop-buy-icon{width:40px;height:40px}.shop-buy-head h3{font-size:.85rem}.shop-qty-quick{grid-template-columns:repeat(3,1fr)}.shop-qty-quick-btn{font-size:.72rem}.shop-buy-actions{flex-direction:column}.shop-buy-close,.shop-buy-submit{flex:none;width:100%}}@media (max-width: 380px){@media (max-height: 500px) and (orientation: landscape){.shop-header{margin-top:.5rem;padding:.45rem .8rem}.shop-showcase{margin-top:.6rem;padding-bottom:3.5rem}.shop-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:flex;flex-wrap:wrap}.shop-card{padding:.6rem .5rem;width:73px;height:161px}.shop-card-icon{width:48px;height:48px;margin-top:.3rem}.shop-card-icon svg{width:24px;height:24px}.shop-card-name{font-size:.7rem;min-height:1.2em}.shop-card-aim,.shop-card-owned{display:none}.shop-card-dmg{font-size:.65rem}.shop-card-buy{font-size:.72rem;padding:.3rem .6rem;margin-top:.1rem}.shop-hint{display:none}.vip-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.vip-tier-icon{width:40px;height:40px;margin:.15rem 0}.vip-tier-name{display:none}.shop-buy-overlay{align-items:center}.shop-buy-modal{max-height:94dvh;border-radius:18px}}@media (max-height: 700px) and (min-width: 769px){.shop-header{margin-top:.6rem;padding:.5rem .9rem}.shop-showcase{margin-top:.7rem;padding-bottom:3.5rem}.shop-grid{gap:.7rem}.shop-card{padding:.75rem .7rem .7rem}.shop-card-icon{width:64px;height:64px;margin-top:.4rem}.shop-card-icon svg{width:30px;height:30px}.shop-card-name{font-size:.78rem;min-height:2.2em}.shop-card-buy{font-size:.8rem;padding:.4rem .8rem}.shop-hint{margin-top:.6rem}.vip-section{margin-top:.7rem;padding-bottom:3rem}.vip-tier-icon{width:52px;height:52px;margin:.2rem 0}.vip-tier-days{font-size:1.2rem}}@media (min-width: 769px) and (max-width: 1024px){.shop-header{margin-top:.85rem;padding:.6rem .9rem}.shop-grid{gap:.75rem}.shop-card{padding:.9rem .75rem .8rem}.shop-card-icon{width:78px;height:78px}.shop-card-icon svg{width:38px;height:38px}.shop-card-name{font-size:.85rem;min-height:2.6em}}@media (max-width: 768px){.shop-header{width:calc(100% - 1.4rem);margin-top:.7rem;padding:.55rem .8rem;gap:.6rem}.shop-header-icon{width:38px;height:38px}.shop-header-icon svg{width:19px;height:19px}.shop-header-info h2{font-size:1.05rem}.shop-header-info p{font-size:.64rem}.shop-balance{font-size:.8rem;padding:.4rem .65rem}.shop-showcase{width:calc(100% - 1.2rem)}.shop-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.shop-card{padding:.75rem .5rem .7rem;border-radius:14px;gap:.35rem}.shop-card-tier{font-size:.55rem;top:.45rem;left:.45rem}.shop-card-icon{width:48px;height:48px;margin-top:.4rem;border-radius:11px}.shop-card-icon svg{width:24px;height:24px}.shop-card-name{font-size:.72rem;min-height:2.4em}.shop-card-aim{font-size:.6rem}.shop-card-dmg{font-size:.66rem}.shop-card-owned{font-size:.54rem;padding:.2rem .45rem;gap:.2rem;margin-top:.05rem}.shop-card-owned svg{width:10px;height:10px}.shop-card-buy{font-size:.76rem;padding:.38rem .65rem;gap:.25rem;margin-top:.1rem}.shop-card-buy svg{width:13px;height:13px}.shop-hint{font-size:.65rem;margin-top:.7rem}}@media (min-width: 769px) and (max-width: 1024px){.area-scroll-wrap{top:4.2rem;left:.9rem;right:auto}.area-scroll-roller{gap:.45rem;padding:.4rem .9rem}.area-scroll-roller-title{font-size:.78rem}.area-scroll-nav-btn{padding:.38rem .6rem;font-size:.72rem}}@media (max-width: 768px){.area-scroll-wrap{top:calc(3.4rem + env(safe-area-inset-top,0px));left:.7rem;right:.7rem;transform:none;width:auto;max-width:none;align-items:stretch}.area-scroll-roller{flex-wrap:wrap;height:auto;min-height:44px;padding:.4rem .9rem;gap:.4rem}.area-scroll-roller-title{font-size:.78rem}.area-scroll-nav{width:100%;justify-content:stretch}.area-scroll-nav-btn{flex:1;justify-content:center;padding:.35rem .5rem;font-size:.7rem}.area-scroll-knob{width:26px;height:26px}.area-scroll-roller .area-scroll-knob.left{left:-8px}.area-scroll-roller .area-scroll-knob.right{right:-8px}}.tavern-collected{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem 0;color:#2ecc71}.tavern-collected-amount{font-size:2rem;font-weight:900;color:#f1c40f;text-shadow:0 0 16px rgba(241,196,15,.5)}.tavern-collected-label{font-size:.85rem;color:var(--text-secondary)}.tavern-actions{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.8rem;z-index:3}.tavern-nav-btn{display:flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;background:linear-gradient(135deg,#1a1a2ef0,#0f0f1ef0);border:1px solid rgba(108,92,231,.45);border-radius:14px;color:var(--text-primary);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s}.tavern-nav-btn.vip{border-color:#f1c40f80;color:#f1c40f}.tavern-nav-btn.vip:hover{box-shadow:0 0 18px #f1c40f4d}.tavern-nav-btn.back:hover{border-color:#6c5ce7cc}@media (max-width: 768px){.area-title{font-size:.8rem;padding:.4rem .85rem;top:.9rem}.area-close-btn{top:calc(.9rem + env(safe-area-inset-top,0px));right:.9rem;width:38px;height:38px}.area-back-btn{top:calc(.9rem + env(safe-area-inset-top,0px));left:.9rem;padding:.45rem .8rem;font-size:.78rem}.area-nav{flex-direction:row;justify-content:center;gap:.6rem;bottom:1.1rem;width:calc(100% - 1.5rem)}.area-nav-btn{flex:1;max-width:220px;min-width:0;padding:.65rem .8rem}.area-nav-icon{width:36px;height:36px}.area-nav-icon svg{width:18px;height:18px}.area-nav-name{font-size:.82rem}.area-nav-desc{font-size:.6rem}.tavern-card{margin-top:0;padding:.9rem;width:min(320px,calc(100% - 1.5rem));max-height:calc(100dvh - 7rem);overflow-y:auto}.tavern-stat-value{font-size:1rem}.tavern-collect-btn{font-size:.85rem;padding:.75rem .85rem}.tavern-timer{font-size:1.15rem}.tavern-actions{bottom:1.1rem;width:calc(100% - 1.5rem);justify-content:center;gap:.5rem}.tavern-nav-btn{padding:.55rem .85rem;font-size:.75rem}.area-vip-soon{padding:1.1rem 1.4rem}.area-vip-soon h3{font-size:1rem}.area-vip-soon p{font-size:.75rem}}.area-title,.area-nav-name{font-size:.72rem}.area-nav-desc{display:none}.tavern-card{padding:.75rem}.tavern-stat{padding:.55rem .6rem}@media (max-height: 500px) and (orientation: landscape){.area-scroll-wrap{top:calc(.75rem + env(safe-area-inset-top,0px));left:.7rem;right:auto;width:fit-content;max-width:calc(100% - 4.3rem);align-items:flex-start}.area-scroll-roller{flex-wrap:nowrap}.area-scroll-roller-title{font-size:.72rem}.area-scroll-nav-btn{padding:.3rem .5rem;font-size:.7rem}.area-scroll-nav-btn svg{width:16px;height:16px}.area-title{top:.6rem;padding:.3rem .7rem;font-size:.72rem}.area-close-btn{top:calc(.6rem + env(safe-area-inset-top,0px));right:.6rem;width:34px;height:34px}.area-back-btn{top:.6rem;left:.6rem;padding:.35rem .65rem;font-size:.72rem}.area-nav{bottom:.6rem;gap:.5rem}.area-nav-btn{flex-direction:row;padding:.45rem .9rem;gap:.5rem}.area-nav-icon{width:30px;height:30px}.area-nav-icon svg{width:15px;height:15px}.area-nav-desc{display:none}.tavern-card{margin-top:0;padding:.7rem 1rem;width:min(420px,calc(100% - 1.5rem))}.tavern-main,.tavern-stats{gap:.5rem}.tavern-stat{padding:.45rem .6rem}.tavern-stat-value{font-size:.9rem}.tavern-stat-label{font-size:.55rem}.tavern-collect-btn{padding:.55rem .8rem;font-size:.8rem}.tavern-timer-wrap{padding:.45rem}.tavern-timer{font-size:1rem}.tavern-formula{display:none}.tavern-actions{bottom:.6rem}.tavern-nav-btn{padding:.45rem .75rem;font-size:.72rem}}@media (max-height: 700px) and (min-width: 1025px){.area-scroll-wrap{top:3.6rem}.area-close-btn{top:.9rem;right:.9rem}.area-back-btn{top:.9rem;left:.9rem}.tavern-card{margin-top:3rem;max-height:calc(100dvh - 4.5rem);overflow-y:auto}.area-vip-soon{max-height:calc(100dvh - 4rem);overflow-y:auto}}@media (min-width: 1200px){.area-nav-btn{min-width:150px;padding:1rem 1.6rem}.area-nav-icon{width:52px;height:52px}.area-nav-name{font-size:1.05rem}.tavern-card{width:min(380px,calc(100% - 2rem));padding:1.4rem}}}.tavern-card{position:relative;z-index:3;width:min(340px,calc(100% - 2rem));padding:1.25rem;background:linear-gradient(135deg,#1a1a2ef0,#0f0f1ef5);border:1px solid rgba(243,156,18,.4);border-radius:20px;box-shadow:0 10px 32px #0000008c,0 0 26px #f39c1226,inset 0 1px #ffffff0f;margin-top:4rem}.tavern-loading{text-align:center;color:var(--text-secondary);padding:1.5rem 0}.tavern-main{display:flex;flex-direction:column;gap:.9rem}.tavern-stats{display:flex;gap:.75rem}.tavern-stat{flex:1;display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px}.tavern-stat svg{color:#f39c12;flex-shrink:0}.tavern-stat-info{display:flex;flex-direction:column;line-height:1.15}.tavern-stat-value{font-size:1.15rem;font-weight:800;color:#fff}.tavern-stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.tavern-collect-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1rem;border:none;border-radius:14px;font-size:.95rem;font-weight:800;cursor:pointer;color:#1a1a2e;background:linear-gradient(135deg,#f1c40f,#f39c12);box-shadow:0 6px 18px #f39c1259;transition:filter .2s}.tavern-collect-btn.ready:hover{filter:brightness(1.08);box-shadow:0 8px 24px #f39c1280}.tavern-collect-btn.no-friends{background:#ffffff0f;color:var(--text-secondary);box-shadow:none;cursor:default;border:1px dashed rgba(255,255,255,.15)}.tavern-timer-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px}.tavern-timer{display:flex;align-items:center;gap:.45rem;font-size:1.35rem;font-weight:800;color:#f39c12;font-variant-numeric:tabular-nums;letter-spacing:1px}.tavern-timer-hint{font-size:.68rem;color:var(--text-secondary)}.tavern-formula{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.72rem;color:var(--text-secondary)}.tavern-formula svg{color:#f1c40f}.tavern-error{text-align:center;font-size:.78rem;color:#e74c3c}