:root{--bg:#101010;--panel:#1b1b1b;--orange:#f28c28;--yellow:#ffcf40;--text:#f5f5f5;--muted:#bdbdbd;--bad:#ff5b5b;--good:#54d17a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#2a241c,#101010 45%,#050505);color:var(--text);min-height:100vh}.wrap{width:min(1100px,92vw);margin:0 auto;padding:28px 0 36px}.hero{text-align:center;padding:24px 0 28px}.kicker{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px}h1{font-size:clamp(2.1rem,7vw,4.8rem);margin:0;line-height:.95;text-transform:uppercase}.tagline{max-width:760px;margin:18px auto 0;color:var(--muted);font-size:1.08rem;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{display:block;text-decoration:none;color:var(--text);background:linear-gradient(180deg,#222,#151515);border:1px solid #333;border-radius:18px;padding:20px;min-height:168px;box-shadow:0 10px 28px rgba(0,0,0,.28);transition:.15s transform,.15s border-color}.card:hover{transform:translateY(-4px);border-color:var(--orange)}.card span{display:inline-block;background:var(--orange);color:#111;font-weight:800;font-size:.75rem;padding:5px 8px;border-radius:999px;text-transform:uppercase;margin-bottom:8px}.done span{background:var(--good)}.card h2{font-size:1.2rem;margin:0 0 10px}.card p{color:var(--muted);line-height:1.4;margin:0}footer{text-align:center;color:#8c8c8c;margin-top:28px}.game{max-width:760px;margin:0 auto;background:rgba(27,27,27,.92);border:1px solid #333;border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(0,0,0,.35)}.toplink{color:var(--yellow);text-decoration:none;font-weight:800}.scenario{color:var(--muted);line-height:1.55;font-size:1.08rem}.answers{display:grid;gap:12px;margin-top:20px}button{border:0;border-radius:14px;padding:15px 16px;font-size:1rem;font-weight:800;background:#303030;color:var(--text);cursor:pointer;text-align:left}button:hover{background:#3b3b3b}.result{margin-top:18px;padding:16px;border-radius:14px;line-height:1.45;display:none}.result.good{display:block;background:rgba(84,209,122,.14);border:1px solid rgba(84,209,122,.55)}.result.bad{display:block;background:rgba(255,91,91,.14);border:1px solid rgba(255,91,91,.55)}.next{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.next a{background:var(--orange);color:#111;text-decoration:none;font-weight:900;padding:12px 14px;border-radius:12px}.small{color:#999;font-size:.9rem;margin-top:16px}
