.stacks-page .game-panel { display:grid; gap:1rem; }
.stacks-ui { border:1px solid rgba(132, 173, 255, 0.42); border-radius:1.1rem; padding:1rem; background: radial-gradient(circle at 14% 0%, rgba(37,236,255,.2), transparent 34%), radial-gradient(circle at 86% 12%, rgba(255,79,198,.22), transparent 30%), linear-gradient(160deg, rgba(49,22,94,.94), rgba(18,36,76,.9)); }
.stacks-topbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; align-items:center; }
.stacks-stat { border:1px solid rgba(132, 173, 255, 0.42); border-radius:.8rem; background: rgba(18, 30, 77, 0.56); padding:.55rem .7rem; display:grid; gap:.25rem; }
.stacks-stat span { font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color: #e7e3ff; }
.stacks-stat strong { font-family:"Orbitron",system-ui,sans-serif; font-size:1.02rem; }
.stacks-hint { margin:.8rem 0 0; color: #dcd8ff; font-size:.9rem; }
.stacks-canvas-wrap { margin-top:.95rem; border:1px solid rgba(132, 173, 255, 0.42); border-radius:.95rem; padding:.5rem; background: linear-gradient(150deg, rgba(206,224,255,.12), rgba(255,255,255,.03)), linear-gradient(150deg, rgba(68,27,106,.72), rgba(20,35,79,.76)); }
#stCanvas { display:block; width:100%; max-width:420px; margin:0 auto; border-radius:.8rem; touch-action:none; }
#stCanvas,
.stacks-ui,
.stacks-canvas-wrap {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width:980px){ .stacks-page .game-panel { padding:.8rem; } }
@media (max-width:720px){ .stacks-topbar { grid-template-columns:repeat(2,minmax(0,1fr)); } .stacks-hint { font-size:.84rem; } }