*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0a0f;color:#fff;line-height:1.5;overflow-x:hidden}html,body{overscroll-behavior:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#4fc3f74d;color:#fff}.game-container{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #4fc3f7;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rarity-common{color:#9e9e9e}.rarity-uncommon{color:#4caf50}.rarity-rare{color:#2196f3}.rarity-epic{color:#9c27b0}.rarity-legendary{color:#ff9800}.element-fire{color:#ff6b35}.element-water{color:#4fc3f7}.element-earth{color:#8d6e63}.element-wind{color:#81c784}.element-light{color:#fff176}.element-dark{color:#7c4dff}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.app{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;background:#0a0a0f;padding:0}.game-container{width:100%;max-width:430px;height:100vh;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16213e);position:relative;overflow:hidden;box-shadow:0 0 60px #000c}@media(min-width:431px){.app{padding:20px;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.game-container{height:calc(100vh - 40px);max-height:900px;border-radius:12px;border:3px solid #2a2a3e}}.action-tabs{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);min-height:50vh}.resources-bar{display:flex;justify-content:center;gap:12px;padding:8px 16px;background:linear-gradient(180deg,#0006,#0003)}.resource{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;position:relative;overflow:hidden}.resource:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.resource.gold{background:linear-gradient(135deg,#ffc10740,#ff980026);color:#ffd54f}.resource.gems{background:linear-gradient(135deg,#e040fb40,#9c27b026);color:#ea80fc}.resource .add-btn{margin-left:2px;opacity:.7;transition:all .2s ease}.resource:hover .add-btn{opacity:1;transform:scale(1.2)}.tab-navigation{display:flex;justify-content:space-between;padding:6px 8px;background:linear-gradient(180deg,#141423f2,#0f0f19f2);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative}.tab-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:transparent;border:none;color:#666;cursor:pointer;transition:all .25s ease;flex:1;min-width:0;z-index:1}.tab-btn:hover{color:#999}.tab-btn.active{color:var(--tab-color, #4fc3f7)}.tab-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#ffffff0d;transition:all .3s ease}.tab-btn.active .tab-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--tab-color) 30%,transparent),color-mix(in srgb,var(--tab-color) 15%,transparent));box-shadow:0 4px 15px color-mix(in srgb,var(--tab-color) 40%,transparent);transform:translateY(-2px)}.tab-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.tab-btn.active .tab-icon{transform:scale(1.15)}.tab-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:linear-gradient(135deg,#f44336,#c62828);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f4433680;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tab-label{font-size:9px;font-weight:600;letter-spacing:.3px;white-space:nowrap;transition:color .3s ease}.tab-content{flex:1;overflow-y:auto;padding:12px;background:linear-gradient(180deg,#0000001a,#0003)}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:#0000001a}.tab-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.tab-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.tab-section{margin-bottom:16px}.section-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,#4fc3f7,#29b6f6);border-radius:2px}.card{background:#ffffff0d;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.08)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn{padding:8px 16px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;box-shadow:0 4px 15px #4fc3f74d}.btn-primary:hover{box-shadow:0 6px 20px #4fc3f780;transform:translateY(-2px)}.btn-primary:disabled{background:#555;box-shadow:none;transform:none;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn-sm{padding:6px 12px;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#0003;border-radius:8px}.stat-label{font-size:11px;color:#888}.stat-value{font-size:13px;font-weight:600;color:#fff}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.item-slot{aspect-ratio:1;background:#0000004d;border-radius:10px;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.item-slot:hover{border-color:#ffffff4d;transform:scale(1.05)}.item-slot.empty{border-style:dashed}.item-slot.common{border-color:#9e9e9e}.item-slot.uncommon{border-color:#4caf50}.item-slot.rare{border-color:#2196f3}.item-slot.epic{border-color:#9c27b0}.item-slot.legendary{border-color:#ff9800;box-shadow:0 0 15px #ff98004d}.item-icon{font-size:24px}.character-list{display:flex;flex-direction:column;gap:8px}.character-row{display:flex;align-items:center;gap:10px;padding:10px;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease}.character-row:hover{background:#ffffff0d;border-color:#ffffff26}.character-row.selected{background:#4fc3f71a;border-color:#4fc3f7}.char-avatar-small{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.char-details{flex:1}.char-name-row{display:flex;align-items:center;gap:6px}.char-name-text{font-size:13px;font-weight:600;color:#fff}.char-level-badge{font-size:10px;padding:2px 6px;background:#ffffff1a;border-radius:4px;color:#888}.char-stats-row{display:flex;gap:8px;margin-top:4px}.mini-stat{font-size:10px;color:#666;display:flex;align-items:center;gap:3px}.rarity-badge{padding:3px 8px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-tab{display:flex;flex-direction:column;gap:14px}.character-selector{display:flex;gap:8px;padding-bottom:8px}.selector-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;background:#0000004d;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;min-width:60px;position:relative}.selector-item:hover{background:#ffffff0d}.selector-item.selected{background:#4fc3f726}.selector-item.inactive{opacity:.5}.selector-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.selector-name{font-size:9px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.selector-level{font-size:8px;color:#888}.main-star{position:absolute;top:3px;right:3px;color:gold;font-size:9px}.selector-rarity{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 10px 10px}.team-info-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border-radius:8px;margin-bottom:2px}.team-label{font-size:11px;color:#888}.team-power{font-size:12px;font-weight:700;color:gold}.character-details-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.1)}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.detail-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 18px #0000004d;position:relative}.legendary-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:linear-gradient(135deg,gold,#ff9800);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.detail-info{flex:1}.detail-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.detail-name{font-size:16px;font-weight:700;color:#fff}.rarity-badge{padding:2px 5px;border-radius:4px;font-size:8px;font-weight:600;color:#fff;letter-spacing:.5px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap}.detail-level{font-size:11px;color:#4fc3f7;background:#4fc3f726;padding:2px 6px;border-radius:4px}.detail-class,.detail-element{font-size:10px;font-weight:500}.power-score{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#ffd70033,#ff8c001a);border-radius:8px;border:1px solid rgba(255,215,0,.3);margin-bottom:12px}.power-icon{color:gold}.power-label{font-size:11px;color:#aaa}.power-value{margin-left:auto;font-size:16px;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.hp-section{margin-bottom:12px}.hp-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#888;margin-bottom:4px}.hp-values{margin-left:auto;color:#4caf50;font-weight:600}.hp-bar-large{height:8px;background:#0006;border-radius:4px;overflow:hidden}.hp-fill-large{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px}.stats-grid-detailed{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.stat-item-detailed{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#00000040;border-radius:8px}.stat-item-detailed.full-width{grid-column:span 2}.stat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.atk{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-icon.def{background:linear-gradient(135deg,#3498db,#2980b9)}.stat-icon.spd{background:linear-gradient(135deg,#f1c40f,#f39c12)}.stat-icon.crit{background:linear-gradient(135deg,#e91e63,#c2185b)}.stat-icon.crit-dmg{background:linear-gradient(135deg,#ff5722,#e64a19)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-label{font-size:9px;color:#888}.stat-info .stat-value{font-size:14px;font-weight:700;color:#fff}.levelup-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #4fc3f74d;transition:all .3s ease;margin-bottom:8px}.levelup-btn:hover:not(:disabled){box-shadow:0 6px 20px #4fc3f780}.levelup-btn:disabled{background:#555;box-shadow:none;cursor:not-allowed}.levelup-btn .cost{margin-left:auto;font-size:11px;opacity:.9}.levelup-btn .cost.insufficient{color:#ff6b6b}.levelup-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-radius:8px;flex-wrap:wrap}.preview-title{font-size:10px;color:#888}.preview-stat{font-size:10px;color:#4caf50;background:#4caf5026;padding:2px 6px;border-radius:4px}.global-stats{background:#0003;border-radius:10px;padding:12px}.global-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.global-stat{text-align:center;padding:8px 6px;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:3px}.global-icon{font-size:16px}.global-label{font-size:8px;color:#888}.global-value{font-size:14px;font-weight:700;color:#4fc3f7}.resources-summary{display:flex;justify-content:center;gap:20px;padding:10px;background:#0003;border-radius:10px}.resource-item{display:flex;align-items:center;gap:6px}.resource-icon{font-size:18px}.resource-value{font-size:14px;font-weight:700;color:#fff}.equipment-tab{display:flex;flex-direction:column;gap:12px}.quick-actions{display:flex;gap:8px}.quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-action-btn.auto-equip{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;box-shadow:0 4px 15px #4fc3f74d}.quick-action-btn.decompose-all{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 15px #ff98004d}.quick-action-btn.decompose-all:disabled{background:#ffffff1a;color:#666;box-shadow:none;cursor:not-allowed}.quick-action-btn:hover:not(:disabled){transform:translateY(-2px)}.quick-action-btn.auto-equip:hover{box-shadow:0 6px 20px #4fc3f766}.quick-action-btn.decompose-all:hover:not(:disabled){box-shadow:0 6px 20px #ff980066}.decompose-result-toast{display:flex;justify-content:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#4caf504d,#8bc34a33);border-radius:10px;border:1px solid rgba(76,175,80,.5)}.decompose-result-toast span{font-size:14px;font-weight:700;color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title{font-size:12px;font-weight:600;color:#888}.equipped-section{background:#0003;border-radius:10px;padding:10px}.equipped-grid{display:flex;gap:6px;flex-wrap:wrap}.equipped-item{width:40px;height:40px;border-radius:8px;background:#ffffff14;border:2px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.equipped-item:hover{background:#ffffff26}.equipped-icon{font-size:14px}.equipped-owner{font-size:7px;color:#aaa;position:absolute;bottom:2px}.equipped-more{width:40px;height:40px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:10px;color:#888}.filter-bar{display:flex;gap:6px;justify-content:center}.filter-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#888;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.filter-btn:hover{background:#ffffff0d;color:#ccc}.filter-btn.active{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;border-color:#4fc3f7}.inventory-section{flex:1;min-height:0}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:200px;overflow-y:auto;padding-right:4px}.inventory-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#0000004d;border-radius:10px;border:2px solid;cursor:pointer;position:relative;transition:all .3s ease}.inventory-item:hover{background:#ffffff0d}.inventory-item.legendary{background:linear-gradient(135deg,#ff980033,#0000004d)}.item-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:4px}.item-name{font-size:8px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-stats-mini{display:flex;gap:2px;margin-top:2px}.item-stats-mini span{font-size:7px;color:#aaa;background:#0000004d;padding:1px 3px;border-radius:3px}.set-indicator{position:absolute;top:3px;right:3px;color:gold}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.item-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;width:100%;max-width:320px;position:relative}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#fff3}.modal-item-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid}.modal-item-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px}.modal-item-info{flex:1}.modal-item-name{font-size:16px;font-weight:700;margin:0 0 4px}.modal-item-type{font-size:11px;color:#888}.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.modal-stat{display:flex;justify-content:space-between;padding:8px 10px;background:#0000004d;border-radius:8px}.stat-name{font-size:10px;color:#888}.stat-val{font-size:12px;font-weight:600;color:#4caf50}.modal-set-bonus{padding:10px;background:linear-gradient(135deg,#ffd70033,#ff98001a);border-radius:8px;border:1px solid rgba(255,215,0,.3);margin-bottom:12px}.set-name{display:block;font-size:12px;font-weight:600;color:gold;margin-bottom:4px}.set-desc{font-size:10px;color:#aaa}.modal-actions{display:flex;gap:10px}.modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:10px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn.equip{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff}.modal-btn.decompose{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.modal-btn:hover{transform:translateY(-2px)}.equip-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;width:100%;max-width:320px;position:relative}.equip-title{font-size:16px;font-weight:700;color:#fff;text-align:center;margin:0 0 8px}.equip-item-name{font-size:12px;text-align:center;margin:0 0 16px}.character-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.character-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.character-option:hover{background:#ffffff1a;border-color:#4fc3f7}.char-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.char-info{flex:1;text-align:left}.char-name{display:block;font-size:12px;font-weight:600;color:#fff}.char-level{font-size:10px;color:#888}.main-badge{color:gold;font-size:14px}.confirm-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;width:100%;max-width:280px;text-align:center}.confirm-modal h3{font-size:16px;color:#fff;margin:0 0 12px}.confirm-item{font-size:14px;margin:0 0 8px}.confirm-count{font-size:12px;color:#888;margin:0 0 8px}.confirm-rewards{margin-bottom:16px}.confirm-value{font-size:18px;font-weight:700;color:gold;margin:4px 0}.confirm-value.gems{color:#e040fb}.confirm-actions{display:flex;gap:10px}.confirm-btn{flex:1;padding:12px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer}.confirm-btn.cancel{background:#ffffff1a;color:#888}.confirm-btn.confirm{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.skills-tab{display:flex;flex-direction:column;gap:16px}.skill-char-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:8px}.skill-char-selector::-webkit-scrollbar{display:none}.skill-char-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:12px;border:2px solid transparent;color:#fff;cursor:pointer;transition:all .3s ease;min-width:70px}.skill-char-btn:hover{background:#ffffff1a}.skill-char-icon{font-size:20px}.skill-char-name{font-size:10px;white-space:nowrap;color:#ccc}.skill-char-btn.active .skill-char-name{color:#fff}.skill-char-info{display:flex;align-items:center;gap:14px;padding:14px;background:#0000004d;border-radius:14px}.skill-char-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.skill-char-details{flex:1}.skill-char-name-lg{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.skill-char-meta{display:flex;gap:10px;font-size:12px}.skill-char-level{color:#888}.skills-list{display:flex;flex-direction:column;gap:10px}.skill-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#00000040;border-radius:12px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.skill-card.unlocked:hover{background:#ffffff0d;border-color:#ffffff26}.skill-card.locked{opacity:.6;cursor:default}.skill-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid transparent}.skill-icon-wrapper.active{background:linear-gradient(135deg,#4fc3f74d,#29b6f633);border-color:#4fc3f766}.skill-icon-wrapper.passive{background:linear-gradient(135deg,#9c27b04d,#8e24aa33);border-color:#9c27b066}.skill-icon{font-size:24px}.lock-icon{color:#666}.skill-info{flex:1;min-width:0}.skill-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.skill-name{font-size:14px;font-weight:600;color:#fff}.skill-type-badge{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.skill-type-badge.active{background:#4fc3f733;color:#4fc3f7}.skill-type-badge.passive{background:#9c27b033;color:#ba68c8}.skill-desc{font-size:11px;color:#888;margin:0 0 8px;line-height:1.4}.skill-meta{display:flex;gap:8px;flex-wrap:wrap}.skill-cooldown,.skill-damage,.skill-mana,.skill-unlock{font-size:10px;padding:3px 6px;border-radius:4px;background:#0000004d}.skill-cooldown{color:#ffd54f}.skill-damage{color:#ef5350}.skill-mana{color:#4fc3f7}.skill-unlock{color:#888}.skill-arrow{color:#666;flex-shrink:0;align-self:center}.locked-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.locked-overlay span{font-size:11px;color:#888;background:#0009;padding:6px 12px;border-radius:6px}.passive-info{padding:12px;background:linear-gradient(135deg,#9c27b026,#8e24aa1a);border-radius:10px;border:1px solid rgba(156,39,176,.2)}.passive-title{font-size:12px;color:#ba68c8}.skill-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.skill-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;width:100%;max-width:340px;overflow:hidden;position:relative}.skill-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.skill-modal-close:hover{background:#fff3}.skill-modal-header{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:2px solid}.skill-modal-icon{font-size:40px}.skill-modal-title{display:flex;flex-direction:column;gap:4px}.skill-modal-name{font-size:20px;font-weight:700;color:#fff}.skill-modal-body{padding:20px}.skill-modal-desc{font-size:14px;color:#ccc;margin:0 0 20px;line-height:1.5}.skill-modal-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.skill-stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0000004d;border-radius:8px}.stat-label{font-size:12px;color:#888}.stat-value{font-size:14px;font-weight:600;color:#fff}.stat-value.damage{color:#ef5350}.stat-value.mana{color:#4fc3f7}.skill-effects{background:#0003;border-radius:10px;padding:14px}.effects-title{font-size:12px;color:#888;margin-bottom:10px}.effect-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.effect-item:last-child{border-bottom:none}.effect-type{font-size:12px;color:#ccc}.effect-value{font-size:12px;font-weight:600;color:#4fc3f7;margin-left:auto}.effect-duration{font-size:10px;color:#888}.companions-tab{display:flex;flex-direction:column;gap:16px}.team-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.team-slot{background:#0000004d;border-radius:12px;border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;position:relative;cursor:pointer;transition:all .3s ease;overflow:hidden}.team-slot.main{cursor:default}.team-slot.filled:hover{background:#ffffff0d}.team-slot.filled:hover .remove-btn{opacity:1}.team-slot.empty{border-style:dashed;background:#ffffff05}.slot-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.slot-info{text-align:center}.slot-name{display:block;font-size:9px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55px}.slot-level{font-size:8px;color:#888}.main-indicator{position:absolute;top:4px;right:4px;color:gold;font-size:10px;text-shadow:0 0 5px #ffd700}.remove-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;border:none;background:#e74c3ce6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.empty-icon{font-size:20px;color:#555}.empty-text{font-size:9px;color:#555}.team-power{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0003;border-radius:10px;margin-top:8px}.team-power svg{color:gold}.power-label{font-size:12px;color:#888}.power-value{margin-left:auto;font-size:16px;font-weight:700;color:gold}.sort-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-radius:10px;color:#666}.sort-label{font-size:11px;color:#888}.sort-options{display:flex;gap:6px;flex:1}.sort-btn{padding:5px 10px;border:none;background:#ffffff0d;border-radius:6px;font-size:10px;color:#888;cursor:pointer;transition:all .3s ease}.sort-btn:hover{background:#ffffff1a;color:#ccc}.sort-btn.active{background:#4fc3f733;color:#4fc3f7}.companions-list{display:flex;flex-direction:column;gap:8px}.companion-card{display:flex;align-items:center;gap:12px;padding:12px;background:#00000040;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.companion-card:hover{background:#ffffff0d}.rarity-strip{position:absolute;left:0;top:0;bottom:0;width:4px}.companion-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative}.element-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid rgba(0,0,0,.5)}.companion-info{flex:1;min-width:0}.companion-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.companion-name{font-size:14px;font-weight:600}.companion-stars{font-size:10px;color:gold;letter-spacing:-1px}.companion-meta{display:flex;gap:8px;margin-bottom:6px}.companion-level{font-size:11px;color:#4fc3f7;background:#4fc3f726;padding:2px 6px;border-radius:4px}.companion-class{font-size:11px;font-weight:500}.companion-power{font-size:10px;color:gold;margin-left:auto}.companion-stats{display:flex;gap:8px}.companion-stats .mini-stat{display:flex;align-items:center;gap:2px;font-size:10px;color:#888}.select-indicator{flex-shrink:0}.selected-check{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#4fc3f7,#29b6f6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #4fc3f766}.unselected-circle{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.unselected-circle.disabled{opacity:.3}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:14px}.helper-text{text-align:center;font-size:11px;color:#666;padding:8px;background:#00000026;border-radius:8px}.gacha-tab{display:flex;flex-direction:column;gap:14px}.gacha-banners{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.banner-btn{display:flex;align-items:center;gap:10px;padding:12px;background:#0000004d;border-radius:12px;border:2px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s ease}.banner-btn:hover{background:#ffffff0d}.banner-btn.active{background:linear-gradient(135deg,#4fc3f733,#29b6f61a);border-color:#4fc3f7}.banner-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#4fc3f7}.banner-info{display:flex;flex-direction:column;text-align:left}.banner-title{font-size:11px;font-weight:600}.banner-cost{font-size:10px;color:#888}.banner-preview{background:#0000004d;border-radius:16px;overflow:hidden}.banner-image{position:relative}.banner-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 20px;position:relative;overflow:hidden}.banner-visual.character-banner{background:linear-gradient(135deg,#1a237e,#311b92,#4a148c)}.banner-visual.equipment-banner{background:linear-gradient(135deg,#b71c1c,#880e4f,#4a148c)}.banner-emoji{font-size:40px;margin-bottom:8px;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.banner-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff9;bottom:30%}.particle.equipment{background:#ffc864cc}.banner-headline{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff;margin:0 0 4px;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.sparkle-icon,.star-icon{color:gold}.banner-desc{font-size:12px;color:#fffc;margin:0 0 12px;z-index:1}.featured-preview{display:flex;gap:12px;z-index:1}.featured-icon{font-size:10px;padding:4px 8px;background:#0000004d;border-radius:6px;color:gold}.pity-counter{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00000080;font-size:11px;color:gold}.pity-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.pity-fill{height:100%;background:linear-gradient(90deg,gold,#ff9800);border-radius:3px}.pity-warning{font-size:10px;color:#ff5722;animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.pull-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pull-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:14px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pull-btn.single{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;box-shadow:0 6px 20px #4fc3f74d}.pull-btn.ten{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 6px 20px #ff98004d}.pull-btn.disabled{background:#555;box-shadow:none;cursor:not-allowed}.pull-label{font-size:13px;font-weight:600}.pull-cost{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.9}.discount{position:absolute;top:6px;right:6px;font-size:9px;padding:2px 6px;background:#e74c3c;border-radius:4px;font-weight:600}.rate-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:11px;cursor:pointer;transition:all .3s ease}.rate-toggle:hover{background:#ffffff0d;color:#ccc}.rate-info{background:#0000004d;border-radius:12px;padding:14px;overflow:hidden}.rate-title{font-size:12px;color:#888;margin-bottom:10px;text-align:center}.rates-grid{display:flex;flex-direction:column;gap:6px}.rate{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0000004d;border-radius:8px;font-size:11px}.rate-stars{font-size:10px;letter-spacing:-1px}.rate-name{flex:1;color:#ccc}.rate-percent{font-weight:600}.rate.legendary{color:#ff9800}.rate.epic{color:#9c27b0}.rate.rare{color:#2196f3}.rate.uncommon{color:#4caf50}.rate.common{color:#9e9e9e}.rate-note{margin-top:10px;font-size:10px;color:#888;text-align:center;background:#ffd7001a;padding:8px;border-radius:6px}.gems-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:linear-gradient(135deg,#8bc3f726,#64b5f61a);border-radius:10px;border:1px solid rgba(139,195,247,.3)}.gems-icon{font-size:18px}.gems-value{font-size:18px;font-weight:700;color:#4fc3f7}.gems-label{font-size:11px;color:#888}.pull-animation-overlay{position:fixed;inset:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.pull-animation{color:gold;margin-bottom:20px}.pull-text{font-size:18px;color:#fff;font-weight:600}.pull-particle{font-size:20px;pointer-events:none}.result-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.result-overlay.legendary{background:radial-gradient(circle at center,#ff98004d,#000000e6 70%)}.result-overlay.epic{background:radial-gradient(circle at center,#9c27b033,#000000e6 70%)}.result-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:20px;width:100%;max-width:360px;max-height:80vh;overflow-y:auto;position:relative}.result-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.result-close:hover{background:#fff3}.result-title{font-size:18px;font-weight:700;color:#fff;text-align:center;margin:0 0 20px}.result-items{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.result-item{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:#0000004d;border-radius:10px;border:2px solid;position:relative;overflow:hidden}.result-item.legendary{background:linear-gradient(135deg,#ff98004d,#ffc10733);animation:legendary-pulse 1.5s infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 10px #ff980080}50%{box-shadow:0 0 25px #ff9800cc}}.result-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:4px;position:relative}.result-avatar.equipment{border-radius:8px}.result-element{position:absolute;bottom:-2px;right:-2px;font-size:10px;background:#00000080;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.result-name{font-size:9px;color:#fff;text-align:center;font-weight:500;line-height:1.2}.result-rarity{font-size:8px;font-weight:600;margin-top:2px;letter-spacing:-1px}.legendary-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,152,0,.3) 0%,transparent 70%);pointer-events:none}.result-confirm{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #4fc3f74d;transition:all .3s ease}.result-confirm:hover{box-shadow:0 8px 25px #4fc3f780}.battle-area{flex:1;position:relative;display:flex;flex-direction:column;padding:8px;overflow:hidden;min-height:42vh}.stage-info{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0009;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:6px;flex-shrink:0}.stage-name{display:flex;flex-direction:column}.chapter{font-size:9px;color:gold;text-transform:uppercase;letter-spacing:1px}.stage{font-size:12px;font-weight:700;color:#fff}.stage-progress{display:flex;gap:6px;align-items:center}.stage-badge{font-size:9px;color:#4fc3f7;background:#4fc3f733;padding:3px 6px;border-radius:6px}.highest-badge{font-size:9px;color:gold;background:#ffd70033;padding:3px 6px;border-radius:6px}.battle-controls{position:absolute;top:45px;right:8px;display:flex;gap:4px;z-index:10}.control-btn{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.control-btn:hover{background:#ffffff40}.control-btn.active{background:linear-gradient(135deg,#4fc3f7,#29b6f6);box-shadow:0 2px 10px #4fc3f766}.speed-btn{width:auto;padding:0 8px;gap:3px}.speed-label{font-size:9px;font-weight:600}.enemy-area{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;padding:4px;position:relative;max-height:40%}.enemy-card{display:flex;flex-direction:column;align-items:center;padding:6px;background:#00000080;border-radius:8px;border:2px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:55px;max-width:70px;position:relative}.enemy-card.boss{min-width:75px;max-width:90px;padding:8px;background:linear-gradient(135deg,#8b000099,#000000b3);box-shadow:0 0 15px #ff00004d}.enemy-card.dead{filter:grayscale(1);pointer-events:none}.enemy-element{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;border:1px solid rgba(0,0,0,.3)}.enemy-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:3px}.boss .enemy-avatar{width:45px;height:45px}.enemy-icon{font-size:18px}.boss .enemy-icon{font-size:24px}.boss-crown{position:absolute;top:-8px;font-size:12px}.enemy-info{text-align:center;width:100%}.enemy-name{font-size:9px;font-weight:600;color:#fff;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enemy-level{font-size:7px;color:#aaa;margin-bottom:2px}.hp-bar{width:100%;height:4px;background:#00000080;border-radius:2px;overflow:hidden;position:relative}.boss .hp-bar{height:5px}.hp-fill{height:100%;border-radius:2px;transition:width .3s ease}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5px;color:#fff;text-shadow:0 0 2px #000;white-space:nowrap}.skill-effects-container{position:absolute;inset:0;pointer-events:none;z-index:50}.skill-effect{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-shadow:0 0 10px currentColor,0 2px 4px rgba(0,0,0,.8)}.skill-effect-icon{font-size:32px;filter:drop-shadow(0 0 8px currentColor)}.skill-effect-name{font-size:12px;font-weight:700;color:#fff;margin-top:4px;white-space:nowrap}.skill-effect.damage .skill-effect-icon{animation:skill-damage-pulse .3s ease-out}.skill-effect.heal .skill-effect-icon{animation:skill-heal-pulse .4s ease-out}@keyframes skill-damage-pulse{0%{transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes skill-heal-pulse{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}.floating-damage-container{position:absolute;inset:0;pointer-events:none;z-index:100}.floating-damage{position:absolute;transform:translate(-50%,-50%);font-size:18px;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5);white-space:nowrap;display:flex;flex-direction:column;align-items:center}.floating-damage.crit{font-size:24px;color:#ff6b35;text-shadow:0 0 15px #ff6b35,2px 2px 4px rgba(0,0,0,.8)}.floating-damage.heal{color:#4caf50;text-shadow:0 0 10px #4caf50,2px 2px 4px rgba(0,0,0,.8)}.crit-text{font-size:10px;color:gold;text-shadow:0 0 8px #ffd700}.team-area{padding:12px;background:#0006;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.team-card{display:flex;align-items:center;gap:5px;padding:8px 6px;background:#ffffff14;border-radius:8px;border:2px solid;position:relative}.team-card.main{background:linear-gradient(135deg,#ffd70026,#ff8c0014)}.team-card.dead{filter:grayscale(1);opacity:.5}.team-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.team-icon{font-size:14px}.main-star{position:absolute;top:-3px;right:-3px;font-size:8px;color:gold;text-shadow:0 0 4px #ffd700}.team-info{flex:1;min-width:0}.team-name{font-size:9px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-level{font-size:7px;color:#aaa}.hp-bar.team{width:100%;height:3px;margin-top:2px}.hp-bar.team .hp-fill{background:linear-gradient(90deg,#4caf50,#8bc34a)}.team-skills{display:flex;gap:2px;flex-shrink:0}.skill-slot{width:18px;height:18px;border-radius:4px;background:#00000080;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid}.skill-slot.ready{background:#0000004d}.skill-slot.cooldown{opacity:.5}.skill-icon-mini{font-size:10px;z-index:1}.cooldown-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;pointer-events:none}.skill-ready-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);pointer-events:none}.stage-clear-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200}.stage-clear-content{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 35px;background:linear-gradient(135deg,#ffd7004d,#ff8c0033);border-radius:14px;border:2px solid #ffd700;box-shadow:0 0 30px #ffd70080}.clear-icon{font-size:36px}.clear-text{font-size:18px;font-weight:800;color:gold;text-shadow:0 0 15px #ffd700;letter-spacing:2px}.clear-rewards{font-size:14px;color:#fff;background:#0000004d;padding:5px 12px;border-radius:6px}.start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.start-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 28px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 25px #4fc3f766;transition:all .3s ease}.start-btn:hover{box-shadow:0 10px 35px #4fc3f799}@media(max-width:380px){.enemy-card{min-width:50px;padding:5px}.enemy-card.boss{min-width:65px}.team-card{padding:4px 5px}.team-avatar{width:24px;height:24px}.skill-slot{width:15px;height:15px}.skill-icon-mini{font-size:8px}}