:root{--red:#ae1915;--red2:#e21b16;--black:#000001;--ink:#f8efe2;--muted:#cdbfb6;--panel:#08080ac7;--line:#ffffff24}*{box-sizing:border-box}body{color:var(--ink);background:#050505;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{flex-direction:column;gap:18px;min-height:100vh;padding:22px;display:flex;position:relative;overflow:hidden}.app-shell:before{content:"";filter:saturate(1.15);z-index:-3;background:linear-gradient(#00000094,#000000b8),url(/assets/dojo-CP08g-2o.png) 50%/cover no-repeat;position:absolute;inset:0}.background-glow{z-index:-2;background:radial-gradient(circle,#ae19158c,#0000 62%);height:55vh;position:absolute;inset:auto -20% -35%}header,footer{color:#fff;text-shadow:0 2px 16px #000;align-items:center;gap:12px;width:100%;max-width:1120px;margin:0 auto;display:flex}header img{object-fit:contain;width:42px;height:42px}header span{letter-spacing:.03em;text-transform:uppercase;font-weight:950}footer{color:var(--muted);justify-content:center;font-size:13px}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#000001db,#2a0a0ac7);border-radius:28px;width:100%;max-width:1120px;margin:auto;padding:clamp(20px,4vw,44px);box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff14}.hero{grid-template-columns:1fr minmax(280px,520px);align-items:center;gap:28px;margin:auto;display:grid}.hero-art{filter:drop-shadow(0 30px 30px #000000b3);width:100%}.eyebrow{color:#ffb3a8;text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px;font-size:13px;font-weight:900}h1{letter-spacing:-.07em;text-wrap:balance;margin:0 0 18px;font-size:clamp(36px,7vw,78px);line-height:.92}.lede{color:#eadbd0;max-width:680px;font-size:clamp(18px,2.2vw,24px);line-height:1.35}.stats-row,.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.badge{background:#ffffff12;border:1px solid #ffffff29;border-radius:18px;padding:14px}.badge span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;display:block}.badge b{margin-top:4px;font-size:24px;display:block}.primary{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:0;border-radius:18px;padding:16px 22px;font-weight:950;box-shadow:0 12px 28px #ae19156b}.primary:disabled{opacity:.55;cursor:not-allowed}.micro{color:var(--muted)}.quiz-card{max-width:900px}.topbar{color:#fff;justify-content:space-between;align-items:center;font-weight:900;display:flex}.timer{border:1px solid var(--line);background:#ffffff14;border-radius:999px;padding:8px 14px}.danger{background:var(--red);animation:.7s infinite alternate pulse}.progress{background:#ffffff1f;border-radius:999px;height:10px;margin:18px 0 28px;overflow:hidden}.progress span{background:linear-gradient(90deg,#fff,var(--red2));border-radius:999px;height:100%;display:block}.choices{gap:14px;display:grid}.choice{text-align:left;border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff14;border-radius:18px;width:100%;padding:18px;font-weight:850}.choice:hover{background:#ffffff24;border-color:#fff}.choice.correct{background:#269a4957;border-color:#7cff9e}.choice.wrong{background:#ae191573;border-color:#ff7a70}.feedback{border:1px solid var(--line);background:#00000059;border-radius:20px;gap:10px;margin-top:18px;padding:18px;display:grid}.feedback span{color:#ffd7d2}.badge-art{float:right;filter:drop-shadow(0 20px 22px #0000008c);width:45%;max-width:220px}.results details{margin-top:22px}.results summary{cursor:pointer;color:#fff;font-weight:900}.review-list{gap:10px;margin-top:14px;display:grid}.review{border:1px solid var(--line);background:#ffffff0f;border-radius:14px;gap:6px;padding:12px;display:grid}.review span{color:var(--muted)}@keyframes pulse{to{transform:scale(1.05)}}@media (width<=800px){.hero{grid-template-columns:1fr}.hero-art{order:-1}.stats-row,.result-grid{grid-template-columns:1fr}.card{border-radius:22px}.app-shell{padding:14px}h1{font-size:42px}.badge-art{float:none;width:180px}}
