.wsh{position:relative;z-index:20}.wsh-open{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,72px);align-items:center;padding:clamp(96px,11vw,168px) var(--m) clamp(80px,9vw,140px);background:var(--ground)}.wsh-wordmark{margin-bottom:20px}.wsh-open h2{max-width:11ch}.wsh-lead{margin-top:24px;max-width:34em;font-size:var(--step-lead);line-height:1.4}.wsh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px}.wsh-more{font-weight:500;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:text-decoration-color var(--t-hover) ease}.wsh-more:hover{text-decoration-color:currentColor}.wsh-media figcaption,.wsh-trailer figcaption{margin-top:12px;color:var(--muted);font-size:var(--step-small)}.wsh-trailer-frame{position:relative;aspect-ratio:16/9;background:var(--panel);overflow:hidden}.wsh-trailer-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wsh-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:14px;padding:clamp(16px,2.4vw,32px);border:0;cursor:pointer;text-align:left;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);color:var(--ink);font:inherit;font-weight:500}.wsh-play svg{width:64px;height:64px;padding:18px;flex:none;background:var(--gold);color:var(--dark);transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease}.wsh-play span{padding-bottom:6px}.wsh-play:hover svg{background:var(--gold-up);transform:scale(1.06)}.wsh-play:active svg{transform:scale(.96)}.wsh-steps{background:var(--panel);padding:clamp(96px,11vw,168px) var(--m)}.wsh-steps-h{margin-bottom:clamp(56px,7vw,112px)}.wsh-step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,72px);align-items:center}.wsh-step+.wsh-step{margin-top:clamp(80px,9vw,144px)}.wsh-step-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.wsh-step-flip>.wsh-step-text{order:2}.wsh-step h3{font-size:clamp(1.75rem,1.2rem + 2vw,3rem);line-height:1;letter-spacing:-.035em;color:var(--gold)}.wsh-step-text p{margin-top:20px;max-width:36em}.wsh-frame{position:relative;aspect-ratio:16/10;background:var(--panel-2);overflow:hidden}.wsh-frame img,.wsh-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wsh-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.wsh-skills li{padding:6px 12px;background:var(--panel-2);font-size:var(--step-small)}.wsh-creatures{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:28px;max-width:30rem}.wsh-creatures li{position:relative;background:var(--panel-2);aspect-ratio:1}.wsh-creatures img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transition:transform var(--t-hover) var(--ease-out)}.wsh-creatures li:hover img{transform:translateY(-4px) scale(1.06)}.wsh-creatures span{position:absolute;right:0;bottom:0;min-width:22px;padding:1px 4px;background:var(--gold);color:var(--dark);font-size:.75rem;font-weight:500;text-align:center}.wsh-orders{background:var(--ground)}.wsh-duel{background:var(--gold);color:var(--dark);padding:clamp(96px,11vw,168px) var(--m)}.wsh-duel h2{font-size:var(--step-huge);line-height:.9;max-width:12ch}.wsh-duel-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:48px}.wsh-duel-foot p{max-width:34em;font-size:var(--step-lead);line-height:1.4}@media (max-width:860px){.wsh-open,.wsh-step,.wsh-step-flip{grid-template-columns:minmax(0,1fr)}.wsh-step-flip>.wsh-step-text{order:0}.wsh-open{padding:80px 16px 72px}.wsh-duel,.wsh-steps{padding:80px 16px}.wsh-play svg{width:52px;height:52px;padding:14px}.wsh-creatures{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.wsh-creatures img,.wsh-play svg{transition:none}}