.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: 700px){.morph{display:grid}.morph .side{position:relative;inset:auto;grid-area:1 / 1;padding:20px}.fun .ans{padding:12px}}@media (max-width: 560px){.qopts,.two{grid-template-columns:minmax(0,1fr)}}.ng-dock{position:fixed;z-index:70;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;padding:6px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),0 20px 40px -16px #0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .6s var(--ease-spring),opacity .3s}.ng-dock.on{transform:translate(-50%);opacity:1;pointer-events:auto}.ng-go{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:6px 22px 6px 6px;border-radius:999px;text-decoration:none;color:#111;font-weight:900;background:linear-gradient(180deg,#4fd0ff,#00aeef);box-shadow:0 6px #00719c,0 18px 30px -12px #00aeefe6;transition:transform .25s var(--ease-spring),box-shadow .25s;overflow:hidden}.ng-go:hover,.ng-go:focus-visible{transform:translateY(-3px);box-shadow:0 9px #00719c,0 24px 36px -14px #00aeefe6}.ng-go:active{transform:translateY(4px);box-shadow:0 2px #00719c}.ng-go:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--ease-out)}.ng-go:hover:after{transform:translate(120%)}.ng-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0b1d2a;color:#4fd0ff;flex:none}.ng-ico svg{width:22px;height:22px}.ng-go:hover .ng-ico svg{animation:ng-tick .6s var(--ease-spring)}@keyframes ng-tick{40%{transform:rotate(-14deg) scale(1.15)}}.ng-t{display:flex;flex-direction:column;line-height:1.15;text-align:left}.ng-t b{font-size:17px}.ng-t small{font-size:12.5px;font-weight:700;opacity:.9}.ng-arr{margin-left:4px;font-size:18px}@media (max-width: 700px){.ng-dock{left:12px;right:12px;transform:translateY(140%)}.ng-dock.on{transform:none}.ng-go{flex:1}.ng-arr{margin-left:auto}body.ng-dock-on .toasts{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){.ng-dock{transition:opacity .2s}.ng-go:hover .ng-ico svg{animation:none}}