:root{--ss-bg: #101120;--ss-bg-deep: #0b0c14;--ss-bg-nav: #090a12;--ss-surface: #232532;--ss-surface-raised: #2a2d3d;--ss-surface-sunken: #14161f;--ss-surface-overlay: #1e2030;--ss-line: #3f424d;--ss-line-strong: #4a4d5c;--ss-line-muted: #262a38;--ss-line-hover: #7a7e91;--ss-text: #e9e9ed;--ss-text-strong: #f7efe6;--ss-text-secondary: #c9cad4;--ss-text-muted: #9397ab;--ss-text-faint: #6f7386;--ss-text-disabled: #5f6376;--ss-accent: #968ae0;--ss-accent-text: #d2cefd;--ss-accent-line: #5d5294;--ss-accent-line-hover: #796cbf;--ss-accent-wash: rgba(150, 138, 224, .16);--ss-reach: #5aa9e6;--ss-reach-text: #8cc4ef;--ss-devotion: #e6675a;--ss-devotion-text: #f0938a;--ss-acclaim: #b98ce0;--ss-acclaim-text: #cfaeeb;--ss-good: #4d9e6a;--ss-good-text: #a8d3a4;--ss-warn: #f08a3c;--ss-warn-text: #f0c39c;--ss-bad: #e6675a;--ss-bad-text: #ffb0a4;--ss-bad-line: #6b4340;--ss-genre-pop: #ff5c8d;--ss-genre-hiphop: #e8b23c;--ss-genre-edm: #2bc4d8;--ss-genre-rnb: #b06bd0;--ss-genre-rock: #f08a3c;--ss-genre-indie: #6fa8dc;--ss-genre-country: #c2934a;--ss-genre-folk: #4d9e6a;--ss-genre-metal: #a63a4e;--ss-genre-punk: #e04a2f;--ss-genre-jazz: #7c6bd6;--ss-genre-classical: #c9c3a8;--ss-genre-unsigned: #6f7386;--ss-cat-perform: #f08a3c;--ss-cat-practice: #2bc4d8;--ss-cat-write: #b98ce0;--ss-cat-media: #5aa9e6;--ss-cat-social: #4d9e6a;--ss-cat-scout: #968ae0;--ss-cat-signature: #f08a3c;--ss-cat-scar: #e6675a;--ss-halftone: radial-gradient(rgba(255, 255, 255, .075) 1.1px, transparent 1.3px);--ss-halftone-size: 5px 5px;--ss-halftone-loud: radial-gradient(rgba(255, 255, 255, .09) 1.1px, transparent 1.3px);--ss-halftone-loud-size: 6px 6px;--ss-misreg-cyan: rgba(43, 196, 216, .8);--ss-misreg-magenta: rgba(232, 68, 127, .75);--ss-scar-hatch: repeating-linear-gradient(135deg, #2a1c22 0 7px, #1c1620 7px 14px);--ss-locked-hatch: repeating-linear-gradient(135deg, #1b1d29 0 7px, #171924 7px 14px);--ss-font: "Inter", system-ui, sans-serif;--ss-fs-display: 132px;--ss-lh-display: .84;--ss-fs-verdict: 104px;--ss-lh-verdict: .86;--ss-fs-h1: 84px;--ss-fs-h2: 52px;--ss-lh-h2: 1;--ss-fs-h3: 46px;--ss-fs-identity: 56px;--ss-fs-card-title: 36px;--ss-fs-stat: 26px;--ss-fs-title: 22px;--ss-fs-body: 15px;--ss-fs-body-sm: 13.5px;--ss-fs-caption: 12.5px;--ss-fs-label: 10.5px;--ss-fs-chip: 9.5px;--ss-tracking-display: -.045em;--ss-tracking-title: -.028em;--ss-tracking-label: .2em;--ss-weight-black: 900;--ss-weight-bold: 700;--ss-weight-semi: 600;--ss-weight-medium: 500;--ss-weight-body: 400;--ss-space-1: 4px;--ss-space-2: 6px;--ss-space-3: 8px;--ss-space-4: 12px;--ss-space-5: 16px;--ss-space-6: 20px;--ss-space-7: 26px;--ss-space-8: 32px;--ss-space-9: 44px;--ss-space-10: 64px;--ss-space-11: 80px;--ss-screen-pad-x: 56px;--ss-screen-pad-y: 34px;--ss-nav-height: 46px;--ss-radius-chip: 999px;--ss-radius-sm: 6px;--ss-radius-md: 8px;--ss-radius-lg: 10px;--ss-radius-xl: 12px;--ss-elev-flat: 0 0 0 1px var(--ss-line);--ss-elev-card: 0 0 0 1px var(--ss-line-strong), 0 10px 30px rgba(0, 0, 0, .5);--ss-elev-hover: 0 0 0 1px var(--ss-line-hover), 0 16px 40px rgba(0, 0, 0, .6);--ss-elev-modal: 0 0 0 1px #6b6a86, 0 24px 60px rgba(0, 0, 0, .7);--ss-glow-cut: 0 0 0 4px rgba(230, 103, 90, .22), 0 12px 30px rgba(0, 0, 0, .5);--ss-dur-instant: 90ms;--ss-dur-quick: .18s;--ss-dur-beat: .32s;--ss-dur-step: .45s;--ss-dur-hit: .62s;--ss-dur-reveal: .9s;--ss-dur-snap: 1.1s;--ss-ease-out: cubic-bezier(.16, 1, .3, 1);--ss-ease-in: cubic-bezier(.7, 0, .84, 0);--ss-ease-impact: cubic-bezier(.34, 1.56, .64, 1);--ss-ease-linear: linear;--ss-stagger: 70ms}:root[data-motion=reduced]{--ss-dur-instant: 0ms;--ss-dur-quick: 0ms;--ss-dur-beat: 0ms;--ss-dur-step: 0ms;--ss-dur-hit: 0ms;--ss-dur-reveal: 0ms;--ss-dur-snap: 0ms}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]){--ss-dur-instant: 0ms;--ss-dur-quick: 0ms;--ss-dur-beat: 0ms;--ss-dur-step: 0ms;--ss-dur-hit: 0ms;--ss-dur-reveal: 0ms;--ss-dur-snap: 0ms;--ss-stagger: 0ms}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ss-bg-deep);color:var(--ss-text);font-family:var(--ss-font);font-size:var(--ss-fs-body);-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.frame{width:1920px;height:1080px;position:relative;overflow:hidden;background:var(--ss-bg);transform:scale(var(--ss-scale, 1));transform-origin:center center;flex:0 0 auto}.halftone{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ss-halftone);background-size:var(--ss-halftone-size);mix-blend-mode:screen;pointer-events:none;z-index:1}.halftone.loud{background-image:var(--ss-halftone-loud);background-size:var(--ss-halftone-loud-size)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.screen>*{position:relative;z-index:2}.split{text-shadow:calc(.026em * var(--ss-reg, 1)) calc(.018em * var(--ss-reg, 1)) 0 var(--ss-misreg-cyan),calc(-.022em * var(--ss-reg, 1)) calc(-.013em * var(--ss-reg, 1)) 0 var(--ss-misreg-magenta);transition:text-shadow var(--ss-dur-snap) var(--ss-ease-impact)}.t-display{font-size:var(--ss-fs-display);line-height:var(--ss-lh-display);font-weight:var(--ss-weight-black);letter-spacing:var(--ss-tracking-display);color:var(--ss-text-strong)}.t-verdict{font-size:var(--ss-fs-verdict);line-height:var(--ss-lh-verdict);font-weight:var(--ss-weight-black);letter-spacing:var(--ss-tracking-display)}.t-h1{font-size:var(--ss-fs-h1);font-weight:var(--ss-weight-black);letter-spacing:var(--ss-tracking-display);line-height:.94}.t-h2{font-size:var(--ss-fs-h2);line-height:var(--ss-lh-h2);font-weight:800;letter-spacing:-.035em}.t-h3{font-size:var(--ss-fs-h3);font-weight:800;letter-spacing:-.035em;line-height:1}.t-identity{font-size:var(--ss-fs-identity);font-weight:var(--ss-weight-black);letter-spacing:-.04em;line-height:.88;color:var(--ss-text-strong)}.t-title{font-size:var(--ss-fs-title);font-weight:var(--ss-weight-semi);letter-spacing:-.02em}.t-stat{font-size:var(--ss-fs-stat);font-weight:var(--ss-weight-bold);font-variant-numeric:tabular-nums}.t-body{font-size:var(--ss-fs-body)}.t-sm{font-size:var(--ss-fs-body-sm)}.t-caption{font-size:var(--ss-fs-caption);color:var(--ss-text-muted)}.t-label{font-size:var(--ss-fs-label);letter-spacing:var(--ss-tracking-label);text-transform:uppercase;color:var(--ss-text-muted)}.t-chip{font-size:var(--ss-fs-chip);letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--ss-text-muted)}.faint{color:var(--ss-text-faint)}.num{font-variant-numeric:tabular-nums}.reach{color:var(--ss-reach-text)}.devotion{color:var(--ss-devotion-text)}.acclaim{color:var(--ss-acclaim-text)}.good{color:var(--ss-good-text)}.warn{color:var(--ss-warn-text)}.bad{color:var(--ss-bad-text)}.axis-mark{flex:0 0 auto;display:inline-block}.axis-mark.reach{width:12px;height:12px;border-radius:50%;background:var(--ss-reach)}.axis-mark.devotion{width:12px;height:11px;background:var(--ss-devotion);clip-path:polygon(50% 0,100% 100%,0 100%)}.axis-mark.acclaim{width:11px;height:11px;background:var(--ss-acclaim);transform:rotate(45deg)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.btn{font:inherit;font-size:var(--ss-fs-body);font-weight:var(--ss-weight-medium);color:var(--ss-accent-text);background:transparent;border:1px solid var(--ss-accent);border-radius:var(--ss-radius-md);padding:15px 30px;transition:background var(--ss-dur-instant) var(--ss-ease-out),border-color var(--ss-dur-instant) var(--ss-ease-out)}.btn:hover:not(:disabled){background:var(--ss-accent-wash)}.btn-quiet{font:inherit;font-size:var(--ss-fs-body-sm);color:var(--ss-text-muted);background:transparent;border:1px solid var(--ss-line);border-radius:var(--ss-radius-md);padding:11px 18px;transition:color var(--ss-dur-instant) var(--ss-ease-out),border-color var(--ss-dur-instant) var(--ss-ease-out)}.btn-quiet:hover:not(:disabled){color:var(--ss-accent-text);border-color:var(--ss-accent-line)}.btn-secondary{font:inherit;font-size:var(--ss-fs-body-sm);text-align:left;color:var(--ss-accent-text);background:transparent;border:1px solid var(--ss-accent-line);border-radius:var(--ss-radius-md);padding:11px 14px}.btn-secondary:hover:not(:disabled){background:var(--ss-accent-wash)}.btn-danger{color:var(--ss-good-text);border-color:#3f6b4a}.btn-danger:hover:not(:disabled){background:#4d7a5829}.panel{background:#232532e6;border-radius:var(--ss-radius-xl);box-shadow:var(--ss-elev-flat);padding:var(--ss-space-5) var(--ss-space-6)}.panel.danger{box-shadow:0 0 0 1px var(--ss-bad-line)}.chip{display:inline-flex;align-items:center;font-size:var(--ss-fs-chip);letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border-radius:var(--ss-radius-chip);color:var(--ss-text-muted);box-shadow:inset 0 0 0 1px var(--ss-line-strong)}.chip.good{color:var(--ss-good-text);box-shadow:inset 0 0 0 1px var(--ss-good);background:#4d7a582e}.chip.warn{color:var(--ss-warn-text);box-shadow:inset 0 0 0 1px var(--ss-warn);background:#f08a3c29}.chip.bad{color:var(--ss-bad-text);box-shadow:inset 0 0 0 1px var(--ss-bad);background:#e6675a33}.card{display:flex;flex-direction:column;text-align:left;color:var(--ss-text);background:linear-gradient(180deg,var(--ss-surface-raised),#1c1e2b);border:none;border-radius:var(--ss-radius-xl);box-shadow:var(--ss-elev-card);padding:26px 28px 22px;transition:box-shadow var(--ss-dur-quick) var(--ss-ease-out),transform var(--ss-dur-quick) var(--ss-ease-out)}.card:hover:not(:disabled){box-shadow:var(--ss-elev-hover)}.card.selected{outline:2px solid var(--ss-accent);outline-offset:3px}.card.dimmed{opacity:.42}.card.scar{background:var(--ss-scar-hatch);box-shadow:0 0 0 1px var(--ss-bad-line)}.card.cutting{box-shadow:var(--ss-glow-cut);border:2px solid var(--ss-bad)}.card.face{aspect-ratio:1 / 1.4;height:auto}.card-stats{min-height:96px}.art-well{flex:0 0 auto;width:100%;aspect-ratio:3 / 2;border-radius:var(--ss-radius-md);box-shadow:inset 0 0 0 1px #e9e9ed1f;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(150deg,var(--well-tint, rgba(150, 138, 224, .35)),rgba(20,22,31,.92)),var(--ss-halftone-loud) 0 0 / var(--ss-halftone-loud-size),var(--ss-surface-sunken)}.art-well .t-chip{color:#f7efe68c}.art-well.has-art{background:linear-gradient(150deg,var(--well-tint, rgba(150, 138, 224, .28)),rgba(20,22,31,.42)),var(--art) center / cover no-repeat,var(--ss-surface-sunken)}.art-well.sm{aspect-ratio:16 / 9}.art-well.fill{flex:1;aspect-ratio:auto;min-height:0}.ribbon{margin:-24px -26px 16px;padding:10px 26px;border-radius:var(--ss-radius-xl) var(--ss-radius-xl) 0 0;font-size:11px;font-weight:var(--ss-weight-semi);letter-spacing:.18em;text-transform:uppercase}.ribbon.opens,.ribbon.sharpens{background:#4d7a584d;color:var(--ss-good-text)}.ribbon.holds{background:#968ae02e;color:var(--ss-accent-text)}.ribbon.blurs{background:#f08a3c3d;color:var(--ss-warn-text)}.ribbon.costs{background:#e6675a47;color:var(--ss-bad-text)}.ident-block{margin-top:14px;padding:10px 12px;border-radius:var(--ss-radius-sm);box-shadow:inset 0 0 0 1px var(--ident-line, var(--ss-line));background:var(--ident-bg, rgba(233, 233, 237, .05));font-size:var(--ss-fs-body-sm);line-height:1.4}.ring{position:relative;width:82px;height:82px;flex:0 0 auto;border-radius:50%}.ring>i{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#1c1e2b;display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal}.bar{height:11px;border-radius:2px;background:#e9e9ed1a;overflow:hidden}.bar>i{display:block;height:100%;border-radius:2px}.scar-mark{width:11px;height:22px;border-radius:2px;transform:skew(-12deg)}.scar-mark.filled{background:var(--ss-bad)}.scar-mark.empty{box-shadow:inset 0 0 0 1px var(--ss-line-strong)}.node{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:var(--ss-radius-chip);font-size:var(--ss-fs-caption);white-space:nowrap}.node>i{width:9px;height:9px;border-radius:50%;display:block}.node.passed{background:#4d7a5833}.node.passed>i{background:var(--ss-good)}.node.failed{background:#e6675a33}.node.failed>i{background:var(--ss-bad)}.node.next{background:#f08a3c42;box-shadow:0 0 0 1px #f08a3cb3;color:var(--ss-text-strong)}.node.next>i{background:var(--ss-warn)}.node.future{box-shadow:inset 0 0 0 1px var(--ss-line);color:var(--ss-text-muted)}.node.future>i{box-shadow:inset 0 0 0 1px var(--ss-line-strong)}.rail-link{width:20px;height:1px;background:#e9e9ed2e;flex:0 0 auto}.row{display:flex;align-items:center;gap:var(--ss-space-4)}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.spacer{flex:1}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:14px;min-height:0}.scroll-y{overflow-y:auto;min-height:0}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:var(--ss-line);border-radius:4px}:focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px}.chain-step{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:var(--ss-radius-lg);background:#232532e6;box-shadow:var(--ss-elev-flat);opacity:.35;transition:opacity var(--ss-dur-step) var(--ss-ease-out),transform var(--ss-dur-step) var(--ss-ease-out);transform:translate(12px)}.chain-step.landed{opacity:1;transform:none}.btn-secondary.picked{border-color:var(--ss-accent);background:var(--ss-accent-wash);color:var(--ss-text-strong);outline:2px solid var(--ss-accent);outline-offset:2px}.btn-secondary.btn-danger.picked{border-color:var(--ss-good);outline-color:var(--ss-good);background:#4d7a5833}.hand-row{flex:0 0 auto;align-items:stretch;justify-content:center;margin:auto 0}.hand-row>.card{flex:1 1 0;min-width:0;max-width:500px}@keyframes ss-deal{0%{opacity:0;transform:translateY(28px) scale(.94) rotate(var(--deal-tilt, 0deg))}to{opacity:1;transform:none}}@keyframes ss-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ss-fade{0%{opacity:0}to{opacity:1}}@keyframes ss-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ss-land{0%{opacity:0;transform:translate(-18px) scale(.96)}60%{opacity:1;transform:translate(2px) scale(1.02)}to{opacity:1;transform:none}}.anim-deal{animation:ss-deal var(--ss-dur-hit) var(--ss-ease-impact) backwards;animation-delay:calc(var(--i, 0) * 70ms)}.anim-rise{animation:ss-rise var(--ss-dur-beat) var(--ss-ease-out) backwards;animation-delay:calc(var(--i, 0) * 45ms)}.anim-fade{animation:ss-fade var(--ss-dur-beat) var(--ss-ease-out) backwards}.anim-pop{animation:ss-pop var(--ss-dur-hit) var(--ss-ease-impact)}.chain-step.arrive{animation:ss-land var(--ss-dur-beat) var(--ss-ease-impact) backwards}.card.face,button.card{transition:transform var(--ss-dur-quick) var(--ss-ease-out),box-shadow var(--ss-dur-quick) var(--ss-ease-out)}.card.face:not(.selected):hover,button.card:not(.selected):hover{transform:translateY(-6px)}.card.face.selected,button.card.selected{transform:translateY(-3px)}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .anim-deal,:root:not([data-motion=full]) .anim-rise,:root:not([data-motion=full]) .anim-fade,:root:not([data-motion=full]) .anim-pop,:root:not([data-motion=full]) .chain-step.arrive{animation:none}}:root[data-motion=reduced] .anim-deal,:root[data-motion=reduced] .anim-rise,:root[data-motion=reduced] .anim-fade,:root[data-motion=reduced] .anim-pop,:root[data-motion=reduced] .chain-step.landed{animation:none}