.morph{position:relative;min-height:380px;perspective:1400px}.morph .side{position:absolute;inset:0;border-radius:28px;padding:26px;display:grid;gap:12px;align-content:start;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .9s var(--ease-spring)}.morph .dull{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);filter:grayscale(1)}.morph .dull .ln{height:12px;border-radius:6px;background:var(--line)}.morph .dull .opt{display:flex;gap:10px;align-items:center}.morph .dull .opt i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line-strong)}.morph .fun{background:#0b1d2a;color:#fff;transform:rotateY(180deg);box-shadow:0 30px 60px -30px #00aeef99}.morph.flip .dull{transform:rotateY(-180deg)}.morph.flip .fun{transform:rotateY(0)}.fun .bar{height:10px;border-radius:5px;background:#ffffff26;overflow:hidden}.fun .bar i{display:block;width:62%;height:100%;background:var(--cyan)}.fun .pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffff1a;font-weight:900;font-size:14px}.fun .ans{padding:14px;border-radius:14px;background:#ffffff14;font-weight:700}.fun .ans.hot{background:var(--cyan);color:#111}.quiz{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.qbox{border-radius:28px;padding:clamp(20px,3vw,32px);background:#0b1d2a;color:#fff;display:grid;gap:16px;box-shadow:var(--shadow)}.qtop{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.qtop .pill{padding:8px 14px;border-radius:999px;background:#ffffff1a;font-weight:900;font-variant-numeric:tabular-nums}.qtop .streak{background:var(--yellow);color:#111}.qtimer{height:10px;border-radius:5px;background:#ffffff24;overflow:hidden}.qtimer i{display:block;height:100%;width:100%;background:var(--cyan);transform-origin:left}.qtext{font-weight:900;font-size:clamp(22px,2.4vw,32px);line-height:1.2;min-height:2.4em}.qopts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qopt{font:inherit;font-weight:700;text-align:left;min-height:72px;padding:14px 16px;border-radius:16px;border:0;background:#ffffff14;color:#fff;cursor:pointer;transition:transform .2s var(--ease-spring),background-color .2s}.qopt:hover{background:#ffffff29;transform:translateY(-2px)}.qopt.right{background:var(--green);color:#111}.qopt.wrong{background:var(--red);color:#111}.qopt:disabled{cursor:default;transform:none}.pop{font-weight:900;color:var(--yellow);min-height:24px}.lb{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lb li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums}.lb li.you{box-shadow:inset 0 0 0 2px var(--cyan)}.lb b{font-weight:900}.fail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.crack{position:relative;padding:24px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.crack:after{content:"";position:absolute;right:-10px;top:-10px;width:90px;height:90px;background:linear-gradient(135deg,transparent 46%,var(--red) 47%,var(--red) 52%,transparent 53%);opacity:.5}.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tagline{font-weight:900;font-size:clamp(40px,7vw,110px);line-height:.95;letter-spacing:-.04em}.tagline span:nth-child(1){color:var(--cyan-ink)}.tagline span:nth-child(2){color:var(--red-ink)}.tagline span:nth-child(3){color:var(--green-ink)}@media (max-width: 900px){.quiz,.fail{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.qopts,.two{grid-template-columns:minmax(0,1fr)}}