:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#14532d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mountains-of-christmas-regular{font-family:Mountains of Christmas,serif;font-weight:400;font-style:normal}.mountains-of-christmas-bold{font-family:Mountains of Christmas,serif;font-weight:700;font-style:normal}body{margin:0;min-height:100vh;background-color:#166534}body:has(.start-container){display:flex;place-items:center;max-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}.button{display:block;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e7e5e4;color:#ef4444;cursor:pointer;transition:border-color .25s;outline:none;font-size:1.2em}.button:hover{background-color:#d6d3d1;border-color:#f87171;color:#dc2626}.button:focus,.button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.glowing-text{text-shadow:#fc0 1px 0 10px;color:#fc0!important}.glowing-text-red{text-shadow:#dc2626 1px 0 10px}.glowing-text-green{text-shadow:#16a085 1px 0 10px;color:#16a085!important}.page-1{max-height:100vh;padding-inline:1rem}.page-1 h2{font-size:2rem;color:#ef4444;margin-block-end:1rem}.page-1 .button{display:block;margin-block-start:2rem;margin-inline:auto}.page-quiz .bubble-box h2{font-size:2rem;color:#ef4444;margin-block-end:unset}.page-quiz .options{display:grid;grid-template-columns:1fr;gap:1rem;margin-block-start:2rem}.start-container{position:relative;top:0;left:0;right:0;bottom:0;isolation:isolate;z-index:10}.start-button{margin:5rem auto 0;font-weight:700}.snowflakes{position:fixed;top:0;left:0;bottom:0;right:0}.emoji{position:absolute;font-size:24px;animation:fall linear infinite;pointer-events:none}@keyframes fall{0%{transform:translateY(-100%);opacity:.8}to{transform:translateY(110vh);opacity:0}}.santa-image{max-width:calc(100% - 2rem);position:fixed;bottom:1rem;left:1rem;right:1rem}.bubble-box{max-width:calc(100% - 2rem);padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;color:#27272a}.bubble-box h2{margin-top:0}.bubble-box p{margin-bottom:0;font-size:1.2em}#wheel{max-width:200px;max-height:200px;width:200px;height:200px;border-radius:50%;background:conic-gradient(#ef4444,#ef4444 45deg,#fff 45deg,#fff 90deg,#ef4444 90deg,#ef4444 135deg,#fff 135deg,#fff 180deg,#ef4444 180deg,#ef4444 225deg,#fff 225deg,#fff 270deg,#ef4444 270deg,#ef4444 315deg,#fff 315deg,#fff 360deg);transform-origin:center;transition:transform 4s cubic-bezier(.33,1,.68,1);margin-block-end:2rem}.wheel-container{display:flex;flex-direction:column;align-items:center}.wheel-container .destination{color:#e7e5e4;font-size:1.2rem;font-weight:700}.button-container{display:flex;flex-direction:column;align-self:center}.page-2{padding-block-end:150px}.page-2 .bubble-box{position:static}.page-wheel-of-fortune{padding-block-start:2rem;display:grid;grid-template-columns:1fr}.page-wheel-of-fortune h1{margin-block-start:0}.page-wheel-of-fortune h2{margin-block:0}.page-wheel-of-fortune .button{display:block;margin-block-start:2rem;margin-inline:auto}@media (orientation: landscape){.santa-image{max-width:20%}.page-1 .button,.page-2 .button,.page-quiz .game-over .button{position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.page-quiz .options{grid-template-columns:repeat(2,1fr)}.page-wheel-of-fortune{grid-template-columns:1fr 1fr}}.sound-toggle{position:fixed;top:1rem;right:1rem;z-index:100;stroke:#f9f9f9;fill:#f9f9f9;cursor:pointer;max-width:24px;height:24px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}