*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html,body{height:100%;overflow:hidden;}
  body{font-family:'Baloo Bhaijaan 2',sans-serif;color:#3A2E52;background:linear-gradient(160deg,#FFF3DB,#E3F0FF);user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;flex-direction:column;height:100dvh;}
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px;}
  .topbar h1{font-size:clamp(18px,5vw,26px);font-weight:800;}
  .nm{color:#FF3D9A;}
  .homebtn{text-decoration:none;background:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 0 #00000016;}
  .homebtn:active{transform:translateY(3px);box-shadow:0 1px 0 #00000016;}
  .btn{font-family:inherit;border:none;cursor:pointer;background:#fff;color:#3A2E52;font-weight:800;font-size:clamp(13px,3.6vw,16px);padding:8px 14px;border-radius:999px;box-shadow:0 4px 0 #00000016;}
  .btn:active{transform:translateY(3px);box-shadow:0 1px 0 #00000016;}
  #board{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 16px 18px;align-content:center;max-width:560px;width:100%;margin:0 auto;}
  .card{aspect-ratio:1/1;border-radius:18px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .35s;}
  .card .face{position:absolute;inset:0;border-radius:18px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;font-size:clamp(28px,9vw,46px);box-shadow:0 4px 0 #00000016;}
  .card .back{background:linear-gradient(145deg,#9775FA,#6C5CE7);color:#fff;font-size:clamp(22px,7vw,34px);}
  .card .front{background:#fff;transform:rotateY(180deg);}
  .card.flip{transform:rotateY(180deg);}
  .card.done{animation:done .5s ease;}
  @keyframes done{40%{transform:rotateY(180deg) scale(1.12)}}
  #praise{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%) scale(.5);background:#fff;border-radius:26px;padding:14px 28px;font-size:clamp(24px,7vw,38px);font-weight:800;color:#FF3D9A;box-shadow:0 10px 0 #00000016;opacity:0;pointer-events:none;z-index:9;white-space:nowrap;}
  #praise.show{animation:pr 1.8s ease forwards;}
  @keyframes pr{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0}}