*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
}

:root {
    /* rgb Variable Index */

    /* Precious Metal Palette */
    // nickel
    --priNi: 141, 142, 140;
    --secNi: 118, 120, 118;
    --terNi: 93, 95, 94;
    --terNi: 0, 0, 0;
    --quaNi: 0, 0, 0;
    --quiNi: 0, 0, 0;
    --sixNi: 0, 0, 0;
    // palladium
    --priPd: 188, 193, 165;
    --secPd: 155, 160, 138;
    --terPd: 124, 129, 111;
    --quaPd: 0, 0, 0;
    --quiPd: 0, 0, 0;
    --sixPd: 0, 0, 0;
    // platinum
    --priPt: 229, 228, 226;
    --secPt: 189, 190, 189;
    --terPt: 152, 153, 153;
    --quaPt: 0, 0, 0;
    --quiPt: 0, 0, 0;
    --sixPt: 0, 0, 0;
    // titanium
    --priTi: 38, 57, 69;
    --secTi: 57, 79, 94;
    --terTi: 75, 101, 119;
    --quaTi: 91, 121, 142;
    --quiTi: 124, 166, 191;
    --sixTi: 159, 200, 224;
    // gold (Sun)
    --priAu: 61, 48, 2;
    --secAu: 99, 80, 8;
    --terAu: 148, 121, 24;
    --quaAu: 181, 154, 54;
    --quiAu: 214, 186, 84;
    --sixAu: 237, 214, 130;
    // silver (Moon)
    --priAg: 30, 30, 30;
    --secAg: 60, 60, 60;
    --terAg: 100, 100, 100;
    --quaAg: 133, 133, 133;
    --quiAg: 175, 175, 175;
    --sixAg: 240, 240, 240;

    /* Cosmic Metal Palette */
    // mercury (Mercury)
    --priHg: 23, 31, 51;
    --secHg: 51, 62, 87;
    --terHg: 87, 98, 128;
    --quaHg: 139, 148, 176;
    --quiHg: 176, 186, 209;
    --sixHg: 206, 214, 237;
    // copper (Venus)
    --priCu: 46, 24, 5;
    --secCu: 84, 48, 17;
    --terCu: 133, 81, 36;
    --quaCu: 171, 112, 60;
    --quiCu: 207, 173, 143;
    --sixCu: 242, 216, 191;
    // iron (Mars) ***n.b.!—ancient 'iron' was actually meteoric iron, an iron-nickel alloy like kamacite (weaponry) or taenite (decor)
    --priFe: 51, 47, 26;
    --secFe: 74, 72, 45;
    --terFe: 105, 103, 74;
    --quaFe: 148, 144, 115;
    --quiFe: 184, 178, 154;
    --sixFe: 224, 219, 202;
    // tin (Jupiter)
    --priSn: 36, 36, 19;
    --secSn: 68, 72, 42;
    --terSn: 100, 102, 66;
    --quaSn: 148, 150, 110;
    --quiSn: 207, 209, 180;
    --sixSn: 243, 245, 223;
    // lead (Saturn)
    --priPb: 33, 40, 46;
    --secPb: 48, 59, 64;
    --terPb: 87, 102, 107;
    --quaPb: 126, 142, 148;
    --quiPb: 163, 180, 184;
    --sixPb: 213, 228, 232;
    // uranium (Uranus)
    --priU: 21, 39, 18;
    --secU: 32, 59, 41;
    --terU: 85, 129, 69;
    --quaU: 114, 156, 100;
    --quiU: 167, 196, 149;
    --sixU: 209, 240, 192;
    // neptunium (Neptune)
    --priNp: 16, 59, 49;
    --secNp: 37, 84, 76;
    --terNp: 85, 135, 129;
    --quaNp: 107, 156, 148;
    --quiNp: 139, 181, 175;
    --sixNp: 197, 227, 224;
    // plutonium (Pluto)
    --priPu: 29, 18, 38;
    --secPu: 59, 44, 71;
    --terPu: 84, 71, 97;
    --quaPu: 109, 98, 128;
    --quiPu: 169, 155, 194;
    --sixPu: 235, 211, 217;

    /* Chroma Palette */
    // red
    --priRd: 233, 53, 37;
    --secRd: 193, 43, 28;
    --terRd: 155, 31, 15;
    // orange
    --priOr: 225, 133, 40;
    --secOr: 187, 111, 30;
    --terOr: 150, 88, 17;
    // yellow
    --priYl: 255, 207, 52;
    --secYl: 211, 172, 44;
    --terYl: 168, 138, 33;
    // lime
    --priLm: 151, 174, 60;
    --secLm: 124, 145, 48;
    --terLm: 97, 117, 36;
    // green
    --priGn: 0, 160, 75;
    --secGn: 0, 135, 62;
    --terGn: 0, 109, 48;
    // teal
    --priTk: 0, 184, 162;
    --secTk: 0, 154, 136;
    --terTk: 0, 125, 110;
    // cyan
    --priCy: 13, 179, 200;
    --secCy: 12, 150, 168;
    --terCy: 0, 121, 136;
    // blue
    --priBl: 20, 141, 205;
    --secBl: 18, 119, 173;
    --terBl: 8, 95, 140;
    // indigo
    --priId: 79, 102, 212;
    --secId: 66, 88, 184;
    --terId: 53, 74, 156;
    --quaId: 44, 60, 131;
    --quiId: 32, 44, 106;
    --sixId: 21, 29, 71;
    // violet
    --priVt: 120, 72, 183;
    --secVt: 108, 65, 165;
    --terVt: 96, 58, 147;
    --quaVt: 80, 45, 124;
    --quiVt: 64, 30, 100;
    --sixVt: 43, 20, 66;
    // fuschia
    --priFs: 158, 61, 150;
    --secFs: 133, 47, 126;
    --terFs: 107, 31, 101;
    // magenta
    --priMe: 237, 30, 129;
    --secMe: 196, 18, 108;
    --terMe: 158, 1, 86;

    /* Earthman Palette */
    // bark
    --priBrk: 182, 103, 98;
    --secBrk: 132, 78, 68;
    --terBrk: 82, 53, 38;
    // khaki
    --priKhk: 195, 176, 145;
    --secKhk: 145, 126, 95;
    --terKhk: 95, 76, 45;
    // cotton
    --priCtn: 255, 251, 246;
    --secCtn: 205, 201, 196;
    --terCtn: 155, 151, 146;
    // maize
    --priMze: 242, 200, 63;
    --secMze: 192, 151, 42;
    --terMze: 142, 101, 21;
    // cornflower
    --priCfw: 100, 149, 237;
    --secCfw: 67, 99, 187;
    --terCfw: 33, 49, 137;
    // purple mountain's majesty
    --priPmm: 189, 170, 209;
    --secPmm: 150, 120, 182;
    --terPmm: 112, 79, 146;
    // forest
    --priFor: 190, 209, 170;
    --secFor: 152, 182, 120;
    --terFor: 114, 146, 79;

    /* Technoman Palette */
    // carbon steel
    // stainless steel
    // maraging steel
    // silicon semiconductor
    // wrought iron
    // carbon fiber
    // glass (optic)

    /* Other H. sapiens variants */
    // glass (frosted)
    // glass (borosilicate)
    // quartz
    // iron (meteoric)
    

    /* Inferno Palette (4 per) */
    // mist (Elpis's Lethe)
    --priMst: 168, 202, 172;
    --secMst: 103, 145, 105;
    --terMst: 90, 129, 198;
    --quaMst: 13, 71, 47;
    // tears (Ananke's Acheron)
    --priTrs: 212, 221, 190;
    --secTrs: 161, 208, 202;
    --terTrs: 81, 153, 139;
    --quaTrs: 47, 89, 85;
    // swamp (Eros's Styx)
    --priSwp: 221, 206, 149;
    --secSwp: 148, 150, 103;
    --terSwp: 102, 92, 67;
    --quaSwp: 43, 46, 37;
    // blood (Tyche's Phlegethon)
    --priBld: 190, 69, 40;
    --secBld: 167, 53, 42;
    --terBld: 120, 37, 33;
    --quaBld: 77, 23, 13;
    // ice (Daimon's Cocytus)
    --priIce: 165, 190, 187;
    --secIce: 121, 150, 156;
    --terIce: 74, 119, 125;
    --quaIce: 35, 65, 75;

    /* Terrestre Palette (6 per) */
    // crumbling perse (Contrition)
    --priPer: 34, 30, 77;
    --secPer: 52, 45, 99;
    --terPer: 88, 77, 145;
    --quaPer: 127, 116, 194;
    --quiPer: 164, 160, 222;
    --sixPer: 206, 201, 242;
    // polished marble (Confession)
    --priMrb: 231, 233, 234;
    --secMrb: 115, 116, 117;
    // flaming porphyry (Satisfaction)
    --priPhy: 200, 55, 66;
    --secPhy: 75, 31, 48;
    // threshold of adamant (Absolution)
    --priAdm: 35, 40, 43;
    --secAdm: 75, 81, 84;
    --terAdm: 119, 131, 135;
    --quaAdm: 164, 180, 186;
    --quiAdm: 197, 213, 228;
    --sixAdm: 226, 244, 253;

    /* Emanation Palettes */
    // Plant Bundle
    // • beige-pink (streetlamps)
    --priBpk: 223, 159, 140;
    // • pale-yellow (poisonous)
    --priBpk: 255, 235, 169;
    // • bright violet (medicinal)
    --priBpk: 223, 64, 196;
    // • white, murky (power)
    --priBpk: 196, 180, 193;
    // • white, brilliant (power)
    --sixBpk: 250, 246, 249;
    // Insect Bundle
    // • buff peach (neon lights)
    --priBfp: 255, 92, 43;
    // Animal Bundle
    // • amber (clear honey)
    --priClh: 238, 160, 70;
    --secClh: 255, 216, 171;
    // • pink (common)
    --terClh: 238, 70, 148;
    --quaClh: 96, 5, 57;
    // • pale green (common)
    --quiClh: 120, 203, 53;
    --sixClh: 220, 255, 125;
    // • blue (unusual)
    --sepClh: 56, 84, 173;
    --octClh: 26, 51, 105;
    // • pure (rare)
    --ninClh: 192, 77, 1;
    --decClh: 255, 174, 0;    
}

/* Default Earthman Theme */
.theme-default {
    --priUser: var(--terBrk);
    --secUser: var(--priKhk);
    --terUser: var(--priMze);
    --quaUser: var(--priPmm);
    --quiUser: var(--terPmm);
    --sixUser: var(--priFor);
    --sepUser: var(--terFor);
    --octUser: var(--priCfw);
    --ninUser: var(--priCtn);
    --decUser: var(--terCtn);
}
/* Grave Sheol Theme */
.theme-sheol {
    --priUser: var(--priPu);
    --secUser: var(--quiPu);
    --terUser: var(--terFs);
    --quaUser: var(--priCfw);
    --quiUser: var(--terCfw);
    --sixUser: var(--terId);
    --sepUser: var(--secId);
    --octUser: var(--priFs);
    --ninUser: var(--sixPu);
    --decUser: var(--terPu);
}
/* Blissful Nirvana Theme */
.theme-nirvana {
    --priUser: var(--priU);
    --secUser: var(--quiU);
    --terUser: var(--terMe);
    --quaUser: var(--quiCu);
    --quiUser: var(--terCu);
    --sixUser: var(--terKhk);
    --sepUser: var(--priKhk);
    --octUser: var(--priMe);
    --ninUser: var(--sixCu);
    --decUser: var(--terU);
}
/* Disco Inferno Theme */
.theme-inferno {
    --priUser: var(--quaSwp);
    --secUser: var(--priSwp);
    --terUser: var(--terBld);
    --quaUser: var(--priIce);
    --quiUser: var(--quaIce);
    --sixUser: var(--priTrs);
    --sepUser: var(--terTrs);
    --octUser: var(--priBld);
    --ninUser: var(--priMst);
    --decUser: var(--terMst);
}
/* Torre Terrestre Theme */
.theme-terrestre {
    --priUser: var(--priAdm);
    --secUser: var(--quaAdm);
    --terUser: var(--sixAdm);
    --quaUser: var(--priPhy);
    --quiUser: var(--secPhy);
    --sixUser: var(--priMrb);
    --sepUser: var(--terPer);
    --octUser: var(--quaAdm);
    --ninUser: var(--sixPer);
    --decUser: var(--terMrb);
}
/* Fantastia Celestia Theme */
.theme-celestia {
    --priUser: var(--octClh);
    --secUser: var(--sixClh);
    --terUser: var(--quaClh);
    --quaUser: var(--decClh);
    --quiUser: var(--ninClh);
    --sixUser: var(--sepClh);
    --sepUser: var(--secClh);
    --octUser: var(--terClh);
    --ninUser: var(--priClh);
    --decUser: var(--quiClh);
}

/* Theme Classes */
.priUser {
    color: rgba(var(--priUser), 1);
}
.priUser-bg {
    background-color: rgba(var(--priUser), 1);
}
.priUser-bd {
    border-color: rgba(var(--priUser), 1);
}
.secUser {
    color: rgba(var(--secUser), 1);
}
.secUser-bg {
    background-color: rgba(var(--secUser), 1);
}
.secUser-bd {
    border-color: rgba(var(--secUser), 1);
}
.terUser {
    color: rgba(var(--terUser), 1);
}
.terUser-bg {
    background-color: rgba(var(--terUser), 1);
}
.terUser-bd {
    border-color: rgba(var(--terUser), 1);
}
.quaUser {
    color: rgba(var(--quaUser), 1);
}
.quaUser-bg {
    background-color: rgba(var(--quaUser), 1);
}
.quaUser-bd {
    border-color: rgba(var(--secUser), 1);
}
.quiUser {
    color: rgba(var(--quiUser), 1);
}
.quiUser-bg {
    background-color: rgba(var(--quiUser), 1);
}
.quiUser-bd {
    border-color: rgba(var(--quiUser), 1);
}
.sixUser {
    color: rgba(var(--sixUser), 1);
}
.sixUser-bg {
    background-color: rgba(var(--sixUser), 1);
}
.sixUser-bd {
    border-color: rgba(var(--sixUser), 1);
}
.sepUser {
    color: rgba(var(--sepUser), 1);
}
.sepUser-bg {
    background-color: rgba(var(--sepUser), 1);
}
.sepUser-bd {
    border-color: rgba(var(--sepUser), 1);
}
.octUser {
    color: rgba(var(--octUser), 1);
}
.octUser-bg {
    background-color: rgba(var(--octUser), 1);
}
.octUser-bd {
    border-color: rgba(var(--octUser), 1);
}
.ninUser {
    color: rgba(var(--ninUser), 1);
}
.ninUser-bg {
    background-color: rgba(var(--ninUser), 1);
}
.ninUser-bd {
    border-color: rgba(var(--ninUser), 1);
}
.decUser {
    color: rgba(var(--decUser), 1);
}
.decUser-bg {
    background-color: rgba(var(--decUser), 1);
}
.decUser-bd {
    border-color: rgba(var(--decUser), 1);
}