.dc-header{margin-bottom:var(--s-6)}.dc-header h1{margin:0}.dc-header p{margin:var(--s-1) 0 0;color:var(--c-text-muted);max-width:56ch}.stage{gap:var(--s-5);padding:var(--s-5);margin-bottom:var(--s-6);background:radial-gradient(ellipse 60% 50% at 50% 0%, #6e3ad62e 0%, transparent 70%), radial-gradient(ellipse 40% 70% at 0% 100%, #d92eb51a 0%, transparent 70%), radial-gradient(ellipse 40% 70% at 100% 100%, #ff8a001a 0%, transparent 70%), linear-gradient(180deg, var(--c-surface) 0%, var(--c-surface-2) 100%);border:1px solid var(--c-line-strong);border-radius:var(--r-4);isolation:isolate;transition:box-shadow var(--m-medium) var(--e-out), border-color var(--m-medium) var(--e-out);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.stage:before{content:"";background-image:var(--pattern-bg);pointer-events:none;z-index:0;opacity:.22;background-repeat:repeat;background-size:96px 96px;position:absolute;inset:0}.stage.is-rush{border-color:var(--c-amber);box-shadow:0 0 0 1px var(--c-amber), 0 0 48px #ff8a004d}.stage.is-rush:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 0%,#ff8a000d 50%,#0000 100%) 0 0/200% 100%;animation:2.4s linear infinite rush-sweep;position:absolute;inset:0}@keyframes rush-sweep{0%{background-position:-100% 0}to{background-position:100% 0}}@media (width>=900px){.stage{gap:var(--s-5) var(--s-4);padding:var(--s-6);grid-template-rows:auto auto;grid-template-columns:1fr 1.1fr 1fr}.actor-attacker{grid-area:1/1}.tile-track{grid-area:1/2}.actor-target{grid-area:1/3}.dmg-output{grid-area:2/1/auto/-1}}.actor{align-items:center;gap:var(--s-3);z-index:1;flex-direction:column;display:flex;position:relative}.actor-portrait{aspect-ratio:3/4;border-radius:var(--r-3);background:radial-gradient(ellipse at 50% 100%, #ffd76b2e 0%, transparent 65%), var(--c-surface-3);border:1px solid var(--c-line);width:100%;max-width:280px;box-shadow:var(--sh-3);position:relative;overflow:hidden}.actor-portrait img{object-fit:cover;object-position:center 18%;width:100%;height:100%;transition:transform var(--m-medium) var(--e-out), filter var(--m-medium) var(--e-out);position:absolute;inset:0}.actor-portrait img[src=""]{visibility:hidden}.actor-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0c0a18d9 100%);position:absolute;inset:0}.actor-portrait-boss{background:radial-gradient(ellipse at 50% 100%, #d92eb52e 0%, transparent 65%), var(--c-surface-3)}.actor-portrait-boss:before{content:"?";font-family:var(--f-display);font-size:6rem;font-weight:var(--fw-black);color:var(--c-text-dim);z-index:0;place-items:center;display:grid;position:absolute;inset:0}.actor-portrait-boss img{z-index:1}.diff-badge{top:var(--s-2);right:var(--s-2);z-index:3;font-family:var(--f-display);font-size:var(--t-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#fff;background:var(--c-blood);border-radius:var(--r-1);padding:.25rem .6rem;position:absolute;box-shadow:0 0 12px #c8203c99}.diff-badge[data-diff="1"]{background:var(--c-success);box-shadow:0 0 12px #4cc38a80}.diff-badge[data-diff="2"]{background:var(--c-info);color:#0a0a0f;box-shadow:0 0 12px #6ed1ff80}.diff-badge[data-diff="3"]{background:var(--c-warning);color:#0a0a0f;box-shadow:0 0 12px #f5d76e80}.diff-badge[data-diff="4"]{background:var(--c-amber);color:#0a0a0f;box-shadow:0 0 12px #ff8a0080}.diff-badge[data-diff="5"]{background:var(--c-blood)}.actor-meta{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.actor-eyebrow{font-family:var(--f-display);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--c-text-dim)}.actor-name{font-family:var(--f-display);font-size:var(--t-xl);color:var(--c-gold-bright);letter-spacing:var(--tracking-tight)}.actor-sub{font-size:var(--t-sm);color:var(--c-text-muted)}.tile-track{justify-content:center;align-items:stretch;gap:var(--s-3);padding:var(--s-3) var(--s-2);z-index:1;flex-direction:column;display:flex;position:relative}.tile-track-label{justify-content:space-between;align-items:baseline;display:flex}.tile-eyebrow{font-family:var(--f-display);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--c-text-dim)}.tile-track-label strong{font-family:var(--f-display);font-size:var(--t-md);color:var(--c-gold)}.tile-rail{border-radius:var(--r-3);border:1px solid var(--c-line);background:repeating-linear-gradient(90deg,#ffd76b0a 0 1px,#0000 1px 12.5%),linear-gradient(#6e3ad61a 0%,#0c0a184d 100%);height:64px;position:relative}.tile-rail-line{background:linear-gradient(90deg, var(--c-gold-deep), var(--c-gold-bright), var(--c-blood));opacity:.5;height:2px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-1px)}.tile-dots{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 8%}.tile-dots span{background:var(--c-text-dim);opacity:.45;border-radius:50%;width:8px;height:8px}.tile-attacker-dot,.tile-target-dot{width:22px;height:22px;transition:left var(--m-base) var(--e-spring);z-index:2;box-shadow:0 0 0 3px var(--c-bg), 0 0 16px currentColor;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tile-attacker-dot{background:var(--c-gold);color:var(--c-gold-bright);left:8%}.tile-target-dot{background:var(--c-blood);color:var(--c-blood);left:92%}.tile-connector{background:linear-gradient(90deg, var(--c-gold-bright), var(--c-blood));opacity:.7;height:3px;transition:left var(--m-base) var(--e-out), width var(--m-base) var(--e-out);z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.tile-track input[type=range]{width:100%;accent-color:var(--c-gold)}.tile-hint{font-size:var(--t-xs);color:var(--c-text-muted);text-align:center;font-family:var(--f-mono)}.dmg-output{gap:var(--s-3);padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-3);z-index:1;background:linear-gradient(#0c0a1880,#0c0a18d9);grid-template-columns:1fr;display:grid;position:relative}@media (width>=600px){.dmg-output{grid-template-columns:1fr 1fr 1fr}}.dmg-cell{padding:var(--s-2);border-radius:var(--r-2);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.dmg-label{font-family:var(--f-display);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--c-text-dim)}.dmg-value{font-family:var(--f-display);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);color:var(--c-text);line-height:1}.dmg-cell.dmg-crit .dmg-value{color:var(--c-amber);text-shadow:0 0 18px #ff8a0066}.dmg-cell.dmg-avg .dmg-value{color:var(--c-gold-bright)}.dmg-value.pulse{animation:dmg-pulse var(--m-medium) var(--e-spring)}@keyframes dmg-pulse{0%{filter:brightness(1.5);transform:scale(.9)}to{filter:brightness();transform:scale(1)}}.stage-tags{top:var(--s-3);left:var(--s-3);gap:var(--s-2);z-index:4;display:flex;position:absolute}.stage-tag{font-family:var(--f-display);font-size:var(--t-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--r-1);color:#1a1530;padding:.3rem .6rem}.rush-tag{background:var(--c-amber);box-shadow:0 0 18px #ff8a0080}.hamon-tag{background:var(--c-gold-bright);box-shadow:0 0 18px #ffd76b80}.setup-grid{gap:var(--s-4);margin-bottom:var(--s-6);grid-template-columns:1fr;display:grid}@media (width>=760px){.setup-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.setup-grid{grid-template-columns:repeat(3,1fr)}}.setup-card{background:linear-gradient(180deg, var(--c-surface) 0%, var(--c-surface-2) 100%);border:1px solid var(--c-line);border-radius:var(--r-3);padding:var(--s-4);gap:var(--s-4);flex-direction:column;display:flex}.setup-header{padding-bottom:var(--s-2);border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;display:flex}.setup-header h2{font-size:var(--t-md);font-family:var(--f-display);color:var(--c-gold);letter-spacing:var(--tracking-tight);margin:0}.picker-strip{gap:var(--s-2);padding:var(--s-2);background:var(--c-bg);border-radius:var(--r-2);border:1px solid var(--c-line);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--c-gold-deep) var(--c-surface);display:flex;overflow:auto hidden}.picker-strip::-webkit-scrollbar{height:6px}.picker-strip::-webkit-scrollbar-thumb{background:var(--c-gold-deep);border-radius:3px}.picker-thumb{border:2px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface-3);cursor:pointer;scroll-snap-align:start;width:56px;height:56px;transition:transform var(--m-fast) var(--e-out), border-color var(--m-fast) var(--e-out);flex:none;padding:0;position:relative;overflow:hidden}.picker-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%}.picker-thumb:hover{border-color:var(--c-gold-deep);transform:translateY(-2px)}.picker-thumb.active{border-color:var(--c-gold-bright);box-shadow:0 0 0 1px var(--c-gold-bright), 0 0 16px #e6b54a80}.picker-rarity{font-family:var(--f-display);font-size:9px;font-weight:var(--fw-bold);letter-spacing:.05em;border-top-left-radius:var(--r-1);color:#0a0a0f;padding:1px 4px;position:absolute;bottom:0;right:0}.rarity-ssr{background:var(--c-ssr)}.rarity-sr{background:var(--c-sr)}.rarity-r{background:var(--c-r)}.picker-thumb-boss{width:auto;min-width:110px;height:56px;padding:0 var(--s-2);text-align:left;flex-direction:column;justify-content:center;gap:2px;display:flex}.picker-boss-name{font-family:var(--f-display);font-size:var(--t-sm);color:var(--c-text);font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.picker-part{font-family:var(--f-mono);color:var(--c-text-dim);border-radius:var(--r-1);background:var(--c-surface);align-self:flex-start;padding:0 4px;font-size:10px}.part-1{color:var(--c-part-1)}.part-2{color:var(--c-part-2)}.part-3{color:var(--c-part-3)}.part-4{color:var(--c-part-4)}.part-5{color:var(--c-part-5)}.part-6{color:var(--c-part-6)}.stat-rows{gap:var(--s-3);flex-direction:column;display:flex}.stat-row{flex-direction:column;gap:4px;display:flex}.stat-row>span,.stat-row-label>span{font-family:var(--f-display);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--c-text-muted)}.stat-row-label{justify-content:space-between;align-items:baseline;display:flex}.stat-row-label strong{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--c-gold)}.stat-row input[type=number]{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-line);border-radius:var(--r-2);font-family:var(--f-mono);font-size:var(--t-sm);padding:.45rem .65rem}.stat-row input[type=number]:focus{border-color:var(--c-gold);outline:none;box-shadow:0 0 0 2px #e6b54a40}.stat-row input[type=range]{width:100%;accent-color:var(--c-gold)}.skill-presets{flex-wrap:wrap;gap:4px;display:flex}.skill-presets button{font-family:var(--f-display);font-size:var(--t-xs);color:var(--c-text-muted);background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-1);cursor:pointer;transition:all var(--m-fast) var(--e-out);padding:4px 10px}.skill-presets button:hover,.skill-presets button.active{color:var(--c-gold-bright);border-color:var(--c-gold-deep);background:#e6b54a14}.cb-curve{width:100%;height:50px;display:block}.cb-curve-fill{fill:#e6b54a26}.cb-curve-line{fill:none;stroke:var(--c-gold-bright);stroke-width:1.5px}.cb-curve-dot{fill:var(--c-amber);stroke:#1a1530;stroke-width:1.5px}.cb-hint{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-text-muted);text-align:right}.cb-hint span{color:var(--c-gold-bright)}.meter{background:var(--c-bg);border:1px solid var(--c-line);border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--c-gold-deep), var(--c-gold-bright));width:0;height:100%;transition:width var(--m-base) var(--e-out)}.meter-blue .meter-fill{background:linear-gradient(90deg, var(--c-purple), var(--c-purple-bright))}.meter-red .meter-fill{background:linear-gradient(90deg, var(--c-blood), var(--c-magenta-bright))}.diff-tabs{background:var(--c-bg);border-radius:var(--r-2);border:1px solid var(--c-line);grid-template-columns:repeat(5,1fr);gap:2px;padding:2px;display:grid}.diff-tabs button{font-family:var(--f-display);font-size:var(--t-xs);color:var(--c-text-muted);border-radius:var(--r-1);cursor:pointer;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--m-fast) var(--e-out);background:0 0;border:none;padding:.4rem .2rem}.diff-tabs button:hover{color:var(--c-text);background:var(--c-surface-3)}.diff-tabs button.active{color:#1a1530;background:var(--c-gold-bright);font-weight:var(--fw-bold)}.diff-tabs button[data-diff="5"].active{background:var(--c-blood);color:#fff}.diff-tabs button[data-diff="4"].active{background:var(--c-amber);color:#1a1530}.diff-tabs button[data-diff="3"].active{background:var(--c-warning);color:#1a1530}.diff-tabs button[data-diff="2"].active{background:var(--c-info);color:#1a1530}.diff-tabs button[data-diff="1"].active{background:var(--c-success);color:#1a1530}.stack-dots{gap:4px;display:flex}.stack-dots button{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-1);cursor:pointer;height:22px;transition:all var(--m-fast) var(--e-out);flex:1;padding:0}.stack-dots button:hover{border-color:var(--c-gold-deep)}.stack-dots button.active{background:linear-gradient(180deg, var(--c-gold-bright), var(--c-gold-deep));border-color:var(--c-gold-bright);box-shadow:0 0 8px #e6b54a66}.stack-dots[data-target=debuffDmgTaken] button.active{background:linear-gradient(180deg, var(--c-magenta-bright), var(--c-magenta));border-color:var(--c-magenta-bright);box-shadow:0 0 8px #d92eb566}.toggle-row{gap:var(--s-3);flex-direction:column;display:flex}.toggle{align-items:center;gap:var(--s-3);cursor:pointer;padding:var(--s-2);border-radius:var(--r-2);transition:background var(--m-fast) var(--e-out);display:flex}.toggle:hover{background:var(--c-surface-3)}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:var(--c-bg);border:1px solid var(--c-line);width:40px;height:22px;transition:background var(--m-fast) var(--e-out);border-radius:11px;flex:none;position:relative}.toggle-thumb{background:var(--c-text-muted);width:18px;height:18px;transition:transform var(--m-fast) var(--e-out), background var(--m-fast) var(--e-out);border-radius:50%;position:absolute;top:1px;left:1px}.toggle input:checked+.toggle-track{background:var(--c-amber);border-color:var(--c-amber)}.toggle input:checked+.toggle-track .toggle-thumb{background:#1a1530;transform:translate(18px)}.toggle-meta{flex-direction:column;gap:2px;display:flex}.toggle-meta strong{font-family:var(--f-display);font-size:var(--t-sm);color:var(--c-text)}.toggle-meta small{font-size:var(--t-xs);color:var(--c-text-muted)}.actions-row{padding-top:var(--s-2);border-top:1px dashed var(--c-line);justify-content:flex-end;display:flex}.pipeline{background:linear-gradient(180deg, var(--c-surface) 0%, var(--c-surface-2) 100%);border:1px solid var(--c-line);border-radius:var(--r-3);padding:var(--s-5)}.pipeline-header h2{font-family:var(--f-display);color:var(--c-gold);font-size:var(--t-lg);margin:0}.pipeline-header p{margin:4px 0 var(--s-4);color:var(--c-text-muted);font-size:var(--t-sm)}.pipe-list{counter-reset:pipe;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pipe-step{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--c-bg);border-radius:var(--r-2);transition:border-color var(--m-fast) var(--e-out), background var(--m-fast) var(--e-out);border:1px solid #0000;grid-template-columns:28px 1fr 88px 1fr;display:grid}.pipe-step:hover{border-color:var(--c-gold-deep);background:var(--c-surface)}.pipe-step:before{counter-increment:pipe;content:counter(pipe);width:24px;height:24px;font-family:var(--f-mono);font-size:11px;font-weight:var(--fw-bold);color:var(--c-text-dim);background:var(--c-surface);border:1px solid var(--c-line);border-radius:50%;place-items:center;display:grid}.pipe-label{font-family:var(--f-display);font-size:var(--t-sm);color:var(--c-text)}.pipe-label small{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-text-dim);font-weight:400;display:block}.pipe-op{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--c-amber);text-align:center;background:var(--c-surface);border-radius:var(--r-1);white-space:nowrap;padding:2px 8px}.pipe-running{font-family:var(--f-mono);font-size:var(--t-md);color:var(--c-gold-bright);text-align:right;font-weight:var(--fw-semibold)}.pipe-step.is-final .pipe-running{font-size:var(--t-xl);color:var(--c-amber);text-shadow:0 0 16px #ff8a0066}.pipe-step.is-skipped{opacity:.4}.pipe-step.is-skipped .pipe-op{color:var(--c-text-dim)}@media (width<=540px){.pipe-step{grid-template-columns:24px 1fr;row-gap:4px}.pipe-op,.pipe-running{text-align:left;background:0 0;grid-column:2;padding:0}}