*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  body{font-family:'Baloo Bhaijaan 2',sans-serif;color:#3A2E52;min-height:100dvh;
    background:linear-gradient(160deg,#FFE9B8,#FFC9D8 45%,#A9E3F5);
    -webkit-user-select:none;user-select:none;padding:22px 16px 36px;}
  header{text-align:center;margin-bottom:18px;}
  h1{font-size:clamp(28px,9vw,46px);font-weight:800;line-height:1.1;}
  h1 .nm{color:#FF3D9A;}
  .sub{font-size:clamp(15px,4.4vw,19px);font-weight:600;opacity:.8;margin-top:4px;}
  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin:0 auto;}
  @media(min-width:520px){.grid{grid-template-columns:repeat(3,1fr);}}
  .card{text-decoration:none;color:#3A2E52;background:#ffffffdd;border-radius:24px;
    padding:18px 10px 14px;text-align:center;box-shadow:0 6px 0 #00000018;
    display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s;}
  .card:active{transform:translateY(4px);box-shadow:0 2px 0 #00000018;}
  .emoji{font-size:clamp(38px,12vw,54px);line-height:1;}
  .label{font-size:clamp(15px,4.4vw,19px);font-weight:800;}
  .card .num{font-size:12px;font-weight:700;color:#fff;background:#FF3D9A;border-radius:999px;padding:1px 9px;}
  footer{text-align:center;margin-top:22px;font-size:13px;font-weight:600;opacity:.7;}