html,body{width:100%;min-height:100%}body{margin:0;padding:0}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;background:radial-gradient(circle at 50% 0%,#1f1f1f,#111 60%,#0b0b0b);color:#ececec;font-family:New Rocker,system-ui;min-height:100vh}main{flex:1 0 auto;width:80%;max-width:1200px}a{color:#f3bf00;font-weight:700;text-decoration:none;transition:color .3s ease}a:hover{color:tomato}h1,h2,h3{text-shadow:2px 2px 4px rgba(0,0,0,.7)}button{background-color:#ff4500;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:1.2em;font-family:New Rocker,system-ui;cursor:pointer;transition:transform .2s ease,background-color .3s ease}button:hover{background-color:tomato;transform:scale(1.1)}button:disabled{background-color:#555;cursor:not-allowed}button:hover:disabled{transform:scale(1)}.glowing-border{width:30%;height:auto;min-width:150px;--glowing-border-width: 1px;--glowing-border-radius: 20px;position:relative;display:flex;justify-content:center;align-items:center;border-radius:10px}.glowing-border:before{position:absolute;content:"";top:calc(-1 * var(--glowing-border-width));left:calc(-1 * var(--glowing-border-width));z-index:0;width:calc(100% + var(--glowing-border-width) * 2);height:calc(100% + var(--glowing-border-width) * 2);background:linear-gradient(60deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f,#abf25f,#5ff281,#5ff2f0);background-size:300% 300%;background-position:0 50%;border-radius:calc(var(--glowing-border-radius) + var(--glowing-border-width));animation:moveGradient 4s alternate infinite}.glowing-border *{border-radius:calc(var(--glowing-border-radius) + var(--glowing-border-width));z-index:10}@keyframes moveGradient{50%{background-position:100% 50%}}.heading{font-size:clamp(2.5rem,5vw + 1rem,3.8rem);font-weight:700;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.1);background:linear-gradient(90deg,#facc15,#f472b6,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hueShift 10s linear infinite}@keyframes hueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.alert{padding:1rem;margin:0;border-radius:.5rem;font-size:1rem;font-weight:700;text-align:center;width:100%;max-width:100%}@media (min-width: 768px){.alert{max-width:400px}}@media (min-width: 1024px){.alert{max-width:800px}}.alert-info{background-color:#d9edf7;color:#31708f;border:1px solid #bce8f1}.alert-success{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6}.alert-error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1}.close-btn{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:700}._menu_1aui2_1{display:flex;flex-direction:row;flex-wrap:wrap}._menuRow_1aui2_7{flex:1;display:flex;flex-wrap:wrap}._container_1aui2_14{flex:1 1 auto;height:auto;min-width:250px;margin:1rem}._container_1aui2_14 a{width:100%}._pic_1aui2_25{width:100%;height:auto;z-index:1;position:relative}._caption_1aui2_32{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:200%;color:#facc15;text-shadow:0 2px 8px rgba(0,0,0,.75);pointer-events:none;z-index:2}._waitingContainer_1aui2_44{margin-top:80px;width:100%}._instructions_b7l8o_1{width:fit-content;text-align:left;margin:auto}._container_xqn3n_7{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3rem 1rem;color:#ececec}._heading_xqn3n_17{font-size:clamp(2.5rem,5vw + 1rem,3.8rem);font-weight:700;margin-bottom:2.5rem;background:linear-gradient(90deg,#facc15,#f472b6,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:_hueShift_xqn3n_1 10s linear infinite}@keyframes _hueShift_xqn3n_1{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}._hint_xqn3n_36{font-size:clamp(1.2rem,2vw + .5rem,1.8rem);margin-bottom:3rem;color:#facc15;text-align:center}._grid_xqn3n_44{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:min(100%,900px)}._card_xqn3n_52{position:relative;border-radius:20px;cursor:pointer;transition:transform .35s cubic-bezier(.25,.8,.25,1);width:100%}._image_xqn3n_61{width:100%;height:auto;display:block;object-fit:cover;border-radius:inherit;filter:grayscale(15%) contrast(1);transition:filter .4s}._caption_xqn3n_72{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:clamp(2.2rem,4vw + 1rem,3rem);color:#facc15;text-shadow:0 2px 8px rgba(0,0,0,.75);pointer-events:none;z-index:2}._badge_xqn3n_85{position:absolute;top:.5rem;right:.5rem;padding:.2rem .6rem;border-radius:8px;font-size:1rem;font-weight:700;color:#fff}._easy_xqn3n_96{background-color:green}._medium_xqn3n_100{background-color:orange}._hard_xqn3n_104{background-color:red}._container_1d0mp_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}._actions_1d0mp_10{display:flex;flex:0 1 auto;justify-content:center;margin-top:1rem;margin-bottom:2rem;gap:3rem;align-items:center}._score_1d0mp_20{flex:0 1 auto;font-size:2rem;font-weight:700;color:#ececec;text-align:center;margin-top:1rem}._gameContainer_1d0mp_29{flex:1 0 auto;box-sizing:border-box;position:relative;margin:0 10px;--glowing-border-width: 5px;width:calc(100% - var(--glowing-border-width) * 8)}._gameContainer_1d0mp_29 canvas{z-index:10}._container_lzewb_3{max-width:800px;margin:auto;display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;color:#ececec}._content_lzewb_14{background-color:#000}._card_lzewb_18{align-items:stretch;width:100%}._picContainer_lzewb_23{background-color:#fff;z-index:10;display:flex;align-items:center;border-radius:var(--glowing-border-radius) 0 0 var(--glowing-border-radius)}._card_lzewb_18 img{max-height:300px;max-width:300px;height:auto;width:auto;margin:auto;z-index:10;flex:0 0 auto;border-radius:var(--glowing-border-radius) 0 0 var(--glowing-border-radius)}._content_lzewb_14{background-color:#000;z-index:10;border-radius:0 var(--glowing-border-radius) var(--glowing-border-radius) 0;flex:1 1 auto;padding:1rem}._title_lzewb_50{font-size:2rem;margin-top:1rem}._container_1tw90_1 label{margin-bottom:8px;font-weight:700;background:linear-gradient(90deg,#facc15,#f472b6,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:_hueShift_1tw90_1 2s linear infinite}._container_1tw90_1 input[type=email]{padding:8px;margin-bottom:16px;border-radius:4px}._container_1tw90_1 input[type=checkbox]{margin-right:8px}._container_1tw90_1 ._checkbox_1tw90_20{margin:8px 0}._container_1tw90_1 button{margin-top:30px}._email_1tw90_28{line-height:100%}._privacyCheckbox_1tw90_32{margin-top:16px}._email_1tw90_28 input{width:80%;padding:8px;margin:16px auto;border-radius:4px;display:block;text-align:center}@keyframes _hueShift_1tw90_1{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}#root{width:100%;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}
