main.svelte-186uh3u{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}spline-viewer.svelte-186uh3u{width:100%;height:100%;max-width:100%;max-height:100%}
@keyframes svelte-nzs9fb-slideInFromBottom{0%{transform:translateY(200%);opacity:0}100%{transform:translateY(25%);opacity:1}}:root{--main-yellow:#f9d57e;--button-yellow:#ffe066;--button-hover-yellow:#fbbf54;--text-color:#66492c;--background-white:#fff5e1}main.svelte-nzs9fb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);text-align:center;background-size:cover;animation:svelte-nzs9fb-slideInFromBottom 2s ease forwards;padding:2em}h2.svelte-nzs9fb{font-size:1.4em;margin-top:.5em;color:var(--text-color)}.start-button.svelte-nzs9fb{background-color:var(--button-yellow);color:var(--text-color);border:none;padding:.5em 1em;font-size:2em;cursor:pointer;border-radius:1.5em;margin-top:.3em;transition:background-color 0.3s;box-shadow:0px 0.25em 0.5em rgba(0, 0, 0, 0.2)}.start-button.svelte-nzs9fb:hover{background-color:var(--button-hover-yellow)}
@keyframes svelte-6242cu-slideInFromRight{0%{transform:translateX(150%)}100%{transform:translateX(0)}}@keyframes svelte-6242cu-slideOutToLeft{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}h1.svelte-6242cu{font-family:'Impact', sans-serif;font-size:4vw;color:#fbbf54;letter-spacing:0.1em;word-break:break-word;overflow-wrap:break-word}.word-audio-container.svelte-6242cu{display:flex;align-items:center;gap:1em}.word.svelte-6242cu{font-size:2.5em;color:#4A90E2;font-weight:bold}.definition.svelte-6242cu,.pronunciation.svelte-6242cu,.partsofspeech.svelte-6242cu{margin-top:.5em}.fetch-button.svelte-6242cu{background-color:#4A90E2;color:white;border:none;padding:0.625em 1.25em;border-radius:0.3125em;cursor:pointer;margin-top:1.25em}.fetch-button.svelte-6242cu:hover{background-color:#357ABD}main.svelte-6242cu{margin:2vw;position:absolute;top:0;width:50vw;max-width:50vw}.slide-in.svelte-6242cu{animation:svelte-6242cu-slideInFromRight 1s forwards}.slide-out.svelte-6242cu{animation:svelte-6242cu-slideOutToLeft 1s forwards}@media(max-width: 600px){.word-audio-container.svelte-6242cu{flex-direction:column}}
.button-container.svelte-xji1rw{display:flex;gap:20px;margin-top:20px}button.svelte-xji1rw{background-color:#fbbf54;color:var(--text-color);border:none;border-radius:5px;padding:10px 20px;font-size:1.2rem;font-family:'Impact', sans-serif;cursor:pointer;transition:background-color 0.3s ease}button.svelte-xji1rw:hover{background-color:val(--button-yellow)}button.svelte-xji1rw:disabled{background-color:grey;cursor:not-allowed}.puzzle.svelte-xji1rw{display:grid;grid-template-columns:repeat(3, 100px);grid-template-rows:repeat(3, 100px);gap:2px}.tile.svelte-xji1rw{width:100px;height:100px;background-color:#4a90e2;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;cursor:pointer}.empty.svelte-xji1rw{background-color:grey;cursor:default;background-image:none}.win-message.svelte-xji1rw{font-size:2rem;color:var(--text-color);margin-top:20px;font-family:'Anton', sans-serif;font-style:italic}
main.svelte-9y748p{text-align:center;max-width:800px;background-color:var(--main-yellow);border-radius:10px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}h1.svelte-9y748p{color:var(--text-color);font-family:'Comic Sans MS', cursive, sans-serif;text-shadow:2px 2px darkorange;margin-bottom:1em}.puzzle-container.svelte-9y748p{display:flex;flex-direction:column;justify-content:right;align-items:center;margin:0 auto}
.container.svelte-mhd53m.svelte-mhd53m::-webkit-scrollbar{display:none}@keyframes svelte-mhd53m-slideInFromRight{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes svelte-mhd53m-slideInFromLeft{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}:root{--main-yellow:#f9d57e;--button-yellow:#ffe066;--button-hover-yellow:#fbbf54;--text-color:#66492c}.container.svelte-mhd53m.svelte-mhd53m{display:flex;width:100%;height:100vh;overflow-x:hidden;overflow-y:auto;background-color:var(--background-white);font-family:'Comic Sans MS', cursive, sans-serif;position:relative}.background-layer.svelte-mhd53m.svelte-mhd53m,.background-layer2.svelte-mhd53m.svelte-mhd53m{position:absolute;top:-20%;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:0;font-family:'Impact', sans-serif;animation:svelte-mhd53m-slideInFromLeft 3s ease forwards}.background-layer2.svelte-mhd53m.svelte-mhd53m{z-index:0;margin-left:20%}.background-layer.svelte-mhd53m h1.svelte-mhd53m,.background-layer2.svelte-mhd53m h1.svelte-mhd53m{font-size:clamp(2em, 10vw, 8em);color:#fbbf54;text-align:center;letter-spacing:0.1em;padding:0 2%;word-break:break-word;overflow-wrap:break-word}nav.svelte-mhd53m.svelte-mhd53m{display:flex;justify-content:left;background-color:var(--main-yellow);padding:0}.logo.svelte-mhd53m.svelte-mhd53m{margin:2%;height:3em}nav.svelte-mhd53m button.svelte-mhd53m{margin:2%;color:#66492c;background-color:transparent;border:none;font-size:1.2em;cursor:pointer;border-radius:0.3em;transition:background-color 0.3s;font-weight:bold}nav.svelte-mhd53m button.svelte-mhd53m:hover{background-color:rgba(255, 255, 255, 0.2)}nav.svelte-mhd53m button.svelte-mhd53m:hover{background-color:var(--button-hover-yellow)}.spline-foreground.svelte-mhd53m.svelte-mhd53m{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;position:relative}main.svelte-mhd53m.svelte-mhd53m{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.sliding-puzzle-container.svelte-mhd53m.svelte-mhd53m{margin:4% 4% 0 4%;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:100%}.sliding-puzzle-wrapper.svelte-mhd53m.svelte-mhd53m{animation:svelte-mhd53m-slideInFromRight 3s ease forwards}@media(max-width: 380px){.container.svelte-mhd53m.svelte-mhd53m{display:flex;flex-direction:column;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--background-white);font-family:'Comic Sans MS', cursive, sans-serif;position:relative}main.svelte-mhd53m.svelte-mhd53m{flex-direction:column;height:auto}.background-layer.svelte-mhd53m.svelte-mhd53m{top:-10%}.background-layer2.svelte-mhd53m.svelte-mhd53m{top:+10%;margin-left:0}.sliding-puzzle-container.svelte-mhd53m.svelte-mhd53m{flex-direction:column}}@media(max-width: 600px){@keyframes svelte-mhd53m-slideInFromLeft{0%{transform:translateX(-150%);opacity:0}100%{transform:translateX(0);opacity:1}}.container.svelte-mhd53m.svelte-mhd53m{display:flex;flex-direction:column;width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--background-white);font-family:'Comic Sans MS', cursive, sans-serif;position:relative}main.svelte-mhd53m.svelte-mhd53m{flex-direction:column;height:auto}.background-layer2.svelte-mhd53m.svelte-mhd53m{top:0%;margin-left:0}.sliding-puzzle-container.svelte-mhd53m.svelte-mhd53m{flex-direction:column}}