/* ==========================================================================
   GLIDE STREET - page chrome
   The game itself is all canvas; this file only has to centre the board and
   give it the app's corner radius and drop shadow.
   ========================================================================== */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{
  height:100%;width:100%;overflow:hidden;background:#0B0B0B;
  font-family:"Selecta","Inter Tight","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;
}
#stage{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;
  /* Glider mint, dropping to black - the brand's two primaries. */
  background:radial-gradient(120% 90% at 50% 0%,#1E3A31 0%,#0B0B0B 68%);
}
canvas{
  display:block;border-radius:28px;                 /* matches the app-icon corner */
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(175,255,213,.10);
  cursor:pointer;
}
/* On small phones the canvas fills the screen edge-to-edge */
@media (max-width:420px){ canvas{border-radius:0;box-shadow:none} }