:root{--a-field-bg:#fff;--a-field-radius:14px;--a-field-height:52px;--a-gap:16px}.screen.auth{background:var(--m-light);color:var(--m-dark)}.auth-header{align-items:center;gap:12px;min-height:44px;display:flex}.auth-header .back-button{width:44px;height:44px;color:var(--m-dark);flex:none;place-items:center;display:grid}.auth-title{color:var(--m-title);flex:1;margin:0;font-size:20px;font-weight:700}.auth-logo{flex:none;width:auto;height:32px}.auth-body{gap:var(--a-gap);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.auth-body>.next-button:last-child{margin-top:auto}.auth-header,.auth-body{padding-inline-start:20px;padding-inline-end:20px}.auth .field{gap:6px;display:grid}.auth .field label{color:var(--m-dark);font-size:14px;font-weight:700}.auth input{-webkit-user-select:text;user-select:text;width:100%;height:var(--a-field-height);border-radius:var(--a-field-radius);background:var(--a-field-bg);color:var(--m-dark);font:inherit;border:0;padding:0 16px;font-size:16px}.auth input::placeholder{color:var(--m-dark);opacity:.5}.auth input:focus-visible{outline:2px solid var(--m-primary-button);outline-offset:2px}.field-error{color:var(--m-red);margin:0;font-size:13px}.auth .password-row{display:flex;position:relative}.auth .password-row input{padding-right:64px}.auth .visibility-toggle{height:var(--a-field-height);min-width:44px;color:var(--m-primary-button);font-size:14px;font-weight:700;position:absolute;top:0;right:12px}.rule-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rule-chips li{border:1px solid var(--m-medium);background:var(--m-light);color:var(--m-dark);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}.rule-chips li[data-met=true]{background:var(--m-primary-button);color:var(--m-primary-button-text);background-origin:border-box;border-color:#0000}.auth .checkbox-row{min-width:44px;min-height:44px;color:var(--m-dark);align-items:flex-start;gap:10px;font-size:14px;display:flex}.auth .checkbox-row input{flex:none;width:20px;height:20px;margin-top:2px}.link-button{color:var(--m-primary-button);font-size:16px;font-weight:700;text-decoration:underline}.spinner{border:3px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}:root{--m-primary:#44bd98;--m-primary-button:#44bd98;--m-primary-button-text:#fff;--m-light:#f6f6f7;--m-light-grey:#ededee;--m-medium:#aeaeb0;--m-dark-grey:#797b7e;--m-dark:#23252b;--m-title:#23252b;--m-green:#44bd98;--m-red:#d55252;--m-gold:#f58c40;--m-white:#fff;--m-background-image:url(/backgrounds/default.png);--safe-top:0px;--safe-right:0px;--safe-bottom:0px;--safe-left:0px;--t-scrim:.5s;--t-bg:.5s;--t-header:.5s;--t-panel:.35s;--t-card-in:.4s;--t-card-out:.35s;--t-card-stagger:.2s;--t-sheet-scrim:.4s;--t-sheet:.25s;--ease-out:ease-out;--ease-in-out:ease-in-out;--t-card-first-delay:2.35s;--t-card-next-delay:.75s;font-family:Roboto,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(/fonts/Roboto-Regular.woff2)format("woff2")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(/fonts/Roboto-Bold.woff2)format("woff2")}html,body,#root{background:0 0;width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{overscroll-behavior:none;touch-action:manipulation;color:var(--m-dark)}::-webkit-scrollbar{display:none}*{scrollbar-width:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:focus-visible{outline:2px solid var(--m-primary);outline-offset:2px}.screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-rows:auto 1fr auto;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.scrim{animation:scrimIn var(--t-scrim) var(--ease-out) both;background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.background{background:var(--m-background-image) center / cover no-repeat, var(--m-dark);animation:fadeIn var(--t-bg) var(--ease-out) both;animation-delay:calc(var(--t-scrim) + .25s);position:fixed;top:0;bottom:0;left:0;right:0}.header{color:var(--m-white);animation:headerIn var(--t-header) var(--ease-out) both;animation-delay:calc(var(--t-scrim) + .25s + var(--t-bg));justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.header .gems{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:20px;font-weight:700;display:inline-flex}.header .gems img{width:28px;height:28px}.header .counter{opacity:.9;font-variant-numeric:tabular-nums;font-size:16px}.question-panel{color:var(--m-white);text-align:center;animation:fadeIn var(--t-panel) var(--ease-out) both;animation-delay:calc(var(--t-scrim) + .25s + var(--t-bg) + var(--t-header));align-content:center;gap:16px;padding:8px 24px;display:grid;position:relative}.question-text{text-wrap:balance;font-size:clamp(18px,5vw,26px);font-weight:700;line-height:1.3}.answers-panel{padding:16px 16px calc(16px + var(--safe-bottom));animation:fadeIn var(--t-panel) var(--ease-out) both;animation-delay:calc(var(--t-scrim) + .25s + var(--t-bg) + var(--t-header));background:#ffffff1f;border-radius:24px 24px 0 0;position:relative}.answers{overscroll-behavior:contain;gap:12px;max-height:40vh;padding:4px 0;display:grid;overflow-y:auto}.card{background:var(--m-white);min-height:min(62px,12.4vw);color:var(--m-dark);text-align:center;width:100%;animation:cardIn var(--t-card-in) var(--ease-out) both;animation-delay:calc(var(--card-base-delay,0s) + var(--i,0) * var(--t-card-stagger));border:3px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:12px 40px;font-size:16px;line-height:1.35;transition:opacity .2s,background-color .2s,border-color .2s;display:flex;position:relative}.card[data-visual=unselected]{opacity:.3}.card[data-visual=correctTrivia]{background:var(--m-green);color:var(--m-white)}.card[data-visual=incorrectSelected]{background:var(--m-red);color:var(--m-white)}.card[data-border=green]{border-color:var(--m-green)}.card[data-border=red]{border-color:var(--m-red)}.card .tick{width:22px;height:22px;position:absolute;right:14px}.card[data-visual=selected] .tick{color:var(--m-green)}.card[data-visual=correctTrivia] .tick{color:var(--m-white)}.card:disabled{cursor:default}.answers.leaving .card{animation:cardOut var(--t-card-out) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--t-card-stagger))}.timer{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:4px 8px;display:grid}.timer .track{background:#ffffff40;border-radius:6px;height:12px;overflow:hidden}.timer .fill{background:var(--m-gold);border-radius:6px;height:100%;transition:width .12s linear}.timer .label{color:var(--m-white);font-variant-numeric:tabular-nums;font-weight:700}.next-button{background:var(--m-primary-button);width:100%;color:var(--m-primary-button-text);letter-spacing:.04em;opacity:.3;border-radius:16px;padding:16px;font-weight:700;display:block}.next-button:enabled{opacity:1}.sheet-scrim{animation:fadeIn var(--t-sheet-scrim) var(--ease-out) both;background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--m-white);color:var(--m-dark);padding:28px 24px calc(24px + var(--safe-bottom));text-align:center;animation:sheetIn var(--t-sheet) var(--ease-out) both;animation-delay:var(--t-sheet-scrim);border-radius:28px 28px 0 0;gap:12px;display:grid;position:fixed;bottom:0;left:0;right:0}.sheet h2{margin:0;font-size:28px}.sheet .sub{justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:700;display:inline-flex}.sheet .sub img{width:24px;height:24px}.sheet .body{color:var(--m-dark-grey);line-height:1.4}.sheet .buttons{gap:12px;margin-top:8px;display:grid}.sheet .primary{background:var(--m-primary-button);color:var(--m-primary-button-text);letter-spacing:.04em;border-radius:16px;padding:16px;font-weight:700}.sheet .white{background:var(--m-light-grey);color:var(--m-dark);letter-spacing:.04em;border-radius:16px;padding:16px;font-weight:700}.gem-fly{pointer-events:none;z-index:10;width:28px;height:28px;position:fixed}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes headerIn{0%{transform:translateY(-14vh)}to{transform:translateY(0)}}@keyframes cardIn{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes cardOut{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.screen:not(.first) .scrim,.screen:not(.first) .background,.screen:not(.first) .header{animation:none}.screen:not(.first) .question-panel,.screen:not(.first) .answers-panel{animation-duration:.25s;animation-delay:0s}.screen.survey .background,.screen.survey .header,.screen.survey .question-panel,.screen.survey .answers-panel,.screen.survey .card{animation:none}.screen.survey .answers-panel{gap:16px;display:grid}@media (prefers-reduced-motion:reduce){:root{--t-scrim:1ms;--t-bg:1ms;--t-header:1ms;--t-panel:1ms;--t-card-in:1ms;--t-card-out:1ms;--t-card-stagger:0s;--t-sheet-scrim:1ms;--t-sheet:1ms;--t-card-first-delay:0s;--t-card-next-delay:0s}}