/* stick.cafe's Clean Light look (sample A, like roblox.com), shared by the home page and every game's menus.
   The file and the --sun-* names stayed from an earlier pick; the look is the clean white one.
   Only tokens, the font and a few opt-in classes live here, so linking it never restyles a game by itself:
   a game's own CSS uses the variables and classes for its menus and leaves its play screen alone. */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,700;6..12,800;6..12,900&display=swap');

:root {
  --sun-font: 'Nunito Sans', system-ui, sans-serif;
  --sun-ink: #191b1d;          /* text on light panels */
  --sun-dim: #606770;          /* secondary text */
  --sun-sky1: #f2f4f5;         /* menu backdrop (light grey page) */
  --sun-sky2: #f2f4f5;
  --sun-panel: #ffffff;
  --sun-panel-edge: #e3e6e8;   /* 1px borders and dividers */
  --sun-track: #f2f4f5;        /* empty bars, inputs */
  --sun-green: #00b06f; --sun-green-d: #00965e;   /* Play / main action */
  --sun-blue: #335fff;  --sun-blue-d: #2449d8;    /* secondary action, links */
  --sun-pink: #e5484d;  --sun-pink-d: #c53035;    /* danger, "new" badges */
  --sun-yellow: #f5a623; --sun-yellow-d: #d98c0a; /* rewards, coins, stars */
  --sun-purple: #7c5cff; --sun-purple-d: #5f40e0;
  --sun-radius: 12px;
  --sun-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);
  --sun-backdrop: #f2f4f5;
}

/* opt-in helpers */
.sun-panel { background: var(--sun-panel); color: var(--sun-ink); border: 1px solid var(--sun-panel-edge); border-radius: 14px; box-shadow: var(--sun-shadow); font-family: var(--sun-font); }
.sun-btn { --b: var(--sun-green); --bd: var(--sun-green-d); font: 800 16px/1 var(--sun-font); color: #fff; background: var(--b); border: 0; border-radius: 9px;
  padding: 12px 22px; cursor: pointer; transition: background .15s, transform .08s; }
.sun-btn:hover { background: var(--bd); }
.sun-btn:active { transform: scale(.97); }
.sun-btn.blue { --b: var(--sun-blue); --bd: var(--sun-blue-d); }
.sun-btn.pink { --b: var(--sun-pink); --bd: var(--sun-pink-d); }
.sun-btn.yellow { --b: var(--sun-yellow); --bd: var(--sun-yellow-d); color: var(--sun-ink); }
.sun-btn.white { --b: #fff; --bd: var(--sun-track); color: var(--sun-ink); border: 1px solid var(--sun-panel-edge); }
.sun-chip { display: inline-flex; align-items: center; gap: 6px; background: #fff; color: var(--sun-ink); border: 1px solid var(--sun-panel-edge); border-radius: 99px; padding: 6px 12px; font: 800 14px var(--sun-font); }