/* xkcd: white paper, black wobbly lines, blue labels, hand-drawn font */
[data-style="xkcd"] { --g-bg: #ffffff; --g-panel: #ffffff; --g-ink: #111111; --g-ink-2: #666666; --g-accent: #4a90d9; --g-accent-2: #e03e3e;
  --g-line: #111; --g-line-w: 2; --g-grid: rgba(0,0,0,.14); --g-halo: #fff; --g-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --g-shadow: none; --g-texture: none;
  --g-font: 17px/1.4 "Patrick Hand", "Neucha", "Comic Sans MS", cursive; --g-font-display: 400 26px/1.1 "Gloria Hallelujah", "Neucha", "Patrick Hand", cursive; }
[data-style="xkcd"] .gcard, [data-style="xkcd"] .stage, [data-style="xkcd"] .end, [data-style="xkcd"] .card, [data-style="xkcd"] .btn, [data-style="xkcd"] .done-today, [data-style="xkcd"] .card .opt, [data-style="xkcd"] .card .comment {
  border: 2px solid #111; border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px; }
[data-style="xkcd"] .gcard .thumb { background: #fff; border-left: 2px solid #111; }
[data-style="xkcd"] .btn.primary { background: #111; color: #fff; }
[data-style="xkcd"] .brand .mark { background: #fff; border: 2px solid #111; border-radius: 50% 40% 55% 45%; }
[data-style="xkcd"] .gcard .played .dots i { border-color: #fff; background: #111; }