.clk-hero{display:flex;flex-direction:column;gap:14px;width:264px}.clk-edit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border:1px solid #e84131;background:#1a1819;color:#ef6a5e;cursor:pointer;font-family:var(--font-condensed);font-size:12px;font-weight:700;letter-spacing:.16em;transition:background-color .15s,color .15s}.clk-edit:hover{background:#e84131;color:#ffffff}.clk-edit:focus-visible,.clk-panel button:focus-visible{outline:2px solid #ef6a5e;outline-offset:2px}.clk-compact{display:none}@media (max-width:1100px){.clk-hero{width:176px;gap:12px}.clk-hero .pcard{zoom:.6667}.clk-edit{padding:9px 12px}}@media (max-width:720px){.clk-hero{width:115px;gap:10px}.clk-hero>.pcard{display:none}.clk-compact-s{display:block}.clk-edit{gap:6px;padding:7px 8px;font-size:11px}.clk-edit svg{width:12px;height:12px}}@media (max-width:480px){.clk-hero{width:67px;gap:8px}.clk-compact-s{display:none}.clk-compact-xs{display:block}.clk-edit{gap:4px;padding:6px 4px;font-size:10px;letter-spacing:.14em}.clk-edit svg{width:11px;height:11px}}.clk-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px}.clk-scrim{position:absolute;inset:0;background:rgba(9,9,11,.78)}.clk-panel{position:relative;width:820px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border:1px solid #3a3839;background:#1f1d1e;overflow:hidden;font-family:var(--font-condensed);color:#fafafa}.clk-topline{height:1px;flex:none;background:linear-gradient(90deg,#7f1d1d,#e84131,#7f1d1d)}.clk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #2a2829}.clk-head-text{display:flex;flex-direction:column;gap:4px;min-width:0}.clk-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.12em;line-height:1;color:#fafafa}.clk-sub{font-size:11px;font-weight:600;letter-spacing:.2em;line-height:1.3;color:#6e6b6c}.clk-icon-btn{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid #3a3839;background:transparent;color:#a1a1aa;cursor:pointer;transition:border-color .15s,color .15s}.clk-icon-btn:hover{border-color:#71717a;color:#fafafa}.clk-arrow{width:40px;height:40px}.clk-tabs{display:flex;gap:26px;padding:0 22px;border-bottom:1px solid #2a2829}.clk-tab{padding:13px 0 11px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.18em;color:#71717a}.clk-tab[aria-pressed=true]{color:#fafafa;box-shadow:inset 0 -2px 0 #e84131}.clk-body{flex:1;overflow-y:auto}.clk-note{margin:0;font-family:var(--font-sans);font-size:12px;line-height:1.45;color:#71717a}.clk-bar{display:block;height:4px;background:#2a2829}.clk-bar>span{display:block;height:100%;background:#e84131}.clk-stage{flex-wrap:wrap;justify-content:center;gap:20px 36px;padding:22px 22px 18px;background:radial-gradient(50% 60% at 50% 30%,rgba(232,65,49,.07),transparent 70%)}.clk-stage,.clk-viewer{display:flex;align-items:center}.clk-viewer{gap:28px}.clk-preview{zoom:.9}.clk-preview[data-locked=true]{filter:saturate(.55) brightness(.8)}.clk-info{flex:1;min-width:240px;max-width:320px;gap:18px}.clk-info,.clk-info-head{display:flex;flex-direction:column}.clk-info-head{gap:8px}.clk-name{margin:0;font-size:32px;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase;color:#fafafa}.clk-tag{font-size:11px;font-weight:700;letter-spacing:.18em}.clk-tag[data-status=locked]{color:#71717a}.clk-tag[data-status=equipped]{color:#e84131}.clk-tag[data-status=unlocked]{color:#10b981}.clk-req{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid rgba(232,65,49,.35);background:rgba(232,65,49,.05)}.clk-req-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em}.clk-req-title{color:#ef6a5e}.clk-req-count{color:#a1a1aa;font-variant-numeric:tabular-nums;white-space:nowrap}.clk-railwrap{display:flex;flex-direction:column;gap:10px;padding:14px 22px 18px;border-top:1px solid #2a2829}.clk-rail{gap:8px;overflow-x:auto;padding:4px 2px 6px}.clk-rail,.clk-swatch{position:relative;display:flex}.clk-swatch{flex:none;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit}.clk-swatch-tile{display:block;width:50px;height:68px;border-radius:5px}.clk-swatch[aria-pressed=true] .clk-swatch-tile{box-shadow:0 0 0 2px #1f1d1e,0 0 0 3px #e84131}.clk-swatch[data-locked=true] .clk-swatch-tile{opacity:.45;filter:grayscale(.85) brightness(.7)}.clk-swatch-lock{position:absolute;top:27px;left:18px;color:#d4d4d8}.clk-swatch-label{font-size:10px;font-weight:700;letter-spacing:.12em;white-space:nowrap;color:#a1a1aa}.clk-swatch[data-locked=true] .clk-swatch-label{color:#52525b}.clk-swatch[aria-pressed=true] .clk-swatch-label{color:#fafafa}.clk-dot{width:5px;height:5px;border-radius:50%;background:transparent}.clk-dot[data-on=true]{background:#e84131}.clk-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:10px;font-weight:600;letter-spacing:.18em;color:#52525b}.clk-legend-eq{gap:6px}.clk-foot,.clk-legend-eq{display:flex;align-items:center}.clk-foot{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid #2a2829}.clk-auto{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e84131;background:rgba(232,65,49,.1);color:#ef6a5e;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.16em;transition:border-color .15s,color .15s,background-color .15s}.clk-auto:disabled{cursor:not-allowed}.clk-auto[aria-pressed=false]{border-color:#3a3839;background:transparent;color:#a1a1aa}.clk-auto[aria-pressed=false]:not(:disabled):hover{border-color:#71717a;color:#fafafa}.clk-auto-box{width:12px;height:12px;border:1px solid #e84131;background:#e84131}.clk-auto[aria-pressed=false] .clk-auto-box{border-color:#71717a;background:transparent}.clk-actions{display:flex;gap:8px}.clk-btn,.clk-primary{padding:10px 16px;border:1px solid #3a3839;background:transparent;color:#a1a1aa;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.16em;transition:border-color .15s,color .15s}.clk-btn:hover{border-color:#71717a;color:#fafafa}.clk-primary{padding:10px 18px;font-weight:800}.clk-primary:not(:disabled){border-color:#e84131;background:rgba(232,65,49,.14);color:#fafafa}.clk-primary:not(:disabled):hover{background:rgba(232,65,49,.24)}.clk-primary:disabled{color:#52525b;cursor:not-allowed}.clk-progress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;padding:22px}.clk-progress-card{zoom:.72}.clk-stack{gap:22px;min-width:0}.clk-block,.clk-stack{display:flex;flex-direction:column}.clk-block{gap:8px}.clk-spread{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.clk-label{font-size:11px;font-weight:600;letter-spacing:.24em;color:#71717a}.clk-level{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;color:#fafafa}.clk-level small{font-size:13px;color:#6e6b6c}.clk-count{font-size:12px;font-weight:700;letter-spacing:.14em;color:#ef6a5e;font-variant-numeric:tabular-nums;white-space:nowrap}.clk-pips{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.clk-pip{height:8px;background:#2a2829}.clk-pip[data-on=true]{background:#e84131;box-shadow:0 0 6px rgba(232,65,49,.45)}.clk-row{display:grid;grid-template-columns:30px 110px minmax(0,1fr) 54px;gap:12px;align-items:center}.clk-row-badge{display:flex;justify-content:center}.clk-row[data-locked=true] .clk-row-badge{opacity:.35;filter:grayscale(1) brightness(.55)}.clk-row-name{letter-spacing:.1em;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clk-row-name,.clk-row-val{font-size:12px;font-weight:700}.clk-row-val{text-align:right;color:#a1a1aa;font-variant-numeric:tabular-nums}.clk-row[data-done=true] .clk-row-name{color:#fafafa}.clk-row[data-done=true] .clk-row-val{color:#10b981}.clk-row[data-done=true] .clk-bar>span{background:#10b981}.clk-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.clk-step{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 8px 7px;border-top:2px solid #2a2829}.clk-step-n{font-size:14px;font-weight:900;line-height:1;color:#52525b}.clk-step-label,.clk-step-theme{font-size:9px;letter-spacing:.12em;color:#52525b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clk-step-label{font-weight:700;letter-spacing:.14em}.clk-step-theme{font-weight:600}.clk-step[data-state=done]{background:#262425;border-top-color:#71717a}.clk-step[data-state=done] .clk-step-n{color:#fafafa}.clk-step[data-state=done] .clk-step-label{color:#a1a1aa}.clk-step[data-state=now]{background:rgba(232,65,49,.1);border-top-color:#e84131}.clk-step[data-state=now] .clk-step-n{color:#e84131}.clk-step[data-state=now] .clk-step-label{color:#ef6a5e}.clk-hist-list{margin:0;padding:0;list-style:none}.clk-hist{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:6px 0;border-bottom:1px solid #2a2829;font-size:12px}.clk-hist-date{font-weight:600;letter-spacing:.14em;color:#52525b;font-variant-numeric:tabular-nums}.clk-hist-text{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:720px){.clk-overlay{padding:12px}.clk-panel{max-height:calc(100dvh - 24px)}.clk-foot,.clk-head,.clk-railwrap,.clk-tabs{padding-left:16px;padding-right:16px}.clk-stage{padding:16px}.clk-viewer{gap:8px}.clk-arrow{width:34px;height:34px}.clk-preview{zoom:.8}.clk-info{min-width:0;max-width:none;flex-basis:100%}.clk-progress{grid-template-columns:minmax(0,1fr);padding:16px}.clk-progress-card{display:none}.clk-row{grid-template-columns:30px 96px minmax(0,1fr) 54px;gap:10px}.clk-track{grid-template-columns:repeat(3,minmax(0,1fr))}}