:root{
  --eldrow-bg:#F6F5F2;
  --eldrow-ink:#20343A;
  --eldrow-green:#4FA36A;
  --eldrow-yellow:#E3C24B;
  --eldrow-gray:#A9B0B6;
  --eldrow-teal:#2C6E6E;
  --radius:12px;
}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;background:var(--eldrow-bg);color:var(--eldrow-ink)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:0;cursor:pointer;font-weight:700}
.btn--primary{background:var(--eldrow-teal);color:#fff}
.btn--ghost{background:#fff;border:2px solid var(--eldrow-gray);color:var(--eldrow-ink)}
.icon{width:28px;height:28px;object-fit:contain}
.tile{width:64px;height:64px;border-radius:12px;border:2px solid var(--eldrow-gray);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px}
.tile--correct{background:var(--eldrow-green);color:#fff;border-color:var(--eldrow-green)}
.tile--present{background:var(--eldrow-yellow);color:#222;border-color:var(--eldrow-yellow)}
.tile--absent{background:#CBD2D8;color:#2b2b2b;border-color:#CBD2D8}