:root{--white: #ffffff;--black: #0a0a0a;--ink: #111111;--paper: #f7f5f0;--cobalt: #1446ff;--yellow: #ffd60a;--orange: #ff6b1a;--green: #18c24a;--red: #ff2d3b;--pink: #ff5fa2;--teal: #12c7c7;--purple: #6a3bff;--radius: 18px;--radius-lg: 28px;--shadow: 0 12px 40px rgba(10, 10, 10, .12);--shadow-lg: 0 24px 70px rgba(10, 10, 10, .22);--font-display: "Archivo Black", "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--maxw: 1180px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-x:hidden}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}.hidden{display:none!important}.screen{position:relative;width:100%;flex:1;display:flex;flex-direction:column;padding:clamp(16px,4vw,40px);animation:screen-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen__inner{width:100%;max-width:var(--maxw);margin:0 auto;flex:1;display:flex;flex-direction:column}.display{font-family:var(--font-display);letter-spacing:-.02em;line-height:.95;text-transform:uppercase}.eyebrow{font-family:var(--font-display);font-size:clamp(.7rem,1.6vw,.85rem);letter-spacing:.28em;text-transform:uppercase;color:var(--ink);opacity:.55}.label{font-family:var(--font-display);font-size:clamp(.68rem,1.5vw,.8rem);letter-spacing:.22em;text-transform:uppercase}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:clamp(18px,4vw,34px)}.topbar__brand{font-family:var(--font-display);font-size:clamp(1rem,2.6vw,1.4rem);letter-spacing:-.01em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.topbar__dot{width:14px;height:14px;border-radius:50%;background:var(--cobalt);display:inline-block;box-shadow:0 0 0 4px #1446ff2e}.topbar__meta{display:flex;align-items:center;gap:clamp(10px,2vw,22px);font-family:var(--font-display);font-size:clamp(.68rem,1.5vw,.78rem);letter-spacing:.18em;text-transform:uppercase}.topbar__meta b{color:var(--ink)}.topbar__meta span{opacity:.45}.score-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--white);font-family:var(--font-display);font-size:clamp(.7rem,1.6vw,.82rem);letter-spacing:.16em}.score-pill__num{color:var(--yellow)}.start{text-align:center;align-items:center;justify-content:center}.start__inner{align-items:center;justify-content:center;text-align:center}.start__title{font-family:var(--font-display);font-size:clamp(3rem,13vw,9rem);line-height:.86;letter-spacing:-.04em;text-transform:uppercase;margin:18px 0 10px}.start__title span{display:inline-block}.start__title .t-room{color:var(--cobalt)}.start__title .t-memory{color:var(--ink)}.start__tag{font-size:clamp(1rem,2.6vw,1.4rem);font-weight:500;max-width:620px;margin:8px auto 0;color:var(--ink);opacity:.7}.start__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px auto 34px;max-width:640px}.chip{font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:2px solid var(--ink);background:var(--white)}.chip--blue{background:var(--cobalt);color:var(--white);border-color:var(--cobalt)}.chip--yellow{background:var(--yellow);border-color:var(--ink)}.chip--orange{background:var(--orange);color:var(--white);border-color:var(--orange)}.chip--green{background:var(--green);color:var(--white);border-color:var(--green)}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.85rem,2vw,1.05rem);padding:18px 38px;border-radius:999px;background:var(--ink);color:var(--white);display:inline-flex;align-items:center;gap:12px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 8px #0a0a0a2e;border:3px solid var(--ink)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px #0a0a0a38}.btn:active{transform:translateY(4px);box-shadow:0 2px #0a0a0a2e}.btn--blue{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}.btn--yellow{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.btn--white{background:var(--white);color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink);box-shadow:none;border-color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--white)}.btn--lg{padding:22px 48px;font-size:clamp(1rem,2.4vw,1.25rem)}.btn--block{width:100%;justify-content:center}.btn-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px}.intro,.intro__inner{align-items:center;justify-content:center;text-align:center}.intro__counter{font-family:var(--font-display);font-size:clamp(.85rem,2vw,1.1rem);letter-spacing:.3em;padding:8px 18px;border-radius:999px;border:2px solid var(--ink);display:inline-block;margin-bottom:26px}.intro__name{font-family:var(--font-display);font-size:clamp(2.4rem,9vw,6rem);line-height:.9;letter-spacing:-.03em;text-transform:uppercase}.intro__instr{font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:600;margin-top:18px}.intro__hint{margin-top:12px;font-size:clamp(.85rem,2vw,1rem);opacity:.6;max-width:480px}.intro__accent{width:90px;height:14px;border-radius:999px;margin:30px auto 8px}.observe{padding:0;background:var(--ink);color:var(--white)}.observe__inner{max-width:100%;padding:clamp(14px,2.4vw,26px);display:flex;flex-direction:column;flex:1;gap:clamp(12px,2vw,20px)}.observe__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.observe__label{font-family:var(--font-display);font-size:clamp(.72rem,1.8vw,.9rem);letter-spacing:.28em;text-transform:uppercase;color:var(--yellow)}.observe__counter{font-family:var(--font-display);font-size:clamp(.72rem,1.8vw,.9rem);letter-spacing:.2em;opacity:.55}.observe__timer{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display)}.observe__time{font-size:clamp(2.6rem,9vw,5.5rem);line-height:1;color:var(--white);font-variant-numeric:tabular-nums}.observe__secs{font-size:clamp(.9rem,2vw,1.2rem);opacity:.5;letter-spacing:.2em}.observe__bar{height:12px;border-radius:999px;background:#ffffff24;overflow:hidden}.observe__bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--yellow),var(--red));border-radius:999px;transform-origin:left;transition:width 1s linear}.observe__image-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;border-radius:var(--radius-lg);overflow:hidden;background:#000;position:relative}.observe__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.timesup{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center;text-align:center;z-index:50;padding:24px;animation:screen-in .35s ease both}.timesup__text{font-family:var(--font-display);font-size:clamp(1.8rem,7vw,4.5rem);line-height:.92;letter-spacing:-.02em;text-transform:uppercase}.timesup__text .accent{color:var(--yellow)}.question__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.question__counter{font-family:var(--font-display);font-size:clamp(.78rem,1.9vw,1rem);letter-spacing:.24em;padding:8px 16px;border-radius:999px;border:2px solid var(--ink)}.question__progress{display:flex;gap:6px}.question__pip{width:clamp(22px,5vw,34px);height:8px;border-radius:999px;background:#0a0a0a29}.question__pip.is-done{background:var(--ink)}.question__pip.is-correct{background:var(--green)}.question__pip.is-wrong{background:var(--red)}.question__card{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:clamp(22px,4vw,42px);box-shadow:var(--shadow-lg);flex:1;display:flex;flex-direction:column}.question__text{font-family:var(--font-display);font-size:clamp(1.4rem,4.4vw,2.6rem);line-height:1.05;letter-spacing:-.02em;text-transform:none;margin-bottom:clamp(18px,3vw,28px)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vw,16px);margin-bottom:clamp(16px,3vw,24px)}@media (max-width: 560px){.choices{grid-template-columns:1fr}}.choice{font-family:var(--font-body);font-weight:700;font-size:clamp(1rem,2.6vw,1.4rem);text-align:left;padding:clamp(16px,2.6vw,24px) clamp(18px,3vw,28px);border-radius:var(--radius);border:3px solid var(--ink);background:var(--white);color:var(--ink);display:flex;align-items:center;gap:14px;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease;min-height:64px}.choice:hover:not(:disabled){transform:translateY(-3px);background:var(--paper)}.choice:disabled{cursor:default}.choice__letter{font-family:var(--font-display);font-size:.85em;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--white)}.choice.is-correct{background:var(--green);color:var(--white);border-color:var(--ink)}.choice.is-correct .choice__letter{background:var(--white);color:var(--ink)}.choice.is-wrong{background:var(--red);color:var(--white);border-color:var(--ink)}.choice.is-wrong .choice__letter{background:var(--white);color:var(--ink)}.choice.is-correct-dim{background:#18c24a24;border-color:var(--green);color:var(--ink)}.choice.is-correct-dim .choice__letter{background:var(--green);color:var(--white)}.feedback{margin-top:auto;display:flex;flex-direction:column;gap:14px;animation:screen-in .3s ease both}.feedback__verdict{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,3rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:center;gap:14px}.feedback__verdict.is-correct{color:var(--green)}.feedback__verdict.is-wrong{color:var(--red)}.feedback__answer{font-size:clamp(1rem,2.4vw,1.3rem);font-weight:600}.feedback__answer b{font-family:var(--font-display)}.feedback__type{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:var(--ink);color:var(--yellow)}.review,.review__inner{align-items:center;justify-content:center;text-align:center}.review__label{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.4rem);letter-spacing:.18em;text-transform:uppercase}.review__image-wrap{width:min(100%,720px);margin:22px auto;border-radius:var(--radius-lg);overflow:hidden;border:4px solid var(--ink);box-shadow:var(--shadow-lg);aspect-ratio:4 / 3;background:#000}.review__image{width:100%;height:100%;object-fit:cover;display:block}.review__score{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,4.5rem);line-height:1;letter-spacing:-.02em}.review__score .num{color:var(--cobalt)}.review__msg{font-size:clamp(1rem,2.4vw,1.3rem);font-weight:600;margin-top:10px;opacity:.8}.final__title{font-family:var(--font-display);font-size:clamp(2rem,7vw,4.5rem);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;text-align:center}.final__profile{font-family:var(--font-display);font-size:clamp(1.6rem,5.5vw,3.4rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;text-align:center;margin:18px 0 10px}.final__blurb{text-align:center;font-size:clamp(1rem,2.4vw,1.3rem);max-width:620px;margin:0 auto 30px;opacity:.82}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0}.stat{background:var(--white);border:3px solid var(--ink);border-radius:var(--radius);padding:18px 16px;text-align:center}.stat__label{font-family:var(--font-display);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.stat__value{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.1rem);line-height:1;margin-top:6px}.stat--accent{background:var(--yellow)}.stat--blue{background:var(--cobalt);color:var(--white)}.stat--blue .stat__label{opacity:.7;color:var(--white)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:10px 0 26px}.cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--white)}.cat__name{font-weight:700;font-size:.95rem}.cat__bar{flex:1;height:8px;border-radius:999px;background:#0a0a0a1f;margin:0 12px;overflow:hidden}.cat__bar-fill{height:100%;background:var(--cobalt);border-radius:999px}.cat__score{font-family:var(--font-display);font-size:.85rem}.rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0 28px}@media (min-width: 760px){.rooms-grid{grid-template-columns:repeat(4,1fr)}}.room-card{border:3px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--white);text-align:left}.room-card__img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#000}.room-card__body{padding:12px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.room-card__name{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.room-card__score{font-family:var(--font-display);font-size:1.1rem}.reviewall{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:60;display:flex;flex-direction:column;padding:clamp(16px,4vw,40px);animation:screen-in .3s ease both}.reviewall__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.reviewall__title{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.4rem);letter-spacing:-.02em;text-transform:uppercase}.reviewall__grid{display:grid;grid-template-columns:1fr;gap:22px;max-width:var(--maxw);margin:0 auto;width:100%}@media (min-width: 760px){.reviewall__grid{grid-template-columns:1fr 1fr}}.reviewall__item{border:3px solid var(--ink);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}.reviewall__img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#000}.reviewall__cap{padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.lesson,.lesson__inner{align-items:center;justify-content:center;text-align:center}.lesson__heading{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,3.2rem);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;margin:10px 0 22px}.lesson__card{width:min(100%,680px);background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:clamp(22px,4vw,40px);box-shadow:var(--shadow-lg);text-align:left}.lesson__title{font-family:var(--font-display);font-size:clamp(1.2rem,3.6vw,2rem);line-height:1.05;letter-spacing:-.01em;text-transform:none;margin-bottom:14px}.lesson__body{font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.5;opacity:.85}.lesson__takeaway{margin-top:22px;padding:16px 18px;border-radius:var(--radius);background:var(--paper);border:2px dashed var(--ink)}.lesson__takeaway-label{font-family:var(--font-display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);opacity:.7;margin-bottom:6px}.lesson__takeaway-text{font-size:clamp(1rem,2.2vw,1.2rem);font-weight:600}.lesson__summary{width:min(100%,680px);margin:20px auto 0;padding:18px 22px;border:3px solid var(--ink);border-radius:var(--radius-lg);background:var(--ink);color:var(--white);text-align:left}.lesson__summary-label{font-family:var(--font-display);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.lesson__score{font-family:var(--font-display);font-size:clamp(1.8rem,6vw,3rem);line-height:1;margin:6px 0 10px}.lesson__score .num{color:var(--yellow)}.lesson__score-unit{font-size:.36em;opacity:.5;letter-spacing:.1em}.lesson__perf-line{font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;opacity:.9}.lesson__perf-line b{font-family:var(--font-display)}.lesson__perf-line--missed{color:var(--red)}.lesson__skills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px auto 26px;max-width:680px}.skill-chip{font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:2px solid rgba(10,10,10,.25);background:var(--white);color:var(--ink);opacity:.4}.skill-chip.is-tested{opacity:1;background:var(--ink);color:var(--white);border-color:var(--ink)}.recap{max-width:680px;margin:30px auto 6px;text-align:center}.recap__label{margin-bottom:18px}.recap__list{display:flex;flex-direction:column;gap:12px;text-align:left}.recap__item{display:flex;align-items:baseline;gap:16px;padding:14px 18px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--white)}.recap__num{font-family:var(--font-display);font-size:clamp(1rem,3vw,1.6rem);color:var(--cobalt);flex-shrink:0}.recap__text{font-size:clamp(1rem,2.4vw,1.2rem);font-weight:600;line-height:1.3}.recap__closing{margin-top:22px;font-size:clamp(1rem,2.6vw,1.3rem);font-weight:600;line-height:1.5;opacity:.85;padding:0 8px}.footer{text-align:center;padding:clamp(22px,4vw,38px) 16px;font-size:.9rem;font-weight:600;opacity:.7}.mt-auto{margin-top:auto}.center{text-align:center}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.streak-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}