*{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,#EFE7FF,#FFE9F2);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;}
  .stars{background:#ffffffcc;border-radius:999px;padding:6px 14px;font-size:clamp(15px,4vw,20px);font-weight:800;box-shadow:0 4px 0 #00000016;}
  .q{text-align:center;font-size:clamp(16px,4.6vw,22px);font-weight:700;margin-top:4px;}
  #target{margin:10px auto 4px;width:clamp(96px,30vw,150px);height:clamp(96px,30vw,150px);display:flex;align-items:center;justify-content:center;animation:pop .35s ease;}
  @keyframes pop{0%{transform:scale(0)}100%{transform:scale(1)}}
  #grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:12px 22px 22px;align-content:center;max-width:480px;width:100%;margin:0 auto;}
  .opt{aspect-ratio:1/1;background:#fff;border-radius:24px;cursor:pointer;box-shadow:0 6px 0 #00000016;display:flex;align-items:center;justify-content:center;}
  .opt:active{transform:translateY(4px);box-shadow:0 2px 0 #00000016;}
  .opt svg,#target svg{width:64%;height:64%;}
  .opt.wrong{animation:shake .4s;}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
  .opt.right{animation:right .5s ease;}@keyframes right{40%{transform:scale(1.12)}}
  #praise{position:fixed;top:44%;left:50%;transform:translate(-50%,-50%) scale(.5);background:#fff;border-radius:26px;padding:12px 26px;font-size:clamp(22px,7vw,36px);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.4s ease forwards;}@keyframes pr{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0}}