.casting-demo{--demo-ink-soft: color-mix(in srgb, var(--color-text) 62%, transparent);--demo-paper: color-mix(in srgb, var(--color-bg) 86%, white);max-width:980px;margin:0 auto}.cast-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;max-width:640px;margin:0 auto var(--space-8);padding:0;list-style:none;color:var(--demo-ink-soft);font-family:var(--font-heading);font-size:13px;letter-spacing:.12em}.cast-steps li{display:inline-flex;gap:8px;align-items:center}.cast-steps li:not(:last-child):after{content:"";width:clamp(18px,4vw,34px);height:1px;margin-left:12px;background:var(--color-divider)}.cast-steps li.is-active{color:var(--color-text)}.cast-steps span{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--color-divider);border-radius:50%;color:var(--demo-ink-soft);font-size:12px;line-height:1}.cast-steps li.is-active span{color:var(--color-accent);border-color:var(--color-accent)}.casting-demo__header{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.casting-demo__header h1{max-width:680px;margin-top:var(--space-2);font-size:clamp(34px,6vw,58px);letter-spacing:-.035em}.casting-demo__header p{max-width:650px;margin:var(--space-3) 0 0;color:var(--demo-ink-soft);font-size:15px;line-height:1.8}.casting-demo__legend{display:inline-flex;flex-wrap:wrap;gap:8px 20px;margin-top:var(--space-4);color:var(--demo-ink-soft);font-size:12px}.casting-demo__legend span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.casting-demo__legend img{width:22px;height:22px;object-fit:contain}.casting-demo__workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:var(--space-4);margin-top:var(--space-4)}.casting-demo__coins-panel,.casting-demo__lines-panel,.casting-demo__candidates{border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--color-bg) 84%,white),color-mix(in srgb,var(--color-surface) 84%,transparent))}.casting-demo__coins-panel{min-height:390px;padding:clamp(20px,4vw,36px)}.casting-demo__progress{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--demo-ink-soft);font-size:12px;letter-spacing:.05em}.casting-demo__coins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2.5vw,24px);align-items:end;margin:clamp(42px,8vw,76px) auto 30px}.demo-coin-stage{position:relative;min-width:0;text-align:center;perspective:900px}.demo-coin-lift{position:relative;z-index:2;width:min(100%,150px);margin:0 auto;will-change:transform}.demo-coin{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d;will-change:transform}.demo-coin__face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;user-select:none;pointer-events:none}.demo-coin__back{transform:rotateY(180deg)}.demo-coin-shadow{position:absolute;z-index:1;left:15%;right:15%;bottom:24px;height:14px;border-radius:50%;background:color-mix(in srgb,var(--color-text) 28%,transparent);filter:blur(8px);transform-origin:center;will-change:transform,opacity}.demo-coin-label{display:inline-block;position:relative;z-index:3;min-width:58px;margin-top:10px;color:var(--demo-ink-soft);font-family:var(--font-heading);font-size:12px;letter-spacing:.08em}.casting-demo__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:var(--space-4)}.cast-question,.cast-confirm{max-width:760px;margin:var(--space-6) auto 0;padding:clamp(20px,4vw,36px);border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg) 88%,white)}.cast-field-hint,.cast-privacy-note{margin-top:7px;color:var(--demo-ink-soft);font-size:12px;line-height:1.65}.cast-fieldset{margin:var(--space-5) 0 0;padding:0;border:0}.cast-fieldset legend{margin-bottom:10px;font-size:13px;font-weight:600}.cast-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cast-choice-grid button{min-height:44px;color:var(--color-text);border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.cast-choice-grid button.is-selected{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,transparent)}.cast-risk-note,.cast-error{margin:var(--space-3) 0 0;padding:10px 12px;color:var(--color-accent);border-left:2px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent);font-size:13px;line-height:1.7}.cast-error p{margin:0}.cast-primary-action{width:100%;min-height:48px;margin-top:var(--space-5)}.cast-confirm h2{margin:8px 0;font-size:clamp(24px,4vw,34px)}.cast-confirm>div:first-child>p{color:var(--demo-ink-soft);font-size:13px;line-height:1.7}.cast-confirm__figure{display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:12px;align-items:center;margin-top:var(--space-5);padding:var(--space-4);border-block:1px solid var(--color-divider)}.cast-confirm__figure>span{color:var(--color-accent);font-family:var(--font-heading);font-size:48px}.cast-confirm__figure div{display:flex;flex-direction:column}.cast-confirm__figure small{color:var(--demo-ink-soft)}.cast-confirm__figure i{color:var(--demo-ink-soft);font-style:normal}.cast-confirm__lines{max-width:430px;margin:var(--space-5) auto}.cast-assembly{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface) 42%,transparent)}.cast-assembly__header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:end;margin-bottom:var(--space-3)}.cast-assembly__header p{margin:5px 0 0;color:var(--demo-ink-soft);font-size:11px;line-height:1.5}.cast-assembly__header>span{color:var(--demo-ink-soft);font-size:10px;letter-spacing:.08em;white-space:nowrap}.cast-assembly__labels,.cast-assembly__row{display:grid;grid-template-columns:44px 44px minmax(90px,1fr) 50px 58px 64px;gap:8px;align-items:center}.cast-assembly__labels{padding:0 6px 7px;color:var(--demo-ink-soft);border-bottom:1px solid var(--color-divider);font-size:9px;letter-spacing:.08em}.cast-assembly__row{min-height:38px;padding:5px 6px;border-bottom:1px solid color-mix(in srgb,var(--color-divider) 72%,transparent);font-size:11px}.cast-assembly__row:last-child{border-bottom:0}.cast-assembly .demo-line-glyph{gap:7px}.cast-assembly .demo-line-glyph i{height:4px}.cast-assembly__spirit,.cast-assembly__position,.cast-assembly__najia{white-space:nowrap}.cast-assembly__spirit,.cast-assembly__position{color:var(--demo-ink-soft)}.cast-assembly__relation{color:var(--color-accent);font-size:11px;white-space:nowrap}.cast-assembly__najia{font-variant-numeric:tabular-nums}.cast-assembly__markers{display:inline-flex;gap:3px;min-height:18px}.cast-assembly__markers em{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 48%,transparent);border-radius:50%;font-style:normal;font-size:9px;line-height:1}.cast-assembly.is-compact{margin:var(--space-4) 0 0;padding:var(--space-4) 0 0;border:0;border-top:1px solid var(--color-divider);background:transparent}.cast-assembly.is-compact .cast-assembly__header{align-items:flex-start}.cast-assembly.is-compact .cast-assembly__header>span{display:none}.cast-assembly.is-compact .cast-assembly__labels,.cast-assembly.is-compact .cast-assembly__row{grid-template-columns:30px 28px minmax(48px,1fr) 34px 38px 30px;gap:4px;padding-inline:0}.cast-assembly.is-compact .cast-assembly__labels{font-size:8px}.cast-assembly.is-compact .cast-assembly__row{min-height:34px;font-size:10px}.cast-assembly.is-compact .cast-assembly__relation{font-size:10px}.cast-assembly.is-compact .cast-assembly__markers{gap:2px}.cast-assembly.is-compact .cast-assembly__markers em{width:14px;height:14px;font-size:8px}.cast-ai-consent{display:flex;gap:12px;align-items:flex-start;padding:var(--space-4);border:1px solid var(--color-divider);border-radius:var(--radius-sm);cursor:pointer}.cast-ai-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--color-accent)}.cast-ai-consent span{display:flex;flex-direction:column;gap:5px}.cast-ai-consent strong{font-size:14px}.cast-ai-consent small{color:var(--demo-ink-soft);font-size:12px;line-height:1.65}.cast-confirm__actions,.cast-duplicate-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:var(--space-5)}.casting-demo__roll{min-height:48px;color:var(--color-bg);border-color:var(--color-text);background:var(--color-text);font-size:16px;letter-spacing:.06em}.casting-demo__roll:hover:not(:disabled){color:var(--color-bg);background:color-mix(in srgb,var(--color-text) 88%,var(--color-accent))}.casting-demo__note,.casting-demo__waiting,.casting-demo__candidate-note{margin:var(--space-3) 0 0;color:var(--demo-ink-soft);font-size:12px;line-height:1.7}.casting-demo__lines-panel{padding:clamp(20px,3vw,28px)}.casting-demo__lines{display:flex;flex-direction:column;gap:7px;margin-top:var(--space-4)}.demo-line-slot{display:grid;grid-template-columns:42px minmax(76px,1fr) 76px;gap:10px;align-items:center;min-height:38px;padding:4px 0;color:color-mix(in srgb,var(--color-text) 32%,transparent);font-size:12px}.demo-line-slot.is-filled{color:var(--color-text)}.demo-line-glyph{display:flex;gap:10px;align-items:center;width:100%}.demo-line-glyph i{display:block;height:5px;flex:1;border-radius:999px;background:currentColor}.demo-line-glyph.is-muted{opacity:.24}.demo-line-slot__result{display:inline-flex;justify-content:flex-end;align-items:center;gap:5px;white-space:nowrap;text-align:right}.demo-line-slot__result b{color:var(--color-accent);font-size:14px}.demo-line-slot__result em{display:inline-grid;place-items:center;width:20px;height:20px;color:var(--color-bg);border-radius:50%;background:var(--color-accent);font-style:normal;font-size:10px}.casting-demo__final{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-divider);color:var(--color-accent)}.casting-demo__final div{display:flex;flex-direction:column;gap:3px}.casting-demo__final div:last-child{text-align:right}.casting-demo__final span{color:var(--demo-ink-soft);font-size:11px}.casting-demo__final strong{font-family:var(--font-heading);font-size:18px}.casting-demo__candidates{margin-top:var(--space-4);padding:clamp(14px,2.5vw,22px)}.casting-demo__candidates>header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:end}.casting-demo__candidates h2{margin:6px 0 0;font-size:clamp(21px,3vw,28px)}.casting-demo__candidates header p{margin:0;color:var(--demo-ink-soft);font-size:13px;text-align:right}.casting-demo__candidates header strong{color:var(--color-accent);font-size:16px}.casting-demo__candidate-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin-top:var(--space-4)}.demo-candidate{display:grid;place-items:center;min-width:0;min-height:43px;padding:3px 1px;border:1px solid var(--color-divider);border-radius:var(--radius-sm);color:var(--color-accent);background:color-mix(in srgb,var(--color-bg) 70%,transparent);transform-origin:center}.demo-candidate>span{font-size:19px;line-height:1}.demo-candidate small{overflow:hidden;max-width:100%;color:var(--color-text);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.demo-candidate.is-eliminated{border-color:transparent;opacity:.13;filter:grayscale(1)}.demo-candidate.is-possible{box-shadow:inset 0 -2px color-mix(in srgb,var(--color-accent) 48%,transparent)}.casting-demo__sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.casting-demo__workspace{grid-template-columns:1fr}.casting-demo__coins-panel{min-height:0}.casting-demo__candidate-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:460px){.casting-demo__progress,.casting-demo__candidates>header{align-items:flex-start;flex-direction:column}.casting-demo__coins{gap:2px;margin-top:54px}.casting-demo__actions{grid-template-columns:1fr}.cast-choice-grid{grid-template-columns:repeat(2,1fr)}.cast-confirm__figure{grid-template-columns:auto 1fr}.cast-confirm__figure>i{display:none}.cast-confirm__actions,.cast-duplicate-actions{flex-direction:column}.casting-demo__candidates header p{text-align:left}.demo-candidate{min-height:38px}.demo-candidate>span{font-size:17px}.demo-candidate small{font-size:8px}.cast-assembly:not(.is-compact){padding:var(--space-3) 8px}.cast-assembly:not(.is-compact) .cast-assembly__labels,.cast-assembly:not(.is-compact) .cast-assembly__row{grid-template-columns:34px 34px minmax(64px,1fr) 40px 44px 44px;gap:5px;padding-inline:2px}.cast-assembly__header{align-items:flex-start;flex-direction:column;gap:4px}.cast-assembly__header>span{display:none}}@media(prefers-reduced-motion:reduce){.demo-coin,.demo-coin-lift,.demo-coin-shadow,.demo-candidate,.demo-line-slot{will-change:auto}}