:root{--red__cs-main-bg: hsl(345, 52%, 35%);--red__cs-main-bg-transparent: hsla(345, 52%, 35%, .5);--red__cs-checkerboard-bg: hsl(345, 52%, 30%);--red__cs-darker-bg: hsl(345, 52%, 15%);--red__cs-main-text: #cdd7d6;--red__cs-next-question-number: hsl(345, 85%, 62%);--red__cs-background-text: hsl(345, 52%, 14%);--red__cs-accent-bg: hsl(225, 45%, 8%);--red__cs-accent-main-text: hsla(174, 11%, 82%, .6);--red__cs-accent-secondary-text: #cdd7d6;--red__cs-chart-bar: hsl(125, 35%, 75%);--red__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--red__cs-progress-bar: hsl(122, 39%, 63%);--red__cs-progress-stroke: rgba(200, 200, 200, .15);--red__cs-red-tracker: #ff8f9a;--red__cs-green-tracker: #4fdcb0;--red__cs-grey-tracker: #6d2241;--red__cs-yellow-tracker: #f4d06f;--red__cs-green-tracker-text: #05281e;--red__cs-red-tracker-text: #2a0b10;--red__cs-grey-tracker-text: #fff;--red__cs-yellow-tracker-text: #2b2410;--red__cs-red-text: hsl(36, 100%, 60%);--red__cs-green-text: hsl(122, 39%, 63%);--red__cs-powerup-bg: hsla(225, 45%, 18%, .4);--red__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--red__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--red__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--red__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--red__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--red__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--red__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--red__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--red__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--red__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--red__cs-button-bg: hsl(210, 25%, 40%);--red__cs-button-color: hsl(210, 25%, 85%);--red__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--red__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--red__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--red__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--red__cs-button-disabled-bg: hsl(210, 25%, 50%);--red__cs-button-disabled-color: hsl(210, 25%, 75%);--red__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--red__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--red__cs-button-green-bg: hsl(150, 60%, 25%);--red__cs-button-green-color: hsl(150, 60%, 75%);--red__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--red__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--red__cs-button-red-bg: hsl(355, 65%, 45%);--red__cs-button-red-color: #e8b4a2;--red__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--red__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--yellow__cs-main-bg: hsl(46, 79%, 68%);--yellow__cs-main-bg-transparent: hsla(46, 79%, 68%, .8);--yellow__cs-checkerboard-bg: hsl(62, 62%, 60%);--yellow__cs-darker-bg: hsl(53, 95%, 40%);--yellow__cs-main-text: #4c3549;--yellow__cs-next-question-number: hsl(46, 92%, 62%);--yellow__cs-background-text: hsl(53, 95%, 18%);--yellow__cs-accent-bg: hsl(225, 45%, 18%);--yellow__cs-accent-main-text: hsla(308, 18%, 25%, .5);--yellow__cs-accent-secondary-text: #4c3549;--yellow__cs-chart-bar: hsl(125, 35%, 75%);--yellow__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--yellow__cs-progress-bar: #a30003;--yellow__cs-progress-stroke: hsl(53, 66%, 79%);--yellow__cs-red-tracker: #a3121f;--yellow__cs-green-tracker: #0b6b5f;--yellow__cs-grey-tracker: hsl(53, 66%, 26%);--yellow__cs-green-tracker-text: #f0fffb;--yellow__cs-yellow-tracker: #6b4e00;--yellow__cs-red-tracker-text: #fff5f5;--yellow__cs-grey-tracker-text: #fff8dc;--yellow__cs-yellow-tracker-text: #fff6d6;--yellow__cs-red-text: #bd1e1e;--yellow__cs-green-text: #0b7a75;--yellow__cs-button-bg: hsl(210, 25%, 40%);--yellow__cs-button-color: hsl(210, 25%, 95%);--yellow__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--yellow__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--yellow__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--yellow__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--yellow__cs-button-green-bg: hsl(150, 60%, 25%);--yellow__cs-button-green-color: hsl(150, 60%, 75%);--yellow__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--yellow__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--yellow__cs-button-red-bg: hsl(5, 80%, 42%);--yellow__cs-button-red-color: #e8b4a2;--yellow__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--yellow__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%);--yellow__cs-powerup-bg: hsla(225, 45%, 18%, .4);--yellow__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--yellow__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--yellow__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--yellow__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--yellow__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--yellow__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--yellow__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--yellow__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--yellow__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--yellow__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--yellow__cs-button-disabled-bg: hsl(210, 25%, 50%);--yellow__cs-button-disabled-color: hsl(210, 25%, 75%);--yellow__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--yellow__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25)}:root{--black__cs-main-bg: hsl(0, 0%, 10%);--black__cs-main-bg-transparent: hsla(0, 0%, 10%, .9);--black__cs-checkerboard-bg: hsl(0, 0%, 20%);--black__cs-darker-bg: hsl(345, 52%, 15%);--black__cs-main-text: #cdd7d6;--black__cs-next-question-number: hsl(0, 0%, 90%);--black__cs-background-text: hsl(0, 0%, 60%);--black__cs-accent-bg: hsl(225, 45%, 8%);--black__cs-accent-main-text: hsla(174, 11%, 82%, .6);--black__cs-accent-secondary-text: #cdd7d6;--black__cs-chart-bar: hsl(125, 35%, 75%);--black__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--black__cs-progress-bar: hsl(122, 39%, 63%);--black__cs-progress-stroke: rgba(200, 200, 200, .15);--black__cs-red-tracker: #ff8f9a;--black__cs-green-tracker: #4fdcb0;--black__cs-grey-tracker: hsl(257, 23%, 25%);--black__cs-yellow-tracker: #f4d06f;--black__cs-green-tracker-text: #05281e;--black__cs-red-tracker-text: #2a0b10;--black__cs-grey-tracker-text: #fff;--black__cs-yellow-tracker-text: #2b2410;--black__cs-red-text: #f26157;--black__cs-green-text: #00b295;--black__cs-powerup-bg: hsla(225, 45%, 18%, .4);--black__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--black__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--black__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--black__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--black__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--black__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--black__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--black__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--black__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--black__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--black__cs-button-bg: hsl(210, 25%, 40%);--black__cs-button-color: hsl(210, 25%, 85%);--black__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--black__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--black__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--black__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--black__cs-button-disabled-bg: hsl(210, 25%, 50%);--black__cs-button-disabled-color: hsl(210, 25%, 75%);--black__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--black__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--black__cs-button-green-bg: hsl(150, 60%, 25%);--black__cs-button-green-color: hsl(150, 60%, 75%);--black__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--black__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--black__cs-button-red-bg: hsl(355, 65%, 45%);--black__cs-button-red-color: #e8b4a2;--black__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--black__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--blue__cs-main-bg: hsl(218, 100%, 20%);--blue__cs-main-bg-transparent: hsla(218, 100%, 26%, .5);--blue__cs-checkerboard-bg: hsl(345, 52%, 30%);--blue__cs-darker-bg: hsl(279, 54%, 10%);--blue__cs-main-text: #cdd7d6;--blue__cs-next-question-number: hsl(212, 95%, 65%);--blue__cs-background-text: hsl(279, 54%, 10%);--blue__cs-accent-bg: hsl(225, 45%, 8%);--blue__cs-accent-main-text: hsla(174, 11%, 82%, .6);--blue__cs-accent-secondary-text: #cdd7d6;--blue__cs-chart-bar: hsl(125, 35%, 75%);--blue__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--blue__cs-progress-bar: hsl(122, 39%, 63%);--blue__cs-progress-stroke: rgba(200, 200, 200, .15);--blue__cs-red-tracker: #ff8f9a;--blue__cs-green-tracker: #4fdcb0;--blue__cs-grey-tracker: hsl(218, 100%, 36%);--blue__cs-yellow-tracker: #f4d06f;--blue__cs-green-tracker-text: #05281e;--blue__cs-red-tracker-text: #2a0b10;--blue__cs-grey-tracker-text: #fff;--blue__cs-yellow-tracker-text: #2b2410;--blue__cs-red-text: #e5385e;--blue__cs-green-text: #2ec4b6;--blue__cs-powerup-bg: hsla(225, 45%, 18%, .4);--blue__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--blue__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--blue__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--blue__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--blue__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--blue__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--blue__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--blue__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--blue__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--blue__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--blue__cs-button-bg: hsl(210, 25%, 40%);--blue__cs-button-color: hsl(210, 25%, 85%);--blue__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--blue__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--blue__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--blue__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--blue__cs-button-disabled-bg: hsl(210, 25%, 50%);--blue__cs-button-disabled-color: hsl(210, 25%, 75%);--blue__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--blue__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--blue__cs-button-green-bg: hsl(150, 60%, 25%);--blue__cs-button-green-color: hsl(150, 60%, 75%);--blue__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--blue__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--blue__cs-button-red-bg: hsl(355, 65%, 45%);--blue__cs-button-red-color: #e8b4a2;--blue__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--blue__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--orange__cs-main-bg: hsl(29, 88%, 26%);--orange__cs-main-bg-transparent: hsla(29, 88%, 36%, .9);--orange__cs-checkerboard-bg: hsl(345, 52%, 30%);--orange__cs-darker-bg: hsl(29, 88%, 15%);--orange__cs-main-text: #cdd7d6;--orange__cs-next-question-number: hsl(32, 95%, 60%);--orange__cs-background-text: hsl(29, 88%, 10%);--orange__cs-accent-bg: hsl(225, 45%, 8%);--orange__cs-accent-main-text: hsla(174, 11%, 82%, .6);--orange__cs-accent-secondary-text: #cdd7d6;--orange__cs-chart-bar: hsl(125, 35%, 75%);--orange__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--orange__cs-progress-bar: hsl(122, 39%, 63%);--orange__cs-progress-stroke: rgba(200, 200, 200, .15);--orange__cs-red-tracker: #ff8f9a;--orange__cs-green-tracker: #4fdcb0;--orange__cs-grey-tracker: hsl(29, 88%, 36%);--orange__cs-yellow-tracker: #f4d06f;--orange__cs-green-tracker-text: #05281e;--orange__cs-red-tracker-text: #2a0b10;--orange__cs-grey-tracker-text: #fff;--orange__cs-yellow-tracker-text: #2b2410;--orange__cs-red-text: #ffadb3;--orange__cs-green-text: #8fe0c4;--orange__cs-powerup-bg: hsla(225, 45%, 18%, .4);--orange__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--orange__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--orange__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--orange__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--orange__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--orange__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--orange__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--orange__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--orange__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--orange__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--orange__cs-button-bg: hsl(210, 25%, 40%);--orange__cs-button-color: hsl(210, 25%, 85%);--orange__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--orange__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--orange__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--orange__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--orange__cs-button-disabled-bg: hsl(210, 25%, 50%);--orange__cs-button-disabled-color: hsl(210, 25%, 75%);--orange__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--orange__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--orange__cs-button-green-bg: hsl(150, 60%, 25%);--orange__cs-button-green-color: hsl(150, 60%, 75%);--orange__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--orange__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--orange__cs-button-red-bg: hsl(355, 65%, 45%);--orange__cs-button-red-color: #e8b4a2;--orange__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--orange__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--purple__cs-main-bg: hsl(279, 54%, 28%);--purple__cs-main-bg-transparent: hsla(279, 54%, 28%, .5);--purple__cs-checkerboard-bg: hsl(279, 54%, 32%);--purple__cs-darker-bg: hsl(279, 54%, 10%);--purple__cs-main-text: #cdd7d6;--purple__cs-next-question-number: hsl(276, 80%, 70%);--purple__cs-background-text: hsl(279, 54%, 10%);--purple__cs-accent-bg: hsl(225, 45%, 8%);--purple__cs-accent-main-text: hsla(174, 11%, 82%, .6);--purple__cs-accent-secondary-text: #cdd7d6;--purple__cs-chart-bar: hsl(125, 35%, 75%);--purple__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--purple__cs-progress-bar: hsl(122, 39%, 63%);--purple__cs-progress-stroke: rgba(200, 200, 200, .15);--purple__cs-red-tracker: #ff8f9a;--purple__cs-green-tracker: #4fdcb0;--purple__cs-grey-tracker: hsl(279, 54%, 40%);--purple__cs-yellow-tracker: #f4d06f;--purple__cs-green-tracker-text: #05281e;--purple__cs-red-tracker-text: #2a0b10;--purple__cs-grey-tracker-text: #fff;--purple__cs-yellow-tracker-text: #2b2410;--purple__cs-red-text: #d86e85;--purple__cs-green-text: #2ec4b6;--purple__cs-powerup-bg: hsla(225, 45%, 18%, .4);--purple__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--purple__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--purple__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--purple__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--purple__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--purple__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--purple__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--purple__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--purple__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--purple__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--purple__cs-button-bg: hsl(210, 25%, 40%);--purple__cs-button-color: hsl(210, 25%, 85%);--purple__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--purple__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--purple__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--purple__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--purple__cs-button-disabled-bg: hsl(210, 25%, 50%);--purple__cs-button-disabled-color: hsl(210, 25%, 75%);--purple__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--purple__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--purple__cs-button-green-bg: hsl(150, 60%, 25%);--purple__cs-button-green-color: hsl(150, 60%, 75%);--purple__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--purple__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--purple__cs-button-red-bg: hsl(355, 65%, 45%);--purple__cs-button-red-color: #e8b4a2;--purple__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--purple__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--brown__cs-main-bg: hsl(357, 29%, 35%);--brown__cs-main-bg-transparent: hsla(357, 29%, 35%, .9);--brown__cs-checkerboard-bg: hsl(357, 29%, 45%);--brown__cs-darker-bg: hsl(357, 29%, 25%);--brown__cs-main-text: #cdd7d6;--brown__cs-next-question-number: hsl(28, 70%, 62%);--brown__cs-background-text: hsl(357, 29%, 15%);--brown__cs-accent-bg: hsl(225, 45%, 8%);--brown__cs-accent-main-text: hsla(174, 11%, 82%, .6);--brown__cs-accent-secondary-text: #cdd7d6;--brown__cs-chart-bar: hsl(125, 35%, 75%);--brown__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--brown__cs-progress-bar: hsl(122, 39%, 63%);--brown__cs-progress-stroke: rgba(200, 200, 200, .15);--brown__cs-red-tracker: #ff8f9a;--brown__cs-green-tracker: #4fdcb0;--brown__cs-grey-tracker: hsl(357, 29%, 45%);--brown__cs-yellow-tracker: #f4d06f;--brown__cs-green-tracker-text: #05281e;--brown__cs-red-tracker-text: #2a0b10;--brown__cs-grey-tracker-text: #fff;--brown__cs-yellow-tracker-text: #2b2410;--brown__cs-red-text: #ffadb3;--brown__cs-green-text: #afd0bf;--brown__cs-powerup-bg: hsla(225, 45%, 18%, .4);--brown__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--brown__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--brown__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--brown__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--brown__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--brown__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--brown__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--brown__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--brown__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--brown__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--brown__cs-button-bg: hsl(210, 25%, 40%);--brown__cs-button-color: hsl(210, 25%, 85%);--brown__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--brown__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--brown__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--brown__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--brown__cs-button-disabled-bg: hsl(210, 25%, 50%);--brown__cs-button-disabled-color: hsl(210, 25%, 75%);--brown__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--brown__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--brown__cs-button-green-bg: hsl(150, 60%, 25%);--brown__cs-button-green-color: hsl(150, 60%, 75%);--brown__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--brown__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--brown__cs-button-red-bg: hsl(355, 65%, 45%);--brown__cs-button-red-color: #e8b4a2;--brown__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--brown__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--grey__cs-main-bg: hsl(233, 14%, 36%);--grey__cs-main-bg-transparent: hsla(233, 14%, 46%, .5);--grey__cs-checkerboard-bg: hsl(233, 14%, 46%);--grey__cs-darker-bg: hsl(233, 14%, 15%);--grey__cs-lighter-bg: hsl(233, 14%, 56%);--grey__cs-main-text: #cdd7d6;--grey__cs-next-question-number: hsl(220, 20%, 82%);--grey__cs-background-text: hsl(233, 14%, 15%);--grey__cs-accent-bg: hsl(225, 45%, 8%);--grey__cs-accent-main-text: hsla(174, 11%, 82%, .6);--grey__cs-accent-secondary-text: #cdd7d6;--grey__cs-chart-bar: hsl(125, 35%, 75%);--grey__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--grey__cs-progress-bar: hsl(122, 39%, 63%);--grey__cs-progress-stroke: rgba(200, 200, 200, .15);--grey__cs-red-tracker: #ff8f9a;--grey__cs-green-tracker: #4fdcb0;--grey__cs-grey-tracker: hsl(233, 14%, 25%);--grey__cs-yellow-tracker: #f4d06f;--grey__cs-green-tracker-text: #05281e;--grey__cs-red-tracker-text: #2a0b10;--grey__cs-grey-tracker-text: #fff;--grey__cs-yellow-tracker-text: #2b2410;--grey__cs-green-text: #55b4a0;--grey__cs-red-text: #e4a0aa;--grey__cs-powerup-bg: hsla(225, 45%, 18%, .4);--grey__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--grey__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--grey__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--grey__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--grey__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--grey__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--grey__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--grey__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--grey__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--grey__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--grey__cs-button-bg: hsl(210, 25%, 40%);--grey__cs-button-color: hsl(210, 25%, 85%);--grey__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--grey__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--grey__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--grey__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--grey__cs-button-disabled-bg: hsl(210, 25%, 50%);--grey__cs-button-disabled-color: hsl(210, 25%, 75%);--grey__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--grey__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--grey__cs-button-green-bg: hsl(150, 60%, 25%);--grey__cs-button-green-color: hsl(150, 60%, 75%);--grey__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--grey__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--grey__cs-button-red-bg: hsl(355, 65%, 45%);--grey__cs-button-red-color: #e8b4a2;--grey__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--grey__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--darkGreen__cs-main-bg: hsl(128, 63%, 16%);--darkGreen__cs-main-bg-transparent: hsla(128, 63%, 16%, .5);--darkGreen__cs-checkerboard-bg: hsl(128, 63%, 26%%);--darkGreen__cs-chat-text: hsl(212, 72%, 26%);--darkGreen__cs-chat-bg: hsl(155, 68%, 73%);--darkGreen__cs-darker-bg: hsl(233, 14%, 15%);--darkGreen__cs-main-text: #cdd7d6;--darkGreen__cs-next-question-number: hsl(140, 65%, 55%);--darkGreen__cs-background-text: hsl(233, 14%, 15%);--darkGreen__cs-accent-bg: hsl(225, 45%, 8%);--darkGreen__cs-accent-main-text: hsla(174, 11%, 82%, .6);--darkGreen__cs-accent-secondary-text: #cdd7d6;--darkGreen__cs-chart-bar: hsl(125, 35%, 75%);--darkGreen__cs-points-counter-color: hsl(298.59deg 51.52% 16.35%);--darkGreen__cs-progress-bar: hsl(122, 39%, 63%);--darkGreen__cs-progress-stroke: rgba(200, 200, 200, .15);--darkGreen__cs-red-tracker: #ff8f9a;--darkGreen__cs-green-tracker: #4fdcb0;--darkGreen__cs-grey-tracker: hsl(128, 63%, 10%);--darkGreen__cs-yellow-tracker: #f4d06f;--darkGreen__cs-green-tracker-text: #05281e;--darkGreen__cs-red-tracker-text: #2a0b10;--darkGreen__cs-grey-tracker-text: #fff;--darkGreen__cs-yellow-tracker-text: #2b2410;--darkGreen__cs-green-text: #55b4a0;--darkGreen__cs-red-text: #e4a0aa;--darkGreen__cs-powerup-bg: hsla(225, 45%, 18%, .4);--darkGreen__cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--darkGreen__cs-powerup-red-btn-color: hsl(350, 50%, 76%);--darkGreen__cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--darkGreen__cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--darkGreen__cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--darkGreen__cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--darkGreen__cs-powerup-green-btn-color: hsl(150, 60%, 75%);--darkGreen__cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--darkGreen__cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--darkGreen__cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--darkGreen__cs-button-bg: hsl(210, 25%, 40%);--darkGreen__cs-button-color: hsl(210, 25%, 85%);--darkGreen__cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--darkGreen__cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--darkGreen__cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--darkGreen__cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--darkGreen__cs-button-disabled-bg: hsl(210, 25%, 50%);--darkGreen__cs-button-disabled-color: hsl(210, 25%, 75%);--darkGreen__cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--darkGreen__cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--darkGreen__cs-button-green-bg: hsl(150, 60%, 25%);--darkGreen__cs-button-green-color: hsl(150, 60%, 75%);--darkGreen__cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--darkGreen__cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--darkGreen__cs-button-red-bg: hsl(355, 65%, 45%);--darkGreen__cs-button-red-color: #e8b4a2;--darkGreen__cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--darkGreen__cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%)}:root{--cs-button-bg: hsl(210, 25%, 40%);--cs-button-color: hsl(210, 25%, 95%);--cs-button-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--cs-button-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--cs-button-inset-pressed: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%);--cs-button-inset-hover: inset 0 .03em 0 0 hsl(210, 25%, 45%), 0 .03em 0 0 hsl(210, 25%, 35%), 0 .0625em 0 0 hsl(210, 25%, 30%), 0 .125em 0 0 hsl(210, 25%, 25%), 0 .125em 0 0 hsl(210, 25%, 20%), 0 .2em 0 0 hsl(210, 25%, 15%), 0 .225em 0 0 hsl(210, 25%, 10%), 0 .225em .375em 0 rgba(0, 0, 0, .2);--cs-button-green-bg: hsl(150, 60%, 25%);--cs-button-green-color: hsl(150, 60%, 75%);--cs-button-green-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--cs-button-green-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--cs-button-red-bg: hsl(5, 80%, 42%);--cs-button-red-color: #e8b4a2;--cs-button-red-text-shadow: 0 .0625em 0 hsl(5, 70%, 38%);--cs-button-red-box-shadow: inset 0 .0625em 0 0 hsl(5, 75%, 45%), 0 .0625em 0 0 hsl(5, 70%, 38%), 0 .125em 0 0 hsl(5, 65%, 35%), 0 .25em 0 0 hsl(5, 60%, 30%), 0 .3125em 0 0 hsl(5, 55%, 28%), 0 .375em 0 0 hsl(5, 50%, 26%), 0 .425em 0 0 hsl(5, 45%, 24%), 0 .425em .5em 0 hsl(5, 40%, 22%);--cs-powerup-bg: hsla(225, 45%, 18%, .4);--cs-powerup-red-btn-bg: hsl(350, 50%, 30%);--cs-powerup-red-btn-color: hsl(350, 50%, 76%);--cs-powerup-red-btn-text-shadow: 0 .0625em 0 hsl(350, 50%, 10%);--cs-powerup-red-btn-box-shadow: inset 0 .0625em 0 0 hsl(350, 50%, 25%), 0 .0625em 0 0 hsl(350, 50%, 15%), 0 .125em 0 0 hsl(350, 50%, 12%), 0 .25em 0 0 hsl(350, 50%, 9%), 0 .3125em 0 0 hsl(350, 50%, 6%), 0 .375em 0 0 hsl(350, 50%, 3%), 0 .425em 0 0 hsl(350, 50%, 1%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--cs-powerup-red-btn-inset-pressed: inset 0 .03em 0 0 hsl(350, 50%, 25%), 0 .03em 0 0 hsl(350, 50%, 15%), 0 .0625em 0 0 hsl(350, 50%, 12%), 0 .125em 0 0 hsl(350, 50%, 9%);--cs-powerup-green-btn-bg: hsl(184, 36%, 28%);--cs-powerup-green-btn-color: hsl(150, 60%, 75%);--cs-powerup-green-btn-text-shadow: 0 .0625em 0 hsl(150, 60%, 15%);--cs-powerup-green-btn-box-shadow: inset 0 .0625em 0 0 hsl(150, 60%, 30%), 0 .0625em 0 0 hsl(150, 60%, 22%), 0 .125em 0 0 hsl(150, 60%, 19%), 0 .25em 0 0 hsl(150, 60%, 16%), 0 .3125em 0 0 hsl(150, 60%, 13%), 0 .375em 0 0 hsl(150, 60%, 10%), 0 .425em 0 0 hsl(150, 60%, 8%), 0 .425em .5em 0 rgba(0, 0, 0, .25);--cs-powerup-green-btn-inset-pressed: inset 0 .03em 0 0 hsl(150, 60%, 30%), 0 .03em 0 0 hsl(150, 60%, 22%), 0 .0625em 0 0 hsl(150, 60%, 19%), 0 .125em 0 0 hsl(150, 60%, 16%);--cs-button-disabled-bg: hsl(210, 25%, 50%);--cs-button-disabled-color: hsl(210, 25%, 75%);--cs-button-disabled-text-shadow: 0 .0625em 0 hsl(210, 25%, 25%);--cs-button-disabled-box-shadow: inset 0 .0625em 0 0 hsl(210, 25%, 45%), 0 .0625em 0 0 hsl(210, 25%, 35%), 0 .125em 0 0 hsl(210, 25%, 30%), 0 .25em 0 0 hsl(210, 25%, 25%), 0 .3125em 0 0 hsl(210, 25%, 20%), 0 .375em 0 0 hsl(210, 25%, 15%), 0 .425em 0 0 hsl(210, 25%, 10%), 0 .425em .5em 0 rgba(0, 0, 0, .25)}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/build/assets/clash-display-600-e748ea11.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-variable-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Tanker;src:url(/fonts/tanker-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zodiak;src:url(/fonts/zodiak-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zodiak;src:url(/fonts/zodiak-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Khand;src:url(/fonts/khand-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Melodrama;src:url(/fonts/melodrama-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bespoke Stencil;src:url(/fonts/bespoke-stencil-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--surface: #0e0e15;--surface-raised: #191921;--surface-hover: #22222c;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--chrome-solid: rgba(0, 0, 0, .85);--bottom-nav-offset: 1.5rem;--text: #f4f4f5;--text-muted: #a1a1aa;--text-dim: #8b8b93;--on-accent: #0b0b10;--accent-gold: #fbbf24;--accent-blue: #7dd3fc;--accent-rose: #fda4af;--accent-green: #86efac;--accent-violet: #c4b5fd;--danger: #fca5a5}:root{--font-numeric: "Satoshi", InterVariable, Inter, system-ui, sans-serif;--font-display: "Clash Display", "Satoshi", system-ui, sans-serif;--heading-tracking: -.035em;--heading-color: #dcdce0;--heading-weight: 600;--heading-meta-size: .74rem;--heading-meta-weight: 300}:root{--gameplay__screen-margin: 0 2rem;--desktop: 1024px;--tablet: 768px;--large-desktop: 1280px;--accent-color: #a63a43;--accent-color-rgb: 166, 58, 67;--accent-text: #f2f4f5;--accent-label: color-mix(in srgb, var(--accent-color) 60%, #ffffff);--action-pill: var(--chrome-solid);--action-pill-text: var(--text);--action-pill-ring: inset 0 0 0 1.5px rgba(255, 255, 255, .22);--alert-label: #ff6674;--warning-label: #fbbf24;--primary-bg: rgba(20, 25, 45, .7);--inactive-color: grey;--bg: #08080c;--bg-text: #cdd7d6;--bg-text-strong: #e9edef;--bg-text-strong-rgb: 233, 237, 239;--avatar-bg: hsl(225, 45%, 14%);--avatar-color-1: #ffc759;--avatar-color-2: #63b3ed;--avatar-color-3: #68d391;--avatar-color-4: #fc8181;--avatar-color-5: #b794f4;--avatar-color-6: #f6ad55;--avatar-color-7: #76e4f7;--avatar-color-8: #f687b3;--avatar-color-9: #9ae6b4;--avatar-color-10: #faf089;--result-win: #00a884;--result-win-bg: rgba(0, 168, 132, .12);--result-win-border: rgba(0, 168, 132, .25);--result-loss: #f87171;--result-loss-bg: rgba(248, 113, 113, .12);--result-loss-border: rgba(248, 113, 113, .25);--result-draw: #8696a0;--result-draw-bg: rgba(134, 150, 160, .12);--result-draw-border: rgba(134, 150, 160, .25);--stat-btn-text: #c8d0d8;--stat-btn-bg: hsla(225, 45%, 14%, .5);--stat-btn-bg-active: hsla(225, 45%, 20%, .6);--stat-btn-border: rgba(255, 255, 255, .1);--stat-glyph-game: #8ab4ff;--stat-glyph-game-bg: hsla(220, 100%, 70%, .15);--stat-glyph-chat: #6ee7b7;--stat-glyph-chat-bg: hsla(160, 65%, 60%, .15);--stat-leading: var(--result-win);--stat-losing: var(--result-loss);--glass-bg: hsla(225, 45%, 12%, .7);--glass-border: rgba(255, 255, 255, .1);--story-interactive-bg: hsla(225, 45%, 10%, .92);--story-interactive-surface: rgba(var(--bg-text-strong-rgb), .07);--story-interactive-surface-active: rgba(var(--bg-text-strong-rgb), .12);--story-interactive-border: rgba(var(--bg-text-strong-rgb), .13);--story-interactive-border-strong: rgba(var(--bg-text-strong-rgb), .22);--story-interactive-accent: rgba(var(--accent-color-rgb), .32);--pin-accent: var(--accent-color);--pin-accent-icon: rgba(255, 255, 255, .42);--pin-accent-label: var(--accent-label);--pin-banner-counter: var(--text-dim);--pin-banner-preview: rgba(255, 255, 255, .92);--pin-banner-sender: var(--text-muted);--pin-banner-unpin: rgba(255, 255, 255, .3);--chat-pin-icon: #8696a0;--archived-icon: #8696a0;--archived-label: #e9edef;--archived-back-icon: #e9edef;--archived-unread-bg: #25d366;--archived-unread-text: hsl(225, 45%, 8%);--audio-accent: var(--result-win);--audio-on-accent: #ffffff;--audio-text: #e9edef;--audio-text-muted: #8696a0;--audio-surface: rgba(255, 255, 255, .06);--audio-track-bg: rgba(255, 255, 255, .14);--audio-wave-idle: rgba(233, 237, 239, .42);--audio-wave-progress: var(--audio-accent);--audio-bubble-surface: rgba(255, 255, 255, .08);--audio-meta-text: #8696a0;--audio-meta-text-active: #c8d2d8;--audio-glass-bg: hsla(225, 20%, 20%, .6);--audio-glass-border: rgba(255, 255, 255, .15);--audio-glass-shadow: 0 4px 16px rgba(0, 0, 0, .25)}html,body{min-height:100%;margin:0;background-color:#08080c;overscroll-behavior-y:none;color-scheme:dark}#app{min-height:100vh;background-color:#08080c}.pswp{--pswp-bg: #000}.pswp-caption{position:absolute;bottom:0;left:0;right:0;padding:48px 20px 28px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:10}.pswp-caption__poster{display:flex;align-items:center;gap:8px}.pswp-caption__avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#2a2a30;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.2)}.pswp-caption__avatar-img{width:100%;height:100%;object-fit:cover}.pswp-caption__avatar-fallback{font-size:13px;font-weight:700;color:#e0e0e8}.pswp-caption__name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.pswp-caption__prompt{margin:0;font-size:13px;color:#ffffffb3;font-style:italic;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.5)}.pswp-item-author{position:absolute;top:0;left:0;right:0;z-index:10;padding:calc(14px + env(safe-area-inset-top,0px)) 20px 44px;background:linear-gradient(to bottom,rgba(0,0,0,.72) 0%,transparent 100%);pointer-events:none}.pswp-item-author--empty{display:none}.pswp-item-author__name{margin:0;padding-right:96px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pswp-item-caption{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:56px 20px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(0,0,0,.78) 0%,transparent 100%);pointer-events:none}.pswp-item-caption--empty{display:none}.pswp-item-caption__title{margin:0;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55)}.pswp-item-caption__meta{margin:4px 0 0;font-size:12.5px;line-height:1.3;color:#ffffffad;text-shadow:0 1px 4px rgba(0,0,0,.55)}.pswp-item-caption__meta:empty{display:none}.icon{width:1rem;height:1rem;padding:.6rem;border-radius:50%}.icon-green{color:var(--darkGreen__cs-chat-text);background-color:var(--darkGreen__cs-chat-bg);border:1px solid var(--darkGreen__cs-chat-text)}.icon-grey{color:var(--grey__cs-main-text);background-color:var(--grey__cs-main-bg);border:1px solid var(--grey__cs-lighter-bg)}@media (max-width: 768px){*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.debug-no-blur *,.debug-no-blur *:before,.debug-no-blur *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.dp-overlay-open,body.dp-conversations-open,body.games-surface-open,body.profile-surface-open,body.chats-surface-open{overflow:hidden;overscroll-behavior:none}body.dp-overlay-open .bottom-nav,body.dp-conversations-open .bottom-nav,body.games-surface-open .bottom-nav,body.profile-surface-open .bottom-nav,body.chats-surface-open .bottom-nav{opacity:0;pointer-events:none}