.puzzle-result{--puzzle-result-art: url(../assets/curated/encounter-choice-icons/encounter-choice-tactical-icon-v1.webp);display:grid;grid-template-columns:minmax(32%,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr) auto;gap:var(--space-xl);width:100%;max-width:none;height:var(--screen-height);margin:0;padding:var(--space-3xl) clamp(var(--space-xl),calc(var(--app-vw) * .05),calc(var(--space-3xl) * 3))}.puzzle-result--targeting{--puzzle-result-art: url(../assets/curated/card-illustrations/_shared/mark_target__gpt15low_v1.webp)}.puzzle-result--defensive{--puzzle-result-art: url(../assets/curated/card-illustrations/assassin/blade_shield__gpt15low_v1.webp)}.puzzle-result--combo{--puzzle-result-art: url(../assets/curated/card-illustrations/assassin/combo_mastery__gpt15low_v1.webp)}.puzzle-result__hero,.puzzle-result__body{width:100%;height:100%;margin:0}.puzzle-result__hero{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;overflow:hidden;text-align:left;border-top-width:var(--space-2xs)}.puzzle-result__art{min-height:calc(var(--ux-target-mobile) * 4);background:linear-gradient(180deg,var(--c-ink-a06),var(--c-ink-a90)),var(--puzzle-result-art) center 35% / cover no-repeat;filter:saturate(.85) contrast(1.05)}.puzzle-result__hero-copy{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl) var(--space-2xl) var(--space-2xl)}.puzzle-result__hero-copy>*{margin:0}.puzzle-result__title{font-size:clamp(2.2rem,calc(var(--app-vw) * .05),4rem);line-height:var(--line-height-tight)}.puzzle-result__lede{max-width:34ch;font-size:var(--text-lead);font-weight:var(--font-weight-semibold)}.puzzle-result__body{display:flex;flex-direction:column;justify-content:center;justify-content:safe center;min-height:0;overflow-y:auto;padding:clamp(var(--space-xl),calc(var(--app-vw) * .04),calc(var(--space-3xl) * 2));border-top:var(--space-3xs) solid var(--color-accent)}.puzzle-result__teaching-kicker{color:var(--color-accent-bright)}.puzzle-result__teaching{max-width:58ch;font-size:var(--text-lead);line-height:var(--line-height-normal)}.puzzle-result__reveal{align-self:flex-start;min-height:var(--ux-target-mobile)}.puzzle-result__body>*{flex-shrink:0}.puzzle-result__actions{grid-column:2;justify-content:flex-end;width:100%;margin:0}.puzzle-result__actions>button{min-height:var(--ux-target-mobile)}html[data-viewport-mode=mobile-landscape] .puzzle-result{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);grid-template-rows:minmax(0,1fr) auto;gap:var(--space-sm);width:100%;height:var(--app-vh);min-height:var(--app-vh);padding:var(--space-sm)}html[data-viewport-mode=mobile-landscape] .puzzle-result__hero{grid-row:1 / span 2;padding-bottom:calc(var(--ux-target-mobile) + var(--space-lg))}html[data-viewport-mode=mobile-landscape] .puzzle-result__art{min-height:0}html[data-viewport-mode=mobile-landscape] .puzzle-result__hero-copy{gap:var(--space-3xs);padding:var(--space-sm) var(--space-md) var(--space-md)}html[data-viewport-mode=mobile-landscape] .puzzle-result__eyebrow{font-size:var(--rsize-meta)}html[data-viewport-mode=mobile-landscape] .puzzle-result__title{font-size:clamp(1.8rem,calc(var(--app-vw) * .07),2.4rem)}html[data-viewport-mode=mobile-landscape] .puzzle-result__lede{font-size:var(--rsize-label);line-height:var(--line-height-snug)}html[data-viewport-mode=mobile-landscape] .puzzle-result__meta{font-size:var(--rsize-meta)}html[data-viewport-mode=mobile-landscape] .puzzle-result__body{justify-content:flex-start;gap:var(--space-xs);padding:calc(var(--ux-target-mobile) + var(--space-md)) var(--space-md) var(--space-md);overflow-y:auto}html[data-viewport-mode=mobile-landscape] .puzzle-result__teaching-kicker,html[data-viewport-mode=mobile-landscape] .puzzle-result__teaching{margin:0}html[data-viewport-mode=mobile-landscape] .puzzle-result__teaching-kicker{font-size:var(--rsize-meta)}html[data-viewport-mode=mobile-landscape] .puzzle-result__teaching{font-size:var(--rsize-label);line-height:var(--line-height-snug)}html[data-viewport-mode=mobile-landscape] .puzzle-result__reveal{margin-top:auto;min-height:var(--ux-target-mobile)}html[data-viewport-mode=mobile-landscape] .puzzle-result__actions{grid-column:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-xs)}html[data-viewport-mode=mobile-landscape] .puzzle-result__actions>button{min-width:0;min-height:var(--ux-target-mobile);padding-inline:var(--space-xs);font-size:var(--rsize-meta)}