.campfire-screen--campfire.campfire-screen--spotlight{padding:0;border:none;border-radius:0;background:radial-gradient(circle at 50% 20%,var(--oxblood-800-a26),var(--c-ink-a95) 70%);box-shadow:none}.hero-spotlight{position:relative;display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "rail   stage" "rail   actions";gap:var(--space-base) var(--space-2xl);width:100%;height:var(--surface-height);min-height:var(--surface-height);max-height:var(--surface-height);padding:var(--space-base) var(--space-28) var(--space-18);color:var(--ink);font-family:var(--font-body)}.hero-spotlight__header{grid-area:header;display:grid;justify-items:center;gap:var(--space-2xs);text-align:center;padding:var(--space-2xs) 0 var(--space-3xs)}.hero-spotlight__title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(180deg,var(--cream-15) 0%,var(--ember-100) 28%,var(--c-gold-8) 58%,var(--c-oxblood-4) 86%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 3px 14px var(--c-oxblood-4-a24))}.hero-spotlight__subtitle{margin:0;max-width:48rem;color:var(--c-parch-2);font-size:.92rem;line-height:1.5}.hero-spotlight__rail{grid-area:rail;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);padding:var(--space-18) var(--space-10);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--oxblood-900-a85),var(--c-ink-a90));border:1px solid var(--c-oxblood-4-a24);box-shadow:var(--shadow-inset-04);overflow-y:auto;max-height:100%}.hero-spotlight__rail::-webkit-scrollbar{width:6px}.hero-spotlight__rail::-webkit-scrollbar-thumb{background:var(--c-amber-3-a28);border-radius:var(--radius-pill)}.hero-rail__slot{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:var(--space-10);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.hero-rail__slot:hover,.hero-rail__slot:focus-visible{background:var(--c-amber-3-a18);border-color:var(--c-clay-4-a18);outline:none}.hero-rail__slot--selected{background:linear-gradient(180deg,var(--c-amber-3-a18),var(--c-oxblood-4-a20));border-color:var(--ember-a50);box-shadow:inset 0 1px #ffebe01f,0 0 14px var(--c-amber-3-a22)}.hero-rail__slot--locked{cursor:not-allowed;opacity:.5}.hero-rail__thumb{position:relative;display:block;width:54px;height:70px;overflow:hidden;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 28%,var(--c-oxblood-4-a20),var(--c-ink-a85))}.hero-rail__portrait{position:absolute;left:50%;top:0;transform:translate(-50%);height:88px;width:auto;pointer-events:none;filter:brightness(.62) saturate(.82) contrast(1.04);transition:filter var(--transition-base)}.hero-rail__slot--selected .hero-rail__portrait{filter:brightness(1.08) saturate(1.05) contrast(1.04) drop-shadow(0 2px 8px var(--color-scrim-strong))}.hero-rail__sigil{position:absolute;right:3px;top:3px;width:18px;height:18px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px var(--color-scrim-heavy));transition:opacity var(--transition-base)}.hero-rail__slot--selected .hero-rail__sigil{opacity:.82}.hero-rail__meta{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.hero-rail__name{font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-rail__slot--selected .hero-rail__name{color:var(--c-gold-8)}.hero-rail__hint{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:.62rem;line-height:1.2;letter-spacing:.02em;color:var(--c-parch-2);white-space:normal;overflow-wrap:anywhere}.hero-rail__hint-icon{font-size:.7rem;line-height:1}.hero-spotlight__stage{grid-area:stage;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:36px;padding:40px 48px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--c-oxblood-4-a24);background:radial-gradient(circle at 30% 10%,var(--oxblood-a18),var(--c-ink-a90));box-shadow:var(--shadow-inset-04);isolation:isolate}.hero-spotlight__backdrop{position:absolute;inset:0;background-size:cover;background-position:center 36%;filter:blur(5px) saturate(.85) brightness(.58);transform:scale(1.06);z-index:0;transition:opacity .25s ease,background-image .25s ease;opacity:.95}.hero-spotlight__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(0,0,0,0) 0%,var(--color-scrim-light) 48%,var(--color-scrim-55) 100%),linear-gradient(180deg,var(--c-ink-a24) 0%,rgba(10,3,4,0) 22%,rgba(10,3,4,0) 70%,var(--c-ink-a70) 100%);z-index:1;pointer-events:none}.hero-spotlight__portrait-column{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;min-height:0;height:100%}.hero-spotlight__portrait{display:block;max-height:100%;height:auto;width:auto;max-width:100%;filter:drop-shadow(0 28px 48px var(--color-scrim-55)) drop-shadow(0 0 32px var(--c-amber-3-a22));animation:hero-spotlight-portrait-in .32s ease-out}.hero-spotlight__sigil-watermark{position:absolute;top:8%;left:8%;width:clamp(96px,20%,200px);height:auto;opacity:.14;filter:drop-shadow(0 4px 14px var(--color-scrim-strong));transform:rotate(-6deg);pointer-events:none}.hero-spotlight__info{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-base);padding:var(--space-sm) var(--space-2xs);max-height:100%;min-height:0;overflow-y:auto;animation:hero-spotlight-info-in .36s ease-out 60ms both}.hero-spotlight__heading{display:flex;flex-direction:column;gap:var(--space-md)}.hero-spotlight__name{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,4.2vw,3.6rem);font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,var(--parchment-50) 0%,var(--ember-100) 28%,var(--c-gold-8) 60%,var(--c-oxblood-4) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 3px 14px var(--c-oxblood-4-a24))}.hero-spotlight__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.hero-spotlight__pitch{margin:0;font-size:1.05rem;line-height:1.5;color:var(--cream-35);text-shadow:0 1px 0 var(--color-scrim-medium);max-width:44ch}.hero-spotlight__flavor{margin:0;font-size:.95rem;line-height:1.55;color:var(--c-parch-2);font-style:italic;max-width:48ch}.hero-spotlight__section{display:flex;flex-direction:column;gap:var(--space-sm)}.hero-spotlight__section-label{margin:0;font-family:var(--font-display);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-clay-3)}.hero-spotlight__stat-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-spotlight__ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-lg)}.hero-spotlight__empty-copy{grid-column:1 / -1;align-self:center;text-align:center;color:var(--muted);font-size:1.1rem;padding:80px var(--space-3xl)}.hero-spotlight__actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-2xs) var(--space-2xs)}.hero-spotlight__action-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.hero-spotlight__builds{min-width:148px}.hero-spotlight__commit{min-width:260px}@keyframes hero-spotlight-portrait-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-spotlight-info-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:1100px){.hero-spotlight{grid-template-columns:minmax(130px,170px) minmax(0,1fr);padding:var(--space-base) var(--space-lg);gap:var(--space-md) var(--space-lg)}.hero-spotlight__stage{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-2xl) var(--space-2xl)}.hero-spotlight__portrait{max-height:48vh}}@media(max-width:700px){.page-shell:has(.campfire-screen--spotlight){width:100vw;max-width:100vw;height:auto;min-height:100dvh;margin:0;overflow-x:hidden}body:has(.campfire-screen--spotlight){padding:0;overflow-x:hidden}.page-shell:has(.campfire-screen--spotlight) .shell-body{width:100%;min-width:0}.campfire-screen--spotlight{width:100%;max-width:100vw;min-height:100dvh;overflow-x:hidden}.hero-spotlight{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;grid-template-areas:none;padding:var(--space-10) var(--space-10) var(--space-base);min-height:100dvh;max-height:none;gap:var(--space-md);overflow-x:hidden}.hero-spotlight__header{padding:var(--space-3xs) 76px 0 var(--space-2xs);min-height:52px;align-content:center;justify-items:start;text-align:left}.hero-spotlight__title{font-size:clamp(1.16rem,5vw,1.36rem);letter-spacing:.08em;line-height:1.05;max-width:100%}.hero-spotlight__subtitle{display:none}.hero-spotlight__rail{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:var(--space-10);max-height:none;gap:var(--space-sm);flex:0 0 auto;max-width:100%;contain:layout paint;scrollbar-width:thin}.hero-rail__slot{flex:0 0 auto;grid-template-columns:1fr;justify-items:center;min-width:78px;padding:var(--space-xs) var(--space-2xs)}.hero-rail__thumb{width:58px;height:72px}.hero-rail__meta{align-items:center;text-align:center;max-width:92px}.hero-rail__name{font-size:.6rem}.hero-rail__hint{font-size:.55rem;line-height:1.15;text-align:center}.hero-spotlight__stage{grid-template-columns:1fr;grid-template-rows:auto auto;padding:var(--space-lg) var(--space-base);gap:var(--space-base);min-height:0}.hero-spotlight__portrait-column{align-items:center;height:auto;min-height:0}.hero-spotlight__portrait{max-height:30dvh}.hero-spotlight__name{font-size:clamp(1.8rem,8vw,2.4rem)}.hero-spotlight__ratings{grid-template-columns:1fr}.hero-spotlight__actions{flex-direction:column-reverse;align-items:stretch;flex-wrap:nowrap;flex:0 0 auto;gap:var(--space-10);padding:0 var(--space-sm) var(--space-2xs)}.hero-spotlight__action-group{flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;min-width:0;gap:var(--space-10)}.hero-spotlight__commit,.hero-spotlight__back,.hero-spotlight__builds{width:100%;min-width:0;max-width:100%;min-height:var(--ux-target-mobile);padding-inline:var(--space-lg);overflow-wrap:anywhere;--button-art-inset: -4px -5px -5px}}.hero-spotlight__stage-flip{grid-area:stage;position:relative;perspective:1800px;min-height:0;isolation:isolate}.hero-spotlight__stage-flip-inner{position:relative;width:100%;height:100%;min-height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.25,1.05)}.hero-spotlight__stage-flip--flipped .hero-spotlight__stage-flip-inner{transform:rotateY(180deg)}.hero-spotlight__stage-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column}.hero-spotlight__stage-face--front{cursor:default}.hero-spotlight__stage-face--front .hero-spotlight__stage{grid-area:auto;width:100%;height:100%;cursor:pointer}.hero-spotlight__stage-face--back{transform:rotateY(180deg);padding:var(--space-22) var(--space-28) var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--c-oxblood-4-a24);background:radial-gradient(circle at 30% 10%,var(--oxblood-a18),var(--c-ink-a95));box-shadow:var(--shadow-inset-04);cursor:pointer;overflow-y:auto}@media(max-width:700px){.hero-spotlight__stage-flip{width:100%;min-height:clamp(430px,58dvh,560px);flex:1 0 auto}.hero-spotlight__stage-flip-inner,.hero-spotlight__stage-face{min-height:inherit}.hero-spotlight__stage-face--back{padding:var(--space-lg) var(--space-base)}}