@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1c1c24;--bg-panel: rgba(28, 28, 36, .6);--bg-floating: rgba(30, 30, 40, .85);--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #606070;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .5);--element-heat: #ef4444;--element-cold: #3b82f6;--element-electricity: #eab308;--element-nature: #22c55e;--element-physical: #94a3b8;--gauge-skill: #38bdf8;--gauge-stagger: #f8fafc;--gauge-burst: #f59e0b;--border-light: rgba(255, 255, 255, .1);--border-focus: rgba(99, 102, 241, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-med: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-primary)}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.glass-floating{background:var(--bg-floating);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:0 8px 32px #0006;border-radius:var(--radius-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:12px 40px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);box-shadow:0 4px 20px #0003;display:flex;justify-content:space-between;align-items:center}.header-content,.header-actions{display:flex;align-items:center}.language-select{padding:4px 12px;border-radius:var(--radius-md);background:#0003;border:1px solid var(--border-light);color:var(--text-primary);font-family:inherit;font-size:.9rem;cursor:pointer;outline:none;transition:all var(--transition-fast)}.language-select:hover{background:#ffffff0d;border-color:var(--accent-primary)}.language-select option{background:var(--bg-primary);color:var(--text-primary)}.app-header h1{font-size:1.5rem;background:linear-gradient(135deg,#fff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1}.subtitle{color:var(--text-muted);font-size:.9rem}.timeline-section{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.timeline-section .section-header{margin-bottom:0}.app-main{flex:1;padding:32px 40px;display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.actions{display:flex;align-items:center;gap:16px}.zoom-controls{display:flex;background:#0003;padding:4px;border-radius:8px;border:1px solid var(--border-light)}.btn-toggle{padding:4px 12px;font-size:.8rem;font-weight:600;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-toggle:hover{color:var(--text-primary);background:#ffffff0d}.btn-toggle.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.section-header h2{font-size:1.2rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}button{border:none;font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-med)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#ffffff1a}.placeholder-panel{padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.stats-placeholder{display:flex;gap:24px}.stat-box{background:var(--bg-tertiary);padding:16px 24px;border-radius:var(--radius-md);border:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase}.stat-value{font-size:2rem;font-weight:800;font-family:Outfit,sans-serif;color:var(--accent-primary)}.stat-sub{font-size:.75rem;color:var(--text-muted);margin-top:-4px}.burst-rank-SSS{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b66;animation:sss-pulse 2s infinite alternate}.burst-rank-SSS .rank-text{color:#f59e0b;text-shadow:0 0 10px #f59e0b}.burst-rank-SS{border-color:#ef4444;box-shadow:0 0 15px #ef44444d}.burst-rank-SS .rank-text{color:#ef4444}.burst-rank-S{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf633}.burst-rank-S .rank-text{color:#8b5cf6}.burst-rank-A{border-color:#3b82f6}.burst-rank-A .rank-text{color:#3b82f6}@keyframes sss-pulse{0%{box-shadow:0 0 15px #f59e0b4d}to{box-shadow:0 0 30px #f59e0b99;transform:scale(1.02)}}.run-btn{padding:12px 32px;font-size:1.1rem}.timeline-container{width:100%;padding:24px;display:flex;flex-direction:column;gap:24px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-header h2{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:-.02em}.operator-tabs{display:flex;align-items:center;gap:8px;background:#0003;padding:6px;border-radius:12px;border:1px solid var(--border-light)}.op-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.op-tab:hover{background:#ffffff0d;color:var(--text-primary)}.op-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.op-icon{font-size:1.1rem}.op-name{font-size:.9rem}.op-config-icon{font-size:1rem;padding:2px 6px;border-radius:4px;margin-left:4px;opacity:.6;transition:all var(--transition-fast)}.op-config-icon:hover{opacity:1;background:#ffffff26;transform:rotate(15deg)}.skill-grid-container{display:flex;flex-direction:column;gap:12px;margin-bottom:8px;padding:16px;background:#00000026;border-radius:var(--radius-md);border:1px solid var(--border-light)}.palette-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.skill-grid{display:flex;flex-wrap:wrap;gap:12px}.palette-skill{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;background:color-mix(in srgb,var(--node-color, var(--bg-tertiary)) 20%,rgba(255,255,255,.02));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid color-mix(in srgb,var(--node-color, var(--border-light)) 30%,rgba(255,255,255,.1));cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 8px #0000001a}.palette-skill:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--node-color) 40%,rgba(255,255,255,.05));border-color:color-mix(in srgb,var(--node-color) 60%,white);box-shadow:0 6px 12px #0003,0 0 10px color-mix(in srgb,var(--node-color) 30%,transparent)}.palette-skill.selected{transform:translateY(-2px);background:color-mix(in srgb,var(--node-color) 60%,rgba(255,255,255,.1));box-shadow:0 0 20px color-mix(in srgb,var(--node-color) 50%,white);border-color:#fff}.skill-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0003;border-radius:50%}.skill-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.timeline-grid-wrapper{position:relative;width:100%;overflow-x:auto;padding-bottom:16px;--skill-lane-count: 1;--skill-node-height: 28px;--skill-gap: 4px;--cell-padding-top: 8px;--cell-padding-bottom: 8px;--placement-extra-space: calc(var(--skill-node-height) + var(--skill-gap));--track-min-height: calc( (var(--skill-node-height) * var(--skill-lane-count)) + (var(--skill-gap) * (var(--skill-lane-count) - 1)) + var(--cell-padding-top) + var(--cell-padding-bottom) )}.timeline-axis{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:16px;min-width:max-content}.timeline-tick-label{width:30px;flex-shrink:0;font-size:.75rem;color:var(--text-muted);font-weight:500;padding-bottom:8px;text-align:center;position:relative;display:flex;justify-content:center;align-items:flex-end}.timeline-track{display:flex;min-height:var(--track-min-height);height:auto;align-items:stretch;position:relative;min-width:max-content;background:#ffffff05;border-radius:var(--radius-md);box-shadow:inset 0 2px 10px #0003}.timeline-cell{width:30px;min-height:var(--track-min-height);flex-shrink:0;border-right:1px dashed rgba(255,255,255,.08);position:relative;transition:padding-bottom .2s ease,background-color .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--skill-gap);padding:var(--cell-padding-top) 4px var(--cell-padding-bottom) 4px}.timeline-track.placement-active .timeline-cell{padding-bottom:calc(var(--cell-padding-bottom) + var(--placement-extra-space))}.timeline-cell:last-child{border-right:none}.timeline-cell.placement-mode{cursor:pointer}.timeline-cell.placement-mode:hover:after{content:"";position:absolute;inset:0;background-color:#ffffff0d;box-shadow:inset 0 0 0 2px var(--accent-glow);border-radius:4px;pointer-events:none;z-index:0}.timeline-cell.combo-available:before,.timeline-cell.execution-available:before,.timeline-cell.battle-available:before,.timeline-cell.ultimate-available:before{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;z-index:0}.timeline-cell.combo-available:before{background:#22c55e14;box-shadow:inset 0 0 0 2px #22c55e66}.timeline-cell.combo-available:hover:before{background:#22c55e26;box-shadow:inset 0 0 0 2px #22c55e99}.timeline-cell.execution-available:before{background:#ef444414;box-shadow:inset 0 0 0 2px #ef444466}.timeline-cell.execution-available:hover:before{background:#ef444426;box-shadow:inset 0 0 0 2px #ef444499}.timeline-cell.battle-available:before{background:#3b82f614;box-shadow:inset 0 0 0 2px #3b82f666}.timeline-cell.battle-available:hover:before{background:#3b82f626;box-shadow:inset 0 0 0 2px #3b82f699}.timeline-cell.ultimate-available:before{background:#f59e0b14;box-shadow:inset 0 0 0 2px #f59e0b66}.timeline-cell.ultimate-available:hover:before{background:#f59e0b26;box-shadow:inset 0 0 0 2px #f59e0b99}.timeline-tick-label.burst-active{background:linear-gradient(to top,rgba(245,158,11,.12),transparent);color:#fbbf24;font-weight:700}.timeline-tick-label.burst-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#f59e0b;box-shadow:0 0 10px #f59e0b99;z-index:10}.timeline-tick-label.burst-active-start:before{display:none}.timeline-tick-label.burst-active-start{border-left:1px solid rgba(245,158,11,.5)}.timeline-tick-label.burst-active-end{border-right:1px solid rgba(245,158,11,.5)}.timeline-cell.burst-active:hover{background:#f59e0b08}.skill-node{position:relative;width:100%;height:28px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--node-color) 45%,rgba(15,23,42,.7));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid color-mix(in srgb,var(--node-color) 60%,rgba(255,255,255,.2));box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.skill-node:hover{transform:translateY(-2px) scale(1.02);background:color-mix(in srgb,var(--node-color) 60%,rgba(15,23,42,.8));border-color:color-mix(in srgb,var(--node-color) 90%,white);box-shadow:0 4px 12px #0006,0 0 12px color-mix(in srgb,var(--node-color) 60%,transparent);z-index:20}.skill-node-content{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));color:#fff}.skill-node-tooltip{width:220px;padding:12px;z-index:1000;display:flex;flex-direction:column;gap:8px;transition:opacity .2s ease}.skill-node-tooltip .tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--bg-floating);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.tooltip-header{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.tooltip-row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:4px}.tooltip-label{color:var(--text-secondary)}.tooltip-value{font-weight:600}.gauge-cost{color:var(--gauge-skill)}.tooltip-effects{display:flex;flex-direction:column;gap:4px;margin-top:6px}.effect-tag{font-size:.7rem;padding:2px 6px;background:#ffffff1a;border-radius:4px;color:var(--text-primary);text-align:center}.remove-btn{margin-top:8px;width:100%;padding:6px;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.remove-btn:hover{background:#ef4444;color:#fff}.skill-node.selected-for-move{border:2.5px solid #818cf8;background:#6366f159;transform:translateY(-4px) scale(1.15);box-shadow:0 6px 16px #0006;filter:brightness(1.3)}.skill-node.has-synergy{animation:synergy-pulse 2.5s ease-in-out infinite}.skill-node.synergy-1{box-shadow:0 0 6px #eab30866,inset 0 1px 4px #fff3;animation:pulse-gold 2.5s ease-in-out infinite}.skill-node.synergy-2{border-width:1.5px;box-shadow:0 0 10px #f9731680,inset 0 1px 6px #ffffff4d;animation:pulse-orange 2.5s ease-in-out infinite}.skill-node.synergy-3{border-width:2px;box-shadow:0 0 14px #ef444499,inset 0 1px 8px #fff6;animation:pulse-red 2.5s ease-in-out infinite}.skill-node.synergy-4{border-width:2.5px;box-shadow:0 0 18px #d946efb3,inset 0 1px 10px #ffffff80;animation:pulse-plasma 2.5s ease-in-out infinite}.skill-node.synergy-5{border-width:3px;border-color:#fff!important;box-shadow:0 0 22px #fffc,inset 0 1px 12px #ffffffb3;animation:pulse-prismatic 2.5s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #fff3,0 0 6px #eab30866}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff6,0 0 12px #eab308b3,0 0 20px #eab3084d}}@keyframes pulse-orange{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #fff3,0 0 8px #f9731666}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff6,0 0 16px #f97316cc,0 0 24px #f9731666}}@keyframes pulse-red{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #fff3,0 0 10px #ef444480}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff80,0 0 20px #ef4444e6,0 0 30px #ef444466}}.tooltip-synergy{margin-top:8px;padding-top:8px;border-top:1px solid rgba(245,158,11,.3);display:flex;flex-direction:column;gap:4px}.synergy-title{font-size:.75rem;color:#f59e0b;font-weight:700;margin-bottom:2px;letter-spacing:.04em}.synergy-enhancements{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.enhancement-tags{display:flex;flex-wrap:wrap;gap:4px}.enhancement-tag{font-size:.65rem;padding:2px 4px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:4px;color:#fbbf24}.synergy-row{display:flex;align-items:center;gap:6px;font-size:.72rem;margin-bottom:2px}.synergy-action{color:#fbbf24;font-weight:600;min-width:50px}.synergy-effect{color:var(--text-primary);flex:1}.synergy-stacks{color:var(--text-secondary);font-size:.68rem;font-family:JetBrains Mono,monospace}.skill-node.combo-invalid{border-color:#ef4444;opacity:.6;box-shadow:0 0 6px #ef44444d}.skill-node.combo-invalid:after{content:"⚠";position:absolute;top:-6px;right:-6px;font-size:.6rem;background:#ef4444;color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;pointer-events:none}@keyframes pulse-plasma{0%,to{box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff4d,0 0 10px #d946ef99}50%{box-shadow:0 2px 4px #0000004d,inset 0 1px 3px #fff9,0 0 20px #d946ef,0 0 30px #a855f780}}@keyframes pulse-prismatic{0%{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff9,0 0 12px #ef4444,0 0 24px #f97316}33%{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff9,0 0 12px #eab308,0 0 24px #22c55e}66%{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff9,0 0 12px #0ea5e9,0 0 24px #8b5cf6}to{box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff9,0 0 12px #ef4444,0 0 24px #f97316}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:500px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.squad-count{font-size:.875rem;color:var(--accent-primary);font-weight:700;background:#ffffff1a;padding:4px 12px;border-radius:12px}.modal-body{padding:24px}.operator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.squad-op-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.squad-op-btn:hover:not(.disabled){background:#ffffff0d;transform:translateY(-2px)}.squad-op-btn.selected{border-color:var(--accent-primary);background:#ffffff0d;box-shadow:0 0 16px rgba(var(--accent-glow),.2)}.squad-op-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.squad-op-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:50%}.squad-op-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.squad-op-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0003}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background:#0000001a;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:#ffffff0d;color:var(--text-primary)}.op-config-body{display:flex;flex-direction:column;gap:24px}.op-config-header-icon{margin-right:8px;font-size:1.5rem;vertical-align:middle}.config-section h3{margin-top:0;margin-bottom:16px;font-size:1rem;color:var(--accent-primary);border-bottom:1px solid var(--border-light);padding-bottom:8px}.config-item{display:flex;flex-direction:column;gap:8px}.config-item label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.input-container{display:flex;align-items:center}.input-container input[type=number]{width:100px;padding:8px 12px;background:#0003;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.input-container input[type=number]:focus{border-color:var(--accent-primary)}.potentials-list{display:flex;flex-direction:column;gap:8px}.potential-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#00000026;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.potential-item:hover{background:#ffffff0d;border-color:var(--accent-primary)}.potential-item input[type=checkbox]{margin-top:3px;accent-color:var(--accent-primary);flex-shrink:0;width:16px;height:16px}.potential-info{display:flex;flex-direction:column;gap:2px;min-width:0}.potential-name{font-size:.875rem;color:var(--text-primary);font-weight:600}.potential-tier{display:inline-block;font-size:.75rem;font-weight:700;color:var(--accent-secondary, #f0b060);background:#f0b06026;padding:1px 6px;border-radius:4px;margin-right:6px}.potential-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.effect-timeline-container{width:100%;padding:24px;display:flex;flex-direction:column;gap:24px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.effect-timeline-header h3{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin:0}.effect-grid-wrapper{position:relative;width:100%;overflow-x:auto;padding-bottom:16px}.effect-track-container{position:relative;min-width:max-content;display:flex;flex-direction:column;gap:12px;padding:8px 0;min-height:100px}.effect-grid-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.effect-grid-line{position:absolute;top:0;bottom:0;width:1px;border-right:1px dashed rgba(255,255,255,.05)}.effect-layer{display:flex;align-items:center;position:relative;z-index:1;min-height:24px;background:#0000001a;border-radius:4px}.track-label{position:absolute;left:12px;font-size:.75rem;color:var(--text-muted);font-weight:600;z-index:10;background:var(--bg-primary);padding:0 8px;border-radius:12px;transform:translateY(-50%);top:0}.simple-view{padding-top:10px}.unified-bars-layer{position:relative;width:100%;display:flex;flex-direction:column;gap:4px;z-index:2;padding:10px 0;min-height:60px}.unified-track-row{position:relative;height:32px;width:100%;margin-bottom:2px}.unified-bar{position:absolute;height:100%;border-radius:6px;display:flex;font-size:.85rem;font-weight:600;color:#fff;box-shadow:0 4px 6px #0000001a;transition:all .2s ease;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.unified-bar-segment{height:100%;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid rgba(255,255,255,.4)}.unified-bar-segment:last-child{border-right:none}.unified-bar:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;z-index:10}.bar-label{text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.unified-bar.stagger{background:linear-gradient(90deg,#ff6b6bcc,#ff8e8ecc);border:1px solid rgba(255,107,107,.5)}.unified-bar.stack-heat{background:linear-gradient(90deg,#ef444499,#f8717199);border:1px dashed rgba(239,68,68,.8)}.unified-bar.stack-cold{background:linear-gradient(90deg,#3b82f699,#60a5fa99);border:1px dashed rgba(59,130,246,.8)}.unified-bar.stack-electricity{background:linear-gradient(90deg,#a855f799,#c084fc99);border:1px dashed rgba(168,85,247,.8)}.unified-bar.stack-nature{background:linear-gradient(90deg,#22c55e99,#4ade8099);border:1px dashed rgba(34,197,94,.8)}.unified-bar.stack-physical{background:linear-gradient(90deg,#78716cb3,#a8a29eb3);border:1px dashed rgba(120,113,108,.9)}.unified-bar.status-dot,.unified-bar.status-debuff{background:linear-gradient(90deg,#dc2626b3,#ef4444b3);border:1px solid rgba(239,68,68,.9)}.unified-bar.status-cc{background:linear-gradient(90deg,#0ea5e9b3,#38bdf8b3);border:1px solid rgba(56,189,248,.9)}.unified-bar.status-buff{background:linear-gradient(90deg,#10b981b3,#34d399b3);border:1px solid rgba(52,211,153,.9)}.unified-bar.status-vulnerability{background:linear-gradient(90deg,#991b1bb3,#b91c1cb3);border:1px solid rgba(185,28,28,.9)}.stagger-tick-block{width:30px;height:24px;background:#f8fafc26;border-top:2px solid var(--gauge-stagger);border-bottom:2px solid var(--gauge-stagger)}.stagger-tick-block:first-child{border-left:2px solid var(--gauge-stagger);border-radius:4px 0 0 4px}.stagger-tick-block:last-child{border-right:2px solid var(--gauge-stagger);border-radius:0 4px 4px 0}.relative-bars{position:relative;height:28px}.status-bar{position:absolute;height:20px;top:4px;border-radius:4px;display:flex;align-items:center;padding:0 8px;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.2)}.status-bar.type-debuff{background:linear-gradient(90deg,#7f1d1d,#991b1b);color:#fee2e2}.status-bar.type-buff{background:linear-gradient(90deg,#1e3a8a,#1d4ed8);color:#dbeafe}.status-bar.type-cc{background:linear-gradient(90deg,#0f766e,#0d9488);color:#ccfbf1}.status-bar.type-dot{background:linear-gradient(90deg,#9a3412,#c2410c);color:#ffedd5}.step-dots{position:relative;height:24px}.stack-dot-container{position:absolute;width:30px;height:100%;display:flex;align-items:center;justify-content:center;gap:4px}.stack-dot{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#000;box-shadow:0 0 5px #00000080}.stack-dot.heat{background:var(--element-heat)}.stack-dot.electricity{background:var(--element-electricity)}.stack-dot.cold{background:var(--element-cold)}.stack-dot.nature{background:var(--element-nature)}.resource-timeline-container{width:100%;padding:16px 24px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;margin-top:12px}.resource-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.resource-timeline-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-secondary)}.resource-controls{display:flex;align-items:center}.chart-selector{background:#0003;border:1px solid var(--border-light);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:.85rem;cursor:pointer;outline:none;transition:all .2s}.chart-selector:hover,.chart-selector:focus{border-color:var(--primary);background:#0000004d}.resource-grid-wrapper{position:relative;width:100%;overflow-x:auto;padding-bottom:8px}.resource-track-container{position:relative;height:100px;background:#0003;border-radius:4px;overflow:hidden}.resource-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.resource-grid-line{position:absolute;top:0;width:1px;height:100%;background-color:#ffffff0d}.resource-svg{position:relative;z-index:1;display:block}.resource-bars{transition:opacity .2s ease}.resource-bar{opacity:.85;transition:y .2s ease,height .2s ease;border-radius:2px 2px 0 0}.resource-bar:hover{opacity:1}.resource-bar.stagger{fill:#fffc;filter:drop-shadow(0 -1px 2px rgba(255,255,255,.4))}.resource-bar.stagger.is-staggered{fill:#eab308;filter:drop-shadow(0 -1px 4px rgba(234,179,8,.6))}.resource-bar.skill{fill:#3b82f6;filter:drop-shadow(0 -1px 2px rgba(59,130,246,.4))}.threshold-line{stroke:#fff3;stroke-width:1}.stagger-threshold-line{stroke:#fff6;stroke-width:1}.break-highlight{fill:#eab30826;stroke:#eab3084d;stroke-width:1}.threshold-label{fill:#ffffff59;font-size:.6rem;font-family:inherit;pointer-events:none}.stagger-threshold-label{fill:#ffffff80;font-size:.6rem;font-family:inherit;pointer-events:none}.resource-bar.burst{filter:drop-shadow(0 -1px 2px rgba(0,0,0,.2));rx:1}.resource-bar.burst:hover{opacity:1}.burst-legend{display:flex;gap:10px;margin-left:12px;flex-wrap:wrap}.burst-legend-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.burst-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.combo-timeline-container{width:100%;padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.combo-timeline-header h3{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin:0}.combo-grid-wrapper{position:relative;width:100%;overflow-x:auto;padding-bottom:8px}.combo-track-container{position:relative;min-width:max-content;display:flex;flex-direction:column;gap:4px;padding:8px 0;min-height:60px}.combo-grid-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0}.combo-grid-line{position:absolute;top:0;bottom:0;width:1px;border-right:1px dashed rgba(255,255,255,.05)}.combo-operator-row{position:relative;z-index:1;height:36px}.combo-operator-label{position:absolute;left:4px;top:50%;transform:translateY(-50%);z-index:10;padding:1px 8px;font-size:.7rem;font-weight:600;color:var(--text-muted);background:#1e1e28d9;border-radius:3px;white-space:nowrap;pointer-events:none}.combo-bar-lane{position:relative;width:100%;height:100%}.combo-bar{position:absolute;height:28px;top:4px;border-radius:6px;display:flex;align-items:center;padding:0 8px;font-size:.75rem;font-weight:600;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .15s ease}.combo-bar-label{text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.combo-bar.combo-cooldown{z-index:1;background:linear-gradient(90deg,#64647880,#78788c80);border:1px dashed rgba(140,140,160,.6)}.combo-bar.combo-ready{z-index:2;background:linear-gradient(90deg,#3b82f699,#60a5fa99);border:1px solid rgba(96,165,250,.7)}.combo-bar.combo-usable{z-index:3;background:linear-gradient(90deg,#10b981cc,#34d399cc);border:1px solid rgba(52,211,153,.9);box-shadow:0 0 8px #34d3994d}.combo-bar:hover{opacity:.85}.combo-empty{color:var(--text-muted);font-size:.85rem;padding:16px;text-align:center}