:root {
    --slider-color-p1: #23b928;
    --slider-color-p2: #23b928;
    --minior-fixed-accent: #f45b69;
    --tatsugiri-highlight: #f28b39;
    --terapagos-rainbow: #9be5bb;
}

/* A B */
html[data-theme="theme-1"],
body[data-theme="theme-1"],
.theme-1 {
    --color-bg: #303030;
    --color-fg: #eacbbe;
    --color-accent: #ff0080;
    --color-accent-text: #ffffff;
    --color-text-accent: #ffffff;
    --color-border: #eacbbe;
    --color-hover-bg: #eacbbe;
    --color-hover-fg: #303030;
    --color-disabled: rgba(229, 253, 174, 0.45);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* IVYSAUR */
html[data-theme="theme-2"],
body[data-theme="theme-2"],
.theme-2 {
    --color-bg: #dcebdc;
    --color-fg: #263b2b;
    --color-accent: #d85b91;
    --color-accent-text: #ffffff;
    --color-text-accent: #263b2b;
    --color-border: #668a6c;
    --color-hover-bg: #d85b91;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(38, 59, 43, 0.42);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* CHARIZARD */
html[data-theme="theme-3"],
body[data-theme="theme-3"],
.theme-3 {
    --color-bg: #f3e1c3;
    --color-fg: #3b2517;
    --color-accent: #e66a2c;
    --color-accent-text: #ffffff;
    --color-text-accent: #3b2517;
    --color-border: #397a9b;
    --color-hover-bg: #e66a2c;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(59, 37, 23, 0.38);
    --slider-color-p1: #e66a2c !important;
    --slider-color-p2: #397a9b !important;
}

/* PIKACHU */
html[data-theme="theme-4"],
body[data-theme="theme-4"],
.theme-4 {
    --color-bg: #edce5e;
    --color-fg: #2c2c30;
    --color-accent: #D7271D;
    --color-accent-text: #FBFBF4;
    --color-text-accent: #2c2c30;
    --color-border: #2c2c30;
    --color-hover-bg: #E43F47;
    --color-hover-fg: #E3F3F8;
    --color-disabled: rgba(44, 44, 48, 0.42);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* FARFETCH'D */
html[data-theme="theme-5"],
body[data-theme="theme-5"],
.theme-5 {
    --color-bg: #734a41;
    --color-fg: #fcfcfc;
    --color-accent: #a6cb6b;
    --color-accent-text: #263019;
    --color-text-accent: #fcfcfc;
    --color-border: #F7F7F7;
    --color-hover-bg: #fcfcfc;
    --color-hover-fg: #636363;
    --color-disabled: rgba(255, 255, 255, 0.42);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* SHINY MEGA GENGAR */
html[data-theme="theme-6"],
body[data-theme="theme-6"],
.theme-6 {
    --color-bg: #f5f2f8;
    --color-fg: #2f2637;
    --color-accent: #ff4fa3;
    --color-accent-text: #ffffff;
    --color-text-accent: #2f2637;
    --color-border: #8d7a9a;
    --color-hover-bg: #ff4fa3;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(47, 38, 55, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* TOGEKISS */
html[data-theme="theme-7"],
body[data-theme="theme-7"],
.theme-7 {
    --color-bg: #f4f4f4;
    --color-fg: #3B3835;
    --color-accent: #3f63ed;
    --color-accent-text: #ffffff;
    --color-text-accent: #616358;
    --color-border: #ff3a6b;
    --color-hover-bg: #ff3a6b;
    --color-hover-fg: #f4f4f4;
    --color-disabled: rgba(59, 56, 53, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* TEDDIURSA */
html[data-theme="theme-8"],
body[data-theme="theme-8"],
.theme-8 {
    --color-bg: #F4EDE6;
    --color-fg: #312416;
    --color-accent: #ff8339;
    --color-accent-text: #ffffff;
    --color-text-accent: #312416;
    --color-border: #ff8339;
    --color-hover-bg: #ff8339;
    --color-hover-fg: #F4EDE6;
    --color-disabled: rgba(49, 36, 22, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* GOTHITELLE */
html[data-theme="theme-10"],
body[data-theme="theme-10"],
.theme-10 {
    --color-bg: #242424;
    --color-fg: #F7F7F7;
    --color-accent: #F7F7F7;
    --color-accent-text: #242424;
    --color-text-accent: #F7F7F7;
    --color-border: #F7F7F7;
    --color-hover-bg: #F7F7F7;
    --color-hover-fg: #242424;
    --color-disabled: rgba(247, 247, 247, 0.42);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* KLINGKLANG */
html[data-theme="theme-11"],
body[data-theme="theme-11"],
.theme-11 {
    --color-bg: #485057;
    --color-fg: #f3f6f8;
    --color-accent: #b9c4cb;
    --color-accent-text: #20262a;
    --color-text-accent: #f3f6f8;
    --color-border: #d9e0e4;
    --color-hover-bg: #d9e0e4;
    --color-hover-fg: #20262a;
    --color-disabled: rgba(243, 246, 248, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* ZWEILOUS */
html[data-theme="theme-12"],
body[data-theme="theme-12"],
.theme-12 {
    --color-bg: #10131b;
    --color-fg: #c8d2df;
    --color-accent: #6d62a8;
    --color-accent-text: #ffffff;
    --color-text-accent: #c8d2df;
    --color-border: #33415c;
    --color-hover-bg: #8b79c6;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(200, 210, 223, 0.35);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* ZEKROM */
html[data-theme="theme-13"],
body[data-theme="theme-13"],
.theme-13 {
    --color-bg: #181820;
    --color-fg: #F7F7F8;
    --color-accent: #F7F7F8;
    --color-accent-text: #181820;
    --color-text-accent: #F7F7F8;
    --color-border: #00c5ff;
    --color-hover-bg: #00c5ff;
    --color-hover-fg: #006abd;
    --color-disabled: rgba(247, 247, 248, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* INCINEROAR */
html[data-theme="theme-14"],
body[data-theme="theme-14"],
.theme-14 {
    --color-bg: #240a00;
    --color-fg: #ff2a00;
    --color-accent: #f3dd18;
    --color-accent-text: #000000;
    --color-text-accent: #ffffff;
    --color-border: #ff2a00;
    --color-hover-bg: #ff2a00;
    --color-hover-fg: #240a00;
    --color-disabled: rgba(255, 42, 0, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* MINIOR */
html[data-theme="theme-15"],
body[data-theme="theme-15"],
.theme-15 {
    --color-bg: #202533;
    --color-fg: #f5f6fa;
    --color-accent: var(--minior-fixed-accent, #f45b69);
    --color-accent-text: #11131a;
    --color-text-accent: #f5f6fa;
    --color-border: #9da7bd;
    --color-hover-bg: var(--minior-fixed-accent, #f45b69);
    --color-hover-fg: #11131a;
    --color-disabled: rgba(245, 246, 250, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* TOGEDEMARU */
html[data-theme="theme-16"],
body[data-theme="theme-16"],
.theme-16 {
    --color-bg: #EDEDED;
    --color-fg: #383838;
    --color-accent: #fee988;
    --color-accent-text: #383838;
    --color-text-accent: #383838;
    --color-border: #A8A8A8;
    --color-hover-bg: #A8A8A8;
    --color-hover-fg: #EDEDED;
    --color-disabled: rgba(56, 56, 56, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* MIMIKYU */
html[data-theme="theme-17"],
body[data-theme="theme-17"],
.theme-17 {
    --color-bg: #e8dfb7;
    --color-fg: #332f28;
    --color-accent: #d74c46;
    --color-accent-text: #fff8e7;
    --color-text-accent: #332f28;
    --color-border: #6d6252;
    --color-hover-bg: #4b4238;
    --color-hover-fg: #fff8e7;
    --color-disabled: rgba(51, 47, 40, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* CELESTEELA */
html[data-theme="theme-18"],
body[data-theme="theme-18"],
.theme-18 {
    --color-bg: #4c7e71;
    --color-fg: #F6F8F8;
    --color-accent: #62c88b;
    --color-accent-text: #17352c;
    --color-text-accent: #E8F3EC;
    --color-border: #EAF0EF;
    --color-hover-bg: #ACDCC0;
    --color-hover-fg: #204a3d;
    --color-disabled: rgba(246, 248, 248, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* HATTERENE */
html[data-theme="theme-19"],
body[data-theme="theme-19"],
.theme-19 {
    --color-bg: #C8E9FF;
    --color-fg: #0E4162;
    --color-accent: #EA9FA9;
    --color-accent-text: #3d1f27;
    --color-text-accent: #0E4162;
    --color-border: #0E4162;
    --color-hover-bg: #F5BAC2;
    --color-hover-fg: #3d1f27;
    --color-disabled: rgba(14, 65, 98, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* DRACOZOLT */
html[data-theme="theme-20"],
body[data-theme="theme-20"],
.theme-20 {
    --color-bg: #008567;
    --color-fg: #FCFCF3;
    --color-accent: #DF1648;
    --color-accent-text: #FCFCF3;
    --color-text-accent: #FCFCF3;
    --color-border: #FCFCF3;
    --color-hover-bg: #FFFF24;
    --color-hover-fg: #39390E;
    --color-disabled: rgba(252, 252, 243, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* CALYREX */
html[data-theme="theme-21"],
body[data-theme="theme-21"],
.theme-21 {
    --color-bg: #10231f;
    --color-fg: #7fffd4;
    --color-accent: #6a00ff;
    --color-accent-text: #ffffff;
    --color-text-accent: #ffffff;
    --color-border: #7fffd4;
    --color-hover-bg: #7fffd4;
    --color-hover-fg: #10231f;
    --color-disabled: rgba(127, 255, 212, 0.4);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* TATSUGIRI */
html[data-theme="theme-22"],
body[data-theme="theme-22"],
.theme-22 {
    --color-bg: #fff5e7;
    --color-fg: #3e3028;
    --color-accent: var(--tatsugiri-highlight, #f28b39);
    --color-accent-text: #2c241f;
    --color-text-accent: #3e3028;
    --color-border: var(--tatsugiri-highlight, #f28b39);
    --color-hover-bg: var(--tatsugiri-highlight, #f28b39);
    --color-hover-fg: #2c241f;
    --color-disabled: rgba(62, 48, 40, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* FLUTTER MANE */
html[data-theme="theme-23"],
body[data-theme="theme-23"],
.theme-23 {
    --color-bg: #2d4962;
    --color-fg: #ef94e9;
    --color-accent: #e8384e;
    --color-accent-text: #ffffff;
    --color-text-accent: #ffffff;
    --color-border: #ef94e9;
    --color-hover-bg: #ef94e9;
    --color-hover-fg: #2d4962;
    --color-disabled: rgba(239, 148, 233, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* GHOLDENGO */
html[data-theme="theme-24"],
body[data-theme="theme-24"],
.theme-24 {
    --color-bg: #5b4305;
    --color-fg: #fff4b8;
    --color-accent: #ffd84f;
    --color-accent-text: #332400;
    --color-text-accent: #fff4b8;
    --color-border: #f5c63c;
    --color-hover-bg: #ffe77d;
    --color-hover-fg: #332400;
    --color-disabled: rgba(255, 244, 184, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* MIRAIDON */
html[data-theme="theme-25"],
body[data-theme="theme-25"],
.theme-25 {
    --color-bg: #5a529c;
    --color-fg: #F6F6F9;
    --color-accent: #ecc457;
    --color-accent-text: #352C13;
    --color-text-accent: #F6F6F9;
    --color-border: #948FC2;
    --color-hover-bg: #948FC2;
    --color-hover-fg: #F6F6F9;
    --color-disabled: rgba(246, 246, 249, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* IRON LEAVES */
html[data-theme="theme-26"],
body[data-theme="theme-26"],
.theme-26 {
    --color-bg: #EEEDEC;
    --color-fg: #3B3835;
    --color-accent: #f84d75;
    --color-accent-text: #F8F7F7;
    --color-text-accent: #3B3835;
    --color-border: #55ae58;
    --color-hover-bg: #55ae58;
    --color-hover-fg: #F8F7F7;
    --color-disabled: rgba(59, 56, 53, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* OGERPON WELLSPRING */
html[data-theme="theme-27"],
body[data-theme="theme-27"],
.theme-27 {
    --color-bg: #e6e6e6;
    --color-fg: #0100e9;
    --color-accent: #d0f047;
    --color-accent-text: #353716;
    --color-text-accent: #616358;
    --color-border: #0100e9;
    --color-hover-bg: #0100e9;
    --color-hover-fg: #e6e6e6;
    --color-disabled: rgba(1, 0, 233, 0.35);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* TERAPAGOS */
html[data-theme="theme-29"],
body[data-theme="theme-29"],
.theme-29 {
    --color-bg: #202b7e;
    --color-fg: #F5F6F9;
    --color-accent: #9be5bb;
    --color-accent-text: #1F2551;
    --color-text-accent: #F5F6F9;
    --color-border: #9be5bb;
    --color-hover-bg: var(--terapagos-rainbow, #fcfcfc);
    --color-hover-fg: #1F2551;
    --color-disabled: rgba(245, 246, 249, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

/* MISSINGNO */
html[data-theme="theme-30"],
body[data-theme="theme-30"],
.theme-30 {
    --color-bg: #ffefff;
    --color-fg: #181010;
    --color-accent: #f7b58c;
    --color-accent-text: #181010;
    --color-text-accent: #181010;
    --color-border: #84739c;
    --color-hover-bg: #ffefff;
    --color-hover-fg: #181010;
    --color-disabled: rgba(24, 16, 16, 0.38);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}



/* Minior and Tatsugiri use ordered accent colours across controls. */
html[data-theme="theme-15"] input:hover,
html[data-theme="theme-15"] select:hover,
html[data-theme="theme-15"] textarea:hover,
html[data-theme="theme-15"] a:hover,
html[data-theme="theme-15"] .select2-choice:hover,
html[data-theme="theme-15"] .panel-heading:hover,
body[data-theme="theme-15"] input:hover,
body[data-theme="theme-15"] select:hover,
body[data-theme="theme-15"] textarea:hover,
body[data-theme="theme-15"] a:hover,
body[data-theme="theme-15"] .select2-choice:hover,
body[data-theme="theme-15"] .panel-heading:hover {
    border-color: var(--minior-fixed-accent) !important;
    box-shadow: 0 0 0 1px var(--minior-fixed-accent) !important;
}

html[data-theme="theme-22"] input:hover,
html[data-theme="theme-22"] select:hover,
html[data-theme="theme-22"] textarea:hover,
html[data-theme="theme-22"] a:hover,
html[data-theme="theme-22"] .select2-choice:hover,
html[data-theme="theme-22"] .panel-heading:hover,
body[data-theme="theme-22"] input:hover,
body[data-theme="theme-22"] select:hover,
body[data-theme="theme-22"] textarea:hover,
body[data-theme="theme-22"] a:hover,
body[data-theme="theme-22"] .select2-choice:hover,
body[data-theme="theme-22"] .panel-heading:hover {
    border-color: var(--tatsugiri-highlight) !important;
    box-shadow: 0 0 0 1px var(--tatsugiri-highlight) !important;
}

/* Klingklang metallic finish */
html[data-theme="theme-11"],
body[data-theme="theme-11"] {
    background-image:
        linear-gradient(115deg, #2f363b 0%, #7e8a91 18%, #3d464c 36%, #b8c1c6 50%, #434d53 68%, #78848b 84%, #2f363b 100%) !important;
    background-attachment: fixed !important;
    background-size: 220% 100% !important;
}

html[data-theme="theme-11"] .panel-heading,
html[data-theme="theme-11"] .main-result-group,
body[data-theme="theme-11"] .panel-heading,
body[data-theme="theme-11"] .main-result-group {
    background-image: linear-gradient(115deg, #414a50, #7f8b92 32%, #c5cdd1 50%, #59636a 70%, #414a50) !important;
}

/* Gholdengo gold sheen */
html[data-theme="theme-24"],
body[data-theme="theme-24"] {
    background-image:
        linear-gradient(115deg, #3f2b00 0%, #9d7208 20%, #f3cf56 42%, #fff1a0 50%, #d8a92b 62%, #725006 82%, #3f2b00 100%) !important;
    background-attachment: fixed !important;
    background-size: 240% 100% !important;
    animation: gholdengo-gold-sheen 9s linear infinite;
}

html[data-theme="theme-24"] .panel-heading,
html[data-theme="theme-24"] .main-result-group,
body[data-theme="theme-24"] .panel-heading,
body[data-theme="theme-24"] .main-result-group {
    background-image: linear-gradient(115deg, #6f4e04, #c99412 30%, #ffe67d 50%, #bc8610 72%, #6f4e04) !important;
    background-size: 220% 100% !important;
    animation: gholdengo-gold-sheen 7s linear infinite;
}

@keyframes gholdengo-gold-sheen {
    from { background-position: 0% 50%; }
    to { background-position: 220% 50%; }
}

@property --terapagos-rainbow {
    syntax: "<color>";
    inherits: true;
    initial-value: #9be5bb;
}

/* Terapagos rainbow hover accent */
html[data-theme="theme-29"],
body[data-theme="theme-29"],
.theme-29 {
    animation: terapagos-rainbow 2s linear infinite;
}

@keyframes terapagos-rainbow {
    0%   { --terapagos-rainbow: #ffb3c6; }
    16%  { --terapagos-rainbow: #ffd6a5; }
    33%  { --terapagos-rainbow: #fdffb6; }
    50%  { --terapagos-rainbow: #caffbf; }
    66%  { --terapagos-rainbow: #a0c4ff; }
    83%  { --terapagos-rainbow: #bdb2ff; }
    100% { --terapagos-rainbow: #ffb3c6; }
}

/* Missingno hover effect */
html[data-theme="theme-30"] .btn:hover,
body[data-theme="theme-30"] .btn:hover,
html[data-theme="theme-30"] .button:hover,
body[data-theme="theme-30"] .button:hover,
html[data-theme="theme-30"] button:hover,
body[data-theme="theme-30"] button:hover,
html[data-theme="theme-30"] .select2-results .select2-highlighted,
body[data-theme="theme-30"] .select2-results .select2-highlighted {
    background: url("missingno.gif") !important;
    color: var(--color-hover-fg) !important;
    border-color: var(--color-hover-bg) !important;
    image-rendering: pixelated;
}


body {
    font: 12px Verdana, sans-serif;
    background-color: #bbeedd;
    padding: 0 1em;
    min-width: 120em;
}
fieldset {
    float: left;
    background-color: #ddffee;
}
legend {
    font-weight: bold;
}
th, td {
    padding: 0;
}
th {
    font-size: 0.8em;
}

.title-text {
    font-weight: bold;
    font-size: 1.5em;
}
.yeartag {
    margin-right: 1em;
    margin-left: 0.5em;
    vertical-align:middle
}
.big-text {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0.5em 0;
}
.small-text {
    font-size: 0.9em;
}
.panel {
    float: left;
    display: inline-block;
}
.poke-info {
    /*width: 33.1em;*/
    width: 40em;
}
.field-info {
    width: 30em;
}
.generations {
    padding-left: 1em;
}

#resultDamageR1,
#resultDamageR2,
#resultDamageR3,
#resultDamageR4
{
	padding-right: 18px;
}

/* general button styling */
.btn {
    text-align: center;
    border: solid 1px #aaaaaa;
    padding: 4px 8px;
    position: relative;
    cursor: pointer;
    color: #555555;
    background: #e9e9e9;
    margin: -1px -3px 0;
    display: inline-block;
    width: 5em;
    border-radius: 8px;
}
.btn-wide {
    width: 7em;
}
.btn-xwide {
    width: 8em;
}
.btn-xxwide {
    width: 9em;
}
.btn-xxxwide {
    width: 10em;
}
.btn-xxxxwide {
    width: 11em;
}
.btn-small {
    width: 4em;
}
.btn-xsmall {
    width: 1em;
}
.btn-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-mid {
    border-radius: 0;
}
.btn:hover {
    z-index: 10;
    border-color: #777777;
    background: #e3e3e3;
}
.btn-input:checked + .btn {
    font-weight: bold;
    color: #111111;
    background: #f5f5f5;
}
.btn-input[type="radio"]:checked + .btn {
    cursor: default;
}
.btn-input {
    display: none;
}
.btn-input:disabled + .btn {
    color: #999999;
}
.btn-group {
    display: inline-block;
    width: 100%;
}
.left {
    float: left;
}
.right {
    float: right;
}

.locked-move:checked + .btn {
    background: #ffff99;
}
.dark .locked-move:checked + .btn {
    background: #10171e !important;
}

.divider {
    width: 5em;
    display: inline;
}

/* header */
.move-result-group {
    max-width: 100%;
    min-width: 50em;
    margin: 3em 0 2em;
	padding: 0 clamp(48px, 6vw, 96px);
	box-sizing: border-box;
}

.move-result-subgroup {
    float: left;
    width: 50%;
	font-size: 1.2em !important;
}
.move-result-group .btn {
    margin-right: 1em;
}
.main-result-group {
    margin: 2em 0 1em;
	padding: 12px 10px;
	box-sizing: border-box;
	border: 4px solid;
	border-color: var(--color-bg) !important;
	border-radius: 16px;
	min-height: 108px;
}

.main-result-group:hover {
	border: 4px solid;
	border-color: var(--color-accent) !important;
	cursor: pointer;
}

.result-move-header {
    font-size: 0.8em;
    font-weight: bold;
    margin: 0 0 5px;
}

.move-result-group,
.move-result-subgroup,
.result-move-header,
.result-pokemon-heading,
.result-side-layout {
    overflow: visible !important;
}

.result-pokemon-heading,
#resultHeaderL,
#resultHeaderR {
    display: block;
}

#resultHeaderR {
    text-align: right;
}

.result-side-layout {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.result-side-layout-left {
    justify-content: flex-start;
}

.result-side-layout-right {
    justify-content: flex-end;
}

.result-move-list {
    flex: 1 1 auto;
    min-width: 0;
}

.result-move-list > div {
    white-space: nowrap;
}

.result-pokemon-sprite-slot {
    flex: 0 0 120px;
    min-width: 120px;
    padding: 10px 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-pokemon-sprite {
    display: block;
    width: 92px;
    height: 92px;
    max-width: 100%;
    object-fit: contain;
    image-rendering: auto;
    pointer-events: none;
}

.result-pokemon-sprite.is-missing {
    visibility: hidden;
}

@media screen and (max-width: 1000px) {
    .result-pokemon-sprite-slot {
        display: none !important;
    }

    .result-side-layout {
        display: block;
    }
}

select.hidden-power {
    width:120px;
    font: 12px Verdana, sans-serif;
}
.hidden-power-type {
    text-align:center;
}
.poke-info label {
    display: inline-block;
    width: 6em;
}
.poke-info input:not([type]), .poke-info input[type="text"], .poke-info span :not(.select2-chosen) {
    display: inline-block;
    width: 2.5em;
}
.poke-info input[type="number"] {
    display: inline-block;
    width: 3em;
}
.info-group {
    margin: 1em 0;
}
.set-selector {
    width: 100%;
}
.info-selectors select {
    width: 12em;
}
select.ability-supreme, select.ability-proto-quark {
    width: 4.5em;
}
select.ability-rivalry {
    width: 8em;
}
select.toxic-counter {
    width: 4.5em;
}
.move-selector, .move-bp, .move-type, .move-cat, .move-hits, .move-double, .move-stellar, .move-pledge, .move-linearAddedBP, .move-opponent {
    font-size: 1em;
}
.move-selector{
    width: 10em;
}
.item, .ability {
    font-size: 1.1em;
    width: 12.15em;
}
.poke-info input.move-bp {
    width: 2em;
}
.move-cat, .move-linearAddedBP {
    width: 6em;
}
.move-hits, .move-double, .move-stellar, .move-pledge, .move-opponent {
    width: 4.6em;
}
.abilityToggle, .ability-advanced{
    margin-top: 0px;
}
.poke-info .crit-btn {
    font-size: 0.8em;
    width: 2.5em;
    padding: 3px 3px;
}

.crit-btn {
margin: 0 1px;
padding: 0px 2px;
}

.poke-info .x-btn {
    font-size: 0.8em;
    width: 3.5em;
    height: 1em;
    padding: 3px 3px;
    margin-left: 0.3em;
}
.poke-info .xx-btn {
    font-size: 0.8em;
    width: 3.8em;
    height: 1em;
    padding: 3px 3px;
    margin-left: 0.3em;
}
.poke-info .ev-total, .poke-info .ev-left {
    font-size: 0.8em;
}

.poke-info .underLimit {
    color: #000000;
}

.poke-info .overLimit {
    color: #CC0000;
}
input.custmod.calc-trigger{
    width: 3.5em;
}

/* field info */
.field-info .btn {
    font-size: 0.8em;
}

.hide {
    display: none;
}

/* select2 overrides */
.small-select.select2-container .select2-choice {
    font-size: 0.9em;
    height: 18px;
    line-height: 18px;
	margin: 2px 0;
}
.small-select.select2-container .select2-choice .select2-arrow b {
    background-position: 0 -4px;
}
.small-select.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px -4px;
}

.hp-bar {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: linear-gradient(to right, #23b928 100%, #606060 0%);
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    cursor: pointer;
}
.hp-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*cursor: pointer;*/
}
#p1 .hp-bar::-webkit-slider-thumb {
    background: var(--slider-color-p1);
}
#p2 .hp-bar::-webkit-slider-thumb {
    background: var(--slider-color-p2);
}
.hp-bar::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*cursor: pointer;*/
}
#p1 .hp-bar::-moz-range-thumb {
    background: var(--slider-color-p1);
}

#p2 .hp-bar::-moz-range-thumb {
    background: var(--slider-color-p2);
}


#autolevel {
    float: right;
    color: #fff;
    text-decoration: none;
}
.onoffswitch {
  float: right;
    position: relative; width: 70px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;

}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 8px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "50";
    padding-left: 10px;
    background-color: #192121; color: #fff;
}
.onoffswitch-inner:after {
    content: "100";
    padding-right: 10px;
    background-color: #F3F3F3; color: #31313a;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 10px; margin: 5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 46px;
    border: 2px solid #999999; border-radius: 8px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
button.pkmnsc {
    width: 60px;
    min-height: 44px;
    text-align: center;
}
button.trashsc, button.editsc {
    width: 32px;
    height: 24px;
}
button.addsc {
    width: 114.25px;
}
button.pkmnsc, button.trashsc, button.editsc, button.addsc{
    cursor: pointer;
}

#mainResult {
    visibility: visible;
    cursor: pointer;
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#ffffff', endColorstr '#eeeeee', GradientType 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 4px 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}
.select2-container .select2-choice>.select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url('../image_res/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}
.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}
.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}
.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}
.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#eeeeee', endColorstr '#cccccc', GradientType 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}
.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../image_res/select2.png') no-repeat 0 1px;
}
.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}
.select2-search input {
    width: 100%;
    height: auto!important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url('../image_res/select2.png') no-repeat 100% -22px;
    background: url('../image_res/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../image_res/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../image_res/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../image_res/select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}
.select2-search input.select2-active {
    background: #fff url('../image_res/select2-spinner.gif') no-repeat 100%;
    background: url('../image_res/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../image_res/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../image_res/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../image_res/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}
.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}
.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}
.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}
.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold;
}
.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}
.select2-results li em {
    background: #feffde;
    font-style: normal;
}
.select2-results .select2-highlighted em {
    background: transparent;
}
.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-selected {
    display: none;
}
.select2-more-results.select2-active {
    background: #f4f4f4 url('../image_res/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}
.select2-container-multi .select2-choices {
    height: auto!important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}
.select2-locked {
    padding: 3px 5px 3px 5px!important;
}
.select2-container-multi .select2-choices {
    min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent!important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../image_res/select2-spinner.gif') no-repeat 100%!important;
}
.select2-default {
    color: #999!important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}
.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('../image_res/select2.png') right top no-repeat;
}
.select2-container-multi .select2-search-choice-close {
    left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none;
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0px!important;
    top: 0px!important;
}
.select2-display-none {
    display: none;
}
.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../image_res/select2x2.png')!important;
        background-repeat: no-repeat!important;
        background-size: 60px 40px!important;
    }
    .select2-search input {
        background-position: 100% -21px!important;
    }
}


#switchTheme, #switchDex, .dex-change{
	margin-left : 90px;
	width: 100px;
}

body.dark, html.dark {
    color: #d4d4d4;
    background-color: #101010;
}

.dark .panel, .dark .panel-heading {
    background-color: #192121;
    border-bottom: 5px solid #103a52;
}


.dark .header {    
    color: #ffffff !important;
    background-color: #192121 !important;
    border-bottom: 5px solid #ce0000 !important;
}

.dark .btn {
    color: #d4d4d4;
    background: #31313a;
}

.dark .poke-info input[type="number"] {
    background: #31313a;
    color: #d4d4d4;
    border: #525252 solid 1px;
}
.dark .poke-info input:not([type]), .dark .poke-info input[type="text"], .poke-info span :not(.select2-chosen) {
    background: #31313a;
    color: #d4d4d4;
    border: #525252 solid 1px;
}

.dark .select2-drop {    
    background: #31313a;
    color: #d4d4d4;
}

.dark .btn-input:checked + .btn {
    color: #fff;
    background: #5d5d5d;
}

.dark .select2-search input {    
    background: #31313a
}

.dark select {
    background: #31313a !important;
    color: #d4d4d4 !important;
    border: #525252 solid 1px !important;
}

.dark .select2-container .select2-choice {
    color: #f1f1f1!important;
    background: #31313a !important;
}

.dark textarea, .dark #spreadName, .dark input.custmod.calc-trigger {    
    color: #d4d4d4;
    border-color: rgb(169, 169, 169);
    background-color: #31313a;
}


.dark a:visited, .dark a:link {
    color: #fff;
}

.dark .onoffswitch-inner:before {    
    background-color: #31313a;
}

.dark .poke-info .underLimit {
    color: #d4d4d4;
}

/*normal page stuff now */

body, html {
    margin:0;
    padding:0;
    background-color: #f3f3f3;
    font-family: "Google Sans", "Open Sans", sans-serif;
}


#wideguard {
    display: block;
    margin: 0 auto;
    padding-bottom: 0.5em;
}

#notice{
    font-size: 30pt;
    color: #e64946;
}
#smallnotice{
    font-size: 15pt;
    color: #e64946;
}

#notice a{
    color: #1e3864;
}

.poke-info input:not([type]), .poke-info input[type="text"], .poke-info span :not(.select2-chosen) {
    background: #ffffff;
    color: #000000;
    border: #525252 solid 1px;
}

.header{
    margin:0 0 20px 0;
    color: #ffffff;
    background:#293131;
    border-bottom: 5px solid #3ab5f7;
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.6),0px 2px 2px rgba(0,0,0,.15);
    min-height:50px;
}

.header a {
    color: #fff;
    text-decoration: none;
}

.header-inner {
    max-width:960px;
    margin:0 auto;
}

.header-logo {
    float: left;
}

.nav,.nav li,.nav-play,.nav-play li{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    float:left;
}

.nav{
    padding:15px 6px 15px 6px;
}


.button{
    outline:none;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 rgba(255,255,255,.4);
    border-radius:5px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(255,255,255,1);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(255,255,255,1);
    box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(255,255,255,1);
    white-space:nowrap;
    color:#222222;
    border:solid 1px #AAAAAA;
    background:#e3e3e3;
    background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e3e3e3));
    background:-moz-linear-gradient(top,#f6f6f6,#e3e3e3);
    background:linear-gradient(top,#f6f6f6,#e3e3e3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#e3e3e3');
}

.button:hover{
    background:#cfcfcf;
    background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#cfcfcf));
    background:-moz-linear-gradient(top,#f2f2f2,#cfcfcf);
    background:linear-gradient(top,#f2f2f2,#cfcfcf);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#cfcfcf');
    border-color:#606060;
}

.button:active{
    background:-webkit-gradient(linear,left top,left bottom,from(#cfcfcf),to(#f2f2f2));
    background:-moz-linear-gradient(top,#cfcfcf,#f2f2f2);
    background:linear-gradient(top,#cfcfcf,#f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf',endColorstr='#f2f2f2');
}

.wrapper{
    padding:1em 1em;
    max-width:1440px;
    margin:0 auto;
    box-sizing: border-box;
}

#p1,
#p2 {
    width: calc(35% - 10px);
    box-sizing: border-box;
}

#field-panel {
    width: calc(30% - 10px);
    box-sizing: border-box;
}

.set-selector {
    width: 100%;
}
.panel {
  margin: 5px;
  background-color: #ffffff;
  border: medium none;
  border-radius: 2px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  background-color: #293131;
  padding: 10px 15px;
  border-bottom: 5px solid #de2808;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: #fff;
}

.banner {
    text-align: center;
    margin-top: 10px;
}

.footer {
    clear: both;
    padding-top: 10px;
    text-align: center;
    font-size: 0.9em;
	order: 10 !important;
	margin: 0 auto;
}

h1 {
    margin: 0;
    font-size: 18px;
}

h1 a {
    color: #fff;
    text-decoration: none;
}

/* theme override: preserves original layout, only recolours controls/surfaces */
:root {
    --color-bg: #303030;
    --color-fg: #e5fdae;
    --color-accent: #ff0080;
    --color-accent-text: #ffffff;
    --color-text-accent: #ffffff;
    --color-border: #e5fdae;
    --color-hover-bg: #e5fdae;
    --color-hover-fg: #303030;
    --color-disabled: rgba(229, 253, 174, 0.45);

    --slider-color-p1: var(--color-bg) !important;
    --slider-color-p2: var(--color-bg) !important;
}

body,
html,
body.dark,
html.dark {
    background-color: var(--color-bg) !important;
    color: var(--color-fg) !important;
    font-family: "Google Sans" !important;
}

fieldset,
.panel,
.panel-body,
.poke-info,
.field-info,
.move-result-group,
.move-result-subgroup,
.main-result-group,
.result-move-header,
.footer,
.banner {
    background-color: var(--color-bg) !important;
    color: var(--color-fg) !important;
    border-color: var(--color-border) !important;
}

#p1,
#p2,
#field-panel {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: none !important;
}

.panel-heading,
.dark .panel-heading,
.header,
.dark .header {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
    border-bottom: 1px solid var(--color-border) !important;
    box-shadow: none !important;
}

.panel-title,
.title-text,
.big-text,
.small-text,
legend,
label,
th,
td,
h1,
h1 a,
.header a,
a,
a:link,
a:visited,
.dark a:link,
.dark a:visited,
#autolevel {
    color: var(--color-fg) !important;
}

.panel-title,
.title-text,
.big-text,
.result-move-header,
.header,
.header a,
.header a:link,
.header a:visited,
h1,
h1 a {
    color: var(--color-text-accent) !important;
}

.btn,
.button,
button,
input[type="button"],
input[type="submit"],
#switchTheme,
#switchDex,
.dex-change,
button.pkmnsc,
button.trashsc,
button.editsc,
button.addsc {
    background: var(--color-bg) !important;
    background-image: none !important;
    filter: none !important;
    color: var(--color-fg) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
}

.btn:hover,
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
#switchTheme:hover,
#switchDex:hover,
.dex-change:hover {
    background: var(--color-hover-bg) !important;
    background-image: none !important;
    filter: none !important;
    color: var(--color-hover-fg) !important;
    border-color: var(--color-hover-bg) !important;
}

.button:active {
    background: var(--color-fg) !important;
    background-image: none !important;
    filter: none !important;
    color: var(--color-bg) !important;
}

.btn-input:checked + .btn,
.dark .btn-input:checked + .btn,
.locked-move:checked + .btn,
.dark .locked-move:checked + .btn {
    background: var(--color-accent) !important;
    color: var(--color-accent-text) !important;
    border: 1px solid var(--color-accent) !important;
    font-weight: bold !important;
}

.color-accent-bg,
.accent-bg,
.has-color-accent-bg {
    background: var(--color-accent) !important;
    color: var(--color-accent-text) !important;
    border-color: var(--color-accent) !important;
}

.btn-input:disabled + .btn {
    color: var(--color-disabled) !important;
    border-color: var(--color-disabled) !important;
}

.btn-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.btn-mid {
    border-radius: 0 !important;
}

select,
textarea,
input,
input[type="text"],
input[type="number"],
input.custmod.calc-trigger,
.poke-info input:not([type]),
.poke-info input[type="text"],
.poke-info input[type="number"],
.poke-info span :not(.select2-chosen),
.dark select,
.dark textarea,
.dark #spreadName,
.dark input.custmod.calc-trigger,
.dark .poke-info input[type="number"],
.dark .poke-info input:not([type]),
.dark .poke-info input[type="text"] {
    background: var(--color-bg) !important;
    background-color: var(--color-bg) !important;
    color: var(--color-fg) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
}

select:focus,
textarea:focus,
input:focus {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
    border-color: var(--color-border) !important;
    box-shadow: none !important;
}

.move-selector {
    width: 14em !important;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input,
.select2-container .select2-choice,
.select2-container.select2-drop-above .select2-choice,
.select2-container-multi .select2-choices,
.select2-container-multi .select2-choices .select2-search-choice,
.dark .select2-drop,
.dark .select2-search input,
.dark .select2-container .select2-choice {
    background: var(--color-bg) !important;
    background-color: var(--color-bg) !important;
    background-image: none !important;
    filter: none !important;
    color: var(--color-fg) !important;
    border-color: var(--color-border) !important;
    box-shadow: none !important;
}

.select2-container .select2-choice,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-dropdown-open .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid var(--color-border) !important;
    background: var(--color-bg) !important;
    background-image: none !important;
    filter: none !important;
    color: var(--color-fg) !important;
    box-shadow: none !important;
}

.select2-container .select2-choice > .select2-chosen,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi .select2-choices .select2-search-field input,
.select2-default {
    color: var(--color-fg) !important;
}

.select2-drop,
.select2-drop.select2-drop-above,
.select2-drop-active,
.select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid var(--color-border) !important;
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
    box-shadow: none !important;
}

.select2-container .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice .select2-arrow {
    background: var(--color-bg) !important;
    background-image: none !important;
    filter: none !important;
    border-left: 1px solid var(--color-border) !important;
}

.select2-container .select2-choice .select2-arrow b,
.select2-search input,
.select2-search input.select2-active,
.select2-more-results.select2-active,
.select2-search-choice-close,
.select2-container .select2-choice abbr {
    background-image: none !important;
}

.select2-results,
.select2-results .select2-highlighted ul,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit,
.select2-results .select2-disabled.select2-highlighted,
.select2-results .select2-disabled,
.select2-more-results,
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container-multi.select2-container-disabled .select2-choices,
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background: var(--color-bg) !important;
    background-color: var(--color-bg) !important;
    background-image: none !important;
    color: var(--color-fg) !important;
    border-color: var(--color-border) !important;
}

.select2-results .select2-highlighted {
    background: var(--color-fg) !important;
    color: var(--color-bg) !important;
}

.select2-results li em {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
}

.select2-results .select2-highlighted em {
    background: var(--color-fg) !important;
    color: var(--color-bg) !important;
}

.hp-bar {
    border: 1px solid var(--color-border) !important;
    background: linear-gradient(to right, var(--color-fg) 100%, var(--color-bg) 0%) !important;
}

.hp-bar::-webkit-slider-thumb {
    background: var(--color-fg) !important;
    border: 1px solid var(--color-bg) !important;
}

.hp-bar::-moz-range-thumb {
    background: var(--color-fg) !important;
    border: 1px solid var(--color-bg) !important;
}

.onoffswitch-label {
    border: 1px solid var(--color-border) !important;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after,
.dark .onoffswitch-inner:before {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
}

.onoffswitch-switch {
    background: var(--color-fg) !important;
    border: 1px solid var(--color-border) !important;
}

.poke-info .underLimit,
.dark .poke-info .underLimit {
    color: var(--color-fg) !important;
}

.poke-info .overLimit,
#notice,
#smallnotice {
    color: var(--color-accent) !important;
}

#notice a {
    color: var(--color-fg) !important;
}

.editsc img,
.trashsc img {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
}

.editsc img:hover,
.trashsc img:hover {
    -webkit-filter: invert(0%) !important;
    filter: invert(0%) !important;
}

.select2-container .select2-choice .select2-arrow {
    display: none;
}




::selection {
    background: var(--color-fg);
    color: var(--color-bg);
}

::-moz-selection {
    background: var(--color-fg);
    color: var(--color-bg);
}

#battle-style {
width: 11em; 
margin: 0 auto 5px;
}

#terrain-style,
#weather-style,
#misc-style
 {
	width: 23em; 
	margin: 5px auto;
}
#aura-style
 {
	width: 8em; 
	margin: 5px auto;
}

.sidebarSlot
{
	margin: 4px;
}

.sidebarExportDelete {
		margin-bottom: 24px;
	}
	

@media screen and (max-width: 1399px) 
{
    .wrapper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;

    }

    .wrapper > div:first-child {
        order: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }


    .main-result-group {
		padding: 12px 12px 0;
        order: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

	.discord-copy-row {
		width: 100% !important;
        order: 3 !important;
		text-align: center !important;
	}
	
    #p1 {
        order: 4 !important;
    }

    #p2 {
        order: 5 !important;
    }

    #p1,
    #p2 {
        width: calc(50% - 10px) !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    #field-panel {
        order: 6 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

	
    body,
    html,
    body.dark,
    html.dark {
        min-width: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .move-result-group {
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 1em 0 !important;
        float: none !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 2px !important;
        align-items: stretch !important;
		padding:0;
		font-size: 90% !important;
    }

    .move-result-subgroup {
        width: calc(50% - 5px) !important;
        min-width: 0 !important;
        max-width: none !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        margin-bottom: 10px !important;
    }

    .main-result-group {
        order: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 1em 0 !important;
        box-sizing: border-box !important;
        display: block !important;
        float: none !important;
    }

    #field-panel {
		width: 100%;
	}
   
    table {
        max-width: 100% !important;
    }

    .set-selector {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .panel-title {
        font-size: 18px !important;
    }

    .btn,
    .button,
    button,
    input[type="button"],
    input[type="submit"] {
        font-size: 12px !important;
    }

    .field-info .btn,
    .poke-info .crit-btn,
    .poke-info .x-btn,
    .poke-info .xx-btn {
        
    }

    select,
    input,
    textarea,
    .select2-container .select2-choice {
        font-size: 14px !important;
    }

    .move-selector {
        width: 15em !important;
    }

    .set-selector {
        width: 100% !important;
    }

    .item,
    .ability {
        width: 14em !important;
    }

    .move-result-group,
    .main-result-group {
        font-size: 1.1em !important;
    }

	#battle-style {
	width: 16em; 
	margin: 0 auto 5px;
	}

	#terrain-style,
	#weather-style,
	#aura-style,
	#misc-style
	 {
		width: 32em; 
		margin: 5px auto;
	 }

}


@media screen and (max-width: 641px) {
	
	.sidebarSlot
	{	
		margin: 8px;
		float: left;
	}
	
	.sidebarExportDelete,
	.move1,
	.move2,
	.move3 {
		margin-bottom: 12px;
	}
	
	#deleteL, #deleteR, button.trashsc, button.editsc {
		width: 40px;
		height: 32px;
	}

    body {
        font-size: 14px !important; /* ~120% of 12px */
    }

    .title-text {
        font-size: 1.8em !important;
    }

    .big-text {
        font-size: 1.4em !important;
    }

    .small-text {
        font-size: 1.05em !important;
    }

	.main-result-group {
		padding: 2px 8px;
		}

    .move-result-group {
		padding: 12px 0 0;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .move-result-subgroup {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        float: none !important;
        display: block !important;
    }

	.poke-info,
    .field-info,
    .panel {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
	
	#p1,
    #p2,
    #field-panel {
        position: static !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 8px 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    #p1 .panel-body,
    #p2 .panel-body,
    #field-panel .panel-body {
        width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
    }


	#p1.set-selector,
	#p1.type1,
	#p1.type2,
	#p1.tera-type,
	#p1.forme,
	#p2.set-selector,
	#p2.type1,
	#p2.type2,
	#p2.tera-type,
	#p2.forme
	{
		font-size: 18px !important;
	}

	input.calc-trigger
	{
		width: 6em;
	}
	
	.move-selector.small-select {
		font-size: 18px !important;
		height: 24px !important;
		width: 100% !important;
	}
	
	.field-info,
	#field-panel .panel-body 
	{
		font-size: 90% !important;
	}
	
	#customMon {
		width: 95%;
	}
}

* {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.main-result-group,
.main-result-group * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

::selection {
    background: transparent;
    color: inherit;
}

::-moz-selection {
    background: transparent;
    color: inherit;
}

.main-result-group::selection,
.main-result-group *::selection {
    background: var(--color-fg);
    color: var(--color-bg);
}

.main-result-group::-moz-selection,
.main-result-group *::-moz-selection {
    background: var(--color-fg);
    color: var(--color-bg);
}

/* HP bar: 10% markers and health-based colours */
.hp-bar {
    --hp-percent: 100%;
    --hp-colour: #23b928;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 12px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
    background:
        repeating-linear-gradient(
            to right,
            transparent 0,
            transparent calc(10% - 1px),
            rgba(0, 0, 0, 0.45) calc(10% - 1px),
            rgba(0, 0, 0, 0.45) 10%
        ),
        linear-gradient(
            to right,
            var(--hp-colour) 0,
            var(--hp-colour) var(--hp-percent),
            #606060 var(--hp-percent),
            #606060 100%
        ) !important;
    background-color: #606060 !important;
    outline: none;
    cursor: pointer;
}

.hp-bar::-webkit-slider-runnable-track {
    height: 12px;
    border-radius: 6px;
    background: transparent;
}

.hp-bar::-moz-range-track {
    height: 12px;
    border-radius: 6px;
    background: transparent;
}

.hp-bar::-moz-range-progress {
    background: transparent;
}

.hp-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 17px !important;
    height: 17px !important;
    margin-top: -3px;
    border-radius: 50%;
    background: var(--hp-colour) !important;
    border: 2px solid var(--color-bg) !important;
    box-shadow: 0 0 0 1px var(--color-border);
}

.hp-bar::-moz-range-thumb {
    width: 17px !important;
    height: 17px !important;
    border-radius: 50%;
    background: var(--hp-colour) !important;
    border: 2px solid var(--color-bg) !important;
    box-shadow: 0 0 0 1px var(--color-border);
}

@media screen and (min-width: 1001px) {
    .move-result-group {
        padding-left: clamp(20px, 2.8vw, 48px) !important;
        padding-right: clamp(20px, 2.8vw, 48px) !important;
    }

    .result-pokemon-sprite-slot {
        flex-basis: 80px !important;
        min-width: 80px !important;
        padding: 8px 8px !important;
    }

    .result-pokemon-sprite {
        width: 80px !important;
        height: 80px !important;
    }
	
	#resultDamageL1,
	#resultDamageL2,
	#resultDamageL3,
	#resultDamageL4 {
		font-size: 90%;
		text-align: left;
		padding-right: 0px;
	}
	
	#resultDamageR1,
	#resultDamageR2,
	#resultDamageR3,
	#resultDamageR4
	{
		font-size: 90%;
		text-align: right;
		padding-right: 12px;
	}
}

/* SQUIRTLE */
html[data-theme="theme-31"],
body[data-theme="theme-31"],
.theme-31 {
    --color-bg: #dceff4;
    --color-fg: #173843;
    --color-accent: #4ba7c4;
    --color-accent-text: #ffffff;
    --color-text-accent: #173843;
    --color-border: #9a673c;
    --color-hover-bg: #f0d3a1;
    --color-hover-fg: #3e2b1c;
    --color-disabled: rgba(23, 56, 67, 0.38);
    --slider-color-p1: #4ba7c4 !important;
    --slider-color-p2: #9a673c !important;
}

/* AMOONGUSS */
html[data-theme="theme-32"],
body[data-theme="theme-32"],
.theme-32 {
    --color-bg: #eee5d4;
    --color-fg: #352a24;
    --color-accent: #c94444;
    --color-accent-text: #fff8ef;
    --color-text-accent: #352a24;
    --color-border: #866f5a;
    --color-hover-bg: #6f914d;
    --color-hover-fg: #fffdf7;
    --color-disabled: rgba(53, 42, 36, 0.38);
    --slider-color-p1: #c94444 !important;
    --slider-color-p2: #6f914d !important;
}

/* TOUCANNON */
html[data-theme="theme-34"],
body[data-theme="theme-34"],
.theme-34 {
    --color-bg: #090909;
    --color-fg: #f7f7f7;
    --color-accent: #ef3340;
    --color-accent-text: #ffffff;
    --color-text-accent: #f7f7f7;
    --color-border: #f7f7f7;
    --color-hover-bg: #ef3340;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(247, 247, 247, 0.38);
    --slider-color-p1: #ffd23f !important;
    --slider-color-p2: #20a4f3 !important;
}

/* NIHILEGO */
html[data-theme="theme-35"],
body[data-theme="theme-35"],
.theme-35 {
    --color-bg: #eef4f7;
    --color-fg: #28304b;
    --color-accent: #7b67c8;
    --color-accent-text: #ffffff;
    --color-text-accent: #28304b;
    --color-border: #87cfe3;
    --color-hover-bg: #e8a8d2;
    --color-hover-fg: #40263a;
    --color-disabled: rgba(40, 48, 75, 0.35);
    --slider-color-p1: #87cfe3 !important;
    --slider-color-p2: #e8a8d2 !important;
}

/* TOXTRICITY */
html[data-theme="theme-36"],
body[data-theme="theme-36"],
.theme-36 {
    --color-bg: #21162e;
    --color-fg: #f2edf7;
    --color-accent: #b76de0;
    --color-accent-text: #180d20;
    --color-text-accent: #f2edf7;
    --color-border: #72508b;
    --color-hover-bg: #b76de0;
    --color-hover-fg: #180d20;
    --color-disabled: rgba(242, 237, 247, 0.36);
    --slider-color-p1: #f2d63b !important;
    --slider-color-p2: #36a8e8 !important;
}

/* MORPEKO — full-belly mode */
html[data-theme="theme-37"],
body[data-theme="theme-37"],
.theme-37 {
    --color-bg: #f3df85;
    --color-fg: #3b2b20;
    --color-accent: #8a5b35;
    --color-accent-text: #fff8df;
    --color-text-accent: #3b2b20;
    --color-border: #6d4b32;
    --color-hover-bg: #fff3a9;
    --color-hover-fg: #3b2b20;
    --color-disabled: rgba(59, 43, 32, 0.4);
    --slider-color-p1: #f3df85 !important;
    --slider-color-p2: #8a5b35 !important;
}

/* MORPEKO — hangry mode, toggled after each button click */
html[data-theme="theme-37"].morpeko-hangry,
body[data-theme="theme-37"].morpeko-hangry {
    --color-bg: #292532;
    --color-fg: #f4edf7;
    --color-accent: #b946a8;
    --color-accent-text: #ffffff;
    --color-text-accent: #f4edf7;
    --color-border: #77527c;
    --color-hover-bg: #b946a8;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(244, 237, 247, 0.35);
}

/* Tatsugiri and Toucannon ordered accent sequences */
html[data-theme="theme-22"] .theme-sequence-accent,
body[data-theme="theme-22"] .theme-sequence-accent,
html[data-theme="theme-34"] .theme-sequence-accent,
body[data-theme="theme-34"] .theme-sequence-accent {
    border-color: var(--theme-sequence-accent) !important;
}

html[data-theme="theme-22"] .theme-sequence-accent:hover,
body[data-theme="theme-22"] .theme-sequence-accent:hover,
html[data-theme="theme-22"] .btn-input:checked + .theme-sequence-accent,
body[data-theme="theme-22"] .btn-input:checked + .theme-sequence-accent,
html[data-theme="theme-34"] .theme-sequence-accent:hover,
body[data-theme="theme-34"] .theme-sequence-accent:hover,
html[data-theme="theme-34"] .btn-input:checked + .theme-sequence-accent,
body[data-theme="theme-34"] .btn-input:checked + .theme-sequence-accent {
    background: var(--theme-sequence-accent) !important;
    color: #111111 !important;
    box-shadow: 0 0 0 1px var(--theme-sequence-accent) !important;
}

/* Toxtricity: Amped yellow on the left, Low Key blue on the right */
html[data-theme="theme-36"] #p1 .btn,
html[data-theme="theme-36"] .result-move-side-left .btn,
body[data-theme="theme-36"] #p1 .btn,
body[data-theme="theme-36"] .result-move-side-left .btn {
    border-color: #f2d63b !important;
}

html[data-theme="theme-36"] #p2 .btn,
html[data-theme="theme-36"] .result-move-side-right .btn,
body[data-theme="theme-36"] #p2 .btn,
body[data-theme="theme-36"] .result-move-side-right .btn {
    border-color: #36a8e8 !important;
}

html[data-theme="theme-36"] #p1 .btn:hover,
html[data-theme="theme-36"] #p1 .btn-input:checked + .btn,
html[data-theme="theme-36"] .result-move-side-left .btn:hover,
html[data-theme="theme-36"] .result-move-side-left .btn-input:checked + .btn,
body[data-theme="theme-36"] #p1 .btn:hover,
body[data-theme="theme-36"] #p1 .btn-input:checked + .btn,
body[data-theme="theme-36"] .result-move-side-left .btn:hover,
body[data-theme="theme-36"] .result-move-side-left .btn-input:checked + .btn {
    background: #f2d63b !important;
    color: #241f0b !important;
}

html[data-theme="theme-36"] #p2 .btn:hover,
html[data-theme="theme-36"] #p2 .btn-input:checked + .btn,
html[data-theme="theme-36"] .result-move-side-right .btn:hover,
html[data-theme="theme-36"] .result-move-side-right .btn-input:checked + .btn,
body[data-theme="theme-36"] #p2 .btn:hover,
body[data-theme="theme-36"] #p2 .btn-input:checked + .btn,
body[data-theme="theme-36"] .result-move-side-right .btn:hover,
body[data-theme="theme-36"] .result-move-side-right .btn-input:checked + .btn {
    background: #36a8e8 !important;
    color: #081d29 !important;
}

/* Animated metallic and gold surfaces */
html[data-theme="theme-11"],
body[data-theme="theme-11"] {
    background-image: linear-gradient(115deg, #2f363b 0%, #7e8a91 18%, #3d464c 36%, #d5dde1 50%, #434d53 68%, #78848b 84%, #2f363b 100%) !important;
    background-attachment: fixed !important;
    background-size: 240% 100% !important;
    animation: klingklang-silver-sheen 8s linear infinite !important;
}

html[data-theme="theme-24"],
body[data-theme="theme-24"] {
    background-image: linear-gradient(115deg, #3f2b00 0%, #9d7208 20%, #f3cf56 42%, #fff1a0 50%, #d8a92b 62%, #725006 82%, #3f2b00 100%) !important;
    background-attachment: fixed !important;
    background-size: 240% 100% !important;
    animation: gholdengo-gold-sheen 9s linear infinite !important;
}

@keyframes klingklang-silver-sheen {
    from { background-position: 0% 50%; }
    to { background-position: 240% 50%; }
}

/* Nihilego glassy glow */
html[data-theme="theme-35"] .panel,
html[data-theme="theme-35"] .main-result-group,
body[data-theme="theme-35"] .panel,
body[data-theme="theme-35"] .main-result-group {
    box-shadow: 0 0 18px rgba(135, 207, 227, 0.28) !important;
}

/* Amoonguss click spores: green pixel particles */
.amoonguss-spore-puff {
    position: fixed;
    z-index: 99999;
    width: var(--spore-size);
    height: var(--spore-size);
    margin-left: calc(var(--spore-size) / -2);
    margin-top: calc(var(--spore-size) / -2);
    border-radius: 0;
    background: var(--spore-colour);
    color: var(--spore-colour);
    box-shadow:
        calc(var(--spore-size) / 2) 0 0 currentColor,
        0 calc(var(--spore-size) / 2) 0 currentColor;
    image-rendering: pixelated;
    pointer-events: none;
    opacity: 0;
    animation: amoonguss-spore-burst 760ms steps(7, end) var(--spore-delay) forwards;
}

.amoonguss-spore-puff:nth-child(2n) {
    box-shadow:
        calc(var(--spore-size) / -2) 0 0 currentColor,
        0 calc(var(--spore-size) / -2) 0 currentColor;
}

@keyframes amoonguss-spore-burst {
    0% {
        opacity: 1;
        transform: translate(0, 0) scale(0.65);
    }
    70% {
        opacity: 0.85;
    }
    100% {
        opacity: 0;
        transform: translate(var(--spore-x), var(--spore-y)) scale(1.05);
    }
}

/* Discord copy button */
.discord-copy-row {
	width: 100%;
	text-align: center !important;
    justify-content: center;
    margin: -4px 0 14px;
}

.discord-copy-button {
    width: auto !important;
    min-width: 12em;
    padding: 7px 14px !important;
}


html[data-theme="theme-15"] .theme-sequence-accent,
body[data-theme="theme-15"] .theme-sequence-accent {
    border-color: var(--theme-sequence-accent) !important;
}

html[data-theme="theme-15"] .theme-sequence-accent:hover,
body[data-theme="theme-15"] .theme-sequence-accent:hover,
html[data-theme="theme-15"] .btn-input:checked + .theme-sequence-accent,
body[data-theme="theme-15"] .btn-input:checked + .theme-sequence-accent {
    background: var(--theme-sequence-accent) !important;
    border-color: var(--theme-sequence-accent) !important;
    color: #11131a !important;
    box-shadow: 0 0 0 1px var(--theme-sequence-accent) !important;
}

html[data-theme="theme-11"],
body[data-theme="theme-11"] {
    background-color: #4b555b !important;
    background-image: none !important;
    animation: none !important;
}

html[data-theme="theme-24"],
body[data-theme="theme-24"] {
    background-color: #9d7208 !important;
    background-image: none !important;
    animation: none !important;
}

html[data-theme="theme-37"],
body[data-theme="theme-37"] {
    --morpeko-full-bg: #f3df85;
    --morpeko-full-fg: #3b2b20;
    --morpeko-full-accent: #8a5b35;
    --morpeko-hangry-bg: #292532;
    --morpeko-hangry-fg: #f4edf7;
    --morpeko-hangry-accent: #b946a8;
    background-color: var(--morpeko-full-bg) !important;
    background-image:
        repeating-conic-gradient(
            from 45deg,
            var(--morpeko-full-bg) 0 25%,
            var(--morpeko-hangry-bg) 0 50%,
            var(--morpeko-full-bg) 0 75%,
            var(--morpeko-hangry-bg) 0 100%
        ),
        linear-gradient(
            to right,
            var(--morpeko-full-bg) 0 50%,
            var(--morpeko-hangry-bg) 50% 100%
        ) !important;
    background-position: 50% 0, 0 0 !important;
    background-size: 22px 22px, 100% 100% !important;
    background-repeat: repeat-y, no-repeat !important;
    background-attachment: fixed, fixed !important;
    animation: none !important;
}

html[data-theme="theme-37"] #p1,
html[data-theme="theme-37"] .result-move-side-left,
body[data-theme="theme-37"] #p1,
body[data-theme="theme-37"] .result-move-side-left {
    --color-bg: var(--morpeko-full-bg);
    --color-fg: var(--morpeko-full-fg);
    --color-accent: var(--morpeko-full-accent);
    --color-accent-text: #fff8df;
    --color-text-accent: var(--morpeko-full-fg);
    --color-border: #6d4b32;
    --color-hover-bg: #fff3a9;
    --color-hover-fg: var(--morpeko-full-fg);
    --slider-color-p1: var(--morpeko-full-accent) !important;
}

html[data-theme="theme-37"] #p2,
html[data-theme="theme-37"] .result-move-side-right,
body[data-theme="theme-37"] #p2,
body[data-theme="theme-37"] .result-move-side-right {
    --color-bg: var(--morpeko-hangry-bg);
    --color-fg: var(--morpeko-hangry-fg);
    --color-accent: var(--morpeko-hangry-accent);
    --color-accent-text: #ffffff;
    --color-text-accent: var(--morpeko-hangry-fg);
    --color-border: #77527c;
    --color-hover-bg: var(--morpeko-hangry-accent);
    --color-hover-fg: #ffffff;
    --slider-color-p2: var(--morpeko-hangry-accent) !important;
}

html[data-theme="theme-37"] #p1,
html[data-theme="theme-37"] #p1 .panel-body,
html[data-theme="theme-37"] .result-move-side-left,
body[data-theme="theme-37"] #p1,
body[data-theme="theme-37"] #p1 .panel-body,
body[data-theme="theme-37"] .result-move-side-left {
    background-color: var(--morpeko-full-bg) !important;
    color: var(--morpeko-full-fg) !important;
}

html[data-theme="theme-37"] #p2,
html[data-theme="theme-37"] #p2 .panel-body,
html[data-theme="theme-37"] .result-move-side-right,
body[data-theme="theme-37"] #p2,
body[data-theme="theme-37"] #p2 .panel-body,
body[data-theme="theme-37"] .result-move-side-right {
    background-color: var(--morpeko-hangry-bg) !important;
    color: var(--morpeko-hangry-fg) !important;
}

html[data-theme="theme-37"] #p1 .panel-heading,
body[data-theme="theme-37"] #p1 .panel-heading {
    background: var(--morpeko-full-accent) !important;
    color: #fff8df !important;
}

html[data-theme="theme-37"] #p2 .panel-heading,
body[data-theme="theme-37"] #p2 .panel-heading {
    background: var(--morpeko-hangry-accent) !important;
    color: #ffffff !important;
}

html[data-theme="theme-37"] .main-result-group,
body[data-theme="theme-37"] .main-result-group {
    background-image:
        repeating-conic-gradient(
            from 45deg,
            var(--morpeko-full-bg) 0 25%,
            var(--morpeko-hangry-bg) 0 50%,
            var(--morpeko-full-bg) 0 75%,
            var(--morpeko-hangry-bg) 0 100%
        ),
        linear-gradient(
            to right,
            var(--morpeko-full-bg) 0 50%,
            var(--morpeko-hangry-bg) 50% 100%
        ) !important;
    background-position: 50% 0, 0 0 !important;
    background-size: 22px 22px, 100% 100% !important;
    background-repeat: repeat-y, no-repeat !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px #000000;
}


input.hp-bar,
input.hp-bar:hover,
input.hp-bar:focus,
input.hp-bar:active {
    background:
        repeating-linear-gradient(
            to right,
            transparent 0,
            transparent calc(10% - 1px),
            rgba(0, 0, 0, 0.45) calc(10% - 1px),
            rgba(0, 0, 0, 0.45) 10%
        ),
        linear-gradient(
            to right,
            var(--hp-colour) 0,
            var(--hp-colour) var(--hp-percent),
            #606060 var(--hp-percent),
            #606060 100%
        ) !important;
    background-color: #606060 !important;
}


html[data-theme="theme-6"] .move-result-group .btn,
body[data-theme="theme-6"] .move-result-group .btn {
    background: #111111 !important;
    color: #f6d84a !important;
    border-color: #f6d84a !important;
}

html[data-theme="theme-6"] .move-result-group .btn:hover,
html[data-theme="theme-6"] .move-result-group .btn-input:checked + .btn,
body[data-theme="theme-6"] .move-result-group .btn:hover,
body[data-theme="theme-6"] .move-result-group .btn-input:checked + .btn {
    background: #f6d84a !important;
    color: #111111 !important;
    border-color: #111111 !important;
    box-shadow: 0 0 0 1px #f6d84a !important;
}


html[data-theme="theme-11"],
body[data-theme="theme-11"] {
    background: #4b555b !important;
    background-image: none !important;
    animation: none !important;
}

html[data-theme="theme-24"],
body[data-theme="theme-24"] {
    background: #9d7208 !important;
    background-image: none !important;
    animation: none !important;
}

html[data-theme="theme-37"],
body[data-theme="theme-37"] {
    background-color: var(--morpeko-full-bg) !important;
    background-image:
        linear-gradient(135deg, var(--morpeko-full-bg) 0 50%, var(--morpeko-hangry-bg) 50% 100%),
        linear-gradient(45deg, var(--morpeko-hangry-bg) 0 50%, var(--morpeko-full-bg) 50% 100%),
        linear-gradient(to right, var(--morpeko-full-bg) 0 50%, var(--morpeko-hangry-bg) 50% 100%) !important;
    background-size: 24px 24px, 24px 24px, 100% 100% !important;
    background-position: calc(50% - 12px) 0, calc(50% - 12px) 12px, 0 0 !important;
    background-repeat: repeat-y, repeat-y, no-repeat !important;
    background-attachment: fixed, fixed, fixed !important;
    animation: none !important;
}

html[data-theme="theme-37"] .main-result-group,
body[data-theme="theme-37"] .main-result-group {
    background-color: var(--morpeko-full-bg) !important;
    background-image:
        linear-gradient(135deg, var(--morpeko-full-bg) 0 50%, var(--morpeko-hangry-bg) 50% 100%),
        linear-gradient(45deg, var(--morpeko-hangry-bg) 0 50%, var(--morpeko-full-bg) 50% 100%),
        linear-gradient(to right, var(--morpeko-full-bg) 0 50%, var(--morpeko-hangry-bg) 50% 100%) !important;
    background-size: 24px 24px, 24px 24px, 100% 100% !important;
    background-position: calc(50% - 12px) 0, calc(50% - 12px) 12px, 0 0 !important;
    background-repeat: repeat-y, repeat-y, no-repeat !important;
}

.amoonguss-spore-puff {
    border-radius: 0 !important;
    background-color: var(--spore-colour) !important;
    color: var(--spore-colour) !important;
    filter: none !important;
    image-rendering: pixelated;
    animation-timing-function: steps(7, end) !important;
}



/* Spiritomb */
html[data-theme="theme-39"],
body[data-theme="theme-39"],
.theme-39 {
    --color-bg: #21172b;
    --color-fg: #eee5f5;
    --color-accent: #76c943;
    --color-accent-text: #12210c;
    --color-text-accent: #eee5f5;
    --color-border: #8f56a8;
    --color-hover-bg: #76c943;
    --color-hover-fg: #12210c;
    --color-disabled: rgba(238, 229, 245, 0.34);
    --slider-color-p1: #8f56a8 !important;
    --slider-color-p2: #76c943 !important;
}

/* Sinistcha */
html[data-theme="theme-40"],
body[data-theme="theme-40"],
.theme-40 {
    --color-bg: #e8ead9;
    --color-fg: #26351f;
    --color-accent: #557d3d;
    --color-accent-text: #ffffff;
    --color-text-accent: #26351f;
    --color-border: #8c6a4d;
    --color-hover-bg: #6e944f;
    --color-hover-fg: #ffffff;
    --color-disabled: rgba(38, 53, 31, 0.36);
    --slider-color-p1: #557d3d !important;
    --slider-color-p2: #8c6a4d !important;
}

/* Gastrodon */
html[data-theme="theme-38"],
body[data-theme="theme-38"],
.theme-38 {
    --color-bg: #e8e2d8;
    --color-fg: #352f2b;
    --color-accent: #856b5a;
    --color-accent-text: #ffffff;
    --color-text-accent: #352f2b;
    --color-border: #8f8176;
    --color-hover-bg: #c7b8aa;
    --color-hover-fg: #2e2925;
    --color-disabled: rgba(53, 47, 43, 0.36);
}

html[data-theme="theme-38"] #p1,
body[data-theme="theme-38"] #p1 {
    --color-bg: #e7a5ad;
    --color-fg: #442a2b;
    --color-accent: #8e5847;
    --color-accent-text: #fff7ee;
    --color-text-accent: #442a2b;
    --color-border: #a56d65;
    --color-hover-bg: #f3c9c7;
    --color-hover-fg: #442a2b;
    --slider-color-p1: #8e5847 !important;
}

html[data-theme="theme-38"] #p1,
html[data-theme="theme-38"] #p1 .panel-body,
body[data-theme="theme-38"] #p1,
body[data-theme="theme-38"] #p1 .panel-body,
{
    background-color: #e7a5ad !important;
    color: #442a2b !important;
}

html[data-theme="theme-38"] .result-move-side-left,
body[data-theme="theme-38"] .result-move-side-left {
    --color-bg: #e8e2d8;
    --color-fg: #442a2b;
    --color-accent: #8e5847;
    --color-accent-text: #fff7ee;
    --color-text-accent: #442a2b;
    --color-border: #a56d65;
    --color-hover-bg: #f3c9c7;
    --color-hover-fg: #442a2b;
    --slider-color-p1: #8e5847 !important;
}

html[data-theme="theme-38"] .result-move-side-left,
body[data-theme="theme-38"] .result-move-side-left {
    background-color: #e8e2d8 !important;
    color: #442a2b !important;
}


html[data-theme="theme-38"] #p1 .panel-heading,
body[data-theme="theme-38"] #p1 .panel-heading {
    background: #8e5847 !important;
    color: #e8e2d8 !important;
}


html[data-theme="theme-38"] #p2,
body[data-theme="theme-38"] #p2 {
    --color-bg: #78a8c8;
    --color-fg: #102f3b;
    --color-accent: #4e7b59;
    --color-accent-text: #f4fff8;
    --color-text-accent: #102f3b;
    --color-border: #4f798f;
    --color-hover-bg: #a8d0c1;
    --color-hover-fg: #102f3b;
    --slider-color-p2: #4e7b59 !important;
}

html[data-theme="theme-38"] .result-move-side-right,
body[data-theme="theme-38"] .result-move-side-right {
    --color-bg: #e8e2d8;
    --color-fg: #102f3b;
    --color-accent: #4e7b59;
    --color-accent-text: #f4fff8;
    --color-text-accent: #102f3b;
    --color-border: #4f798f;
    --color-hover-bg: #a8d0c1;
    --color-hover-fg: #102f3b;
    --slider-color-p2: #4e7b59 !important;
}

html[data-theme="theme-38"] #p2,
html[data-theme="theme-38"] #p2 .panel-body,
body[data-theme="theme-38"] #p2,
body[data-theme="theme-38"] #p2 .panel-body, {
    background-color: #78a8c8 !important;
    color: #102f3b !important;
}

html[data-theme="theme-38"] .result-move-side-right,
body[data-theme="theme-38"] .result-move-side-right {
    background-color: #e8e2d8 !important;
    color: #102f3b !important;
}

html[data-theme="theme-38"] #p2 .panel-heading,
body[data-theme="theme-38"] #p2 .panel-heading {
    background: #4e7b59 !important;
    color: #e8e2d8 !important;
}

html[data-theme="theme-38"] #p1 .panel-title,
body[data-theme="theme-38"] #p1 .panel-title,
html[data-theme="theme-38"] #p2 .panel-title,
body[data-theme="theme-38"] #p2 .panel-title {
    color: #e8e2d8 !important;
}

/* Morpeko */
html[data-theme="theme-37"],
body[data-theme="theme-37"],
.theme-37 {
    --color-bg: #29292f;
    --color-fg: #f6f6f7;
    --color-accent: #d8c45f;
    --color-accent-text: #171719;
    --color-text-accent: #ffffff;
    --color-border: #777780;
    --color-hover-bg: #d8c45f;
    --color-hover-fg: #171719;
    --color-disabled: rgba(246, 246, 247, 0.34);
    background: #29292f !important;
    background-image: none !important;
    animation: none !important;
}

html[data-theme="theme-37"] #field-panel,
html[data-theme="theme-37"] #field-panel .panel-body,
body[data-theme="theme-37"] #field-panel,
body[data-theme="theme-37"] #field-panel .panel-body,
html[data-theme="theme-37"] .main-result-group,
body[data-theme="theme-37"] .main-result-group {
    background: #29292f !important;
    background-image: none !important;
    color: #f6f6f7 !important;
    text-shadow: none !important;
}

html[data-theme="theme-37"] #p1,
html[data-theme="theme-37"] #p1 .panel-body,
html[data-theme="theme-37"] .result-move-side-left,
body[data-theme="theme-37"] #p1,
body[data-theme="theme-37"] #p1 .panel-body,
body[data-theme="theme-37"] .result-move-side-left {
    --color-bg: #f0dc78;
    --color-fg: #3a2c23;
    --color-accent: #8b5c36;
    --color-accent-text: #fff8df;
    --color-text-accent: #3a2c23;
    --color-border: #70503a;
    --color-hover-bg: #fff1a0;
    --color-hover-fg: #3a2c23;
    background: #f0dc78 !important;
    background-image: none !important;
    color: #3a2c23 !important;
}

html[data-theme="theme-37"] #p2,
html[data-theme="theme-37"] #p2 .panel-body,
html[data-theme="theme-37"] .result-move-side-right,
body[data-theme="theme-37"] #p2,
body[data-theme="theme-37"] #p2 .panel-body,
body[data-theme="theme-37"] .result-move-side-right {
    --color-bg: #302b38;
    --color-fg: #f5edf7;
    --color-accent: #b94aa8;
    --color-accent-text: #ffffff;
    --color-text-accent: #f5edf7;
    --color-border: #7b5a82;
    --color-hover-bg: #b94aa8;
    --color-hover-fg: #ffffff;
    background: #302b38 !important;
    background-image: none !important;
    color: #f5edf7 !important;
	
}

html[data-theme="theme-37"] #p1 .panel-heading,
body[data-theme="theme-37"] #p1 .panel-heading {
    background: #8b5c36 !important;
    color: #fff8df !important;
}

html[data-theme="theme-37"] #p2 .panel-heading,
body[data-theme="theme-37"] #p2 .panel-heading {
    background: #b94aa8 !important;
    color: #ffffff !important;
}

/* Shiny Mega Gengar */
html[data-theme="theme-6"] .move-result-group .btn,
body[data-theme="theme-6"] .move-result-group .btn {
    background: #f5f2f8 !important;
    color: #2f2637 !important;
    border-color: #a99ab4 !important;
    box-shadow: none !important;
}

html[data-theme="theme-6"] .move-result-group .btn:hover,
html[data-theme="theme-6"] .move-result-group .btn-input:checked + .btn,
body[data-theme="theme-6"] .move-result-group .btn:hover,
body[data-theme="theme-6"] .move-result-group .btn-input:checked + .btn {
    background: #f6d84a !important;
    color: #111111 !important;
    border-color: #f6d84a !important;
    box-shadow: 0 0 0 1px #f6d84a !important;
}

.amoonguss-spore-puff {
    position: fixed;
    z-index: 99999;
    width: var(--spore-size);
    height: var(--spore-size);
    margin-left: calc(var(--spore-size) / -2);
    margin-top: calc(var(--spore-size) / -2);
    border-radius: 50% !important;
    background: var(--spore-colour) !important;
    box-shadow: none !important;
    filter: blur(0.4px) !important;
    image-rendering: auto !important;
    pointer-events: none;
    opacity: 0;
    animation: amoonguss-soft-puff 760ms ease-out var(--spore-delay) forwards !important;
}

@keyframes amoonguss-soft-puff {
    0% {
        opacity: 0.72;
        transform: translate(0, 0) scale(0.45);
    }
    55% {
        opacity: 0.46;
        transform: translate(calc(var(--spore-x) * 0.65), calc(var(--spore-y) * 0.65)) scale(0.92);
    }
    100% {
        opacity: 0;
        transform: translate(var(--spore-x), var(--spore-y)) scale(1.35);
    }
}


.main-result-group:hover {
    border-color: var(--color-accent) !important;
    color: var(--color-accent) !important;
    cursor: pointer;
}

.main-result-group:hover #mainResult,
.main-result-group:hover #damageValues,
.main-result-group:hover #customModValues,
.main-result-group:hover .big-text,
.main-result-group:hover .small-text {
    color: var(--color-accent) !important;
}


html[data-theme="theme-24"] .main-result-group,
body[data-theme="theme-24"] .main-result-group {
    background: #5b4305 !important;
    background-image: none !important;
    animation: none !important;
}

html[data-theme="theme-24"] .move-result-group,
html[data-theme="theme-24"] .move-result-subgroup,
html[data-theme="theme-24"] .result-move-header,
html[data-theme="theme-24"] .footer,
body[data-theme="theme-24"] .move-result-group,
body[data-theme="theme-24"] .move-result-subgroup,
body[data-theme="theme-24"] .result-move-header,
body[data-theme="theme-24"] .footer {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    animation: none !important;
}

/* RESULT MOVE AREA — EXACT LEFT/RIGHT MIRROR */
:root {
    --result-sprite-slot-width: 80px;
    --result-move-gap: 1em;
}

.move-result-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.move-result-subgroup,
.result-move-side {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    box-sizing: border-box !important;
}

.result-move-side-left {
    text-align: left !important;
}

.result-move-side-right {
    text-align: right !important;
}

.result-move-header {
    width: 100% !important;
    box-sizing: border-box !important;
}

.result-side-layout {
    display: grid !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
}

.result-side-layout-left {
    grid-template-columns: var(--result-sprite-slot-width) minmax(0, 1fr) !important;
}

.result-side-layout-right {
    grid-template-columns: minmax(0, 1fr) var(--result-sprite-slot-width) !important;
}

.result-pokemon-sprite-slot {
    width: var(--result-sprite-slot-width) !important;
    min-width: 0 !important;
    max-width: var(--result-sprite-slot-width) !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}

.result-pokemon-sprite {
    width: 100% !important;
    height: 80px !important;
    max-width: 100% !important;
}

.result-move-list {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.result-move-list > div {
    display: grid !important;
    align-items: center !important;
    column-gap: var(--result-move-gap) !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.result-move-side-left .result-move-list > div {
    grid-template-columns: max-content minmax(0, 1fr) !important;
}

.result-move-side-right .result-move-list > div {
    grid-template-columns: minmax(0, 1fr) max-content !important;
}

.move-result-group .result-move-list .btn {
    margin: -1px 0 0 !important;
}

#resultDamageL1,
#resultDamageL2,
#resultDamageL3,
#resultDamageL4,
#resultDamageR1,
#resultDamageR2,
#resultDamageR3,
#resultDamageR4 {
    display: block !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

#resultDamageL1,
#resultDamageL2,
#resultDamageL3,
#resultDamageL4 {
    text-align: left !important;
}

#resultDamageR1,
#resultDamageR2,
#resultDamageR3,
#resultDamageR4 {
    text-align: right !important;
}

@media screen and (min-width: 1001px) {
    .result-move-side-left .result-move-header {
        padding-left: var(--result-sprite-slot-width) !important;
        padding-right: 0 !important;
    }

    .result-move-side-right .result-move-header {
        padding-left: 0 !important;
        padding-right: var(--result-sprite-slot-width) !important;
    }
}

@media screen and (max-width: 1000px) {
    .result-side-layout {
        display: block !important;
    }

    .result-move-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 641px) {
    .move-result-group {
        display: block !important;
    }

    .move-result-subgroup,
    .result-move-side {
        width: 100% !important;
    }
}