:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f0e4d2)var(--lightningcss-dark,#1f1512);--bg-alt:var(--lightningcss-light,#e6d6c0)var(--lightningcss-dark,#271b17);--surface:var(--lightningcss-light,#f9f2e7)var(--lightningcss-dark,#2a1d19);--surface-raised:var(--lightningcss-light,#fcf8f0)var(--lightningcss-dark,#33241f);--border:var(--lightningcss-light,#d8c6ad)var(--lightningcss-dark,#443229);--ink-muted:var(--lightningcss-light,#7a6a63)var(--lightningcss-dark,#b3a196);--ink:var(--lightningcss-light,#2b1b17)var(--lightningcss-dark,#f3e8de);--ink-subtle:var(--lightningcss-light,#a3948b)var(--lightningcss-dark,#857468);--brand:var(--lightningcss-light,#7a2e3a)var(--lightningcss-dark,#c25a6a);--brand-hover:var(--lightningcss-light,#64232f)var(--lightningcss-dark,#d16f7e);--brand-ink:var(--lightningcss-light,#fdf6ee)var(--lightningcss-dark,#1f1512);--accent:var(--lightningcss-light,#d9705b)var(--lightningcss-dark,#e58a73);--logo-ink:var(--lightningcss-light,#7a2e3a)var(--lightningcss-dark,#f3e8de);--logo-accent:var(--lightningcss-light,#d9705b)var(--lightningcss-dark,#e58a73);--p1:var(--lightningcss-light,#d9a23b)var(--lightningcss-dark,#e6b455);--p2:var(--lightningcss-light,#267b70)var(--lightningcss-dark,#4fb3a5);--p3:var(--lightningcss-light,#4a6fa5)var(--lightningcss-dark,#7f9fd3);--p4:var(--lightningcss-light,#8b5a86)var(--lightningcss-dark,#b98bb3);--p1-ink:#2b1b17;--p2-ink:var(--lightningcss-light,#fdf6ee)var(--lightningcss-dark,#1f1512);--p3-ink:var(--lightningcss-light,#fdf6ee)var(--lightningcss-dark,#1f1512);--p4-ink:var(--lightningcss-light,#fdf6ee)var(--lightningcss-dark,#1f1512);--card-background:var(--lightningcss-light,#fcf8f0)var(--lightningcss-dark,#33241f)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Fraunces Variable;src:url(/assets/Fraunces-Variable-DLWfSgHL.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Variable-D_B5dL4R.ttf)format("truetype");font-weight:100 900;font-display:swap}.toolbar{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.credit{z-index:10;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.credit a{color:var(--ink-subtle);font-size:.75rem;text-decoration:none}.credit a:hover{color:var(--brand);text-decoration:underline}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,system-ui,sans-serif}h1,h2{font-family:Fraunces Variable,Georgia,serif;font-weight:600}.tagline{color:var(--ink-muted);font-size:1.125rem}span{color:var(--ink-subtle);letter-spacing:.1em;font-size:.75rem}.screen-fade{opacity:0;transition:opacity .25s}.screen-fade--visible{opacity:1}.animated-logo{height:128px;position:relative}.--logo-l{animation:2s forwards fade-in}.--logo-letter{opacity:0;animation:2s 2s forwards letter-shift}.--logo-letter.--logo-t{translate:108px}.--logo-letter.--logo-s{translate:-103px}.--logo-letter.--logo-a{translate:-48px}.--logo-letter.--logo-a-accent{transform-box:fill-box;transform-origin:50%;animation:2s 2s forwards letter-shift,1.5s 4s forwards letter-jump;translate:48px;scale:-1 1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes letter-shift{0%{opacity:0}to{opacity:1;translate:0}}@keyframes letter-jump{0%{opacity:1;animation-timing-function:ease-in;translate:0;scale:-1 1}6%{animation-timing-function:ease-out;translate:0 3px;scale:-1.12 .88}18%{animation-timing-function:ease-out;translate:0 -34px;scale:-.86 1.16}25%{translate:0 -48px;scale:-.97 1.05}30%{animation-timing-function:linear;translate:0 -48px;scale:-1 1}36%{translate:0 -48px;scale:1}45%{animation-timing-function:cubic-bezier(.55,0,1,.45);translate:0 -48px;scale:1}80%{animation-timing-function:cubic-bezier(.7,0,1,1);translate:0 -10px;scale:.88 1.14}92%{animation-timing-function:ease-out;translate:0;scale:1.18 .82}to{opacity:1;translate:0;scale:1}}.sparks{position:absolute;top:0;left:0}.sparks i{background-color:var(--p1);opacity:0;border-radius:100px;width:16px;height:16px;animation:.42s ease-out forwards sparks;display:block;position:absolute;top:64px;left:74px}.sparks i:first-child{--dx:-52px;--dy:-20px;animation-delay:5.34s}.sparks i:nth-child(2){--dx:-28px;--dy:-34px;animation-delay:5.39s}.sparks i:nth-child(3){--dx:0px;--dy:-42px;animation-delay:5.44s}.sparks i:nth-child(4){--dx:28px;--dy:-34px;animation-delay:5.39s}.sparks i:nth-child(5){--dx:52px;--dy:-20px;animation-delay:5.34s}@keyframes sparks{0%{opacity:0;translate:0;scale:.5}10%{opacity:1;scale:1}55%{opacity:1;animation-timing-function:ease-in}to{opacity:0;translate:var(--dx) var(--dy);scale:.15}}.animated-logo-screen{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.animated-logo-screen h1{color:var(--brand);opacity:0;font-size:larger;animation:.6s 5.9s forwards fade-in}.animated-logo-screen .click-to-continue{opacity:0;color:var(--ink-subtle);margin-top:24px;font-size:medium;font-weight:700;animation:4.5s ease-in-out 8s infinite click-continue,.6s 8s forwards fade-in}@keyframes click-continue{0%,60%{opacity:.6;color:var(--ink-subtle)}85%{opacity:1;color:var(--p1)}to{opacity:.6;color:var(--ink-subtle)}}.roller-container{flex-direction:column;align-items:center;gap:8px;width:fit-content;margin:8px;display:flex}.roller-arrow{cursor:pointer;width:0;height:0;color:var(--ink-muted);background:0 0;border:none;border-left:12px solid #0000;border-right:12px solid #0000;padding:0}.roller-arrow:hover{color:var(--brand)}.roller-arrow:disabled{color:var(--ink-subtle);cursor:not-allowed}.roller-arrow:disabled:hover{color:var(--ink-subtle)}.roller-arrow-up{border-bottom:16px solid}.roller-arrow-down{border-top:16px solid}.roller{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;width:96px;height:128px;overflow-y:hidden}.roller-list{width:96px;margin:0;padding:0;transition:transform .25s;position:relative}.roller-list li{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:128px;font-size:64px;display:flex}.level-select-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.level-select-screen h1{margin-bottom:4px}.level-select-screen .tagline{margin-top:0;margin-bottom:24px}.level-select-confirm-btn{background:var(--brand);color:var(--brand-ink);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;margin-top:24px;padding:10px 32px;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background .2s}.level-select-confirm-btn:hover{background:var(--brand-hover)}.language-selector{flex-direction:row-reverse;align-items:center;display:flex}.language-selector-flag{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.125rem;line-height:1;transition:border-color .2s,background .2s,transform .15s;display:flex}.language-selector-flag:hover{border-color:var(--brand);transform:translateY(-1px)}.language-selector-trigger{background:var(--surface-raised);border:1px solid var(--brand);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px 0 14px;font-size:1.125rem;line-height:1;transition:border-color .2s,background .2s,transform .15s;display:flex}.language-selector-trigger:hover{border-color:var(--brand-hover);transform:translateY(-1px)}.language-selector-chevron{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--brand);width:0;height:0;transition:transform .2s}.language-selector-trigger[aria-expanded=true] .language-selector-chevron{transform:rotate(180deg)}.language-selector-panel{opacity:0;flex-direction:row-reverse;gap:6px;max-width:0;transition:max-width .25s,opacity .2s,margin .25s;display:flex;overflow:hidden}.language-selector-panel--open{opacity:1;max-width:200px;margin-right:6px}.theme-toggle{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background .2s,color .2s,transform .15s;display:flex}.theme-toggle:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.card{box-sizing:border-box;text-align:center;background-color:var(--card-background);border:1px solid var(--border);cursor:pointer;border-radius:32px;justify-content:center;align-items:center;width:320px;height:320px;padding:36px 28px;display:flex}.card p{margin:0;font-family:Fraunces Variable,Georgia,serif;font-size:larger;font-weight:700}.congratulations-screen{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.congratulations-screen h1{margin-bottom:4px}.congratulations-screen .tagline{margin-top:0;margin-bottom:24px}.congratulations-play-again-btn{background:var(--brand);color:var(--brand-ink);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;padding:10px 32px;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background .2s}.congratulations-play-again-btn:hover{background:var(--brand-hover)}.questions-screen{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;padding:24px;display:flex}.questions-progress{background:var(--bg-alt);border-radius:999px;width:100%;max-width:320px;height:4px;overflow:hidden}.questions-progress-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .3s}.card-button{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.questions-hint{color:var(--ink-muted);margin:0;font-size:.875rem}.questions-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.questions-next-btn{background:var(--brand);color:var(--brand-ink);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;padding:10px 32px;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background .2s}.questions-next-btn:hover{background:var(--brand-hover)}.questions-reset-btn{color:var(--ink-subtle);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:DM Sans,system-ui,sans-serif;font-size:.8125rem;text-decoration:underline;transition:color .2s}.questions-reset-btn:hover{color:var(--brand)}
