/* Crypt themes (public/themes.js). The block below recolours the palette tokens of style.css for each theme;
   the rules after it give each theme its own letters, borders and flourishes. A theme is worn as
   <html data-theme="key">; a preview card carries data-theme-swatch="key" to show that theme in miniature. */
/* A preview card starts from the game's own letters; a theme's rules below swap them. */
[data-theme-swatch] {--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
/* themes:start (made by node scripts/themes.js from the palette in style.css; do not edit by hand) */
[data-theme-swatch="crypt"] {--stone-15:11 11 9; --stone-17:16 15 12; --stone-20:23 21 15; --stone-26:42 36 24; --stone-88:224 216 199; --stone-100:255 255 255; --bone-32:59 48 32; --bone-36:74 59 36; --bone-40:88 69 40; --bone-55:125 112 88; --bone-62:143 133 110; --bone-69:163 155 134; --bone-73:183 166 127; --bone-77:198 177 138; --bone-83:214 199 166; --bone-96:255 241 202; --gold-46:109 81 41; --gold-55:141 105 51; --gold-66:176 138 74; --gold-76:224 164 88; --gold-78:212 180 116; --gold-82:255 178 77; --gold-83:232 194 122; --gold-87:239 210 152; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:69 91 48; --moss-49:86 104 63; --moss-59:114 136 78; --moss-64:111 154 82; --moss-73:125 187 84; --moss-74:145 184 119; --moss-76:159 188 116; --moss-78:111 209 138; --moss-80:159 208 122; --moss-83:159 214 169; --moss-84:159 224 122; --moss-85:127 230 194; --moss-86:185 224 143; --moss-87:201 217 168; --moss-88:126 240 154; --moss-90:189 240 144; --moss-97:226 255 200; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
:root[data-theme="frost"],[data-theme-swatch="frost"] {--stone-15:10 11 14; --stone-17:12 15 19; --stone-20:16 21 30; --stone-26:22 38 54; --stone-88:198 219 242; --stone-100:255 255 255; --bone-32:33 53 65; --bone-36:37 65 83; --bone-40:41 77 99; --bone-55:92 117 137; --bone-62:116 137 157; --bone-69:140 158 176; --bone-73:136 172 205; --bone-77:145 185 218; --bone-83:174 204 233; --bone-96:232 243 255; --gold-46:54 93 108; --gold-55:69 120 141; --gold-66:97 154 180; --gold-76:109 190 217; --gold-78:142 192 222; --gold-82:105 212 245; --gold-83:150 209 241; --gold-87:175 221 248; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:16 95 92; --moss-49:45 109 104; --moss-59:53 143 134; --moss-64:21 159 158; --moss-73:16 190 190; --moss-74:81 190 188; --moss-76:87 197 186; --moss-78:35 206 231; --moss-80:59 216 212; --moss-83:129 213 228; --moss-84:19 230 231; --moss-85:142 218 254; --moss-86:105 233 225; --moss-87:159 224 213; --moss-88:103 232 253; --moss-90:83 249 243; --moss-97:207 255 251; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
:root[data-theme="bloodmoon"],[data-theme-swatch="bloodmoon"] {--stone-15:14 10 8; --stone-17:21 13 11; --stone-20:32 17 14; --stone-26:58 26 24; --stone-88:251 204 199; --stone-100:255 255 255; --bone-32:68 42 41; --bone-36:87 50 48; --bone-40:104 57 56; --bone-55:141 103 97; --bone-62:160 124 117; --bone-69:179 147 139; --bone-73:210 151 139; --bone-77:224 162 153; --bone-83:238 186 176; --bone-96:255 237 233; --gold-46:124 68 72; --gold-55:161 87 91; --gold-66:203 117 116; --gold-76:250 139 153; --gold-78:244 158 150; --gold-82:253 169 178; --gold-83:253 177 171; --gold-87:254 198 191; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:120 66 54; --moss-49:133 81 72; --moss-59:176 104 95; --moss-64:202 110 85; --moss-73:252 124 88; --moss-74:230 145 122; --moss-76:239 148 135; --moss-78:252 158 96; --moss-80:254 164 141; --moss-83:247 181 142; --moss-84:254 183 162; --moss-85:254 194 119; --moss-86:254 191 179; --moss-87:255 191 185; --moss-88:255 197 162; --moss-90:254 209 199; --moss-97:255 240 237; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
:root[data-theme="plague"],[data-theme-swatch="plague"] {--stone-15:8 12 9; --stone-17:12 17 10; --stone-20:14 24 10; --stone-26:27 42 7; --stone-88:202 226 182; --stone-100:255 255 255; --bone-32:49 53 19; --bone-36:60 66 16; --bone-40:71 78 9; --bone-55:108 120 75; --bone-62:125 141 101; --bone-69:146 162 127; --bone-73:153 179 110; --bone-77:170 190 117; --bone-83:189 210 152; --bone-96:223 254 190; --gold-46:76 96 7; --gold-55:98 124 16; --gold-66:120 161 42; --gold-76:166 192 4; --gold-78:150 204 102; --gold-82:185 211 15; --gold-83:164 220 102; --gold-87:181 232 141; --ember-48:107 95 1; --ember-60:151 128 21; --ember-68:177 153 16; --ember-71:141 176 52; --ember-75:184 176 102; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:62 94 25; --moss-49:81 107 43; --moss-59:108 139 47; --moss-64:96 159 42; --moss-73:105 193 15; --moss-74:133 189 90; --moss-76:151 192 81; --moss-78:42 218 113; --moss-80:143 214 79; --moss-83:138 221 155; --moss-84:135 232 66; --moss-85:55 239 188; --moss-86:174 230 105; --moss-87:198 220 148; --moss-88:40 251 123; --moss-90:173 247 97; --moss-97:227 255 202; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
:root[data-theme="ossuary"],[data-theme-swatch="ossuary"] {--stone-15:6 6 6; --stone-17:9 9 9; --stone-20:13 13 13; --stone-26:26 26 26; --stone-88:166 166 166; --stone-100:196 196 196; --bone-32:54 49 42; --bone-36:67 61 51; --bone-40:80 71 59; --bone-55:119 113 102; --bone-62:138 133 123; --bone-69:159 155 146; --bone-73:175 167 150; --bone-77:188 179 162; --bone-83:206 200 185; --bone-96:248 241 224; --gold-46:97 84 70; --gold-55:126 109 90; --gold-66:160 142 119; --gold-76:199 172 145; --gold-78:198 182 158; --gold-82:224 189 155; --gold-83:215 197 170; --gold-87:226 212 189; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:85 83 70; --moss-49:100 97 85; --moss-59:131 127 110; --moss-64:142 141 118; --moss-73:171 169 136; --moss-74:173 171 150; --moss-76:181 176 155; --moss-78:180 189 160; --moss-80:195 192 165; --moss-83:196 201 183; --moss-84:206 205 171; --moss-85:196 212 192; --moss-86:214 210 185; --moss-87:214 209 195; --moss-88:207 216 182; --moss-90:226 223 192; --moss-97:247 244 227; --spirit-69:134 156 195; --spirit-76:168 178 187; --spirit-89:191 224 236; --spirit-92:206 237 225; --arcane-37:69 59 75; --arcane-50:103 96 120; --arcane-52:113 95 142; --arcane-62:137 124 171; --arcane-67:151 139 197; --arcane-72:167 162 175; --arcane-78:191 173 213; --arcane-82:199 190 215; --arcane-90:224 217 231;}
:root[data-theme="mana"],[data-theme-swatch="mana"] {--stone-15:10 10 17; --stone-17:11 15 24; --stone-20:12 21 38; --stone-26:9 36 71; --stone-88:195 219 254; --stone-100:255 255 255; --bone-32:31 51 75; --bone-36:35 63 96; --bone-40:38 74 115; --bone-55:92 115 150; --bone-62:116 134 169; --bone-69:141 155 187; --bone-73:138 168 225; --bone-77:144 181 239; --bone-83:174 201 251; --bone-96:236 242 255; --gold-46:63 85 134; --gold-55:82 110 174; --gold-66:115 141 217; --gold-76:134 177 253; --gold-78:163 180 253; --gold-82:163 197 254; --gold-83:181 197 255; --gold-87:201 212 255; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:10 94 101; --moss-49:8 110 115; --moss-59:23 144 147; --moss-64:11 157 171; --moss-73:36 187 204; --moss-74:20 192 208; --moss-76:13 200 206; --moss-78:35 203 249; --moss-80:24 215 231; --moss-83:112 214 247; --moss-84:46 227 248; --moss-85:160 214 253; --moss-86:32 236 248; --moss-87:140 227 226; --moss-88:140 225 255; --moss-90:119 243 255; --moss-97:215 252 255; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
:root[data-theme="retro"],[data-theme-swatch="retro"] {--stone-15:199 199 199; --stone-17:193 193 193; --stone-20:184 184 184; --stone-26:164 164 164; --stone-88:7 7 7; --stone-100:0 0 0; --bone-32:157 158 159; --bone-36:144 145 146; --bone-40:132 133 135; --bone-55:92 93 94; --bone-62:74 75 76; --bone-69:56 57 58; --bone-73:46 48 49; --bone-77:37 38 40; --bone-83:23 24 25; --bone-96:2 2 3; --gold-46:74 109 187; --gold-55:40 80 177; --gold-66:6 43 152; --gold-76:0 18 105; --gold-78:0 16 91; --gold-82:0 10 73; --gold-83:0 8 67; --gold-87:0 4 45; --ember-48:217 115 83; --ember-60:195 73 47; --ember-68:176 48 8; --ember-71:137 79 9; --ember-75:128 66 43; --blood-27:249 183 170; --blood-38:225 151 140; --blood-53:224 80 60; --blood-60:216 40 43; --blood-67:154 74 76; --moss-44:97 142 89; --moss-49:89 126 77; --moss-59:56 100 29; --moss-64:7 92 17; --moss-73:5 66 13; --moss-74:0 63 5; --moss-76:22 55 2; --moss-78:1 49 30; --moss-80:2 45 2; --moss-83:2 37 21; --moss-84:0 35 4; --moss-85:1 30 25; --moss-86:5 29 1; --moss-87:12 27 0; --moss-88:0 27 14; --moss-90:1 20 0; --moss-97:0 5 0; --spirit-69:4 62 159; --spirit-76:31 58 81; --spirit-89:1 31 40; --spirit-92:0 25 18; --arcane-37:171 141 189; --arcane-50:127 104 169; --arcane-52:137 75 207; --arcane-62:105 53 179; --arcane-67:90 16 182; --arcane-72:69 58 87; --arcane-78:71 11 111; --arcane-82:51 28 79; --arcane-90:32 17 44;}
:root[data-theme="doot"],[data-theme-swatch="doot"] {--stone-15:13 9 15; --stone-17:16 13 23; --stone-20:23 17 36; --stone-26:37 29 69; --stone-88:216 211 255; --stone-100:255 255 255; --bone-32:62 39 71; --bone-36:79 46 90; --bone-40:94 53 108; --bone-55:136 98 140; --bone-62:157 119 156; --bone-69:178 142 174; --bone-73:206 142 205; --bone-77:215 154 223; --bone-83:233 179 233; --bone-96:254 235 251; --gold-46:91 91 2; --gold-55:117 118 7; --gold-66:145 154 12; --gold-76:191 182 34; --gold-78:173 199 25; --gold-82:213 201 12; --gold-83:191 215 21; --gold-87:201 230 73; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:121 56 100; --moss-49:132 73 116; --moss-59:173 94 156; --moss-64:206 91 164; --moss-73:254 99 198; --moss-74:234 129 194; --moss-76:236 136 212; --moss-78:255 145 179; --moss-80:255 151 216; --moss-83:254 170 195; --moss-84:254 174 219; --moss-85:253 187 187; --moss-86:254 183 231; --moss-87:250 185 238; --moss-88:255 191 209; --moss-90:254 204 235; --moss-97:255 238 248; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:77 62 7; --arcane-50:128 94 27; --arcane-52:134 98 14; --arcane-62:175 121 4; --arcane-67:198 134 25; --arcane-72:180 162 131; --arcane-78:222 175 53; --arcane-82:223 190 131; --arcane-90:234 219 185;}
:root[data-theme="neon"],[data-theme-swatch="neon"] {--stone-15:14 9 15; --stone-17:17 13 23; --stone-20:25 16 36; --stone-26:41 26 69; --stone-88:221 208 255; --stone-100:255 255 255; --bone-32:55 41 80; --bone-36:69 49 102; --bone-40:82 56 123; --bone-55:125 101 154; --bone-62:148 121 170; --bone-69:170 144 187; --bone-73:191 145 227; --bone-77:198 158 245; --bone-83:220 182 253; --bone-96:248 237 255; --gold-46:135 51 101; --gold-55:175 64 130; --gold-66:222 90 158; --gold-76:253 125 207; --gold-78:254 145 188; --gold-82:253 162 219; --gold-83:254 172 204; --gold-87:253 195 215; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:13 95 94; --moss-49:15 111 107; --moss-59:13 146 138; --moss-64:12 159 160; --moss-73:36 189 191; --moss-74:22 194 195; --moss-76:32 201 192; --moss-78:32 206 234; --moss-80:28 217 217; --moss-83:78 219 244; --moss-84:45 229 233; --moss-85:147 217 253; --moss-86:43 238 232; --moss-87:129 231 217; --moss-88:110 231 254; --moss-90:27 252 249; --moss-97:206 255 252; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
:root[data-theme="hellfire"],[data-theme-swatch="hellfire"] {--stone-15:15 9 6; --stone-17:22 12 9; --stone-20:35 15 8; --stone-26:64 21 14; --stone-88:254 203 191; --stone-100:255 255 255; --bone-32:73 40 31; --bone-36:93 47 33; --bone-40:111 54 37; --bone-55:147 101 83; --bone-62:165 123 103; --bone-69:183 146 127; --bone-73:218 149 114; --bone-77:233 159 129; --bone-83:245 185 156; --bone-96:255 238 228; --gold-46:136 63 15; --gold-55:176 81 4; --gold-66:218 112 21; --gold-76:252 144 94; --gold-78:253 159 80; --gold-82:253 174 140; --gold-83:254 182 130; --gold-87:254 202 163; --ember-48:155 59 27; --ember-60:208 85 59; --ember-68:255 90 46; --ember-71:224 137 44; --ember-75:224 154 128; --blood-27:68 18 10; --blood-38:106 44 36; --blood-53:192 48 31; --blood-60:226 52 52; --blood-67:208 123 123; --moss-44:110 76 1; --moss-49:128 88 13; --moss-59:169 114 14; --moss-64:178 130 11; --moss-73:212 156 0; --moss-74:217 159 20; --moss-76:232 159 31; --moss-78:210 185 16; --moss-80:243 178 26; --moss-83:220 199 94; --moss-84:254 191 39; --moss-85:200 220 77; --moss-86:255 198 108; --moss-87:252 198 134; --moss-88:242 211 26; --moss-90:255 215 150; --moss-97:255 242 222; --spirit-69:111 155 232; --spirit-76:159 179 198; --spirit-89:159 230 255; --spirit-92:180 245 222; --arcane-37:74 54 86; --arcane-50:107 90 138; --arcane-52:122 79 176; --arcane-62:143 111 208; --arcane-67:155 124 242; --arcane-72:169 159 186; --arcane-78:201 162 242; --arcane-82:203 185 234; --arcane-90:228 214 242;}
/* themes:end */

/* Moonlit Frost: a cold moon over the crypt. */
:root[data-theme="frost"] body {background:radial-gradient(circle at 82% -4%,rgb(var(--spirit-89) / .14),transparent 32%),radial-gradient(ellipse at 50% 0,rgb(var(--stone-26) / .3),transparent 65%),var(--bg)}
:root[data-theme="frost"] .panel-heading h2,:root[data-theme="frost"] .wordmark {text-shadow:0 0 12px rgb(var(--spirit-89) / .25)}

/* Blood Moon: a red moon low over the graves. */
:root[data-theme="bloodmoon"] body {background:radial-gradient(circle at 85% -6%,rgb(var(--blood-53) / .3),transparent 30%),radial-gradient(ellipse at 50% 0,rgb(var(--stone-26) / .3),transparent 65%),var(--bg)}
:root[data-theme="bloodmoon"] .panel {border-top-color:rgb(var(--blood-53) / .6)}

/* Plague Rot: poison mist and a sickly glow. */
:root[data-theme="plague"] body {background:radial-gradient(ellipse at 20% 100%,rgb(var(--moss-73) / .14),transparent 55%),radial-gradient(ellipse at 80% 0,rgb(var(--arcane-52) / .14),transparent 50%),var(--bg);background-attachment:fixed}
:root[data-theme="plague"] .panel-heading h2,:root[data-theme="plague"] .wordmark,:root[data-theme="plague"] .briefing h2 {text-shadow:0 0 10px rgb(var(--moss-73) / .55)}
:root[data-theme="plague"] .panel,:root[data-theme="plague"] .briefing {border-color:rgb(var(--moss-49) / .7);box-shadow:inset 0 0 22px rgb(var(--moss-73) / .06),0 3px 12px rgb(var(--stone-0) / .3)}
:root[data-theme="plague"] .primary {box-shadow:inset 0 1px rgb(var(--gold-78) / .2),0 0 10px rgb(var(--moss-73) / .3)}

/* Ossuary: ash, bone and a little blood, carved square and lettered like an old tomb. */
:root[data-theme="ossuary"],[data-theme-swatch="ossuary"] {--serif:Palatino,'Palatino Linotype','URW Palladio L',P052,Georgia,serif}
:root[data-theme="ossuary"] .panel,:root[data-theme="ossuary"] .briefing,:root[data-theme="ossuary"] .masthead,:root[data-theme="ossuary"] .legion-card,
:root[data-theme="ossuary"] .primary,:root[data-theme="ossuary"] .secondary,:root[data-theme="ossuary"] .small-button {border-radius:0}
:root[data-theme="ossuary"] .panel,:root[data-theme="ossuary"] .briefing {border:1px solid rgb(var(--bone-55) / .55);box-shadow:inset 0 0 0 3px rgb(var(--stone-15)),inset 0 0 0 4px rgb(var(--bone-32) / .7),0 4px 14px rgb(var(--stone-0) / .5)}
:root[data-theme="ossuary"] .panel-heading h2,:root[data-theme="ossuary"] .briefing h2,:root[data-theme="ossuary"] .wordmark {font-variant:small-caps;letter-spacing:1.5px;color:rgb(var(--bone-96))}
:root[data-theme="ossuary"] .panel-heading h2 .icon {color:rgb(var(--blood-53))}
:root[data-theme="ossuary"] body {background:radial-gradient(ellipse at 50% 0,rgb(var(--bone-40) / .14),transparent 60%),var(--bg)}

/* Mana Tide: every panel brims with blue light. */
:root[data-theme="mana"] body {background:radial-gradient(ellipse at 50% -10%,rgb(var(--gold-66) / .22),transparent 55%),radial-gradient(ellipse at 50% 110%,rgb(var(--arcane-52) / .18),transparent 50%),var(--bg);background-attachment:fixed}
:root[data-theme="mana"] .panel,:root[data-theme="mana"] .briefing,:root[data-theme="mana"] .masthead {border-color:rgb(var(--gold-55) / .6);box-shadow:inset 0 1px rgb(var(--gold-87) / .2),0 0 18px rgb(var(--gold-66) / .14),0 3px 12px rgb(var(--stone-0) / .3)}
:root[data-theme="mana"] .panel-heading h2,:root[data-theme="mana"] .wordmark,:root[data-theme="mana"] .briefing h2,:root[data-theme="mana"] .resource strong {text-shadow:0 0 12px rgb(var(--gold-76) / .6)}
:root[data-theme="mana"] .primary {box-shadow:inset 0 1px rgb(var(--gold-87) / .25),0 0 12px rgb(var(--gold-66) / .4)}

/* Retro Desktop: grey windows on a teal desktop, raised buttons and a blue title bar on every panel. */
:root[data-theme="retro"],[data-theme-swatch="retro"] {--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;--desk:0 128 128;--hi:255 255 255;--lo:128 128 128;--face:192 192 192;--bar:0 0 128;--bar-end:16 132 208}
:root[data-theme="retro"] {color-scheme:light}
:root[data-theme="retro"] body {background:rgb(var(--desk))}
:root[data-theme="retro"] *,:root[data-theme="retro"] *::before,:root[data-theme="retro"] *::after {border-radius:0!important}
:root[data-theme="retro"] .panel,:root[data-theme="retro"] .briefing,:root[data-theme="retro"] .masthead,:root[data-theme="retro"] .legion-card {background:rgb(var(--face));border:1px solid;border-color:rgb(var(--hi)) rgb(var(--stone-0)) rgb(var(--stone-0)) rgb(var(--hi));box-shadow:inset -1px -1px rgb(var(--lo)),inset 1px 1px rgb(var(--face)),2px 2px 0 rgb(var(--stone-0) / .25)}
:root[data-theme="retro"] .panel-heading {margin:3px 3px 0;padding:6px 10px;border-bottom:0;background:linear-gradient(90deg,rgb(var(--bar)),rgb(var(--bar-end)))}
:root[data-theme="retro"] .panel-heading h2,:root[data-theme="retro"] .panel-heading .eyebrow,:root[data-theme="retro"] .panel-heading h2 .icon {color:rgb(var(--hi));font-weight:700;font-size:16px}
:root[data-theme="retro"] .primary,:root[data-theme="retro"] .secondary,:root[data-theme="retro"] .small-button,:root[data-theme="retro"] .summon-choice {background:rgb(var(--face));color:rgb(var(--stone-0));border:1px solid;border-color:rgb(var(--hi)) rgb(var(--stone-0)) rgb(var(--stone-0)) rgb(var(--hi));box-shadow:inset -1px -1px rgb(var(--lo)),inset 1px 1px rgb(var(--face))}
:root[data-theme="retro"] .primary {outline:1px solid rgb(var(--stone-0));outline-offset:0;font-weight:700}
:root[data-theme="retro"] .primary:hover:not(:disabled),:root[data-theme="retro"] .secondary:hover:not(:disabled),:root[data-theme="retro"] .small-button:hover:not(:disabled) {filter:none;border-color:rgb(var(--hi)) rgb(var(--stone-0)) rgb(var(--stone-0)) rgb(var(--hi))}
:root[data-theme="retro"] .primary:active:not(:disabled),:root[data-theme="retro"] .secondary:active:not(:disabled),:root[data-theme="retro"] .small-button:active:not(:disabled) {filter:none;border-color:rgb(var(--stone-0)) rgb(var(--hi)) rgb(var(--hi)) rgb(var(--stone-0));box-shadow:inset 1px 1px rgb(var(--lo))}
:root[data-theme="retro"] .briefing form>h2 {margin:-24px -24px 0;padding:6px 10px;background:linear-gradient(90deg,rgb(var(--bar)),rgb(var(--bar-end)));color:rgb(var(--hi));font-weight:700;font-size:17px}
:root[data-theme="retro"] .briefing form>.eyebrow {order:-1}
:root[data-theme="retro"] .wordmark {color:rgb(var(--hi));text-shadow:1px 1px 0 rgb(var(--stone-0));font-weight:700}
:root[data-theme="retro"] .masthead {background:linear-gradient(90deg,rgb(var(--bar)),rgb(var(--bar-end)))}
:root[data-theme="retro"] .masthead .resource strong,:root[data-theme="retro"] .masthead .account strong {color:rgb(var(--hi))}
:root[data-theme="retro"] .masthead .label,:root[data-theme="retro"] .masthead small,:root[data-theme="retro"] .masthead .entitlement,:root[data-theme="retro"] .masthead .text-button {color:rgb(var(--face))}
:root[data-theme="retro"] .masthead .resource>.icon,:root[data-theme="retro"] .masthead .rate-tip {color:rgb(var(--hi))}
:root[data-theme="retro"] .view-tabs a {color:rgb(var(--hi))}
:root[data-theme="retro"] input,:root[data-theme="retro"] select {background:rgb(var(--hi));color:rgb(var(--stone-0));border:1px solid;border-color:rgb(var(--lo)) rgb(var(--hi)) rgb(var(--hi)) rgb(var(--lo))}

/* Doot Doot: clashing colours, a wobbly hand and far too much fun. */
@font-face {font-family:'Comic Neue';src:url(/assets/fonts/comic-neue-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face {font-family:'Comic Neue';src:url(/assets/fonts/comic-neue-700.woff2) format('woff2');font-weight:600 900;font-display:swap}
@font-face {font-family:'Comic Neue';src:url(/assets/fonts/comic-neue-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root[data-theme="doot"],[data-theme-swatch="doot"] {--serif:'Comic Neue','Chalkboard SE','Marker Felt',cursive;--sans:'Comic Neue','Chalkboard SE','Marker Felt',cursive}
:root[data-theme="doot"] body {background:repeating-linear-gradient(45deg,rgb(var(--stone-15)) 0 26px,rgb(var(--stone-17)) 26px 52px)}
:root[data-theme="doot"] .panel-heading h2,:root[data-theme="doot"] .briefing h2 {rotate:-1.5deg;color:rgb(var(--gold-82));text-shadow:2px 2px 0 rgb(var(--moss-64))}
:root[data-theme="doot"] .panel:nth-child(even) .panel-heading h2 {rotate:1.5deg}
:root[data-theme="doot"] .panel,:root[data-theme="doot"] .briefing {border:2px dashed rgb(var(--moss-73) / .7);border-radius:14px}
:root[data-theme="doot"] .primary,:root[data-theme="doot"] .secondary,:root[data-theme="doot"] .small-button {border-radius:999px}
:root[data-theme="doot"] .wordmark {background:linear-gradient(90deg,rgb(var(--gold-82)),rgb(var(--moss-84)),rgb(var(--spirit-89)),rgb(var(--arcane-78)),rgb(var(--gold-82)));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
@media(prefers-reduced-motion:no-preference) {
  :root[data-theme="doot"] .wordmark {animation:doot-rainbow 4s linear infinite}
  :root[data-theme="doot"] .brand-seal {animation:doot-bob 1.6s ease-in-out infinite}
  @keyframes doot-rainbow {to {background-position:200% 0}}
  @keyframes doot-bob {50% {rotate:-8deg}}}

/* Neon Afterlife: a midnight grid and glowing signs. */
:root[data-theme="neon"] body {background:linear-gradient(rgb(var(--moss-78) / .06) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgb(var(--gold-76) / .06) 1px,transparent 1px) 0 0/44px 44px,radial-gradient(ellipse at 50% 0,rgb(var(--gold-66) / .2),transparent 60%),var(--bg);background-attachment:fixed}
:root[data-theme="neon"] .panel-heading h2,:root[data-theme="neon"] .briefing h2,:root[data-theme="neon"] .wordmark {text-transform:uppercase;letter-spacing:2px;color:rgb(var(--gold-87));text-shadow:0 0 6px rgb(var(--gold-76)),0 0 16px rgb(var(--gold-66) / .8)}
:root[data-theme="neon"] .resource strong {text-shadow:0 0 10px rgb(var(--moss-78) / .7)}
:root[data-theme="neon"] .panel,:root[data-theme="neon"] .briefing,:root[data-theme="neon"] .masthead {border-color:rgb(var(--gold-66) / .8);box-shadow:0 0 0 1px rgb(var(--moss-78) / .15),0 0 18px rgb(var(--gold-66) / .25)}
:root[data-theme="neon"] .primary {box-shadow:0 0 12px rgb(var(--gold-76) / .6)}

/* Hellfire: charred stone lit from below. */
:root[data-theme="hellfire"] body {background:radial-gradient(ellipse at 50% 115%,rgb(var(--ember-68) / .25),transparent 55%),radial-gradient(ellipse at 50% 0,rgb(var(--stone-26) / .3),transparent 65%),var(--bg);background-attachment:fixed}
:root[data-theme="hellfire"] .panel-heading h2,:root[data-theme="hellfire"] .briefing h2,:root[data-theme="hellfire"] .wordmark {text-shadow:0 0 10px rgb(var(--ember-68) / .6)}
:root[data-theme="hellfire"] .panel,:root[data-theme="hellfire"] .briefing {border-color:rgb(var(--ember-48) / .6);box-shadow:inset 0 -14px 24px rgb(var(--ember-48) / .08),0 3px 12px rgb(var(--stone-0) / .35)}

/* The first-login chooser (public/theme-picker.js): Classic or Choose your style, then every theme as a card. */
.briefing.theme-first {width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
.theme-first-start {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-first-choice {display:grid;justify-items:center;gap:12px;padding:18px 14px;border:1px solid var(--line);border-radius:6px;background:rgb(var(--stone-0) / .2);color:var(--ink);font:inherit;text-align:center;transition:border-color .15s,box-shadow .15s}
.theme-first-choice:hover,.theme-first-choice:focus-visible {border-color:var(--gold-bright);box-shadow:0 0 18px rgb(var(--gold-83) / .25)}
.theme-first-choice .theme-swatch {width:96px;height:72px}
.theme-first-choice .theme-info strong {font:400 22px var(--serif)}
.theme-first-fan {position:relative;display:block;width:150px;height:72px}
.theme-first-fan .theme-swatch {position:absolute;top:0;width:72px;height:72px;box-shadow:0 4px 12px rgb(var(--stone-0) / .5)}
.theme-first-fan .theme-swatch:nth-child(1) {left:0;rotate:-8deg}
.theme-first-fan .theme-swatch:nth-child(2) {left:39px;z-index:1}
.theme-first-fan .theme-swatch:nth-child(3) {left:78px;rotate:8deg}
.theme-first-styles {display:grid;gap:12px}
.theme-first-styles .theme-actions {position:sticky;bottom:-24px;justify-content:flex-end;margin:0 -24px -24px;padding:12px 24px 16px;background:linear-gradient(transparent,rgb(var(--stone-17)) 30%)}
@media(max-width:560px) {.theme-first-start {grid-template-columns:1fr}.theme-first-choice {grid-template-columns:auto 1fr;justify-items:start;text-align:left}.theme-first-choice .theme-swatch {width:64px;height:64px}.theme-first-fan {width:110px;height:64px}.theme-first-fan .theme-swatch {width:56px;height:56px}.theme-first-fan .theme-swatch:nth-child(2) {left:27px}.theme-first-fan .theme-swatch:nth-child(3) {left:54px}}