/* ============================================================
   FAMILY PC 99 — candy zone extras (InterActivities only)
   Rounded friendly type & bouncy motion live inside these
   kid-oriented surfaces; plus a few system-wide touch helpers.
   ============================================================ */

/* elastic pop for media windows appearing (subtle, OS-plausible) */
@keyframes winin { from { opacity:0; transform: scale(.97); } to { opacity:1; transform:scale(1);} }
.window.anim-in .win-body, .window.anim-in .titlebar { animation: winin .18s ease-out; }

/* candy buttons reused across quiz surfaces only */
.candy-btn { font-family:"Comic Sans MS","Trebuchet MS",sans-serif; font-weight:bold; color:#fff;
  background:linear-gradient(#ff9b62,#f2622d); border:none; border-radius:999px; padding:9px 22px; cursor:pointer;
  box-shadow:0 4px 0 #c44e1e, 0 7px 14px rgba(160,60,20,.3); transition:transform .15s cubic-bezier(.25,1.5,.4,1);}
.candy-btn:hover { transform:translateY(-2px) rotate(-.5deg) }
.candy-btn:active { transform:translateY(2px); box-shadow:0 2px 0 #c44e1e;}
.candy-btn.blue { background:linear-gradient(#6cc7ff,#2e86e8); box-shadow:0 4px 0 #1a5eb0, 0 7px 14px rgba(20,80,160,.3);}
.candy-btn.blue:active { box-shadow:0 2px 0 #1a5eb0;}

/* touch target enlarger when pointer is coarse — keeps Win95 chrome tappable */
@media (pointer: coarse) {
  .tb-btn, .hbtn, .at-btn, .vc-btn { min-width:30px; min-height:26px; }
  .rail-btn { padding:9px 2px 7px; }
  .dicon { width:92px; } .dicon span { font-size:12px; }
}

/* reduced motion respect */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001s !important; transition-duration:.001s !important; }
}