/* Interior surface system for the guide views */
.stage-panel,.stage-card,.stage-empty,.stage-social-card,.stage-stack{position:relative;overflow:hidden}
.stage-panel{background:linear-gradient(180deg,rgba(13,21,36,.96),rgba(7,12,22,.98));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 20px 48px rgba(2,6,23,.5)}
.stage-panel:before,.stage-card:before,.stage-empty:before,.stage-social-card:before,.stage-stack:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.stage-panel:after,.stage-card:after,.stage-empty:after,.stage-social-card:after,.stage-stack:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:999px;background:linear-gradient(180deg,rgba(255,201,77,.92),rgba(255,201,77,.08))}
.stage-card{background:linear-gradient(180deg,rgba(14,23,37,.92),rgba(8,14,25,.98));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 14px 32px rgba(2,6,23,.34);transition:border-color .15s,transform .15s,box-shadow .15s}
.stage-card:hover{border-color:rgba(255,201,77,.22);transform:translateY(-2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 18px 36px rgba(2,6,23,.4)}
.stage-card-kc{background:radial-gradient(circle at 78% 0,rgba(255,201,77,.18),transparent 34%),linear-gradient(180deg,rgba(33,28,8,.86),rgba(13,19,32,.98));border:1px solid rgba(255,201,77,.34);box-shadow:inset 0 1px 0 rgba(255,249,220,.12),0 0 0 1px rgba(255,201,77,.06),0 18px 38px rgba(2,6,23,.46)}
.stage-panel-hero{background:radial-gradient(circle at 85% 0,rgba(255,201,77,.14),transparent 30%),radial-gradient(circle at 10% 0,rgba(76,194,255,.09),transparent 26%),linear-gradient(180deg,rgba(13,21,36,.96),rgba(7,12,22,.99));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 24px 54px rgba(2,6,23,.56)}
.stage-chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d8e2ef}
.stage-scorebox{background:linear-gradient(180deg,rgba(8,14,25,.92),rgba(13,21,36,.72));border:1px solid rgba(255,255,255,.07)}
.stage-inline-note{background:linear-gradient(180deg,rgba(8,14,25,.85),rgba(13,21,36,.85));border:1px solid rgba(255,255,255,.07)}
.stage-stop{background:linear-gradient(90deg,rgba(19,31,49,.95),rgba(10,17,29,.96));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}
.stage-empty{background:radial-gradient(circle at top,rgba(255,201,77,.1),transparent 38%),linear-gradient(180deg,rgba(10,16,28,.96),rgba(7,12,22,.98));border:1px dashed rgba(255,255,255,.14);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}
.stage-social-card{background:linear-gradient(180deg,rgba(14,23,37,.9),rgba(10,17,29,.96));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 14px 32px rgba(2,6,23,.34)}
.stage-stack{background:linear-gradient(180deg,rgba(10,17,29,.96),rgba(8,13,24,.98));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 16px 34px rgba(2,6,23,.38)}
.stage-list{display:grid;gap:1rem}
.stage-list-item{position:relative;background:linear-gradient(180deg,rgba(15,24,39,.94),rgba(9,15,25,.98));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 12px 28px rgba(2,6,23,.32)}
.stage-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:999px 0 0 999px;background:linear-gradient(180deg,#ffc94d,rgba(255,201,77,.06))}
.stage-choice{background:linear-gradient(180deg,rgba(15,24,39,.92),rgba(8,14,25,.98));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 10px 24px rgba(2,6,23,.28);transition:border-color .15s,transform .15s,color .15s,background-color .15s}
.stage-choice:hover{border-color:rgba(255,201,77,.28);transform:translateY(-1px)}
.stage-accent-note{background:linear-gradient(180deg,rgba(20,33,52,.94),rgba(11,18,31,.98));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 12px 28px rgba(2,6,23,.32)}
.stage-panel .text-slate-500,.stage-card .text-slate-500,.stage-list-item .text-slate-500,.stage-social-card .text-slate-500{color:#6e8098}
.stage-panel .text-slate-400,.stage-card .text-slate-400,.stage-list-item .text-slate-400,.stage-social-card .text-slate-400{color:#98a8bf}
@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.stage-panel,.stage-card,.stage-empty,.stage-social-card,.stage-stack,.stage-choice,.stage-list-item{background:rgba(10,16,28,.96)}}
@media (prefers-reduced-motion:reduce){.stage-card:hover,.stage-choice:hover{transform:none}}