.tile.svelte-108egtm{color:#fff;cursor:pointer;-webkit-touch-callout:none;outline-offset:3px;border-radius:14px;outline:0 dashed #0000;width:228px;height:140px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;transition:outline-color .2s,outline-width .2s;display:block;position:relative;overflow:hidden}@media (width<=1100px),(height<=1000px) and (width<=1299px){.tile.svelte-108egtm{border-radius:12px;width:190px;height:117px}}@media (width<=899px){.tile.svelte-108egtm{width:calc((100vw - 16px - 3 * var(--tiles-gap)) / 4);aspect-ratio:6/7;outline-offset:0;height:auto}}.tile.forming.svelte-108egtm{animation:.4s ease-out forwards svelte-108egtm-tile-forming}.tile.forming.svelte-108egtm .image:where(.svelte-108egtm){filter:brightness()}@media (prefers-reduced-motion:reduce){.tile.forming.svelte-108egtm{animation:none}}@keyframes svelte-108egtm-tile-forming{to{box-shadow:0 0 28px 6px oklch(.85 .13 var(--group-hue) / .75);outline:2px solid oklch(.95 .06 var(--group-hue));scale:.97}}.tile.dragged.svelte-108egtm{outline:2px dashed #1b1d3a80}.tile.svelte-108egtm:after{content:"";opacity:0;pointer-events:none;background-color:#e53935;position:absolute;inset:0}.tile.svelte-108egtm:has(input:where(.svelte-108egtm):checked){outline:3px solid #000}@media (width<=899px){.tile.svelte-108egtm:has(input:where(.svelte-108egtm):checked){outline-width:2px}}input.svelte-108egtm{opacity:0;pointer-events:none;position:absolute}.image.svelte-108egtm{background:var(--large) 80% 25% / cover no-repeat;filter:brightness(.4);transition:filter .2s;position:absolute;inset:0}@media (width<=899px){.image.svelte-108egtm{background-image:var(--small,var(--large))}}.tile.svelte-108egtm:has(input:where(.svelte-108egtm):checked) .image:where(.svelte-108egtm){filter:brightness()}.title.svelte-108egtm{inset-inline:0;background:linear-gradient(#11131c00,#11131ce6);flex-direction:column;gap:2px;padding:40px 16px 16px;display:flex;position:absolute;bottom:0}@media (width<=1100px),(height<=1000px) and (width<=1299px){.title.svelte-108egtm{padding:32px 12px 12px}}@media (width<=899px){.title.svelte-108egtm{background:linear-gradient(#11131c00 50%,#11131ce6);justify-content:flex-end;padding:8px;inset:0}}.known-clue.svelte-108egtm{background-image:linear-gradient(oklch(.978 .024 var(--hue)), oklch(.924 .074 var(--hue)));color:oklch(.479 .099 var(--hue));border-radius:999px;align-self:flex-start;align-items:center;gap:5px;margin:0 0 6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:700;line-height:18px;display:flex}.known-clue.svelte-108egtm span:where(.svelte-108egtm):first-letter{text-transform:uppercase}.known-clue.svelte-108egtm span:where(.svelte-108egtm){display:block}.known-clue.svelte-108egtm.inactive{background:oklch(.93 .02 var(--hue) / .85);color:oklch(.7 .07 var(--hue));opacity:.65}@media (width<=899px){.known-clue.svelte-108egtm{justify-content:center;width:24px;height:24px;margin:0;padding:0;position:absolute;top:8px;left:8px}.known-clue.svelte-108egtm span:where(.svelte-108egtm){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}h3.svelte-108egtm{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin:0;font-family:Bonny,serif;font-size:24px;font-weight:700;line-height:1.1}@media (width<=1100px),(height<=1000px) and (width<=1299px){h3.svelte-108egtm{font-size:20px}}@media (width<=899px){h3.svelte-108egtm{font-size:17px}}h4.svelte-108egtm{color:#e3e5f3;margin:0;font-size:14px;font-weight:400;line-height:1.35}@media (width<=1100px),(height<=1000px) and (width<=1299px){h4.svelte-108egtm{font-size:12px}}@media (width<=899px){h4.svelte-108egtm{display:none}}