video.current-video{object-fit:cover;height:100vh;width:100%;pointer-events:none}video.preload-video{object-fit:cover;height:100vh;width:100%;pointer-events:none;visibility:hidden}video#current-video{visibility:visible}span.missing{background:#fff9;color:transparent;padding:0 .2em;border-radius:.3em;text-shadow:none;pointer-events:none!important}#home-screen-container.svelte-1pydg7k.svelte-1pydg7k{pointer-events:all;position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;background:#0009;flex-direction:column;opacity:0;pointer-events:none;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}#home-screen-container.visible.svelte-1pydg7k.svelte-1pydg7k{opacity:1;pointer-events:all}#thumbnails-container.svelte-1pydg7k.svelte-1pydg7k{margin-top:9vh;margin-bottom:10vh;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:10px}#thumbnails-container.selected.svelte-1pydg7k .category.svelte-1pydg7k{opacity:0;pointer-events:none}#thumbnails-container.selected.svelte-1pydg7k .category.selected.svelte-1pydg7k{opacity:1;animation:svelte-1pydg7k-bounce-scale .25s ease-in-out forwards}#thumbnails-container.svelte-1pydg7k div.category.svelte-1pydg7k{display:flex;flex-direction:column;background:#234574;border-radius:10px;overflow:hidden;box-shadow:0 0 8px #0006}#thumbnails-container.svelte-1pydg7k div.category.current.svelte-1pydg7k{background:#000;box-shadow:0 0 8px #fff}#thumbnails-container.svelte-1pydg7k div.category.svelte-1pydg7k:active{transform:scale(.97)}#thumbnails-container.svelte-1pydg7k div.category div.category-thumbnail.svelte-1pydg7k{width:100%;aspect-ratio:1}#thumbnails-container.svelte-1pydg7k div.category div.category-thumbnail img.svelte-1pydg7k{width:100%;aspect-ratio:1;user-drag:none;-webkit-user-drag:none;display:block}#thumbnails-container.svelte-1pydg7k div.category div.category-progress-bar.svelte-1pydg7k{height:3px;background:#fff}#thumbnails-container.svelte-1pydg7k div.category div.category-details.svelte-1pydg7k{padding:10px;color:#fff;display:flex;flex-direction:column;flex-grow:1}#thumbnails-container.svelte-1pydg7k div.category div.category-details div.category-title.svelte-1pydg7k{font-size:1.1em;font-weight:500;margin-bottom:5px}#thumbnails-container.svelte-1pydg7k div.category div.category-details div.category-summary.svelte-1pydg7k{font-size:.8em;color:#fff9;margin-bottom:8px;flex-grow:1}#thumbnails-container.svelte-1pydg7k div.category div.category-details div.category-difficulty.svelte-1pydg7k{font-size:.8em;color:#fff9;margin-bottom:5px}div#logo-container.svelte-1pydg7k.svelte-1pydg7k{padding:15px 12px 5px;text-align:center;opacity:0;pointer-events:none;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:500}div#logo-container.svelte-1pydg7k.svelte-1pydg7k:active{transform:scale(.9)}div#logo-container.visible.svelte-1pydg7k.svelte-1pydg7k{opacity:1;pointer-events:all}div#logo-container.svelte-1pydg7k img.svelte-1pydg7k{height:45px;filter:drop-shadow(0 0 5px black)}#story-elements.svelte-1pydg7k.svelte-1pydg7k,#story-elements.started.svelte-1pydg7k.svelte-1pydg7k{display:block}div#videos-container.svelte-1pydg7k.svelte-1pydg7k{pointer-events:none;position:absolute;top:0;left:0;right:0;height:100vh;overflow:hidden;z-index:10;flex-direction:column;gap:0}div#phone.svelte-1pydg7k.svelte-1pydg7k{margin:auto;position:relative;height:100%}@media (min-width: 800px){div#phone.svelte-1pydg7k.svelte-1pydg7k{max-width:65vh}}div#fading-background.svelte-1pydg7k.svelte-1pydg7k{position:absolute;top:0;left:0;right:0;height:25vh;background:linear-gradient(to bottom,#0009,#0000);z-index:200;pointer-events:none}div#tap-to-play-overlay.svelte-1pydg7k.svelte-1pydg7k{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:100000;pointer-events:all;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}div#tap-to-play-overlay.hidden.svelte-1pydg7k.svelte-1pydg7k{display:none}div#tap-to-play-overlay.svelte-1pydg7k div.text-up.svelte-1pydg7k{font-size:1.4em}div#tap-to-play-overlay.svelte-1pydg7k div.text-bottom.svelte-1pydg7k{font-size:2.1em;font-weight:500}div#tap-to-play-overlay.svelte-1pydg7k div.image img.svelte-1pydg7k{width:18%;margin-left:10px;user-drag:none;-webkit-user-drag:none;margin-bottom:1.2em;margin-top:2em}div#tap-to-play-overlay.svelte-1pydg7k div.image img.svelte-1pydg7k:active{transform:scale(.95)}div#total-points-container.svelte-1pydg7k.svelte-1pydg7k{position:absolute;top:33px;right:12px;z-index:1000;transform:translateY(-50%);text-align:right}div#total-points-container.svelte-1pydg7k div#total-points.svelte-1pydg7k{border-radius:100px;font-size:1em;color:#fff;-webkit-user-select:none;user-select:none}div#progress-bar-container.svelte-1pydg7k.svelte-1pydg7k{position:absolute;top:33px;z-index:2000;left:90px;right:90px;height:5px;border-radius:10px;overflow:hidden;background:#fff3;transform:translateY(-50%);opacity:.8}div#progress-bar-container.correct.svelte-1pydg7k.svelte-1pydg7k{animation:svelte-1pydg7k-progress-height-bounce .5s ease-in-out}@keyframes svelte-1pydg7k-progress-height-bounce{0%{height:5px;opacity:.8}15%{height:12px;opacity:1;box-shadow:0 0 2px #fff,0 0 10px #fff}55%{height:9px;opacity:.9}to{height:5px;opacity:.8}}div#progress-bar-container.hide-ui.svelte-1pydg7k.svelte-1pydg7k{opacity:0}div#progress-bar-container.svelte-1pydg7k div#progress-bar.svelte-1pydg7k{background:#fff;height:100%;transition:width .3s ease-in-out}div#explain-container.svelte-1pydg7k.svelte-1pydg7k{position:absolute;z-index:100;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center}div#explain-container.pause.svelte-1pydg7k.svelte-1pydg7k{background:#0008}div#explain-container.svelte-1pydg7k div#pause-icon-container.svelte-1pydg7k{position:absolute;top:50vh;width:40%;opacity:0;transform:translateY(-50%) scale(0);transition:none}div#explain-container.svelte-1pydg7k div#pause-icon-container.visible.svelte-1pydg7k{opacity:.2;transform:translateY(-50%) scale(1);transition:opacity .1s ease-in-out,transform .2s cubic-bezier(.68,-.55,.265,1.55)}div#explain-container.svelte-1pydg7k div#pause-icon-container img.svelte-1pydg7k{width:100%;user-drag:none;-webkit-user-drag:none}div#explain-container.svelte-1pydg7k div#explain-modal.svelte-1pydg7k{z-index:100000;gap:.6em;position:absolute;top:30vh;padding:.3em 1em;text-align:center;background:#ffffff80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;border-radius:100px;flex-direction:column;font-size:1em;align-items:center;color:#000;text-shadow:0 0 2px white;font-weight:300;text-wrap:balance;max-width:60%;transform:translateY(-100%)}div#pill-container.svelte-1pydg7k.svelte-1pydg7k{position:absolute;z-index:1000;top:15vh;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5em 1.2em;border-radius:100px;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}div#pill-container.show.svelte-1pydg7k.svelte-1pydg7k{opacity:1}div#pill-container.svelte-1pydg7k div#pill-text.svelte-1pydg7k{font-size:1em;font-weight:500;color:#fff}div#instruction-text-container.svelte-1pydg7k.svelte-1pydg7k{position:absolute;z-index:10000;top:50vh;transform:translateY(-50%);width:100%;text-align:center;padding:2vh 3vh;box-sizing:border-box;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}div#instruction-text-container.empty.svelte-1pydg7k.svelte-1pydg7k{visibility:hidden;pointer-events:none}div#instruction-text-container.hidden.svelte-1pydg7k.svelte-1pydg7k{display:none}div#instruction-text-container.svelte-1pydg7k div.instruction-text.svelte-1pydg7k{font-size:min(5vw,1.6em);line-height:1.3em;color:#fff;text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;font-weight:500;text-wrap:balance}div#instruction-text-container.svelte-1pydg7k span.word.highlighted.svelte-1pydg7k:not(.missing):not(.punctuation){background:purple;padding:3px 4px;margin:-3px -4px;border-radius:2px}div#instruction-text-container.svelte-1pydg7k span.word.highlighted.missing.svelte-1pydg7k{background:#fff}div#instruction-text-container.svelte-1pydg7k span.word.end-period.svelte-1pydg7k{display:none}div#choices-container.svelte-1pydg7k.svelte-1pydg7k{position:absolute;z-index:10000;top:60vh;text-align:center;display:flex;gap:1.8vh;width:80%;margin:0 10%;justify-content:space-evenly;visibility:hidden;flex-direction:column}div#choices-container.hide-ui.svelte-1pydg7k.svelte-1pydg7k{opacity:0}div#choices-container.choices-count-4.svelte-1pydg7k.svelte-1pydg7k{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}div#choices-container.svelte-1pydg7k .choice.svelte-1pydg7k{order:calc(var(--rand) * 100);background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.65em 1.3em;border-radius:100px;cursor:pointer;box-shadow:0 0 5px #0003;font-size:1em;font-weight:500;color:#000;width:fit-content;margin:auto;white-space:nowrap;transform:scale(0);transition:transform .2s ease-out}div#choices-container.visible.svelte-1pydg7k.svelte-1pydg7k{visibility:visible}div#choices-container.visible.svelte-1pydg7k .choice.svelte-1pydg7k{transform:scale(1);transition:transform .1s ease-out}div#choices-container.visible.svelte-1pydg7k .choice.svelte-1pydg7k:hover{background:#fffc}div#choices-container.visible.svelte-1pydg7k .choice.svelte-1pydg7k:active{background:#ffffffe6;transform:scale(.9);box-shadow:none}div#choices-container.correct.svelte-1pydg7k.svelte-1pydg7k{pointer-events:none}div#choices-container.correct.svelte-1pydg7k .choice.clicked.svelte-1pydg7k{background:#00bc26!important;color:#fff!important;animation:svelte-1pydg7k-bounce-scale .25s ease-in-out forwards}div#choices-container.correct.svelte-1pydg7k .choice.svelte-1pydg7k:not(.clicked){opacity:0}div#choices-container.incorrect.svelte-1pydg7k.svelte-1pydg7k{pointer-events:none}div#choices-container.incorrect.svelte-1pydg7k .choice.clicked.svelte-1pydg7k{background:#bf0000!important;color:#fff!important;animation:svelte-1pydg7k-rotate-scale .3s ease-in-out forwards}@keyframes svelte-1pydg7k-bounce-scale{0%{transform:scale(.9)}40%{transform:scale(1.2)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes svelte-1pydg7k-rotate-scale{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(4deg)}40%{transform:scale(1.1) rotate(-3deg)}60%{transform:scale(1.1) rotate(2deg)}80%{transform:scale(1.1) rotate(-1deg)}to{transform:scale(1) rotate(0)}}