main.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-block-end:2rem}main.svelte-1uha8ag section:where(.svelte-1uha8ag){max-width:80ch}main.svelte-1uha8ag section:where(.svelte-1uha8ag) h1:where(.svelte-1uha8ag),main.svelte-1uha8ag section:where(.svelte-1uha8ag) h2:where(.svelte-1uha8ag),main.svelte-1uha8ag section:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){padding-inline:10%}main.svelte-1uha8ag section:where(.svelte-1uha8ag) h1:where(.svelte-1uha8ag){font-size:4rem;text-align:center}main.svelte-1uha8ag section:where(.svelte-1uha8ag) .turtle-code:where(.svelte-1uha8ag){color:var(--link)}main.svelte-1uha8ag section.turtle-demo:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag){width:100%;container-type:size;aspect-ratio:16 / 9}main.svelte-1uha8ag section.turtle-demo:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag)>*{border:2px solid var(--edge)}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag){display:grid;grid-template-areas:"header header" "paragraph paragraph" "features  mystery";grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) h2:where(.svelte-1uha8ag){grid-area:header;font-size:3rem;text-align:center}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){grid-area:paragraph;margin-block-start:0}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .feature-list:where(.svelte-1uha8ag){grid-area:features;align-self:center;display:flex;flex-direction:column;gap:1rem}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .feature-list:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag){display:flex;align-items:center;gap:1rem;font-size:1.1rem}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .feature-list:where(.svelte-1uha8ag)>div:where(.svelte-1uha8ag)>.icon:where(.svelte-1uha8ag){font-size:1.5rem}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .mystery-box:where(.svelte-1uha8ag){grid-area:mystery;background:#2c2c2c;border:2px dashed #4a4a4a;border-radius:.5rem;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;transition:border-color .3s ease}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .mystery-box:where(.svelte-1uha8ag)>p:where(.svelte-1uha8ag){font-size:4rem;margin:0;opacity:.5;transition:opacity .3s ease}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .mystery-box:where(.svelte-1uha8ag)>span:where(.svelte-1uha8ag){position:absolute;bottom:1rem;font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .mystery-box:where(.svelte-1uha8ag):hover{border-color:var(--link)}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .mystery-box:where(.svelte-1uha8ag):hover>p:where(.svelte-1uha8ag){opacity:.75}main.svelte-1uha8ag section.dark-challenge:where(.svelte-1uha8ag) .mystery-box:where(.svelte-1uha8ag):hover>span:where(.svelte-1uha8ag){color:var(--link)}