:root{font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif;color:#172554;background:#eff6ff;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 20% 10%,#fef3c7 0,transparent 30%),radial-gradient(circle at 85% 15%,#ddd6fe 0,transparent 32%),linear-gradient(145deg,#eff6ff,#fdf4ff);padding:calc(env(safe-area-inset-top) + 10px) max(14px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 18px) max(14px,env(safe-area-inset-left))}.topbar{max-width:900px;margin:auto;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.topbar a{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:#172554;text-decoration:none;font-size:24px;box-shadow:0 8px 30px #1e3a8a18}.topbar strong{text-align:center}.topbar select,select{border:1px solid #c7d2fe;border-radius:12px;background:#fff;padding:10px;color:#172554}.shell{max-width:900px;margin:14px auto 0}.panel{background:#ffffffeb;border:1px solid #fff;border-radius:28px;box-shadow:0 20px 60px #312e8122;padding:clamp(20px,4vw,38px)}.menu{text-align:center;max-width:620px;margin:auto}.hero-icon{font-size:58px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#7c3aed}.menu h1{font-size:clamp(34px,7vw,58px);margin:8px 0}.menu>p:not(.eyebrow){color:#475569;line-height:1.65}.menu label{display:grid;gap:8px;max-width:330px;margin:24px auto;text-align:left}.primary,button{border:0;border-radius:16px;padding:13px 20px;font:inherit;font-weight:800;cursor:pointer;background:#e0e7ff;color:#312e81}.primary{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 10px 24px #4f46e544}.menu small{display:block;color:#64748b;line-height:1.5;margin-top:18px}.hidden{display:none!important}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hud span,.result-grid span{background:#f8fafc;border-radius:14px;padding:10px;text-align:center}.hud small,.result-grid small{display:block;color:#64748b;font-size:11px}.hud b,.result-grid b{font-size:20px}.hud i{font-style:normal}.rule-card{margin:18px auto 12px;padding:14px 20px;max-width:450px;text-align:center;border-radius:18px;background:#312e81;color:#fff;transition:.25s}.rule-card.shape{background:#be123c}.rule-card.switch{animation:pulse .55s ease 2}.rule-card small,.rule-card span{display:block}.rule-card strong{display:block;font-size:clamp(23px,5vw,34px);margin:4px}.rule-card span{font-size:12px;color:#ddd6fe;min-height:16px}.target{text-align:center}.target small,.choose{display:block;color:#64748b;text-align:center;font-weight:700}.target canvas{max-width:180px;width:42vw;height:auto}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:600px;margin:12px auto}.choice{min-height:130px;background:#fff;border:3px solid #e0e7ff;padding:4px;position:relative}.choice:hover,.choice:focus{border-color:#7c3aed;transform:translateY(-2px)}.choice canvas{width:100%;height:108px}.choice.disabled{opacity:.18;pointer-events:none}.choice.correct{border-color:#16a34a;background:#dcfce7}.choice.wrong{border-color:#dc2626;background:#fee2e2}.choice kbd{position:absolute;left:8px;top:8px;background:#eef2ff;border-radius:7px;padding:3px 7px}.tools,.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:15px}.feedback{text-align:center;min-height:24px;font-weight:800;color:#475569}.overlay{text-align:center;max-width:560px;margin:70px auto}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.overlay>p{color:#475569;line-height:1.6}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 10px #fef3c744}}@media(max-width:560px){body{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.panel{padding:16px;border-radius:22px}.topbar strong{font-size:13px}.hud{grid-template-columns:repeat(2,1fr)}.choices{gap:8px}.choice{min-height:105px}.choice canvas{height:88px}.result-grid{grid-template-columns:1fr}.game{padding-bottom:22px}}