.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.meta-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 5px}@keyframes growWidth{0%{width:0}}@keyframes growHeight{0%{height:0}}.meta-modal-content{background:linear-gradient(160deg,#0f172a,#1e293b);width:100%;max-width:900px;height:100%;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.6);display:flex;flex-direction:column;color:#f8fafc;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:relative}.version-tag{font-size:.75rem;vertical-align:middle;background:#3b82f6;color:white;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:700}.meta-tabs{display:flex;padding:2px 0;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1);gap:4px}.meta-tabs button{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-bottom:none;color:#94a3b8;padding:12px 16px;font-size:.9rem;font-weight:600;cursor:pointer;position:relative;transition:all .2s;flex:1;text-align:center;border-radius:8px 8px 0 0}.meta-tabs button:hover{background:rgba(255,255,255,.08);color:#f8fafc}.meta-tabs button.active{background:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.3);border-bottom:1px solid transparent}.meta-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#3b82f6;box-shadow:0 -2px 10px rgba(59,130,246,.5)}.meta-header{padding:8px 20px;display:flex;justify-content:space-between;align-items:center}.meta-header h2{margin:0;font-size:calc(1.4rem - 3pt);color:#f8fafc;letter-spacing:-.02em}.meta-close-x{background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;line-height:1}.meta-body{padding:5px 0 5px 7px;margin:0;overflow-y:overlay;overflow-x:hidden;flex:1;background:rgba(15,23,42,.3);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.meta-body::-webkit-scrollbar{width:6px}.meta-body::-webkit-scrollbar-track{background:transparent}.meta-body::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.15);border-radius:20px}.meta-body::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.3)}.tab-pane{display:flex;flex-direction:column;padding-bottom:65px}.insight-sub-tabs.m-0{margin-bottom:5px!important}.meta-section,.strategy-section{margin:2px 0;padding:2px 5px 2px 0;display:flex;flex-direction:column;gap:2px}.meta-section h3{margin:2px 0;padding:2px 0;font-size:1.1rem;color:#60a5fa;display:flex;align-items:center;gap:2px}.section-desc{font-size:.85rem;color:#94a3b8;margin:2px 0;padding:2px 0}.stat-table-container{background:rgba(0,0,0,.2);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.stat-table{width:100%;border-collapse:collapse;font-size:.9rem}.stat-table td,.stat-table th{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.03)}.stat-table th{background:rgba(255,255,255,.02);color:#94a3b8;font-weight:600}.stat-table tr:last-child td{border-bottom:none}.text-win{color:#4ade80;font-weight:700}.power-tag{background:rgba(96,165,250,.1);color:#60a5fa;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;border:1px solid rgba(96,165,250,.2)}.global-chart{display:flex;flex-direction:column;gap:2px}.chart-row{gap:0;padding-left:0;padding-right:0!important;margin-right:0;width:100%;box-sizing:border-box}.chart-label,.chart-row{display:flex;align-items:center}.chart-label{flex:1;min-width:130px;font-size:calc(.85rem + 1.5px);color:#cbd5e1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-count{min-width:70px;display:flex;justify-content:flex-end;align-items:center;font-size:.85em;color:#ffffff;font-weight:700;margin-right:2px;white-space:nowrap}.chart-bar-container{flex:1.8;height:20px;background:rgba(0,0,0,.3);border-radius:11px;position:relative;margin-left:0;margin-right:0}.chart-bar{height:100%;border-radius:11px;transition:width 1s cubic-bezier(.16,1,.3,1);animation:growWidth 1s cubic-bezier(.16,1,.3,1)}.chart-value{position:absolute;top:50%;font-size:.75rem;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;transition:left 1.2s cubic-bezier(.16,1,.3,1)}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.level-card{background:rgba(255,255,255,.03);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);text-align:center}.lvl-label{font-size:.8rem;color:#94a3b8}.lvl-rank{font-size:1.5rem;font-weight:800;color:#fbbf24;margin:4px 0}.lvl-count{font-size:.7rem;color:#64748b}.vertical-bar-chart{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:180px;padding:20px 10px 10px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.vertical-bar-chart.star-chart{gap:30px;height:200px}.vertical-bar-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:40px}.bar-column{width:100%;min-width:30px;max-width:50px;height:126px;background:rgba(0,0,0,.3);border-radius:6px 6px 0 0;position:relative;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.05)}.star-chart .bar-column{min-width:50px;max-width:70px}.bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height 1s cubic-bezier(.16,1,.3,1);animation:growHeight 1s cubic-bezier(.16,1,.3,1);box-shadow:0 -2px 10px rgba(0,0,0,.3);position:relative}.bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.3);border-radius:6px 6px 0 0}.bar-value{font-size:.75rem;font-weight:800;color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.8);min-height:18px}.bar-label{font-size:.7rem;color:#94a3b8;font-weight:600;text-align:center;white-space:nowrap}.vertical-bar-item:hover .bar-fill{filter:brightness(1.2);transform:scaleY(1.02)}.option-icon{width:20px;height:20px;margin-right:8px;vertical-align:middle;display:inline-block}.option-group-header{font-size:.95rem;font-weight:700;color:#f8fafc;background:rgba(59,130,246,.15);padding:10px 16px;border-radius:8px;margin-bottom:12px;border-left:4px solid #3b82f6;display:flex;align-items:center}.option-list{display:flex;flex-direction:column;gap:10px}.option-card{display:flex;align-items:center;background:rgba(255,255,255,.02);padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.03);gap:16px}.opt-rank{font-size:1.1rem;font-weight:900;color:#3b82f6;min-width:40px}.opt-info{flex:1}.opt-name{font-weight:700;color:#f1f5f9}.opt-meta{font-size:.75rem;color:#64748b}.opt-outcome{text-align:right}.outcome-label{font-size:.7rem;color:#94a3b8}.outcome-val{font-size:1.2rem;font-weight:700;color:#10b981}.strategy-input-group{background:rgba(59,130,246,.05);padding:2px;border-radius:14px;border:1px solid rgba(59,130,246,.1);margin:2px;display:flex;flex-direction:column;gap:2px}.input-row{display:flex;gap:2px;margin-top:2px}.input-row input{flex:1;background:#0f172a;border:1px solid #334155;color:white;padding:12px;border-radius:8px}.analysis-result{margin-top:24px;margin-bottom:10px}.threat-box{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);padding:16px;border-radius:12px}.rec-box{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.15);padding:20px;border-radius:12px;margin-top:16px}.rec-title{font-size:1.1rem;font-weight:700;color:#10b981}.rec-tip{margin-top:16px;font-size:.85rem;color:#94a3b8;font-style:italic}.meta-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.meta-hint{font-size:.75rem;color:#64748b}.bottom-close-btn{background:#475569;color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:rgba(0,0,0,.2);border-radius:20px;margin:40px 0}.spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.1);border-left-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.progress-container{width:100%;max-width:300px;height:8px;background:rgba(255,255,255,.05);border-radius:4px;margin:15px 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.progress-text{font-size:.8rem;color:#94a3b8}.matchup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:20px}.matchup-card{background:rgba(255,255,255,.03);padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.match-vs{gap:10px;margin-bottom:12px}.pos-badge{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:700}.pos-badge.op{background:rgba(244,63,94,.2)}.vs{color:#475569;font-weight:900;font-size:.7rem}.match-winrate{display:flex;align-items:center;gap:12px}.winrate-bar-bg{flex:1;height:6px;background:rgba(0,0,0,.3);border-radius:3px}.winrate-bar{height:100%;border-radius:3px;transition:width 1s ease-out;animation:growWidth 1s ease-out}.winrate-info{display:flex;flex-direction:column;align-items:flex-end;min-width:65px}.winrate-percent{font-size:.9rem;font-weight:900;color:#f8fafc}.match-count{font-size:.7rem;color:#64748b}.match-meta-info{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.avg-turns-mini{display:flex;gap:8px;justify-content:flex-end}.turn-mini{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700}.turn-mini.win{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}.turn-mini.lose{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.matchup-groups{display:flex;flex-direction:column;gap:30px;margin-top:15px}.matchup-group-container{background:rgba(255,255,255,.02);border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.group-master-header{background:rgba(255,255,255,.03);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.master-pos-info{display:flex;align-items:center;gap:12px}.master-pos-icon{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.master-pos-name{font-size:1.1rem;font-weight:800;color:#f8fafc}.master-pos-name small{font-size:.75rem;color:#94a3b8;font-weight:400;margin-left:4px}.overall-gauge-container{width:200px}.overall-turns-info{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:6px}.group-turn{font-size:.75rem;font-weight:800;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.group-turn.win{background:rgba(16,185,129,.1);color:#34d399}.group-turn.lose{background:rgba(239,68,68,.1);color:#f87171}.overall-label{font-size:.75rem;color:#94a3b8;margin-bottom:4px;text-align:right}.overall-gauge-bg{height:8px;background:rgba(0,0,0,.3);border-radius:4px;overflow:hidden}.overall-gauge-fill{height:100%;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.5);transition:width .5s ease-out;animation:growWidth .6s ease-out}.matchup-list-chart{padding:10px 24px 24px;display:flex;flex-direction:column;gap:2px}.match-chart-row{display:grid;grid-template-columns:140px 1fr 180px;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)}.match-chart-row:last-child{border-bottom:none}.chart-label-area{display:flex;align-items:center;gap:8px}.vs-label{font-size:.65rem;font-weight:950;color:rgba(255,255,255,.2);width:20px}.pos-icon-micro{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pos-name-mini{font-size:.85rem;font-weight:700;color:#e2e8f0}.chart-bar-area{width:100%}.chart-bar-bg{height:10px;background:rgba(0,0,0,.5);border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.chart-bar-fill{height:100%;border-radius:5px;transition:width .8s cubic-bezier(.4,0,.2,1);animation:growWidth 1s cubic-bezier(.16,1,.3,1)}.chart-info-area{align-items:center;gap:20px}.chart-info-area,.winrate-main{display:flex;justify-content:flex-end}.winrate-main{align-items:baseline;gap:8px;min-width:90px}.winrate-main .winrate-percent{font-size:1rem;font-weight:900;color:#f8fafc}.winrate-main .match-count{font-size:.7rem;color:#64748b;font-weight:600}.turn-info{min-width:60px;text-align:right}.avg-turn{font-size:.75rem;font-weight:800;color:#60a5fa;background:rgba(59,130,246,.1);padding:3px 8px;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.insight-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.insight-col{background:rgba(255,255,255,.02);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.turn-stats{display:flex;gap:20px;margin:15px 0}.turn-item{flex:1;text-align:center;padding:15px;border-radius:12px}.turn-item.win{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.turn-item.lose{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.turn-item .label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:5px}.turn-item .val{font-size:1.5rem;font-weight:800;color:#f8fafc}.upgrade-box{justify-content:center;text-align:center}.upgrade-val{font-weight:900;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.4)}.upgrade-label{margin-top:10px}.section-header-with-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.total-matches-badge{background:rgba(59,130,246,.15);color:#60a5fa;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800;border:1px solid rgba(59,130,246,.3);text-shadow:0 0 10px rgba(59,130,246,.5)}.insight-tip{font-size:.85rem;color:#cbd5e1;font-style:italic;margin-top:15px;border-left:3px solid #3b82f6;padding-left:12px}.no-data{text-align:center;padding:100px 0;color:#64748b}.insight-sub-tabs{display:flex;gap:10px;margin-bottom:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.insight-sub-tabs .sub-tab{padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#94a3b8;cursor:pointer;font-size:.9rem;transition:all .2s ease}.insight-sub-tabs .sub-tab:hover{background:rgba(255,255,255,.1);color:#fff}.insight-sub-tabs .sub-tab.active{background:#3b82f6;color:white;border-color:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.3)}.attribute-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-top:15px}.attr-badge{padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.attr-badge.fire{background:#ef4444;color:white}.attr-badge.water{background:#3b82f6;color:white}.attr-badge.nature{background:#10b981;color:white}.attr-badge.light{background:#f59e0b;color:white}.attr-badge.dark{background:#8b5cf6;color:white}.attr-badge.land{background:#92400e;color:white}.attr-badge.lightning{background:#eab308;color:black}.attr-badge.none{background:#64748b;color:white}.matchup-card.attr-card{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.05)}.attribute-insight-view{margin-bottom:30px}.attr-icon-wrapper,.pos-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.attr-icon,.pos-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.attr-icon{width:28px;height:28px}.match-vs{display:flex;justify-content:center;align-items:center;gap:8px;border-bottom:1px solid rgba(59,130,246,.2);margin:0 8px;padding:3px 0}.matchup-card .vs{align-self:flex-start;margin-top:10px;font-size:.7rem;font-weight:900;color:rgba(255,255,255,.3)}.attr-badge,.pos-badge{font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-top:2px;display:inline-flex;align-items:center}.pos-badge.my{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.pos-badge.op{background:rgba(239,68,68,.2);color:#fb7185;border:1px solid rgba(239,68,68,.3)}.attr-badge.my{border:2px solid #60a5fa;box-shadow:0 0 5px rgba(59,130,246,.4)}.attr-badge.op{border:2px solid #fb7185;box-shadow:0 0 5px rgba(239,68,68,.4)}.power-gap-stats,.turn-stats{display:flex;flex-direction:column;gap:12px;margin:10px 0}.gap-item,.turn-item{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2);padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .2s ease}.gap-item:hover,.turn-item:hover{transform:translateX(4px);background:rgba(255,255,255,.03)}.gap-item.win,.turn-item.win{border-left:4px solid #10b981}.gap-item.lose,.turn-item.lose{border-left:4px solid #ef4444}.gap-label,.turn-item .label{font-size:.85rem;color:#94a3b8;font-weight:600}.gap-val,.turn-item .val{font-size:1.1rem;font-weight:900;color:#f8fafc;font-family:Inter,sans-serif}.gap-item.win .gap-val,.turn-item.win .val{color:#34d399}.gap-item.lose .gap-val,.turn-item.lose .val{color:#f87171}.turn-item .unit{font-size:.75rem;margin-left:2px;opacity:.6}.upgrade-box{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(0,0,0,.2);border-radius:12px;margin:10px 0}.upgrade-val{font-size:2.5rem;font-weight:950;color:#a855f7;text-shadow:0 0 20px rgba(168,85,247,.4)}.upgrade-label{font-size:.85rem;color:#94a3b8;margin-top:8px}.strategy-input-group .input-row{display:flex;gap:8px;align-items:center}.analyze-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.4)!important;filter:brightness(1.1)}.analyze-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.2)!important;filter:brightness(.9)}.analyze-btn:disabled{background:#475569!important;cursor:not-allowed;opacity:.7}.spinner-small{border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;width:14px;height:14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chart-label img{margin-top:1px!important;margin-bottom:1px!important}.chart-label img[style*="width: '21px'"],.chart-label img[style*='width: "21px"']{width:22px!important;height:22px!important}.chart-label img[style*="width: '17px'"],.chart-label img[style*='width: "17px"']{width:18px!important;height:18px!important}@media (max-width:768px){.strategy-input-group .input-row{flex-wrap:nowrap}.strategy-input-group .input-row input{flex:1;min-width:0;max-width:150px}.strategy-input-group .input-row .analyze-btn{flex-shrink:0;white-space:nowrap}}.spinner-mini{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle;margin-right:6px}.attribute-gauge-fill{height:100%;border-radius:3px;transition:width 1s ease-out;animation:growWidth 1s ease-out}.music-player-fixed{position:absolute;bottom:0;left:0;right:0;height:60px;background:rgba(15,23,42,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(59,130,246,.3);display:flex;justify-content:space-between;align-items:center;padding:0 3px;z-index:100;box-shadow:0 -4px 12px rgba(0,0,0,.3);gap:12px}.music-char-image{width:50px;height:50px;border-radius:8px;overflow:hidden;border:2px solid rgba(59,130,246,.5);flex-shrink:0;background:rgba(0,0,0,.3)}.music-char-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.music-info{justify-content:center;gap:16px;flex:1;min-width:0}.music-info,.music-text{display:flex;align-items:center}.music-text{flex-direction:row;gap:8px;max-width:100%;overflow:hidden}.music-artist{color:#94a3b8;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 4 auto;text-align:right;line-height:1.1;min-width:0}.music-separator{color:#64748b;font-size:.85rem;margin:0 4px}.music-title{color:#f8fafc;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:40px;text-align:left}@media (max-width:768px){.music-info{justify-content:flex-start}.music-text{align-items:center}.music-title{max-width:150px}}.music-close{width:32px;height:32px;border-radius:50%;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.music-close:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.6);transform:scale(1.1)}.music-controls button{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:white;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 8px rgba(59,130,246,.3)}.music-controls button:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(59,130,246,.4)}.music-controls button:active{transform:scale(.95)}