/* The same rainbow theme accents across the website and Android. */
:root{--purple:#7753d8;--ink:#293354;--paper:#fffaf2}body{background:radial-gradient(ellipse at 0% 10%,#ffdfed80,transparent 42%),radial-gradient(ellipse at 100% 35%,#c9edff90,transparent 45%),linear-gradient(150deg,#fffaf0,#f8edff 52%,#edfaff);background-attachment:fixed}.site-header,.top{background:linear-gradient(110deg,#fff9e9ed,#fce8f4ed,#e7f5ffed);border-radius:0 0 28px 28px}.site-header nav a:hover{background:#e6d8ff;border-radius:12px}.hero{background:linear-gradient(125deg,#ffe7a6,#ffd9ed 48%,#d7e9ff)!important;border:2px solid #fff7;box-shadow:0 8px 0 #cdbfe533}.hero h1{color:#3b3370}.tile,.game-card,.chart-card{border:2px solid #fff9;border-radius:24px;box-shadow:0 7px 0 #c5b8d42e}.tile.purple{background:linear-gradient(140deg,#eadcff,#d4e6ff)}.tile.pink{background:linear-gradient(140deg,#ffdcea,#ffe3ca)}.tile.blue{background:linear-gradient(140deg,#ceebff,#d7f5ef)}.tile.green{background:linear-gradient(140deg,#d4f6d9,#edfac3)}.tile.yellow{background:linear-gradient(140deg,#fff0ad,#ffe0c3)}.tile.orange{background:linear-gradient(140deg,#ffe1c6,#ffdae9)}.charts-grid>*,.chart-grid>*{background:linear-gradient(135deg,#fff1d4,#ffe6f0)!important}.charts-grid>:nth-child(3n+2),.chart-grid>:nth-child(3n+2){background:linear-gradient(135deg,#dcf6ec,#dcefff)!important}.charts-grid>:nth-child(3n),.chart-grid>:nth-child(3n){background:linear-gradient(135deg,#eee0ff,#e0e8ff)!important}.puzzle-invitation{background:linear-gradient(120deg,#ffe8a6,#ffdcf0,#d8edff);border:2px solid #fff;border-radius:28px;padding:28px;margin:28px auto;color:#303654;box-shadow:0 8px 0 #d7cce744}.puzzle-invitation h2{font-size:clamp(26px,5vw,40px);margin:12px 0}.puzzle-invitation p{line-height:1.7}.primary,.account-button,.start-round,.next-button{background:linear-gradient(110deg,#8c5edb,#5b6fde)!important;color:#fff!important;border-radius:18px}.quest,.banner{background:linear-gradient(125deg,#ffe4ef,#fff0c5,#ddf4f4)}[data-theme=dark] body{background:radial-gradient(ellipse at 0% 0%,#49305280,transparent 50%),radial-gradient(ellipse at 100% 35%,#23485780,transparent 55%),#141c30}[data-theme=dark] .site-header,[data-theme=dark] .top{background:linear-gradient(110deg,#302644,#23334b)}[data-theme=dark] .hero{background:linear-gradient(125deg,#463553,#273e5b)!important}[data-theme=dark] .hero h1{color:#fff3ff}[data-theme=dark] .tile,[data-theme=dark] .game-card,[data-theme=dark] .chart-card,[data-theme=dark] .charts-grid>*,[data-theme=dark] .chart-grid>*{background:linear-gradient(135deg,#382f55,#244257)!important;color:#f6f3ff}[data-theme=dark] .tile:nth-child(3n+1),[data-theme=dark] .chart-grid>:nth-child(3n+1){background:linear-gradient(135deg,#4a3847,#314753)!important}[data-theme=dark] .quest,[data-theme=dark] .banner,[data-theme=dark] .puzzle-invitation{background:linear-gradient(120deg,#4b3656,#294c57);color:#fff3ff;border-color:#655979}@media(max-width:650px){.puzzle-invitation{padding:22px}.site-header,.top{border-radius:0 0 20px 20px}} 
header:has(>.brand),.welcome{background:linear-gradient(125deg,#ffe9b7,#ffe0ef 48%,#d9edff)}.welcome h1 span{color:#7650c3}.activity-card{background:linear-gradient(140deg,#fff0c7,#ffe0ed);border:2px solid #fff9;box-shadow:0 6px 0 #c9bce033}.activity-card:nth-child(3n+2){background:linear-gradient(140deg,#d6f4e6,#d6edff)}.activity-card:nth-child(3n){background:linear-gradient(140deg,#ece0ff,#ffe1f0)}.chart-item{background:linear-gradient(140deg,#fff1be,#ffe2d7)}.chart-item:nth-child(4n+2){background:linear-gradient(140deg,#ffe0ef,#ede0ff)}.chart-item:nth-child(4n+3){background:linear-gradient(140deg,#e0e6ff,#d5f0ff)}.chart-item:nth-child(4n){background:linear-gradient(140deg,#dcf8d7,#e5f4c8)}html[data-theme=dark] header:has(>.brand),html[data-theme=dark] .welcome{background:linear-gradient(125deg,#453254,#254254)}html[data-theme=dark] .welcome h1 span{color:#d0b3ff}html[data-theme=dark] .activity-card,html[data-theme=dark] .chart-item{background:linear-gradient(135deg,#3c3157,#264353);color:#f3f4ff;border-color:#576582}html[data-theme=dark] .activity-card:nth-child(3n+2),html[data-theme=dark] .chart-item:nth-child(4n+2){background:linear-gradient(135deg,#493650,#3a405d)}