/* BRAINS FIRST: LAWN OF THE DEAD's frame (touchgrass/style.css), turned to the dark side. */
:root { --ink: #1f1830; --paper: #efe8ff; }
body { background: radial-gradient(ellipse at 50% 20%, #8f7bd6, #4a3a86 55%, #1f1830); }
.bar { background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .18) 0 2px, transparent 2px 11px), linear-gradient(#5a4a96, #2e2358); color: #f4efff; border-color: #140e24; box-shadow: inset 0 3px 0 rgba(200, 180, 255, .25), 4px 4px 0 #140e24; }
.view { border-color: #140e24; box-shadow: 0 0 0 4px #3a2a6c, 0 0 0 7px #140e24, 0 18px 50px rgba(10, 0, 30, .6); }
.logo span { color: #7fd0ff; }
.logo small { color: #ff7ad9; }
.tag { color: #f4efff; }
.wallet { color: #ffe14a; }
.puzzles { display: grid; grid-template-columns: repeat(3, minmax(0, 220px)); gap: 10px; }
.puzzle { display: grid; gap: 4px; padding: 10px; border: 3px solid #26282e; background: linear-gradient(#b4b8c0, #868a94); color: #23252b; text-align: left; box-shadow: inset 0 3px 0 rgba(255, 255, 255, .3), 0 4px 0 #26282e; cursor: pointer; }
.puzzle:hover:not(:disabled) { transform: translateY(-2px); }
.puzzle b { font: max(9px, 1.3cqw)/1.4 var(--pixel); }
.puzzle small { font-size: 16px; opacity: .85; }
.puzzle.done { background: linear-gradient(#a8d88a, #6aa84a); }
.puzzle:disabled { opacity: .4; cursor: not-allowed; }
.help { color: #f4efff; }
.rotate-hint { color: #f4efff; }
html.embed body { background: #1f1830; }
@media (max-width: 640px) {
  .puzzles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}