.scenario-card.svelte-11x2io5{position:relative}.scenario-card--grid.svelte-11x2io5{display:flex;flex-direction:column}.scenario-card__frame.svelte-11x2io5{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#11151c;box-shadow:1px 10px 20px #0000003d,-1px 0 10px #0f14202e}.scenario-card__frame.svelte-11x2io5:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0b0e1200 70%,#0b0e129e 88%,#0b0e12cc)}.scenario-card__bleed.svelte-11x2io5{position:absolute;inset:auto -12% -12%;height:60%;z-index:-2;pointer-events:none;background-size:100% auto;background-position:50% 100%;filter:blur(16px) saturate(1.15) brightness(.7)}.scenario-card--grid.svelte-11x2io5 .scenario-card__cover:where(.svelte-11x2io5){-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 93%,rgba(0,0,0,.6) 97%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 93%,rgba(0,0,0,.6) 97%,transparent 100%)}.scenario-card__caption.svelte-11x2io5{position:relative;margin-top:-3px;padding:0 10px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.scenario-card__title-row.svelte-11x2io5{display:flex;align-items:center;gap:6px;min-width:0}.scenario-card--stacked.svelte-11x2io5{container-type:inline-size}.scenario-card--stacked.svelte-11x2io5 .scenario-card__frame:where(.svelte-11x2io5){height:calc(100cqw * 4 / 3 + var(--comfort-text-md, 13px) * 1.25 + var(--comfort-text-xs, 10.5px) + 9px)}.scenario-card--stacked.svelte-11x2io5 h4:where(.svelte-11x2io5){hyphenate-limit-chars:6 3 3}.scenario-card--stacked.svelte-11x2io5 .scenario-card__cover:where(.svelte-11x2io5){flex:1 1 0;min-height:0;aspect-ratio:auto}.scenario-card__meta--stacked.svelte-11x2io5{line-height:1}.scenario-card__meta--stacked.svelte-11x2io5{flex-wrap:wrap;row-gap:1em;height:1em;overflow:clip;overflow-clip-margin:.2em}.scenario-card__meta-end.svelte-11x2io5{flex:none;display:inline-flex;align-items:center;gap:.25em;margin-left:auto;padding-left:.5em;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-3)}.scenario-card__meta-end--new.svelte-11x2io5{color:var(--tone)}.scenario-card__plays.svelte-11x2io5{flex:none;display:inline-flex;align-items:center;gap:3px;font:700 var(--comfort-text-xs, 9.5px) / normal var(--comfort-font, var(--font-mono));letter-spacing:var(--comfort-tracking, .03em);font-variant-numeric:tabular-nums;color:var(--tone)}.scenario-card__new-mark.svelte-11x2io5{flex:none;font:700 var(--comfort-text-2xs, 8.5px) / normal var(--comfort-font, var(--font-mono));letter-spacing:var(--comfort-tracking, .08em);text-transform:var(--comfort-case, uppercase);color:var(--tone)}.scenario-card__glow.svelte-11x2io5{display:none}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.scenario-card--grid.svelte-11x2io5{transition:transform .32s var(--ease-out)}.scenario-card__frame.svelte-11x2io5{transition:border-color .32s var(--ease-out),box-shadow .32s var(--ease-out)}.scenario-card__art-stack.svelte-11x2io5{will-change:filter;transition:filter .5s var(--ease-out)}.scenario-card__glow.svelte-11x2io5{display:block;position:absolute;inset:-15%;z-index:1;pointer-events:none;background-position:center;background-size:cover;filter:blur(26px) saturate(1.8) brightness(1.4);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(70% 62% at 50% 46%,transparent 35%,#000 100%);mask-image:radial-gradient(70% 62% at 50% 46%,transparent 35%,#000 100%);opacity:0;transition:opacity .32s var(--ease-out)}.scenario-card--grid.svelte-11x2io5:hover{transform:translateY(-2px)}.scenario-card--grid.svelte-11x2io5:hover .scenario-card__frame:where(.svelte-11x2io5){border-color:#ffffff29;box-shadow:0 18px 36px #0000006b,0 0 0 1px #0003}.scenario-card--grid.svelte-11x2io5:hover .scenario-card__glow:where(.svelte-11x2io5){opacity:.55}.scenario-card.svelte-11x2io5:hover .scenario-card__art-stack:where(.svelte-11x2io5){filter:brightness(1.06)}}.scenario-card--list.svelte-11x2io5{display:flex;overflow:hidden;border-radius:18px;box-shadow:0 22px 44px #00000052}.scenario-card--list.svelte-11x2io5 .scenario-card__cover:where(.svelte-11x2io5){background:#ffffff08}.scenario-card__tags.svelte-11x2io5{position:relative;margin-top:5px}.scenario-card__chips.svelte-11x2io5{display:flex;flex-wrap:wrap;gap:4px}.scenario-card__chips--unmeasured.svelte-11x2io5{max-height:52px;overflow:hidden}.scenario-card__chips--probe.svelte-11x2io5{position:absolute;left:0;top:0;width:100%;visibility:hidden;pointer-events:none}.scenario-card__tag-toggle.svelte-11x2io5{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--line-2);background:#ffffff0d;color:var(--text-3);font:700 var(--comfort-text-xs, 9.5px) / 1 var(--comfort-font, var(--font-mono));letter-spacing:var(--comfort-tracking, .09em);text-transform:var(--comfort-case, uppercase);cursor:pointer;transition:color var(--dur-1, 96ms) var(--ease-out, ease),background var(--dur-1, 96ms) var(--ease-out, ease)}.scenario-card__tag-toggle.svelte-11x2io5:hover{color:var(--text-1);background:#ffffff1a}.scenario-card__tag-toggle-chev.svelte-11x2io5{width:11px;height:11px;transition:transform var(--dur-2, .16s) var(--ease-spring, ease)}.scenario-card__tag-toggle-chev.is-open.svelte-11x2io5{transform:rotate(180deg)}.scenario-card__meta.svelte-11x2io5{display:flex;align-items:center;gap:4px;min-width:0;font-size:var(--comfort-text-xs, 10.5px);font-weight:500;line-height:1.2;color:var(--text-3)}.scenario-card__meta-main.svelte-11x2io5{display:flex;align-items:center;gap:4px;min-width:0}.scenario-card__meta-term.svelte-11x2io5+.scenario-card__meta-term:where(.svelte-11x2io5):before{content:" · ";font-weight:500;color:var(--text-3)}.scenario-card__meta.svelte-11x2io5 .scenario-card__meta-icon{width:1em;height:1em;flex:none;color:var(--tone)}.scenario-card__meta-primary.svelte-11x2io5{font-weight:600;color:var(--text-2)}.scenario-card__cover.svelte-11x2io5 .scenario-card__fav{position:absolute;top:8px;right:8px;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out)}.scenario-card.svelte-11x2io5:hover .scenario-card__cover:where(.svelte-11x2io5) .scenario-card__fav,.scenario-card__cover.svelte-11x2io5 .scenario-card__fav.is-on,.scenario-card__cover.svelte-11x2io5 .scenario-card__fav:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){.scenario-card__cover.svelte-11x2io5 .scenario-card__fav{opacity:1;pointer-events:auto}}.scenario-card__featured.svelte-11x2io5{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#07090dc7;border:1px solid rgb(var(--accent-rgb) / .4);font:700 var(--comfort-text-2xs, 9px) / 1 var(--comfort-font, var(--font-mono));letter-spacing:var(--comfort-tracking, .03em);text-transform:var(--comfort-case, uppercase);color:var(--text-1);z-index:2}.scenario-card__turns.svelte-11x2io5{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#07090dc7;border:1px solid var(--line-2);font:700 var(--comfort-text-2xs, 9px) / 1 var(--comfort-font, var(--font-mono));letter-spacing:var(--comfort-tracking, .03em);color:var(--text-1)}.scenario-card__new.svelte-11x2io5{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#07090dad;border:1px dashed var(--line-3);font:700 var(--comfort-text-2xs, 8.5px) / 1 var(--comfort-font, var(--font-mono));letter-spacing:var(--comfort-tracking, .08em);text-transform:var(--comfort-case, uppercase);color:var(--text-2)}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.scenario-card--list.svelte-11x2io5{border:1px solid var(--line-1);background:#ffffff05}.scenario-card--list.svelte-11x2io5:hover{border-color:var(--line-2)}}@media(prefers-reduced-motion:reduce){.scenario-card.svelte-11x2io5,.scenario-card__cover.svelte-11x2io5,.scenario-card__art-stack.svelte-11x2io5,.scenario-card__cover.svelte-11x2io5 .scenario-card__fav,.scenario-card__frame.svelte-11x2io5,.scenario-card__glow.svelte-11x2io5{transition:none}.scenario-card--grid.svelte-11x2io5:hover{transform:none}}
