*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--navy-900: #060e26;--navy-800: #0b1638;--navy-700: #132049;--navy-600: #1d2c62;--blue: #2e7bff;--blue-bright: #5b9bff;--blue-deep: #1b4fd0;--yellow: #ffd23f;--yellow-deep: #e6b52c;--cream: #f7f5ef;--cream-dim: #e2ded1;--green: #3ddc97;--coral: #ff6b6b;--text: #eaf0ff;--text-muted: #93a4cf;--ink: #0b1638;--ink-muted: #4a5a86;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 11px;--radius-pill: 999px;--gap: 1rem;--shadow-card: 0 14px 30px rgba(3, 8, 24, .4);--shadow-lift: 0 10px 22px rgba(46, 123, 255, .35);--font-rounded: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Nunito", "Quicksand", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font-rounded);color-scheme:dark}body{min-height:100dvh;background-color:var(--navy-800);background-image:radial-gradient(90% 60% at 12% -6%,rgba(46,123,255,.3),transparent 65%),radial-gradient(70% 50% at 96% 4%,rgba(255,210,63,.14),transparent 60%);background-attachment:fixed;color:var(--text);font-family:var(--font-rounded);letter-spacing:-.01em}.app{--nav-height: 4.75rem;max-width:30rem;margin-inline:auto;min-height:100dvh;padding:1.25rem 1.125rem calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 1rem)}.app--immersive{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.screen{display:flex;flex-direction:column;gap:1.5rem}.section{display:flex;flex-direction:column;gap:.75rem}.section__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.section__title{font-size:1.0625rem;font-weight:800;letter-spacing:.01em}.section__link{color:var(--blue-bright);font-size:.875rem;font-weight:700;text-decoration:none}.section__count{color:var(--text-muted);font-size:.875rem;font-weight:700}.empty{border:1.5px dashed rgba(147,164,207,.35);border-radius:var(--radius-md);padding:1.125rem;color:var(--text-muted);font-size:.9375rem}.empty a{color:var(--blue-bright)}.hero{padding-top:.75rem}.hero__eyebrow{color:var(--yellow);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero__title{margin-top:.25rem;font-size:clamp(2.5rem,13vw,3.25rem);font-weight:900;line-height:1;letter-spacing:-.035em}.hero__title-accent{color:var(--blue-bright)}.hero__tagline{margin-top:.5rem;color:var(--text-muted);font-size:1rem}.page-header__title{font-size:1.875rem;font-weight:900;letter-spacing:-.025em}.page-header__subtitle{margin-top:.375rem;color:var(--text-muted);font-size:.9375rem}.home__actions{display:flex;flex-direction:column;gap:.75rem}.home__hint{color:var(--text-muted);font-size:.8125rem;text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text);font-family:inherit;font-size:1rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease}.button--block{width:100%}.button--small{min-height:2.25rem;padding:.375rem .875rem;font-size:.875rem}.button--primary{background:linear-gradient(180deg,var(--blue-bright),var(--blue));color:#fff;box-shadow:var(--shadow-lift)}.button--accent{background:var(--yellow);color:var(--ink);box-shadow:0 10px 22px #ffd23f3d}.button--ghost{border:1.5px solid rgba(147,164,207,.4);color:var(--text)}.button--danger{background:var(--coral);color:#2a0a0a}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.back-link{color:var(--text-muted);font-size:.9375rem;font-weight:700;text-decoration:none}.quiz-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.quiz-row{display:flex;align-items:center;gap:.625rem}.quiz-row .quiz-card{flex:1}.quiz-card{position:relative;display:block;padding:1rem 1.125rem;border-radius:var(--radius-lg);background:var(--cream);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-card);transition:transform .14s ease}.quiz-card:active{transform:scale(.985)}.quiz-card--tight{padding:.875rem 1rem}.quiz-card__title{display:block;padding-right:4.5rem;font-size:1.0625rem;font-weight:800;letter-spacing:-.015em}.quiz-card__meta{display:flex;align-items:center;gap:.4375rem;margin-top:.25rem;color:var(--ink-muted);font-size:.8125rem;font-weight:600}.quiz-card__dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}.quiz-card__best{position:absolute;top:.875rem;right:.875rem;padding:.1875rem .5rem;border-radius:var(--radius-pill);background:var(--navy-800);color:var(--yellow);font-size:.75rem;font-weight:800}.last-round{display:grid;grid-template-columns:1fr auto;gap:.125rem .75rem;padding:.875rem 1.125rem;border:1.5px solid rgba(91,155,255,.35);border-radius:var(--radius-md);background:#2e7bff1f;color:var(--text);text-decoration:none}.last-round__label{grid-column:1;color:var(--text-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.last-round__title{grid-column:1;font-weight:800}.last-round__score{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--yellow);font-size:1.125rem;font-weight:900}.detail__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.detail__title{font-size:2rem;font-weight:900;line-height:1.1;letter-spacing:-.03em}.detail__meta{margin-top:.5rem;color:var(--text-muted);font-size:.9375rem;font-weight:600}.start-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.75rem 1.25rem;border-radius:28px;background:linear-gradient(160deg,var(--blue-bright),var(--blue-deep));color:#fff;text-align:center;text-decoration:none;box-shadow:0 18px 40px #1b4fd073;transition:transform .14s ease}.start-button:active{transform:scale(.98)}.start-button__label{font-size:1.75rem;font-weight:900;letter-spacing:-.02em}.start-button__sub{font-size:.875rem;font-weight:600;opacity:.85}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.chip{padding:.375rem .75rem;border:1.5px solid rgba(147,164,207,.3);border-radius:var(--radius-pill);background:#132049b3;font-size:.8125rem;font-weight:700}.panel{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:var(--radius-lg);background:var(--navy-700)}.panel__title{font-size:1.125rem;font-weight:800}.panel__body{color:var(--text-muted);font-size:.9375rem}.question-preview{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;counter-reset:none}.question-preview__item{display:grid;grid-template-columns:1.75rem 1fr auto;align-items:center;gap:.625rem;padding:.6875rem .875rem;border-radius:var(--radius-sm);background:#132049bf;font-size:.9375rem}.question-preview__index{color:var(--blue-bright);font-weight:900}.question-preview__prompt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-preview__timer{color:var(--text-muted);font-size:.75rem;font-weight:700}.field{display:flex;flex-direction:column;gap:.375rem}.field__label{color:var(--text-muted);font-size:.8125rem;font-weight:800;letter-spacing:.02em}.field__input{width:100%;padding:.75rem .875rem;border:1.5px solid rgba(147,164,207,.28);border-radius:var(--radius-sm);background:#060e268c;color:var(--text);font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .14s ease,background-color .14s ease}.field__input::placeholder{color:#93a4cfa6}.field__input:focus{border-color:var(--blue-bright);background:#060e26cc}.field__input--title{font-size:1.25rem;font-weight:800}.field__input--select{appearance:none;padding-right:2.25rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1.125rem) 55%,calc(100% - .75rem) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.save-chip{padding:.25rem .6875rem;border-radius:var(--radius-pill);background:#132049e6;color:var(--text-muted);font-size:.75rem;font-weight:800;transition:color .2s ease,background-color .2s ease}.save-chip.is-flashing{background:#3ddc9729;color:var(--green)}.builder__questions{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}.q-card{display:flex;flex-direction:column;gap:1rem;padding:1.125rem;border:1.5px solid rgba(147,164,207,.18);border-radius:var(--radius-lg);background:var(--navy-700)}.q-card__head{display:flex;align-items:center;gap:.625rem}.q-card__number{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--blue);color:#fff;font-size:.875rem;font-weight:900}.q-card__badge{flex:1;color:var(--yellow);font-size:.75rem;font-weight:800}.q-card__badge.is-ready{color:var(--green)}.q-card__remove,.choice-row__remove{display:grid;place-items:center;width:2rem;height:2rem;border:none;border-radius:50%;background:#ff6b6b24;color:var(--coral);font-size:.875rem;cursor:pointer}.choices{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;border:none}.choices .field__label{padding:0;margin-bottom:.375rem}.choice-row{display:flex;align-items:center;gap:.5rem}.choice-row__radio{flex:none;width:1.5rem;height:1.5rem;accent-color:var(--green);cursor:pointer}.choice-row__input{flex:1}.builder__danger{display:flex;flex-direction:column;gap:.625rem;align-items:flex-start;padding-top:.5rem}.builder__danger-text{color:var(--text-muted);font-size:.875rem;font-weight:700}.builder__danger-actions{display:flex;gap:.5rem}.play{display:flex;flex-direction:column;gap:1.125rem;min-height:calc(100dvh - 2.5rem)}.play__top{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem}.play__quit{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#93a4cf29;color:var(--text-muted);font-size:.875rem;text-decoration:none}.play__score{display:flex;align-items:baseline;gap:.25rem}.play__score-value{font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.play__score-label{color:var(--text-muted);font-size:.8125rem;font-weight:800}.play__streak{padding:.25rem .6875rem;border-radius:var(--radius-pill);background:var(--yellow);color:var(--ink);font-size:.75rem;font-weight:900}.play__streak--muted{max-width:11rem;overflow:hidden;background:transparent;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.progress{display:flex;flex-direction:column;gap:.4375rem}.progress__track{display:flex;gap:4px}.progress__segment{flex:1;height:7px;border-radius:var(--radius-pill);background:#93a4cf38;transition:background-color .24s ease,transform .24s ease}.progress__segment.is-done{background:var(--blue-bright)}.progress__segment.is-current{background:var(--yellow);transform:scaleY(1.35)}.progress__label{color:var(--text-muted);font-size:.75rem;font-weight:800;letter-spacing:.04em}.countdown{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.125rem;overflow:hidden;padding:.5rem;border-radius:var(--radius-pill);background:#132049cc}.countdown__value{font-size:1.25rem;font-weight:900;font-variant-numeric:tabular-nums}.countdown__unit{color:var(--text-muted);font-size:.8125rem;font-weight:800}.countdown__fill{position:absolute;inset:auto 0 0;height:3px;background:var(--blue-bright);transition:width .12s linear}.countdown.is-urgent{animation:countdown-pulse .9s ease-in-out infinite}.countdown.is-urgent .countdown__value{color:var(--yellow)}.countdown.is-urgent .countdown__fill{background:var(--yellow)}@keyframes countdown-pulse{0%,to{box-shadow:0 0 #ffd23f00;transform:scale(1)}50%{box-shadow:0 0 0 6px #ffd23f1f;transform:scale(1.015)}}.play__prompt{font-size:clamp(1.375rem,6.2vw,1.75rem);font-weight:900;line-height:1.2;letter-spacing:-.025em;animation:prompt-in .32s cubic-bezier(.2,.9,.25,1) both}@keyframes prompt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.choice-grid{display:flex;flex-direction:column;gap:.625rem;list-style:none;padding:0}.choice{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3.5rem;padding:.875rem 1rem;border:2px solid transparent;border-radius:var(--radius-md);background:var(--cream);color:var(--ink);font-family:inherit;font-size:1.0625rem;font-weight:700;text-align:left;cursor:pointer;box-shadow:var(--shadow-card);animation:choice-snap .3s cubic-bezier(.16,1.1,.3,1) both;animation-delay:calc(var(--stagger, 0) * 55ms);transition:transform .12s ease,opacity .2s ease,border-color .2s ease,background-color .2s ease}@keyframes choice-snap{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.choice:active:not(:disabled){transform:scale(.985)}.choice__key{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:#0b163814;color:var(--ink-muted);font-size:.8125rem;font-weight:900}.choice:disabled{cursor:default}.choice.is-correct{border-color:var(--green);background:#e7fbf1;animation:choice-pop .32s cubic-bezier(.2,1.3,.3,1) both}@keyframes choice-pop{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}.choice.is-correct .choice__key{background:var(--green);color:#04331f}.choice.is-wrong{border-color:var(--coral);background:#ffecec;animation:choice-shake .32s ease both}@keyframes choice-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}.choice.is-wrong .choice__key{background:var(--coral);color:#380a0a}.choice.is-dim{opacity:.4}.reveal{margin-top:auto}.reveal__card{display:flex;flex-direction:column;gap:.5rem;padding:1.125rem;border:1.5px solid rgba(147,164,207,.2);border-radius:var(--radius-lg);background:var(--navy-700);animation:reveal-in .26s cubic-bezier(.2,.9,.25,1) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal__card.is-correct{border-color:#3ddc9773}.reveal__card.is-wrong{border-color:#ff6b6b66}.reveal__verdict{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:1.125rem;font-weight:900}.reveal__card.is-correct .reveal__verdict{color:var(--green)}.reveal__card.is-wrong .reveal__verdict{color:var(--coral)}.reveal__points{color:var(--yellow);font-size:1rem;font-weight:900}.reveal__answer{font-size:.9375rem}.reveal__fact{padding:.625rem .75rem;border-radius:var(--radius-sm);background:#ffd23f1a;color:var(--text);font-size:.875rem}.reveal__fact:before{content:"Fun fact — ";color:var(--yellow);font-weight:800}.reveal .button{margin-top:.25rem}.summary{position:relative}.summary__header{text-align:center}.summary__eyebrow{color:var(--text-muted);font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.summary__headline{margin-top:.375rem;font-size:2rem;font-weight:900;letter-spacing:-.03em}.summary__score{display:flex;align-items:baseline;justify-content:center;gap:.375rem;margin-top:.5rem;color:var(--yellow);font-size:3.5rem;font-weight:900;line-height:1;letter-spacing:-.04em;animation:score-in .42s cubic-bezier(.2,1.2,.3,1) both}@keyframes score-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.summary__score-unit{color:var(--text-muted);font-size:1rem;font-weight:800}.summary__badge{display:inline-block;margin-top:.75rem;padding:.3125rem .875rem;border-radius:var(--radius-pill);background:var(--yellow);color:var(--ink);font-size:.8125rem;font-weight:900}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-tile{padding:1rem;border:1.5px solid rgba(147,164,207,.18);border-radius:var(--radius-md);background:var(--navy-700)}.stat-tile__value{font-size:1.625rem;font-weight:900;letter-spacing:-.03em}.stat-tile__label{margin-top:.125rem;color:var(--text-muted);font-size:.8125rem;font-weight:700}.stat-tile__hint{margin-top:.25rem;color:var(--text-muted);font-size:.75rem;opacity:.8}.stat-tile--blue .stat-tile__value{color:var(--blue-bright)}.stat-tile--yellow .stat-tile__value{color:var(--yellow)}.stat-tile--green .stat-tile__value{color:var(--green)}.summary__actions{display:flex;flex-direction:column;gap:.625rem}.review__counter{color:var(--text-muted);font-size:.8125rem;font-weight:800}.review-card{display:flex;flex-direction:column;gap:.875rem;padding:1.25rem;border-radius:var(--radius-lg);background:var(--cream);color:var(--ink);box-shadow:var(--shadow-card);animation:reveal-in .24s ease both}.review-card__prompt{font-size:1.25rem;font-weight:900;line-height:1.25;letter-spacing:-.02em}.review-card__choices{display:flex;flex-direction:column;gap:.4375rem;list-style:none;padding:0}.review-choice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;border:2px solid rgba(11,22,56,.08);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:700}.review-choice.is-correct{border-color:var(--green);background:#e7fbf1}.review-choice.is-wrong{border-color:var(--coral);background:#ffecec}.review-choice__tag{flex:none;font-size:.6875rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.review-card__yours{color:var(--ink-muted);font-size:.9375rem}.review-card__fact{padding:.625rem .75rem;border-radius:var(--radius-sm);background:#ffd23f38;font-size:.875rem}.review__nav{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.best-list,.round-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.best-row,.round-row{display:grid;grid-template-columns:1fr auto;gap:.125rem .75rem;padding:.75rem .9375rem;border-radius:var(--radius-md);background:#132049bf;color:var(--text);text-decoration:none}.best-row__title,.round-row__title{font-weight:800}.best-row__meta,.round-row__meta{color:var(--text-muted);font-size:.75rem;font-weight:600}.best-row__score,.round-row__score{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--yellow);font-size:1.125rem;font-weight:900}.round-row__star{margin-left:.25rem;font-size:.8125rem}.bottom-nav{position:fixed;inset:auto 0 0;z-index:10;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(147,164,207,.16);background:#060e26e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav__list{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;max-width:30rem;margin-inline:auto;list-style:none;padding:0}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;gap:.1875rem;padding:.4375rem .25rem;border-radius:var(--radius-md);color:var(--text-muted);font-size:.6875rem;font-weight:800;letter-spacing:.02em;text-decoration:none;transition:color .16s ease,background-color .16s ease}.bottom-nav__icon{width:1.5rem;height:1.5rem}.bottom-nav__link.active{background:#2e7bff29;color:var(--blue-bright)}.confetti{position:fixed;inset:0;z-index:20;overflow:hidden;pointer-events:none}.confetti__bit{position:absolute;top:-6vh;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.55,.4,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}to{opacity:0;transform:translate3d(var(--drift, 0),108vh,0) rotate(var(--spin, 180deg))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.confetti{display:none}}