:root{
    --mono:'IBM Plex Mono',monospace;
    --disp:'Space Grotesk',sans-serif;
  }
  *{box-sizing:border-box;}
  body{
    margin:0; min-height:100vh; padding:24px;
    background:
      linear-gradient(var(--grid) 1px, transparent 1px) 0 0/32px 32px,
      linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0/32px 32px,
      var(--bg);
    color:var(--ink); font-family:var(--mono);
    display:flex; align-items:center; justify-content:center;
  }
  .wrap{max-width:470px; width:100%;}

  .eyebrow{font-size:11px; letter-spacing:.14em; color:var(--line); text-transform:uppercase; text-align:center;}
  h1{font-family:var(--disp); font-weight:700; font-size:24px; margin:6px 0 4px; text-align:center;}
  .tagline{font-size:12.5px; color:var(--ink-dim); text-align:center; margin:0 0 18px;}

  /* --- level header: name, then pips, nothing else --- */
  .level-name{font-family:var(--disp); font-weight:700; font-size:12px; letter-spacing:.06em;
              text-transform:uppercase; color:var(--drill); text-align:center; margin-bottom:8px;}
  .pips{display:flex; justify-content:center; gap:5px; margin-bottom:6px;}
  .pip{width:13px; height:13px; border-radius:50%; border:2px solid var(--line-dim); background:transparent;}
  .pip.ok{background:var(--ok); border-color:var(--ok);}
  .pip.bad{background:var(--bad); border-color:var(--bad);}
  .pip.mark{box-shadow:0 0 0 2px var(--drill);}
  .banner{font-size:11px; text-align:center; min-height:15px; margin:0 0 14px; color:var(--ok);}
  .banner.bad{color:var(--bad);}

  /* --- card --- */
  .card{position:relative; background:var(--panel); border:1px solid var(--line-dim);
        border-radius:3px; padding:24px; min-height:210px;}
  .card::before,.card::after,.c-bl,.c-br{content:""; position:absolute; width:12px; height:12px;
        border-color:var(--line); border-style:solid;}
  .card::before{top:-1px; left:-1px; border-width:2px 0 0 2px;}
  .card::after{top:-1px; right:-1px; border-width:2px 2px 0 0;}
  .c-bl{bottom:-1px; left:-1px; border-width:0 0 2px 2px;}
  .c-br{bottom:-1px; right:-1px; border-width:0 2px 2px 0;}

  .term{font-family:var(--disp); font-weight:700; font-size:23px; color:var(--line);
        text-align:center; margin:0 0 12px; line-height:1.25;}
  .def{font-size:14px; line-height:1.6; text-align:center; margin:0 0 22px;}

  .choices{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
  .choice{padding:14px; border-radius:6px; cursor:pointer; text-align:center;
          font-family:var(--disp); font-weight:700; font-size:15px; border:2px solid;
          transition:transform .1s, opacity .15s;}
  .choice.real{border-color:var(--ok); color:var(--ok); background:rgba(111,231,179,.08);}
  .choice.fake{border-color:var(--bad); color:var(--bad); background:rgba(242,169,59,.08);}
  .choice:hover{transform:scale(1.02);}
  .choices.locked .choice{cursor:default; opacity:.45; transform:none;}
  .choices.locked .choice.picked{opacity:1; transform:scale(1.03);}

  .verdict{margin-top:18px; padding-top:16px; border-top:1px dashed var(--line-dim); display:none;}
  .verdict.show{display:block;}
  .verdict-tag{font-family:var(--disp); font-weight:700; font-size:13px; text-transform:uppercase;
               letter-spacing:.05em; margin-bottom:6px;}
  .verdict-tag.ok{color:var(--ok);} .verdict-tag.bad{color:var(--bad);}
  .verdict-note{font-size:12.5px; color:var(--ink-dim); font-style:italic; line-height:1.6;}

  .next-row{display:flex; justify-content:flex-end; margin-top:18px;}
  .btn{font-family:var(--disp); font-weight:700; font-size:13px; padding:10px 22px;
       border-radius:6px; cursor:pointer; border:none; background:var(--line); color:#04141F;}
  .btn:disabled{opacity:.3; cursor:not-allowed;}
  .btn.ghost{background:var(--panel-2); color:var(--ink); border:1px solid var(--line-dim);}

  .footer{display:flex; justify-content:space-between; align-items:center; margin-top:16px; gap:10px;}
  .lifetime{font-size:11px; color:var(--ink-dim); white-space:nowrap;}