:root {
	font-family: "SKODA Next", system-ui, Avenir, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-weight: 400;

	color-scheme: light dark;
	color: rgba(255, 255, 255, 0.87);
	background-color: var(--color-emerald-800);

	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	--color-emerald-800: #0e3a2f;
	--color-emerald-600: #226856;
	--color-electric-700: #249253;
	--color-electric-300: #78faae;
	--color-electric-100: #cfffe3;
	--color-electric-50: #e8fff1;
	--color-chrome-900: #161718;
	--color-chrome-700: #464748;
	--color-chrome-500: #7c7d7e;
	--color-chrome-300: #d9d9d9;
	--color-chrome-200: #e4e4e4;
	--color-chrome-100: #f1f1f1;
	--color-chrome-0: #ffffff;

	--breakpoint-xs: 480px;
	--breakpoint-sm: 640px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 1024px;
	--breakpoint-xl: 1280px;
}

html,
body {
	overscroll-behavior: none;
}

button {
	font-family: "SKODA Next";
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	touch-action: manipulation;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

#app {
	width: 100%;
	height: 100%;
}

/* Hide all UI overlays (Svelte controls) + debug overlays (tweakpane/stats) */
body.ui-hidden #debug-tweakpane,
body.ui-hidden #debug-stats,
body.ui-hidden .tp-dfwv,
body.ui-hidden-permanent #debug-tweakpane,
body.ui-hidden-permanent #debug-stats,
body.ui-hidden-permanent .tp-dfwv {
	display: none !important;
}

body.ui-hidden #ui-root,
body.ui-hidden-permanent #ui-root {
	display: none !important;
}

/* Hide only debug overlays (tweakpane/stats) but keep the main UI visible */
body.ui-hidden-debug #debug-tweakpane,
body.ui-hidden-debug #debug-stats,
body.ui-hidden-debug .tp-dfwv {
	display: none !important;
}

.tp-rotv_c {
	max-height: 50svh;
	overflow-y: auto !important;
}
/* Core SKODA Next family */
@font-face {
	font-family: "SKODA Next";
	src: url("/fonts/SKODANext-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next";
	src: url("/fonts/SKODANext-LightItalic.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next";
	src: url("/fonts/SKODANext-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next";
	src: url("/fonts/SKODANext-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next";
	src: url("/fonts/SKODANext-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next";
	src: url("/fonts/SKODANext-BoldItalic.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* Display styles */

@font-face {
	font-family: "SKODA Next Black";
	src: url("/fonts/SKODANext-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next Black";
	src: url("/fonts/SKODANext-BlackItalic.woff2") format("woff2");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SKODA Next Black Expanded";
	src: url("/fonts/SKODANext-BlackExpanded.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

	.loading-screen-spinner.svelte-1qm4te0 {
		width: 3.5rem;

		animation: svelte-1qm4te0-spin 1s linear infinite;
	}

	@keyframes svelte-1qm4te0-spin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.loading-screen.svelte-19xgrcg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url("/loading_bg.svg");
		background-size: cover;
		background-position: center center;
		z-index: 1000;

		display: flex;
		flex-direction: column;

		align-items: center;
		justify-content: center;

		opacity: 1;
	}

	.loading-screen-container.svelte-19xgrcg {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		gap: 3rem;

		width: 30rem;
	}

	.loading-screen-progress.svelte-19xgrcg {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		gap: 0.5rem;
	}

	.loading-screen-progress-text.svelte-19xgrcg {
		font-size: 1.5rem;
		font-weight: 800;
	}

	.logo-wrapper.svelte-19xgrcg {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	@media (max-width: 640px) {
		.loading-screen-container.svelte-19xgrcg {
			width: 80%;
			gap: 4rem;
		}
	}

	#three-canvas.svelte-1m4enuo {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	body.cpointer #three-canvas.svelte-1m4enuo {
		cursor: pointer;
	}

	.skoda-heading.svelte-13qptb1 {
		--skoda-font-family-base: "SKODA Next", sans-serif;
		--skoda-font-family-black: "SKODA Next Black", "SKODA Next", sans-serif;
		--skoda-weight-light: 300;
		--skoda-weight-regular: 400;
		--skoda-weight-bold: 700;
		--skoda-weight-black: 900;

		--skoda-heading-font-size-xs: 1.5rem; /* 24px */
		--skoda-heading-line-height-xs: 2rem; /* 32px */

		--skoda-heading-font-size-sm: 2rem; /* 32px */
		--skoda-heading-line-height-sm: 2.5rem; /* 40px */

		--skoda-heading-font-size-md: 2.5rem; /* 40px */
		--skoda-heading-line-height-md: 3.125rem; /* 50px */

		--skoda-heading-font-size-lg: 3.25rem; /* 52px */
		--skoda-heading-line-height-lg: 4rem; /* 64px */

		margin: 0;
		font-family: var(--skoda-font-family-base);
		font-weight: var(--skoda-weight-bold);
		font-style: normal;
		text-rendering: optimizeLegibility;
	}

	.skoda-heading--lg.svelte-13qptb1 {
		font-size: var(--skoda-heading-font-size-lg);
		line-height: var(--skoda-heading-line-height-lg);
	}

	.skoda-heading--md.svelte-13qptb1 {
		font-size: var(--skoda-heading-font-size-md);
		line-height: var(--skoda-heading-line-height-md);
	}

	.skoda-heading--sm.svelte-13qptb1 {
		font-size: var(--skoda-heading-font-size-sm);
		line-height: var(--skoda-heading-line-height-sm);
	}

	.skoda-heading--xs.svelte-13qptb1 {
		font-size: var(--skoda-heading-font-size-xs);
		line-height: var(--skoda-heading-line-height-xs);
	}

	.skoda-heading--left.svelte-13qptb1 {
		text-align: left;
	}

	.skoda-heading--center.svelte-13qptb1 {
		text-align: center;
	}

	.skoda-heading--right.svelte-13qptb1 {
		text-align: right;
	}

	.skoda-typography--black.svelte-13qptb1 {
		font-family: var(--skoda-font-family-black);
		font-weight: var(--skoda-weight-black);
	}

	.skoda-typography--bold.svelte-13qptb1 {
		font-weight: var(--skoda-weight-bold);
	}

	.skoda-typography--regular.svelte-13qptb1 {
		font-weight: var(--skoda-weight-regular);
	}

	.skoda-typography--light.svelte-13qptb1 {
		font-weight: var(--skoda-weight-light);
	}

	@media (max-width: 640px) {
		.skoda-heading.svelte-13qptb1 {
			--skoda-heading-font-size-xs: 1.375rem; /* 22px */
			--skoda-heading-line-height-xs: 1.875rem; /* 30px */

			--skoda-heading-font-size-sm: 1.75rem; /* 28px */
			--skoda-heading-line-height-sm: 2.25rem; /* 36px */

			--skoda-heading-font-size-md: 2.125rem; /* 34px */
			--skoda-heading-line-height-md: 2.75rem; /* 44px */

			--skoda-heading-font-size-lg: 2.75rem; /* 44px */
			--skoda-heading-line-height-lg: 3.375rem; /* 54px */
		}
	}

	.skoda-text.svelte-1k87zom {
		color: currentColor;

		--skoda-font-family-base: "SKODA Next", sans-serif;
		--skoda-font-family-black: "SKODA Next", sans-serif;
		--skoda-weight-light: 300;
		--skoda-weight-regular: 400;
		--skoda-weight-bold: 700;
		--skoda-weight-black: 900;

		--skoda-text-font-size-xs: 1rem; /* 16px */
		--skoda-text-line-height-xs: 1.75rem; /* 28px */

		--skoda-text-font-size-sm: 1.125rem; /* 18px */
		--skoda-text-line-height-sm: 2rem; /* 32px */

		--skoda-text-font-size-md: 1.25rem; /* 20px */
		--skoda-text-line-height-md: 2.25rem; /* 36px */

		--skoda-text-font-size-lg: 1.5rem; /* 24px */
		--skoda-text-line-height-lg: 2.625rem; /* 42px */

		--skoda-text-font-size-xl: 2rem; /* 32px */
		--skoda-text-line-height-xl: 2.875rem; /* 46px */

		--skoda-text-font-size-2xl: 2.5rem; /* 40px */
		--skoda-text-line-height-2xl: 3.125rem; /* 50px */

		margin: 0;
		font-family: var(--skoda-font-family-base);
		font-weight: var(--skoda-weight-regular);
		font-style: normal;
	}

	.skoda-text--2xl.svelte-1k87zom {
		font-size: var(--skoda-text-font-size-2xl);
		line-height: var(--skoda-text-line-height-2xl);
	}

	.skoda-text--xl.svelte-1k87zom {
		font-size: var(--skoda-text-font-size-xl);
		line-height: var(--skoda-text-line-height-xl);
	}

	.skoda-text--lg.svelte-1k87zom {
		font-size: var(--skoda-text-font-size-lg);
		line-height: var(--skoda-text-line-height-lg);
	}

	.skoda-text--md.svelte-1k87zom {
		font-size: var(--skoda-text-font-size-md);
		line-height: var(--skoda-text-line-height-md);
	}

	.skoda-text--sm.svelte-1k87zom {
		font-size: var(--skoda-text-font-size-sm);
		line-height: var(--skoda-text-line-height-sm);
	}

	.skoda-text--xs.svelte-1k87zom {
		font-size: var(--skoda-text-font-size-xs);
		line-height: var(--skoda-text-line-height-xs);
	}

	.skoda-text--left.svelte-1k87zom {
		text-align: left;
	}

	.skoda-text--center.svelte-1k87zom {
		text-align: center;
	}

	.skoda-text--right.svelte-1k87zom {
		text-align: right;
	}

	.skoda-typography--black.svelte-1k87zom {
		font-family: var(--skoda-font-family-black);
		font-weight: var(--skoda-weight-black);
	}

	.skoda-typography--bold.svelte-1k87zom {
		font-weight: var(--skoda-weight-bold);
	}

	.skoda-typography--regular.svelte-1k87zom {
		font-weight: var(--skoda-weight-regular);
	}

	.skoda-typography--light.svelte-1k87zom {
		font-weight: var(--skoda-weight-light);
	}

	@media (max-width: 640px) {
		.skoda-text.svelte-1k87zom {
			--skoda-text-font-size-xs: 0.9375rem; /* 15px */
			--skoda-text-line-height-xs: 1.5rem; /* 24px */

			--skoda-text-font-size-sm: 1rem; /* 16px */
			--skoda-text-line-height-sm: 1.75rem; /* 28px */

			--skoda-text-font-size-md: 1.125rem; /* 18px */
			--skoda-text-line-height-md: 2rem; /* 32px */

			--skoda-text-font-size-lg: 1.375rem; /* 22px */
			--skoda-text-line-height-lg: 2.25rem; /* 36px */

			--skoda-text-font-size-xl: 1.75rem; /* 28px */
			--skoda-text-line-height-xl: 2.625rem; /* 42px */

			--skoda-text-font-size-2xl: 2.25rem; /* 36px */
			--skoda-text-line-height-2xl: 3rem; /* 48px */
		}
	}

	.form-header.svelte-1gy0b1m {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.form.svelte-yiirof {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		background: linear-gradient(to right, var(--color-chrome-0), var(--color-electric-50), var(--color-chrome-0));
		border-radius: 1rem;
		color: black;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		padding: 2.5rem 4rem;
		overflow-y: auto;
	}

	@media (max-width: 640px) {
		.form.svelte-yiirof {
			border-radius: 0rem;
			padding: 2rem;
		}
	}

	.form-container-border.svelte-1c9msoa {
		width: 100%;
		box-sizing: border-box;
		padding: 1px;
		border-radius: 24px;
		background: linear-gradient(
			180deg,
			var(--color-electric-300) 0%,
			rgba(120, 250, 174, 0) 25%,
			rgba(120, 250, 174, 0) 75%,
			var(--color-electric-300) 100%
		);
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	}

	.form-container-inner.svelte-1c9msoa {
		display: flex;
		width: 100%;
		box-sizing: border-box;
		background: var(--color-chrome-0);
		border-radius: 23px;
	}

	.container.svelte-1gc1hgy {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: var(--color-emerald-800);
		gap: 1rem;
		width: 100%;
		height: 100%;
	}

	input.svelte-1gc1hgy {
		width: 100%;
		height: 100%;
		font-size: medium;
		background: transparent;
		border: none;
		color: var(--color-emerald-800);
		outline: none;
		font-size: 1.25rem;
	}

	.whispering-container.svelte-1gc1hgy {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: flex-start;
		gap: 1rem;
		position: absolute;
		top: 0;
		left: 0;
		background-color: var(--color-chrome-0);
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
		z-index: 1;
		border-radius: 24px;
		padding: 5rem 1rem 1rem;
		max-height: 20rem;
		overflow-y: auto;
	}

	.whisper-item.svelte-1gc1hgy {
		width: 100%;
		border: none;
		background: transparent;
		padding: 0;
		text-align: left;
		cursor: pointer;
		color: inherit;
	}

	.field-and-whispering-container.svelte-1gc1hgy {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.form-container-wrapper.svelte-1gc1hgy {
		z-index: 2;
		position: absolute;
		inset: 0;
		width: 100%;
	}

	.form-container-wrapper.svelte-1gc1hgy .form-container-border,
	.form-container-wrapper.svelte-1gc1hgy .form-container-inner {
		height: 100%;
	}

	button.svelte-bz05sl {
		width: auto;
		height: auto;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-left: 2.125rem;
		padding-right: 2.125rem;
		background-color: var(--color-electric-300);
		border: none;
		border-radius: 0.75rem;
		color: black;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		outline: none;
	}

	button.svelte-bz05sl:hover:not(:disabled) {
		cursor: pointer;
	}

	button.svelte-bz05sl:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.text-field-wrapper.svelte-wj52sw {
		width: 60%;
		min-height: 6.5rem;
	}

	.category.svelte-fddnos {
		background-color: var(--color-chrome-0);
		border-radius: 0.75rem;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: space-between;
        flex-direction: column;
		color: black;
		font-weight: normal;
		font-size: medium;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
        padding-top: 1rem;
	}

	.icon.svelte-fddnos {
		width: 9rem;
		height: 9rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

    .highlight.svelte-fddnos {
        background-color: var(--color-electric-300);
        box-shadow: 0 0 15px 15px rgba(120, 250, 174, 0.30);
    }

	@media (max-width: 640px) {
		.icon.svelte-fddnos {
			width: 4rem;
			height: 4rem;
		}

		.category.svelte-fddnos {
			padding-left: 1rem;
			padding-right: 1rem;
			padding-top: 0.75rem;
		}
	}

	.category-wrapper.svelte-6um09u {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2rem;
	}

	.category-and-count-wrapper.svelte-6um09u {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 3rem;
	}

	.text-wrapper.svelte-6um09u {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.5rem;
	}

    .placeholder.svelte-18m3p9l {
        width: clamp(4rem, 5vw, 8.5rem);
        height: clamp(5.5rem, 6.5vw, 10rem);
        border-radius: clamp(0.5rem, 1vw, 1rem);
        background-color: var(--color-chrome-200);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: grey;
        font-size: clamp(1rem, 1.5vw, 1.5rem);
    }

    .special.svelte-18m3p9l {
        background-color: white;
        box-shadow: 0 0 15px 5px rgba(120, 250, 174, 0.41);
        border: 2px solid var(--color-electric-300);
        animation: svelte-18m3p9l-pulse 1.5s ease-in-out infinite;
    }

    .hidden.svelte-18m3p9l {
        opacity: 0;
    }

    @keyframes svelte-18m3p9l-pulse {
        0%, 100% {
            box-shadow: 0 0 15px 5px rgba(120, 250, 174, 0.41);
        }
        50% {
            box-shadow: 0 0 25px 10px rgba(120, 250, 174, 0.6);
        }
    }

	.card.svelte-1jc3c9i {
		width: clamp(4rem, 5vw, 8.5rem);
		height: clamp(5.5rem, 6.5vw, 10rem);
		border-radius: clamp(0.5rem, 1vw, 1rem);
		background-color: var(--color-chrome-100);
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
		display: flex;
		align-items: center;
		justify-content: space-between;
        flex-direction: column;
		padding: clamp(0.25rem, 0.5vw, 0.5rem);
		flex-shrink: 0;
        outline: none;
	}

    .card.svelte-1jc3c9i:hover {
        cursor: grab;
    }

    .dragging.svelte-1jc3c9i {
        position: fixed;
        left: var(--imagePosX);
        top: var(--imagePosY);
        z-index: 1000;
        pointer-events: none;
        cursor: grabbing;
    }

    .placed.svelte-1jc3c9i {
        background-color: var(--color-emerald-800);
        color: var(--color-electric-300);
        box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.41);
        cursor: default;
    }

	p.svelte-1jc3c9i {
		font-weight: bold;
		font-size: clamp(0.75rem, 1.2vw, 1rem);
		text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
	}

    img.svelte-1jc3c9i {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        -webkit-user-drag: none;
    }

    .in-slider.svelte-1jc3c9i {
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .in-slider.dragging.svelte-1jc3c9i {
        transition: none;
    }

	.slot.svelte-1631zsp {
		width: clamp(4rem, 5vw, 8.5rem);
		height: clamp(5.5rem, 6.5vw, 10rem);
		border-radius: clamp(0.5rem, 1vw, 1rem);
		background: linear-gradient(
			to top right,
			var(--color-chrome-100),
			var(--color-chrome-200)
		);
	}

	.container.svelte-1oh3lyr {
		display: flex;
		align-items: center;
		justify-content: start;
		flex-direction: column;
		width: 100%;
		height: 100%;
		gap: clamp(0.5rem, 1vh, 1rem);
		min-height: 0;
	}

	.wrapper.svelte-1oh3lyr {
		width: 100%;
		flex: 1 1 auto;
		height: auto;
		display: flex;
		align-items: stretch;
		justify-content: center;
		gap: clamp(0.5rem, 2vw, 2rem);
		overflow: hidden;
		padding: clamp(0.5rem, 1vw, 1rem);
		min-height: 0;
	}

	.inner-wrapper.svelte-1oh3lyr {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: stretch;
		justify-content: center;
		gap: clamp(0.5rem, 2vw, 1.5rem);
		min-width: 0;
	}

	.body-styles-wrapper.svelte-1oh3lyr {
		width: auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		flex-shrink: 0;
		gap: clamp(0.5rem, 1vw, 1rem);
	}

	.body-styles-wrapper.svelte-1oh3lyr > p:where(.svelte-1oh3lyr) {
		font-size: clamp(0.875rem, 1.5vw, 1.5rem);
		font-weight: bold;
		color: black;
		flex: 1;
		border-right: 2px solid grey;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: clamp(0.5rem, 1vw, 1rem);
		margin: 0;
	}

	.powertrain-wrapper.svelte-1oh3lyr {
		width: 100%;
		flex: 1 1 0;
		min-width: clamp(8.5rem, 16vw, 14rem);
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: clamp(0.5rem, 1vw, 1rem);
		min-width: 0;
		text-align: center;
	}

	.powertrain-wrapper.svelte-1oh3lyr > p:where(.svelte-1oh3lyr) {
		font-size: clamp(0.875rem, 1.5vw, 1.5rem);
		font-weight: bold;
		color: black;
		width: 100%;
		border-bottom: 2px solid grey;
		padding-bottom: 0.5rem;
		line-height: 1.15;
		text-wrap: balance;
		white-space: normal;
		flex-shrink: 0;
	}

	.spacer.svelte-1oh3lyr {
		font-size: clamp(0.875rem, 1.5vw, 1.5rem);
		padding-bottom: 0.5rem;
		border-bottom: 2px solid transparent;
		flex-shrink: 0;
		visibility: hidden;
	}

	.category-zone.svelte-1oh3lyr {
		flex: 1;
		display: flex;
		align-items: center;
		gap: clamp(0.5rem, 1vw, 1rem);
		padding: 0.25rem;
		border-radius: 0.5rem;
		transition: background-color 0.2s ease;
		min-height: 0;
		overflow: visible;
	}

	.bottom-section.svelte-1oh3lyr {
		width: 100%;
		flex: 0 0 auto;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: clamp(0.5rem, 1vh, 1rem);
		padding: clamp(0.5rem, 1vw, 1rem);
	}

	.slider.svelte-1oh3lyr {
		width: 100%;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: clamp(1rem, 2vw, 2rem);
		scrollbar-width: none;
		padding: 0.5rem 1rem;
	}

	.slider-wrapper.svelte-1oh3lyr {
		width: 100%;
		max-width: min(100%, 44rem);
		height: clamp(8rem, 12vw, 11rem);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.slider.svelte-1oh3lyr::-webkit-scrollbar {
		display: none;
	}

	.slider-card-wrapper.svelte-1oh3lyr {
		flex-shrink: 0;
		position: relative;
	}

	.dragging-wrapper.svelte-1oh3lyr {
		position: absolute;
		width: 0;
		height: 0;
		overflow: visible;
	}

	.slider-btn.svelte-1oh3lyr {
		width: clamp(2rem, 3vw, 2.5rem);
		height: clamp(2rem, 3vw, 2.5rem);
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		flex-shrink: 0;
	}

	.slider-btn.svelte-1oh3lyr img:where(.svelte-1oh3lyr) {
		width: 30%;
		height: 30%;
	}

	.left.svelte-1oh3lyr img:where(.svelte-1oh3lyr) {
		transform: rotate(180deg);
	}

	.slider-btn.svelte-1oh3lyr:active {
		transform: scale(0.95);
	}

	.finish-button-wrapper.svelte-1oh3lyr {
		display: flex;
		justify-content: center;
		margin-top: 0.5rem;
	}

	/* Responsive adjustments */
	@media (max-width: 1400px) {
		.inner-wrapper.svelte-1oh3lyr {
			gap: clamp(0.4rem, 1.2vw, 1rem);
		}

		.powertrain-wrapper.svelte-1oh3lyr > p:where(.svelte-1oh3lyr),
		.body-styles-wrapper.svelte-1oh3lyr > p:where(.svelte-1oh3lyr) {
			font-size: clamp(0.8rem, 1.2vw, 1.2rem);
		}
	}

	@media (max-width: 1200px) {
		.slider-wrapper.svelte-1oh3lyr {
			max-width: min(100%, 40rem);
		}

		.powertrain-wrapper.svelte-1oh3lyr {
			min-width: clamp(7rem, 13.5vw, 11rem);
		}
	}

	@media (max-width: 900px) {
		.wrapper.svelte-1oh3lyr {
			flex-direction: column;
			gap: 1rem;
		}

		.body-styles-wrapper.svelte-1oh3lyr {
			flex-direction: row;
			width: 100%;
			justify-content: space-around;
		}

		.body-styles-wrapper.svelte-1oh3lyr > p:where(.svelte-1oh3lyr) {
			flex: none;
			border-right: none;
			border-bottom: 2px solid grey;
			padding-right: 0;
			padding-bottom: 0.5rem;
		}

		.inner-wrapper.svelte-1oh3lyr {
			flex-direction: column;
		}

		.slider-wrapper.svelte-1oh3lyr {
			max-width: 95%;
		}
	}

	.loadingScreen.svelte-1v4fzn4 {
		width: 100%;
		height: 100%;
		border-radius: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 1rem;
		color: var(--color-emerald-800);
        position: absolute;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, 50%);
	}

	.loadingBarContainer.svelte-1v4fzn4 {
		width: 80%;
		height: 0.65rem;
		border-radius: 1rem;
		background-color: rgba(14, 58, 47, 0.2);
		overflow: hidden;
	}

	.loadingBarFill.svelte-1v4fzn4 {
		position: relative;
		height: 100%;
		background: linear-gradient(90deg, var(--color-emerald-800) 0%, #1d7059 55%, var(--color-emerald-800) 100%);
		background-size: 200% 100%;
		border-radius: 1rem;
		transition: width 0.14s cubic-bezier(0.22, 1, 0.36, 1);
		animation: svelte-1v4fzn4-loadingBarShimmer 1.4s ease-in-out infinite;
	}

	.loadingBarFill.svelte-1v4fzn4::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 45%, transparent 100%);
		transform: translateX(-100%);
		animation: svelte-1v4fzn4-loadingBarSweep 1.6s ease-out infinite;
	}

	.percentage.svelte-1v4fzn4 {
		font-size: 3rem;
		font-weight: normal;
		font-variant-numeric: tabular-nums;
		margin: 0;
	}

	@keyframes svelte-1v4fzn4-loadingBarShimmer {
		0% {
			background-position: 0% 50%;
		}

		50% {
			background-position: 100% 50%;
		}

		100% {
			background-position: 0% 50%;
		}
	}

	@keyframes svelte-1v4fzn4-loadingBarSweep {
		0% {
			transform: translateX(-120%);
			opacity: 0;
		}

		20% {
			opacity: 1;
		}

		100% {
			transform: translateX(120%);
			opacity: 0;
		}
	}

	.title-notification.svelte-euhy6i {
		position: relative;
		width: 100%;
		padding-top: 3rem; /* half of icon-box height to make room */
	}

	.icon-box.svelte-euhy6i {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: 6rem;
		height: 6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-emerald-800);
		border-radius: 1.5rem;

		color: var(--color-electric-300);
	}

	.notification-text.svelte-euhy6i {
		margin: 0;
		padding: 3rem 1rem 1rem 1rem;
		color: var(--color-emerald-800);
		width: 100%;
		text-align: center;
		font-family: "SKODA Next", sans-serif;
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 900;
		line-height: 2.625rem;
	}

	.mobile-minigame.svelte-7vmnvl {
		width: 100%;
        height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
        justify-content: space-between;
		gap: 1rem;
	}

	.car-image-wrapper.svelte-7vmnvl {
		width: min(22rem, 100%);
		aspect-ratio: 1 / 1;
		height: auto;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.75rem;
		background: var(--color-emerald-800);
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
	}

	.car-image.svelte-7vmnvl {
		width: 50%;
		height: 50%;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	.car-name-overlay.svelte-7vmnvl {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0.5rem 0.75rem;
		background: linear-gradient(
			180deg,
			rgba(3, 16, 11, 0) 0%,
			rgba(3, 16, 11, 0.82) 100%
		);
		color: var(--color-electric-300);
	}

	.progress-row.svelte-7vmnvl {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(11, minmax(0, 1fr));
		gap: 0.3rem;
	}

	.scheme-progress.svelte-7vmnvl {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.35rem;
	}

	.scheme-actions.svelte-7vmnvl {
		width: min(22rem, 100%);
		display: flex;
		flex-direction: column;
		gap: 0.55rem;
		align-items: stretch;
	}

	.scheme-actions.svelte-7vmnvl button {
		width: 100%;
	}

	.progress-dot.svelte-7vmnvl {
		height: 1rem;
		border-radius: 0.35rem;
		background: var(--color-chrome-300);
	}

	.progress-dot.done.svelte-7vmnvl {
		background: var(--color-electric-300);
	}

	.scheme-dot.svelte-7vmnvl {
		height: 0.55rem;
		border-radius: 0.35rem;
		background: var(--color-chrome-300);
	}

	.scheme-dot.done.svelte-7vmnvl {
		background: var(--color-electric-300);
	}

	.prompt-wrapper.svelte-7vmnvl {
		width: 100%;
		padding: 0.5rem 0.75rem;
		border-radius: 0.5rem;
		color: var(--color-emerald-800);
	}

	.prompt-wrapper.wrong.svelte-7vmnvl {
		background: #ffd9d7;
		color: #b42318;
	}

	.choices-grid.svelte-7vmnvl {
		width: min(22rem, 100%);
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	.choice-button.svelte-7vmnvl {
		width: 100%;
		aspect-ratio: 1 / 1;
		min-height: 0;
		border-radius: 0.75rem;
		background: var(--color-chrome-200);
		color: var(--color-emerald-800);
		padding: 0.5rem;
        border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.choice-button.correct.svelte-7vmnvl {
		border-color: #4ca206;
		background: #c8f49a;
		color: #194200;
	}

	.choice-button.wrong.svelte-7vmnvl {
		border-color: #d92d20;
		background: #ffd9d7;
		color: #b42318;
	}

	.scheme-board.svelte-7vmnvl {
		width: 100%;
		border-radius: 0.75rem;
		border: 1px solid var(--color-chrome-300);
		overflow: hidden;
	}

	.scheme-row.svelte-7vmnvl {
		display: grid;
		grid-template-columns: 5rem minmax(0, 1fr);
		min-height: 4.5rem;
	}

	.scheme-row.head.svelte-7vmnvl {
		min-height: 2.5rem;
	}

	.scheme-cell.svelte-7vmnvl {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.4rem;
		border-bottom: 1px solid var(--color-chrome-300);
	}

	.scheme-row.svelte-7vmnvl:last-child .scheme-cell:where(.svelte-7vmnvl) {
		border-bottom: none;
	}

	.scheme-cell.label.svelte-7vmnvl {
		font-weight: 700;
		font-size: 0.75rem;
		border-right: 1px solid var(--color-chrome-300);
		background: var(--color-chrome-100);
	}

	.scheme-cell.column-title.svelte-7vmnvl {
		font-weight: 700;
		background: var(--color-chrome-100);
	}

	.scheme-cell.slots.svelte-7vmnvl {
		justify-content: flex-start;
		gap: 0.35rem;
		padding-inline: 0.55rem;
	}

	.scheme-car-tile.svelte-7vmnvl {
		width: 4.6rem;
		min-height: 3.35rem;
		border-radius: 0.45rem;
		background: var(--color-electric-300);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.15rem;
		padding: 0.2rem 0.15rem;
	}

	.scheme-car-tile.svelte-7vmnvl img:where(.svelte-7vmnvl) {
		max-width: 100%;
		max-height: 1.65rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	.text-wrapper.svelte-48cgg2 {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
	}

	.mobile-final-screen.svelte-48cgg2 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}

	.question-mark-wrapper.svelte-48cgg2 {
		width: min(26rem, 100%);
		height: 11rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.75rem;
		background: var(--color-chrome-100);
	}

	.container.svelte-1rg3i94 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: var(--color-emerald-800);
	}

	.countdown.svelte-1rg3i94 {
		font-weight: normal;
		font-size: 2.5rem;
		font-variant-numeric: tabular-nums;
	}


	.container.svelte-4mbi33 {
		display: flex;
		align-items: start;
		justify-content: flex-start;
		flex-direction: column;
		gap: 1rem;
		width: 100%;
		height: 15rem;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 1rem;
		/* stylelint-disable-next-line */
		scrollbar-width: thin;
		/* stylelint-disable-next-line */
		scrollbar-color: var(--color-emerald-800) rgba(14, 58, 47, 0.15);
	}

	/* stylelint-disable */
	.container::-webkit-scrollbar {
		width: 6px;
		display: block;
	}

	.container::-webkit-scrollbar-track {
		background: rgba(14, 58, 47, 0.15);
		border-radius: 3px;
	}

	.container::-webkit-scrollbar-thumb {
		background-color: var(--color-emerald-800);
		border-radius: 3px;
	}
	/* stylelint-enable */

	.inner-container.svelte-4mbi33 {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		gap: 0.5rem;
	}

	.answer.svelte-4mbi33 {
		width: -moz-fit-content;
		width: fit-content;
		min-height: 2rem;
		font-weight: bolder;
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		display: flex;
		align-items: center;
		border-radius: 0.75rem;
		padding: 0.5rem 1rem;
	}

	.text-field-wrapper.svelte-8eq213 {
		min-height: 7rem;
		width: 100%;
	}

	.slider-container.svelte-1dxifdu {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.5rem;
	}

	.slider-wrapper.svelte-1dxifdu {
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 2rem;
		margin-top: 0.35rem;
	}

	.track.svelte-1dxifdu {
		width: 100%;
		height: 1rem;
		border-radius: 1rem;
		background: var(--color-chrome-200);
	}

	.thumb.svelte-1dxifdu {
		position: absolute;
		transform: translateX(-50%);
		border: none;
	}

	.thumb.guessed.svelte-1dxifdu {
		width: 3.5rem;
		height: 1.75rem;
		border-radius: 1rem;
		z-index: 10;
		background-color: var(--color-chrome-100);
		color: var(--color-chrome-500);
	}

	.thumb.correct.svelte-1dxifdu {
		width: 4.5rem;
		height: 2.25rem;
		border-radius: 1.125rem;
		z-index: 15;
        background-color: var(--color-electric-300);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	}

	.value.svelte-1dxifdu {
		width: 4rem;
		height: 2rem;
		border-radius: 0.5rem;
		background-color: var(--color-chrome-100);
		color: var(--color-chrome-500);
		position: absolute;
		bottom: 3rem;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		z-index: 20;
	}

	.value.correct-value.svelte-1dxifdu {
		box-shadow: 0 0 6px rgba(120, 250, 174, 0.25);
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		bottom: 3.5rem;
		width: 4.5rem;
		height: 2.25rem;
		font-size: larger;
		z-index: 25;
	}

	.value.svelte-1dxifdu::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: var(--color-chrome-100) transparent transparent transparent;
	}

	.value.correct-value.svelte-1dxifdu::after {
		border-color: var(--color-emerald-800) transparent transparent transparent;
	}

	.min-max-labels.svelte-1dxifdu {
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-size: large;
		font-weight: bolder;
	}


	.input-wrapper.svelte-1d61vak {
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0.35rem;
	}

	.slider-container.svelte-1d61vak {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.5rem;
	}

	.min-max-labels.svelte-1d61vak {
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-size: large;
		font-weight: bolder;
	}

	.value.svelte-1d61vak {
		width: 4rem;
		height: 2rem;
		border-radius: 0.5rem;
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		position: absolute;
		bottom: 2.25rem;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	}

	.value.svelte-1d61vak::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: var(--color-emerald-800) transparent transparent transparent;
	}

	input[type="range"].svelte-1d61vak {
		-webkit-appearance: none;
		-moz-appearance: none;
		     appearance: none;
		width: 100%;
		height: 1rem;
		border-radius: 1rem;
		background: var(--color-emerald-800);
	}

	input[type="range"].svelte-1d61vak::-webkit-slider-thumb {
		-webkit-appearance: none;
		width: 3.5rem;
		height: 1.75rem;
		border-radius: 1rem;
		background-color: white;
		border: 1px solid black;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	}

	input[type="range"].svelte-1d61vak::-webkit-slider-thumb:hover {
		cursor: grab;
	}

	input[type="range"].svelte-1d61vak::-webkit-slider-thumb:active {
		cursor: grabbing;
	}

	input[type="range"].svelte-1d61vak:focus {
		outline: none;
	}

	input[type="range"].svelte-1d61vak::-ms-track {
		cursor: pointer;
	}

	.hint-container.svelte-szn9o6 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		gap: 1rem;
	}

	.header-and-hint-container.svelte-szn9o6 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: start;
		gap: 3rem;
	}

	.sliders-container.svelte-szn9o6 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2rem;
	}

	.text-wrapper.svelte-szn9o6 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}

	.category-wrapper.svelte-1z7bro {
		display: flex;
		align-items: stretch;
		justify-content: center;
		gap: 2rem;
	}

	.category-and-count-wrapper.svelte-1z7bro {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 3rem;
	}

	h2.svelte-1z7bro {
		color: black;
		font-size: 4rem;
		font-weight: 100;
	}

	button.svelte-1gzw2mf {
		background-color: var(--color-electric-300);
		border: none;
		border-radius: 0.75rem;
		color: black;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		outline: none;
		padding: 0.25rem 2rem;
	}

	button.svelte-1gzw2mf:hover:not(:disabled) {
		cursor: pointer;
	}

	button.svelte-1gzw2mf:disabled {
		cursor: default;
		border: 1px solid var(--color-chrome-500);
		background: var(--color-chrome-300);
		color: var(--color-chrome-500);
	}

	.secondary.svelte-1gzw2mf {
		background: none;
		color: var(--color-chrome-700);
	}

	.test-drive-container.svelte-1faryeb {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		width: 100%;
		height: 100%;
		flex: 1;
	}

	.notification-actions.svelte-1faryeb {
		display: flex;
		gap: 1rem;
	}

	.notification-container.svelte-1faryeb {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4rem;
		padding-top: 4rem;

		padding-bottom: 15%;
		width: 70%;
		height: 100%;
		flex: 1;
	}

    .letter.svelte-1slcghf {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 0.5rem;
        background-color: var(--color-chrome-0);
        color: var(--color-chrome-700);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    }

    .letter.animate.svelte-1slcghf {
        animation: svelte-1slcghf-revealWave 0.6s ease-out forwards;
        animation-delay: var(--animation-delay);
    }

    @media (max-width: 640px) {
        .letter.svelte-1slcghf {
            width: 2.5rem;
            height: 2.5rem;
        }
    }

    @media (max-width: 480px) {
        .letter.svelte-1slcghf {
            width: 2.25rem;
            height: 2.25rem;
        }
    }

    @keyframes svelte-1slcghf-revealWave {
        0% {
            transform: translateY(0);
            background-color: var(--color-chrome-0);
            color: var(--color-chrome-700);
        }
        50% {
            transform: translateY(-20px);
            background-color: var(--final-bg);
            color: var(--final-text);
        }
        100% {
            transform: translateY(0);
            background-color: var(--final-bg);
            color: var(--final-text);
        }
    }

	.wordle-row.svelte-x3oohd {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}

	.wordle-row.split-rows.svelte-x3oohd {
		flex-wrap: wrap;
		gap: 0.375rem;
	}

	.row-break.svelte-x3oohd {
		flex-basis: 100%;
		height: 0.375rem;
	}

	.wordle-container.svelte-15y21rt {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.75rem;
		width: 100%;
		height: 100%;
	}

	.mobile-wordle.svelte-15y21rt {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		width: 100%;
	}

	.carousel-viewport.svelte-15y21rt {
		width: 100%;
		overflow: hidden;
	}

	.carousel-track.svelte-15y21rt {
		display: flex;
		transition: transform 0.3s ease;
	}

	.carousel-slide.svelte-15y21rt {
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.5rem 0;
	}

	.pagination.svelte-15y21rt {
		display: flex;
		gap: 0.5rem;
		align-items: center;
	}

	.page-dot.svelte-15y21rt {
		width: 2rem;
		height: 1rem;
		border-radius: 1rem;
		border: 2px solid var(--color-chrome-300);
		background: var(--color-chrome-300);
		color: var(--color-chrome-300);
		font-family: inherit;
		font-size: 0.75rem;
		font-weight: 600;
		cursor: pointer;
		transition: all 0.2s ease;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.page-dot.active.svelte-15y21rt {
		border-color: var(--color-emerald-800);
		background: var(--color-emerald-800);
		color: var(--color-chrome-0);
	}

	.page-dot.guessed.svelte-15y21rt {
		border-color: var(--color-emerald-800);
		background: var(--color-emerald-800);
		color: var(--color-emerald-800);
	}

	.page-dot.guessed.active.svelte-15y21rt {
		border-color: var(--color-emerald-800);
		background: var(--color-emerald-800);
		color: var(--color-emerald-800);
	}

	.page-dot.svelte-15y21rt:disabled {
		opacity: 0.35;
		cursor: default;
	}

	.keyboard-container.svelte-1ftqnbw {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(20, 1fr);
		grid-auto-rows: 3rem;
		gap: 0.5rem;
	}

	.key.svelte-1ftqnbw {
		grid-column: span 2;
		height: 100%;
		border: none;
		border-radius: 0.5rem;
		background: var(--color-chrome-200);
		color: var(--color-chrome-700);
		cursor: pointer;
		padding: 0;
		transition: all 0.1s ease;
		outline: none;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

	.key.correct.svelte-1ftqnbw {
		background: #f3de4a;
		color: #ffffff;
		animation: svelte-1ftqnbw-pop 0.2s ease;
	}

	.key.present.svelte-1ftqnbw {
		background: var(--color-emerald-800);
		color: var(--color-electric-300);
		animation: svelte-1ftqnbw-pop 0.2s ease;
	}

	.key.absent.svelte-1ftqnbw {
		background: #e74138;
		color: #ffffff;
		animation: svelte-1ftqnbw-pop 0.2s ease;
	}

	.key.pressed.svelte-1ftqnbw {
		transform: scale(0.95);
		opacity: 0.6;
	}

	.backspace.svelte-1ftqnbw {
		grid-column: span 4;
	}

	@keyframes svelte-1ftqnbw-pop {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(0.9);
		}
		100% {
			transform: scale(1);
		}
	}

	@media (max-width: 640px) {
		.keyboard-container.svelte-1ftqnbw {
			grid-auto-rows: 2.5rem;
			gap: 0.3rem;
		}

		.key.svelte-1ftqnbw {
			font-size: 0.875rem;
			border-radius: 0.375rem;
		}
	}

	@media (max-width: 480px) {
		.keyboard-container.svelte-1ftqnbw {
			grid-auto-rows: 2.2rem;
			gap: 0.2rem;
		}

		.key.svelte-1ftqnbw {
			font-size: 0.75rem;
			border-radius: 0.25rem;
		}
	}

	.design-language-container.svelte-1fbti8u {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		gap: 1rem;
	}
	.hint-text.svelte-1fbti8u {
		display: flex;
		gap: 0.5rem;
		color: var(--color-emerald-800);
	}

	.rectangle.svelte-1fbti8u {
		padding: 1.5rem;
		border-radius: 0.25rem;
		color: white;
		font-size: 1rem;
		font-weight: bold;
	}

	.correct.svelte-1fbti8u {
		background-color: var(--color-emerald-800);
	}

	.present.svelte-1fbti8u {
		background-color: #fec94f;
	}

	.absent.svelte-1fbti8u {
		background-color: #f85b52;
	}

	.explain-wrapper.svelte-1fbti8u {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.explain-wrapper.svelte-1fbti8u:nth-child(1) > .skoda-text:nth-child(3) {
		color: var(--color-emerald-800);
	}

	.explain-wrapper.svelte-1fbti8u:nth-child(2) > .skoda-text:nth-child(3) {
		color: #fec94f;
	}

	.explain-wrapper.svelte-1fbti8u:nth-child(3) > .skoda-text:nth-child(3) {
		color: #f85b52;
	}

	.header-wrapper.svelte-1fbti8u {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 1rem;
		color: var(--color-emerald-800);
	}

	.explain-container.svelte-1fbti8u {
		display: flex;
		align-items: start;
		justify-content: center;
		flex-direction: column;
		gap: 1.5rem;
	}

	.tutorial-text.svelte-1fbti8u {
		color: var(--color-emerald-800);
	}

    .slider-container.svelte-sfca6p {
        --slider-icon-size: 5.75rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 3.5rem; 
        -webkit-user-select: none; 
           -moz-user-select: none; 
                user-select: none;
    }

    .track-wrapper.svelte-sfca6p {
        width: 100%;
        height: 1rem;
        position: relative;
        display: flex;
        align-items: center;
        touch-action: none;
    }

    .track-bar.svelte-sfca6p {
        width: 100%;
        height: 100%;
        background-color: var(--color-emerald-800);
        border-radius: 1rem;
        position: absolute;
    }

    .thumb-group.svelte-sfca6p {
        position: absolute;
        top: 50%;
        left: var(--pos);
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        will-change: left;
    }

    .thumb-handle.svelte-sfca6p {
        min-width: 4rem;
        min-height: 2rem;
        border-radius: 1rem;
        background-color: white;
        border: 1px solid black;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
        cursor: grab;
        padding: 0.25rem 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        outline: none;
    }

    .thumb-handle.svelte-sfca6p:active {
        cursor: grabbing;
    }

    .value-tooltip-content.svelte-sfca6p {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.35rem;
        padding: 0.25rem 0.3rem;
    }

    .value-tooltip-icon.svelte-sfca6p {
        width: var(--slider-icon-size);
        height: var(--slider-icon-size);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .value-tooltip-icon.svelte-sfca6p svg {
        width: 100%;
        height: 100%;
    }

    .thumb-label.svelte-sfca6p {
        font-size: 0.75rem;
        font-weight: bold;
        color: #333;
        text-align: center;
        pointer-events: none;
        white-space: nowrap;
    }

    .value-tooltip.svelte-sfca6p {
        position: absolute;
        bottom: 2.75rem;
        background-color: var(--color-emerald-800);
        color: var(--color-electric-300);
        padding: 0.7rem 1rem;
        border-radius: 0.5rem;
        font-weight: bold;
        font-size: 0.9rem;
        white-space: nowrap;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    }

    .value-tooltip.svelte-sfca6p::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: var(--color-emerald-800) transparent transparent transparent;
    }

    .end-labels.svelte-sfca6p {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 1.25rem;
        font-weight: 800;
        font-size: 1.1rem;
    }

    /* Vertical mode */
    .slider-container.vertical.svelte-sfca6p {
        flex-direction: column;
        align-items: center;
        padding-top: 0;
        padding-right: 0;
        height: 20rem;
        width: auto;
    }

    .slider-container.vertical.svelte-sfca6p .track-wrapper:where(.svelte-sfca6p) {
        width: 1rem;
        height: 100%;
        flex-shrink: 0;
    }

    .slider-container.vertical.svelte-sfca6p .thumb-group:where(.svelte-sfca6p) {
        top: auto;
        left: 50%;
        bottom: var(--pos);
        transform: translate(-50%, 50%);
        will-change: bottom;
    }

    .slider-container.vertical.svelte-sfca6p .value-tooltip:where(.svelte-sfca6p) {
        bottom: auto;
        left: calc(100% + 1rem);
        top: 50%;
        transform: translateY(-50%);
    }

    .slider-container.vertical.svelte-sfca6p .value-tooltip:where(.svelte-sfca6p)::after {
        top: 50%;
        left: 0;
        right: auto;
        bottom: auto;
        transform: translate(-100%, -50%);
        border-color: transparent var(--color-emerald-800) transparent transparent;
    }

    .slider-container.vertical.svelte-sfca6p .end-labels:where(.svelte-sfca6p) {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 0.75rem;
    }

    @media (max-width: 640px) {
        .slider-container.svelte-sfca6p {
            --slider-icon-size: 2rem;
        }

        .value-tooltip-icon.svelte-sfca6p {
            width: var(--slider-icon-size);
            height: var(--slider-icon-size);
        }
    }


	.slider-container.svelte-zn4wpz {
		--slider-icon-size: 5.75rem;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.5rem;
		padding-top: 4rem; /* Added padding to ensure top tooltips aren't cut off */
	}

	.slider-wrapper.svelte-zn4wpz {
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		height: 2.25rem;
	}

	.track.svelte-zn4wpz {
		width: 100%;
		height: 1rem;
		border-radius: 1rem;
		background: var(--color-emerald-800);
		position: absolute;
	}

	.thumb.svelte-zn4wpz {
		position: absolute;
		transform: translate(-50%, -50%);
		top: 50%;
		left: var(--pos);
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
	}

	.thumb-text.svelte-zn4wpz {
		font-size: 0.65rem;
		font-weight: bold;
		text-align: center;
		pointer-events: none;
	}

	.thumb.guessed.svelte-zn4wpz {
		width: 3.5rem;
		height: 1.75rem;
		border-radius: 1rem;
		z-index: 10;
		background-color: var(--color-chrome-100);
		color: var(--color-chrome-500);
	}

	.thumb.correct.svelte-zn4wpz {
		width: 4.5rem;
		height: 2.25rem;
		border-radius: 1.125rem;
		z-index: 15;
		background-color: var(--color-electric-300);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
		color: var(--color-emerald-800);
	}

	.correct-tooltip-content.svelte-zn4wpz {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.35rem;
		padding: 0.4rem 0.45rem 0.5rem;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}

	.correct-tooltip-icon.svelte-zn4wpz {
		width: var(--slider-icon-size);
		height: var(--slider-icon-size);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.correct-tooltip-icon.svelte-zn4wpz svg {
		width: 100%;
		height: 100%;
	}

	.value.svelte-zn4wpz {
		width: 4rem;
		height: 2rem;
		border-radius: 0.5rem;
		background-color: var(--color-chrome-100);
		color: var(--color-chrome-500);
		position: absolute;
		bottom: 3rem;
		left: var(--pos);
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		z-index: 20;
	}

	.value.correct-value.svelte-zn4wpz {
		box-shadow: 0 0 6px rgba(120, 250, 174, 0.25);
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		bottom: 3.75rem; /* Stacked higher than the guessed tooltip */
		width: 6.25rem;
		height: 7.4rem;
		font-size: 1.1rem;
		z-index: 25;
	}

	.value.svelte-zn4wpz::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		border-width: 5px;
		border-style: solid;
		border-color: var(--color-chrome-100) transparent transparent transparent;
	}

	.value.correct-value.svelte-zn4wpz::after {
		border-color: var(--color-emerald-800) transparent transparent transparent;
	}

	.min-max-labels.svelte-zn4wpz {
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-size: large;
		font-weight: bolder;
		margin-top: 0.5rem;
	}

	/* Vertical mode */
	.slider-container.vertical.svelte-zn4wpz {
		flex-direction: column;
		align-items: center;
		padding-top: 0;
		padding-right: 0;
		height: 20rem;
		width: auto;
	}

	.slider-container.vertical.svelte-zn4wpz .slider-wrapper:where(.svelte-zn4wpz) {
		width: 1rem;
		height: 100%;
		flex-shrink: 0;
		overflow: visible;
	}

	.slider-container.vertical.svelte-zn4wpz .track:where(.svelte-zn4wpz) {
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	.slider-container.vertical.svelte-zn4wpz .thumb:where(.svelte-zn4wpz) {
		top: auto;
		left: 50%;
		bottom: var(--pos);
		transform: translate(-50%, 50%);
		z-index: 1;
	}

	.slider-container.vertical.svelte-zn4wpz .thumb.correct:where(.svelte-zn4wpz) {
		z-index: 2;
	}

	.slider-container.vertical.svelte-zn4wpz .value:where(.svelte-zn4wpz) {
		bottom: var(--pos);
		left: auto;
		right: auto;
		margin-left: 3rem;
		transform: translateY(50%);
	}

	.slider-container.vertical.svelte-zn4wpz .value:where(.svelte-zn4wpz)::after {
		top: 50%;
		left: 0;
		right: auto;
		bottom: auto;
		transform: translate(-100%, -50%);
		border-color: transparent var(--color-chrome-100) transparent transparent;
	}

	.slider-container.vertical.svelte-zn4wpz .value.correct-value:where(.svelte-zn4wpz) {
		bottom: var(--pos);
		margin-left: 3rem;
		transform: translateY(50%);
	}

	.slider-container.vertical.svelte-zn4wpz .value.correct-value:where(.svelte-zn4wpz)::after {
		border-color: transparent var(--color-emerald-800) transparent transparent;
	}

	.slider-container.vertical.svelte-zn4wpz .min-max-labels:where(.svelte-zn4wpz) {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		margin-top: 0.75rem;
	}

	@media (max-width: 640px) {
		.slider-container.svelte-zn4wpz {
			--slider-icon-size: 2rem;
		}

		.correct-tooltip-icon.svelte-zn4wpz {
			width: var(--slider-icon-size);
			height: var(--slider-icon-size);
		}

		.value.correct-value.svelte-zn4wpz {
			width: 4.7rem;
			height: 4.8rem;
		}
	}


    .description-container.svelte-1yuk8tw {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem;
        background-color: white;
        border-radius: 1.5rem;
        padding: 1rem;
    }

	.description-container.mobile.svelte-1yuk8tw {
		flex-direction: column;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

    .icon.svelte-1yuk8tw {
        width: 6rem;
        height: 6rem;
        background-color: var(--color-emerald-800);
        border-radius: 1rem;
        margin-left: -3rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

	.description-container.mobile.svelte-1yuk8tw .icon:where(.svelte-1yuk8tw) {
		margin-left: 0;
	}

    .text.svelte-1yuk8tw {
        flex: 1;
        color: var(--color-emerald-800);
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        text-align: start;
        background-color: transparent;
        gap: 1rem;
    }

    .description-container.mobile.svelte-1yuk8tw .text:where(.svelte-1yuk8tw) {
        align-items: center;
        text-align: center;
    }

    h1.svelte-1yuk8tw {
        font-size: 1.5rem;
        font-weight: bolder;
    }

    h2.svelte-1yuk8tw {
        font-size: medium;
        font-weight: 500;
    }

	.slider-container.svelte-1orqrd5 {
		--slider-icon-size: 5.75rem;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.main-wrapper.svelte-1orqrd5 {
		width: 100%;
		height: 1rem;
		position: relative;
		display: flex;
		align-items: center;
		touch-action: none;
	}

	.track-bg.svelte-1orqrd5 {
		width: 100%;
		height: 100%;
		background: var(--color-chrome-200);
		border-radius: 1rem;
		overflow: hidden;
		position: relative;
	}

	.track-fill.svelte-1orqrd5 {
		height: 100%;
		background: var(--color-emerald-800);
	}

	.thumb-wrapper.svelte-1orqrd5 {
		position: absolute;
		top: 50%;
		left: var(--pos);
		transform: translate(-50%, -50%);
		z-index: 100;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 0;
	}

	.thumb-handle.svelte-1orqrd5 {
		width: 3.5rem;
		height: 1.75rem;
		flex-shrink: 0;
		border-radius: 1rem;
		background-color: white;
		border: 1px solid black;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
		cursor: grab;
		outline: none;
	}

	.thumb-handle.svelte-1orqrd5:active {
		cursor: grabbing;
	}

	.thumb-tooltip.svelte-1orqrd5 {
		position: absolute;
		bottom: 2.25rem;
		background: var(--color-emerald-800);
		color: var(--color-electric-300);
		padding: 0.25rem 0.75rem;
		border-radius: 0.5rem;
		font-weight: bold;
		white-space: nowrap;
	}

	.thumb-tooltip.svelte-1orqrd5::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		border-width: 6px;
		border-style: solid;
		border-color: var(--color-emerald-800) transparent transparent transparent;
	}

	/* Reveal Item Styling */
	.reveal-wrapper.svelte-1orqrd5 {
		position: absolute;
		left: var(--pos);
		transform: translateX(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		z-index: 50;
		pointer-events: none;
		width: 0;
	}

	.reveal-wrapper.above.svelte-1orqrd5 {
		bottom: 1.5rem;
		flex-direction: column;
        transform-origin: center bottom;
	}

	.reveal-wrapper.below.svelte-1orqrd5 {
		top: 1.5rem;
		flex-direction: column-reverse;
        transform-origin: center top;
	}

	.connector-line.svelte-1orqrd5 {
		width: 2px;
		height: 2.5rem;
		background-color: var(--color-emerald-800);
	}

	.content-box.svelte-1orqrd5 {
		background: white;
		border-radius: 0.5rem;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		pointer-events: auto; /* Allow interaction with children */
		max-width: 20ch;
		word-wrap: break-word;
		pointer-events: auto;
	}

	.content-box.svelte-1orqrd5 .reveal-label-icon {
		width: var(--slider-icon-size);
		height: var(--slider-icon-size);
	}

	.content-box.svelte-1orqrd5 .reveal-label-icon svg {
		width: 100%;
		height: 100%;
	}

	.min-max-labels.svelte-1orqrd5 {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 1rem;
		font-weight: bold;
	}

	.label.svelte-1orqrd5 {
		margin-top: 0.5rem;
		font-weight: lighter;
	}

	/* Vertical mode */
	.slider-container.vertical.svelte-1orqrd5 {
		flex-direction: column;
		align-items: center;
		padding: 0;
		height: 20rem;
		width: auto;
	}

	.slider-container.vertical.svelte-1orqrd5 .main-wrapper:where(.svelte-1orqrd5) {
		width: 1rem;
		height: 100%;
		flex-shrink: 0;
		overflow: visible;
	}

	.slider-container.vertical.svelte-1orqrd5 .track-bg:where(.svelte-1orqrd5) {
		width: 100%;
		height: 100%;
	}

	.slider-container.vertical.svelte-1orqrd5 .track-fill:where(.svelte-1orqrd5) {
		width: 100%;
		height: 0;
		position: absolute;
		bottom: 0;
	}

	.slider-container.vertical.svelte-1orqrd5 .thumb-wrapper:where(.svelte-1orqrd5) {
		top: auto;
		left: 50%;
		bottom: var(--pos);
		transform: translate(-50%, 50%);
	}

	.slider-container.vertical.svelte-1orqrd5 .thumb-tooltip:where(.svelte-1orqrd5) {
		bottom: auto;
		left: calc(100% + 1.5rem);
		top: 50%;
		transform: translateY(-50%);
	}

	.slider-container.vertical.svelte-1orqrd5 .thumb-tooltip:where(.svelte-1orqrd5)::after {
		top: 50%;
		left: 0;
		right: auto;
		bottom: auto;
		transform: translate(-100%, -50%);
		border-color: transparent var(--color-emerald-800) transparent transparent;
	}

	.slider-container.vertical.svelte-1orqrd5 .reveal-wrapper:where(.svelte-1orqrd5) {
		left: auto;
		bottom: var(--pos);
		transform: translateY(50%);
		flex-direction: row;
		width: auto;
		height: 0;
	}

	.slider-container.vertical.svelte-1orqrd5 .reveal-wrapper.right:where(.svelte-1orqrd5) {
		right: 1.5rem;
		left: auto;
		bottom: var(--pos);
		flex-direction: row-reverse;
		transform-origin: right center;
	}

	.slider-container.vertical.svelte-1orqrd5 .reveal-wrapper.left:where(.svelte-1orqrd5) {
		left: 1.5rem;
		bottom: var(--pos);
		flex-direction: row;
		transform-origin: left center;
	}

	.slider-container.vertical.svelte-1orqrd5 .connector-line:where(.svelte-1orqrd5) {
		width: 2.5rem;
		height: 2px;
	}

	.slider-container.vertical.svelte-1orqrd5 .min-max-labels:where(.svelte-1orqrd5) {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		margin-top: 0.75rem;
	}

	@media (max-width: 640px) {
		.slider-container.svelte-1orqrd5 {
			--slider-icon-size: 2rem;
		}
	}

    .slider-container.svelte-83vnor {
        --slider-icon-size: 5.75rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 4rem; /* Space for tooltips */
        padding-bottom: 2rem;
    }

    .main-wrapper.svelte-83vnor {
        width: 100%;
        height: 1rem;
        position: relative;
        display: flex;
        align-items: center;
    }

    .track-bg.svelte-83vnor {
        width: 100%;
        height: 100%;
        background: var(--color-chrome-200);
        border-radius: 1rem;
        overflow: hidden;
        position: relative;
    }

    .track-fill.svelte-83vnor {
        height: 100%;
        background: var(--color-emerald-800);
    }

    /* Thumb Logic */
    .thumb-wrapper.svelte-83vnor {
        position: absolute;
        top: 50%;
        left: var(--pos);
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 0;
    }

    .thumb-wrapper.guessed.svelte-83vnor { z-index: 90; }
    .thumb-wrapper.correct.svelte-83vnor { z-index: 100; }

    .thumb-handle.svelte-83vnor {
        border-radius: 1rem;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    }

    .guessed-handle.svelte-83vnor {
        width: 3.5rem;
        height: 1.75rem;
        background-color: var(--color-chrome-100);
    }

    .correct-handle.svelte-83vnor {
        width: 4.5rem;
        height: 2.25rem;
        background-color: var(--color-electric-300);
    }

    .thumb-tooltip.svelte-83vnor {
        position: absolute;
        bottom: 2.5rem;
        padding: 0.25rem 0.75rem;
        border-radius: 0.5rem;
        font-weight: bold;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Arrow pointers for tooltips */
    .thumb-tooltip.svelte-83vnor::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
    }

    .guessed-tip.svelte-83vnor {
        background: var(--color-chrome-100);
        color: var(--color-chrome-500);
        bottom: 2.5rem;
    }
    .guessed-tip.svelte-83vnor::after { border-color: var(--color-chrome-100) transparent transparent transparent; }

    .correct-tip.svelte-83vnor {
        background: var(--color-emerald-800);
        color: var(--color-electric-300);
        bottom: 3rem; /* Higher than guessed to avoid overlap if close */
        font-size: 1.1rem;
        padding: 0.4rem 1rem;
    }
    .correct-tip.svelte-83vnor::after { border-color: var(--color-emerald-800) transparent transparent transparent; }

    /* Reveal Item Styling */
    .reveal-wrapper.svelte-83vnor {
        position: absolute;
        left: var(--pos);
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 50;
        pointer-events: none;
        width: 0;
    }

    .reveal-wrapper.above.svelte-83vnor {
        bottom: 1.5rem;
        flex-direction: column;
        transform-origin: center bottom;
    }

    .reveal-wrapper.below.svelte-83vnor {
        top: 1.5rem;
        flex-direction: column-reverse;
        transform-origin: center top;
    }

    .connector-line.svelte-83vnor {
        width: 2px;
        height: 2.5rem;
        background-color: var(--color-emerald-800);
    }

    .content-box.svelte-83vnor {
        background: white;
        border-radius: 0.5rem;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        max-width: 20ch;
        word-wrap: break-word;
    }

    .content-box.svelte-83vnor .reveal-label-icon {
        width: var(--slider-icon-size);
        height: var(--slider-icon-size);
    }

    .content-box.svelte-83vnor .reveal-label-icon svg {
        width: 100%;
        height: 100%;
    }

    .min-max-labels.svelte-83vnor {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 1.5rem;
        font-weight: bold;
        font-size: 1.1rem;
    }

    .label.svelte-83vnor {
        margin-top: 0.5rem;
        font-weight: 300;
        font-size: 1.2rem;
    }

    /* Vertical mode */
    .slider-container.vertical.svelte-83vnor {
        flex-direction: column;
        align-items: center;
        padding: 0;
        height: 20rem;
        width: auto;
    }

    .slider-container.vertical.svelte-83vnor .main-wrapper:where(.svelte-83vnor) {
        width: 1rem;
        height: 100%;
        flex-shrink: 0;
        overflow: visible;
    }

    .slider-container.vertical.svelte-83vnor .track-bg:where(.svelte-83vnor) {
        width: 100%;
        height: 100%;
    }

    .slider-container.vertical.svelte-83vnor .track-fill:where(.svelte-83vnor) {
        width: 100%;
        height: 0;
        position: absolute;
        bottom: 0;
    }

    .slider-container.vertical.svelte-83vnor .thumb-wrapper:where(.svelte-83vnor) {
        top: auto;
        left: 50%;
        bottom: var(--pos);
        transform: translate(-50%, 50%);
    }

    .slider-container.vertical.svelte-83vnor .thumb-tooltip:where(.svelte-83vnor) {
        bottom: auto;
        left: calc(100% + 1.5rem);
        top: 50%;
        transform: translateY(-50%);
    }

    .slider-container.vertical.svelte-83vnor .thumb-tooltip:where(.svelte-83vnor)::after {
        top: 50%;
        left: 0;
        right: auto;
        bottom: auto;
        transform: translate(-100%, -50%);
    }

    .slider-container.vertical.svelte-83vnor .guessed-tip:where(.svelte-83vnor) {
        bottom: auto;
    }

    .slider-container.vertical.svelte-83vnor .guessed-tip:where(.svelte-83vnor)::after {
        border-color: transparent var(--color-chrome-100) transparent transparent;
    }

    .slider-container.vertical.svelte-83vnor .correct-tip:where(.svelte-83vnor) {
        bottom: auto;
    }

    .slider-container.vertical.svelte-83vnor .correct-tip:where(.svelte-83vnor)::after {
        border-color: transparent var(--color-emerald-800) transparent transparent;
    }

    .slider-container.vertical.svelte-83vnor .reveal-wrapper:where(.svelte-83vnor) {
        left: auto;
        bottom: var(--pos);
        transform: translateY(50%);
        flex-direction: row;
        width: auto;
        height: 0;
    }

    .slider-container.vertical.svelte-83vnor .reveal-wrapper.right:where(.svelte-83vnor) {
        right: 1.5rem;
        left: auto;
        bottom: var(--pos);
        flex-direction: row-reverse;
        transform-origin: right center;
    }

    .slider-container.vertical.svelte-83vnor .reveal-wrapper.left:where(.svelte-83vnor) {
        left: 1.5rem;
        bottom: var(--pos);
        flex-direction: row;
        transform-origin: left center;
    }

    .slider-container.vertical.svelte-83vnor .connector-line:where(.svelte-83vnor) {
        width: 2.5rem;
        height: 2px;
    }

    .slider-container.vertical.svelte-83vnor .min-max-labels:where(.svelte-83vnor) {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 0.75rem;
    }

    @media (max-width: 640px) {
        .slider-container.svelte-83vnor {
            --slider-icon-size: 2rem;
        }
    }

	.carousel.svelte-4w2cwe {
		width: 100%;
	}

	.track.svelte-4w2cwe {
		display: flex;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.track.svelte-4w2cwe::-webkit-scrollbar {
		display: none;
	}

	.slide.svelte-4w2cwe {
		flex-shrink: 0;
		width: 100%;
		box-sizing: border-box;
		scroll-snap-align: start;
	}

	.carousel-buttons-container.svelte-4w2cwe {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}

	.carousel-button.svelte-4w2cwe {
		width: 1.5rem;
		height: 0.75rem;
		border-radius: 0.25rem;
		background-color: var(--color-chrome-300);
		border: none;
		cursor: pointer;
		transition:
			background-color 0.2s,
			width 0.2s;
	}

	.carousel-button.active.svelte-4w2cwe {
		background-color: var(--color-emerald-800);
		width: 2.5rem;
	}

	.reveal-label.svelte-151p0i6 {
		display: inline-flex;
		align-items: center;
		gap: 1.5rem;
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		padding: 0.4rem 0.9rem;
		border-radius: 0.5rem;
		width: -moz-max-content;
		width: max-content;
		max-width: 20ch;
		line-height: 1.2;
	}

	.reveal-label.column.svelte-151p0i6 {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0.4rem;
		max-width: 10rem;
	}

	.reveal-label-icon.svelte-151p0i6 {
		width: 5.75rem;
		height: 5.75rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.reveal-label-icon.svelte-151p0i6 svg {
		width: 100%;
		height: 100%;
	}

	.reveal-slider-container.svelte-151p0i6 {
		width: 100%;
		display: flex;
		align-items: start;
		justify-content: space-between;
		gap: 10rem;
	}

	.reveal-slider-container.mobile.svelte-151p0i6 {
		align-items: center;
		flex-direction: column;
		gap: 6rem;
	}

	/* (unused) .slider-labels-container {
		display: flex;
		flex-direction: column;
		text-align: left;
		white-space: nowrap;
	}*/

	.header-container.svelte-151p0i6 {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1rem;
	}

	.descriptions-wrapper.svelte-151p0i6 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 2rem;
		padding: 2rem;
	}

	@media (max-width: 640px) {
		.reveal-label-icon.svelte-151p0i6 {
			width: 2rem;
			height: 2rem;
		}
	}

	.button-container.svelte-rm3ejp {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.5rem;
	}

	.header-container.svelte-rm3ejp {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1rem;
	}

	.index-slider.svelte-1kzl6ua {
		position: relative;
		width: 100%;
		height: 1rem;
		overflow: visible;
	}

	.index-slider-mask.svelte-1kzl6ua {
		width: 100%;
		height: 100%;
		border-radius: 0.5rem;
		background-color: var(--color-chrome-100);
		overflow: hidden;
	}

	.index-slider-fill.svelte-1kzl6ua {
		height: 100%;
		background-color: #e74138;
		border-radius: 0.5rem; /* full rounding */
		width: 0%; /* start at 0 */
		transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1); /* smooth fill */
	}

	.correct.svelte-1kzl6ua {
		background-color: var(--color-electric-300);
	}

	.desired-amount-indicator.svelte-1kzl6ua {
		position: absolute;
		top: 0;
		left: calc(var(--desired-amount) * 1%);
		transform: translate(-50%, -15%);
		width: 0.3rem;
		height: 1.4rem;
		border-radius: 0.15rem;
		background-color: var(--color-emerald-800);
	}

	.index-container.svelte-1kzl6ua {
		min-width: 18rem;
	}

	.answer-container.svelte-if56iy {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: min-content;
		align-content: start;
		gap: 1rem;
		width: 100%;
		block-size: clamp(10rem, 26vh, 18rem);
		overflow-y: auto;
		overflow-x: hidden;
	}

	@media (max-width: 640px) {
		.answer-container.svelte-if56iy {
			grid-template-columns: 1fr;
			gap: 0.75rem;
			block-size: clamp(8rem, 22vh, 14rem);
		}
	}

	.text-and-indexor-wrapper.svelte-3sfjno {
		display: flex;
		flex-direction: column;
		gap: 4rem;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.text-field-wrapper.svelte-3sfjno {
		width: 100%;
		padding-left: 5rem;
		padding-right: 5rem;
		min-height: 5rem;
	}

	.equipment-container.svelte-3sfjno {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 0.5rem;
		border-radius: 1rem;
		color: var(--color-emerald-800);
		background-color: var(--color-chrome-0);
		position: relative;
	}

	.equipment-icon.svelte-3sfjno {
		padding: 0.5rem;
		border-radius: 0.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--color-electric-300);
		background-color: var(--color-emerald-800);
	}

	.remove-action.svelte-3sfjno {
		opacity: 0;
		pointer-events: none;
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
		border-radius: 0.25rem;
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		border: none;
		padding: 0.25rem;
		position: absolute;
		top: 0rem;
		right: -0.25rem;
		transition: all 0.3s ease;
	}

	.equipment-container.svelte-3sfjno:hover .remove-action:where(.svelte-3sfjno) {
		opacity: 1;
		pointer-events: auto;
		cursor: pointer;
	}

	.text-wrapper.svelte-3sfjno {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}

	.icon-wrapper.svelte-3sfjno {
		padding: 0.25rem;
		border-radius: 0.25rem;
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
		min-height: 2rem;
		min-width: 2rem;
		color: var(--color-electric-300);
		background-color: var(--color-emerald-800);
	}

	.warning-message.svelte-3sfjno {
		display: flex;
		align-items: start;
		justify-content: center;
		gap: 0.5rem;
	}

	.skip-button.svelte-3sfjno {
		background: none;
		border: none;
		color: var(--color-chrome-500);
		cursor: pointer;
	}

	.button-wrapper.svelte-3sfjno {
		display: flex;
		gap: 0.5rem;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	@media (max-width: 640px) {
		.text-field-wrapper.svelte-3sfjno {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.header-container.svelte-1axv4ot {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1rem;
	}

	.text-field-wrapper.svelte-tr890y {
		width: 100%;
		padding-left: 5rem;
		padding-right: 5rem;
		min-height: 6rem;
	}

	.text-wrapper.svelte-tr890y {
		-webkit-user-select: all;
		   -moz-user-select: all;
		        user-select: all;
	}

	.copy-row.svelte-tr890y {
		display: flex;
		align-items: center;
		gap: 0.4rem;
		background: transparent;
		border: none;
		cursor: pointer;
		padding: 0;
		color: inherit;
	}

	.copy-icon.svelte-tr890y {
		display: flex;
		align-items: center;
		opacity: 0.5;
		transition:
			opacity 0.2s,
			color 0.2s;
	}

	.copy-row.svelte-tr890y:hover .copy-icon:where(.svelte-tr890y) {
		opacity: 1;
	}

	.copy-icon.copied.svelte-tr890y {
		opacity: 1;
		color: var(--color-electric-500, #00d4b4);
	}

	.button-wrapper.svelte-tr890y {
		display: flex;
		gap: 0.5rem;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.skip-button.svelte-tr890y {
		background: none;
		border: none;
		color: var(--color-chrome-500);
		cursor: pointer;
	}

	.header-wrapper.svelte-tr890y {
		padding: 0 2rem;
	}

	@media (max-width: 640px) {
		.text-field-wrapper.svelte-tr890y {
			padding: 0;
		}
	}

	.state-container.svelte-zttax6 {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 2rem;
		flex-shrink: 0;
	}

	.state.svelte-zttax6 {
		width: clamp(2.25rem, 8vw, 5rem);
		height: 2.5rem;
		border-radius: 1rem;
	}

	.good.svelte-zttax6 {
		background: #70c500;
	}

	.ok.svelte-zttax6 {
		background: #f4880d;
	}

	.bad.svelte-zttax6 {
		background: #f41a0d;
	}

	.checkmark-button.svelte-zttax6 {
		width: 2rem;
		height: 2rem;
		border-radius: 0.5rem;
		border: 3px solid var(--color-chrome-500);
		color: var(--color-emerald-800);
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
		background-color: transparent;
		cursor: pointer;
		padding: 0.15rem;
	}

	.checkmark-button.clicked.svelte-zttax6 {
		border: 3px solid var(--color-emerald-800);
	}

	.wrapper.svelte-zttax6 {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		flex: 1 1 auto;
		min-width: 0;
	}

	.title-wrapper.svelte-zttax6 {
		min-width: 0;
		flex: 1 1 auto;
	}

	@media (max-width: 640px) {
		.state-container.svelte-zttax6 {
			gap: 0.375rem;
		}

		.state.svelte-zttax6 {
			width: 2rem;
			height: 1.25rem;
		}

		.checkmark.svelte-zttax6 {
			width: 1.5rem;
			height: 1.5rem;
		}

		.wrapper.svelte-zttax6 {
			gap: 0.5rem;
		}
	}

	.list-container.svelte-1oqp2mk {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.labels-container.svelte-1oqp2mk {
		width: 100%;
		display: flex;
		align-self: center;
		justify-content: end;
		gap: 2rem;
		padding-right: 1.5rem;
	}

	.container.svelte-1oqp2mk {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4rem;
		padding-bottom: 5rem;
	}

	.button-anchor.svelte-1oqp2mk {
		position: fixed;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}

	.inner-container.svelte-1oqp2mk {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		width: 100%;
	}

	.skip-button.svelte-1oqp2mk {
		background: transparent;
		border: none;
		outline: none;
		cursor: pointer;
		color: var(--color-chrome-700);
	}

	.buttons-container.svelte-1oqp2mk {
		display: flex;
		gap: 1rem;
		justify-content: center;
		flex-direction: column;
	}

	@media (max-width: 640px) {
		.labels-container.svelte-1oqp2mk {
			padding: 0;
		}
	}

    .result-container.svelte-1mg87pc {
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        background-color: var(--color-electric-50);
        color: var(--color-emerald-600);
    }

    @media (max-width: 640px) {
        .result-container.svelte-1mg87pc {
            padding: 0.25rem;
        }
    }

	.items-list.svelte-w2e2w {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.animation-properties.svelte-w2e2w {
		width: min(34rem, 100%);
	}

	.function-wrapper.svelte-w2e2w {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 1rem;
	}

	.icon-container.svelte-w2e2w {
		width: 2rem;
		height: 2rem;
		padding: 0.5rem;
		border-radius: 0.25rem;
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
		color: var(--color-electric-300);
		background-color: var(--color-emerald-800);
	}

	.loading-icon.svelte-w2e2w {
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.18rem;
	}

	.dot.svelte-w2e2w {
		width: 0.22rem;
		height: 0.22rem;
		border-radius: 50%;
		background-color: currentColor;
		animation: svelte-w2e2w-bounce 1s infinite cubic-bezier(0.4, 0, 0.2, 1);
		transform-origin: center;
	}

	.dot.svelte-w2e2w:nth-child(1) {
		animation-delay: 0s;
	}

	.dot.svelte-w2e2w:nth-child(2) {
		animation-delay: 0.15s;
	}

	.dot.svelte-w2e2w:nth-child(3) {
		animation-delay: 0.3s;
	}

	.checkmark-wrapper.svelte-w2e2w {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
		animation: svelte-w2e2w-pop 0.5s ease-out;
	}

	@keyframes svelte-w2e2w-bounce {
		0% {
			transform: translateY(0) scale(1);
			opacity: 0.6;
		}
		25% {
			transform: translateY(-0.35rem) scale(1.15);
			opacity: 1;
		}
		40% {
			transform: translateY(0.05rem) scale(0.95);
		}
		60% {
			transform: translateY(-0.15rem) scale(1.05);
		}
		100% {
			transform: translateY(0) scale(1);
			opacity: 0.6;
		}
	}

	@keyframes svelte-w2e2w-pop {
		0% {
			transform: scale(0.8);
			opacity: 0;
		}
		50% {
			transform: scale(1.1);
			opacity: 1;
		}
		100% {
			transform: scale(1);
			opacity: 1;
		}
	}

	.trash-list.svelte-1ufsv84 {
		display: flex;
		align-items: center;
		justify-self: start;
		gap: 0.5rem;
	}

	.trash-icon-wrapper.svelte-1ufsv84 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0.25rem;
		border-radius: 0.5rem;
		color: var(--color-electric-300);
		background: var(--color-emerald-800);
	}

	.trash-icon-wrapper.svelte-1ufsv84 svg {
		width: 100%;
		height: 100%;
	}

	.trash-icon-wrapper.svelte-1ufsv84 path,
	.trash-icon-wrapper.svelte-1ufsv84 circle,
	.trash-icon-wrapper.svelte-1ufsv84 rect,
	.trash-icon-wrapper.svelte-1ufsv84 polygon,
	.trash-icon-wrapper.svelte-1ufsv84 line,
	.trash-icon-wrapper.svelte-1ufsv84 polyline,
	.trash-icon-wrapper.svelte-1ufsv84 ellipse {
		fill: currentColor !important;
		stroke: currentColor !important;
	}

	.items-list.svelte-195ylju {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.news-shell.svelte-4q4bmo {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		color: var(--color-emerald-900);
	}

	.hidden.svelte-4q4bmo {
		display: none !important;
	}

	.news-header.svelte-4q4bmo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding-bottom: 0.5rem;
		border-bottom: 0.0625rem solid rgba(11, 61, 46, 0.12);
	}

	.brand-block.svelte-4q4bmo {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.brand-icon.svelte-4q4bmo {
		width: 100%;
		min-height: 6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.875rem;
		background: linear-gradient(
			135deg,
			var(--color-electric-200),
			var(--color-electric-300)
		);
		color: var(--color-emerald-900);
		padding: 1rem 1.5rem;
	}

	.brand-icon.svelte-4q4bmo svg {
		width: 100%;
		height: auto;
		max-width: 18rem;
	}

	.nav-grid.svelte-4q4bmo {
		display: flex;
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	.nav-item.svelte-4q4bmo {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.75rem 1rem;
		border-radius: 999rem;
		border: 0.0625rem solid rgba(11, 61, 46, 0.12);
		background: rgba(255, 255, 255, 0.64);
		color: var(--color-emerald-900);
		white-space: nowrap;
		cursor: pointer;
		transition:
			background-color 120ms ease,
			border-color 120ms ease;
	}

	.nav-item.svelte-4q4bmo:hover {
		background: rgba(120, 252, 176, 0.2);
		border-color: rgba(11, 61, 46, 0.2);
	}

	.read-link-arrow--up.svelte-4q4bmo {
		transform: rotate(180deg);
	}

	.nav-arrow.svelte-4q4bmo {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 0.875rem;
		height: 0.875rem;
		transform: rotate(90deg);
		color: var(--color-emerald-700);
	}

	.nav-arrow.svelte-4q4bmo svg {
		width: 0.625rem;
		height: 0.625rem;
	}

	.content-grid.svelte-4q4bmo {
		display: grid;
		grid-template-columns: minmax(0, 18rem) minmax(0, 1fr) minmax(0, 18rem);
		gap: 1.5rem;
		align-items: start;
		transition: grid-template-columns 0.4s ease;
	}

	.content-grid.expanded.svelte-4q4bmo {
		grid-template-columns: minmax(0, 1fr);
	}

	.content-grid.mobile-only.svelte-4q4bmo {
		grid-template-columns: minmax(0, 1fr);
	}

	.article-column.svelte-4q4bmo {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}

	.article-card.svelte-4q4bmo {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		padding: 1.25rem;
		border-radius: 1rem;
		background: rgba(255, 255, 255, 0.72);
		box-shadow: 0 0.75rem 1.5rem rgba(15, 32, 22, 0.08);
	}

	.article-card--side.svelte-4q4bmo {
		min-height: 14rem;
	}

	.article-title.svelte-4q4bmo {
		line-height: 1.1;
	}

	.article-excerpt.svelte-4q4bmo {
		color: rgba(11, 61, 46, 0.82);
	}

	.article-excerpt--full.svelte-4q4bmo {
		color: rgba(11, 61, 46, 0.82);
	}

	.read-link.svelte-4q4bmo {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		background: none;
		border: none;
		cursor: pointer;
		padding: 0;
		text-align: left;
		width: -moz-fit-content;
		width: fit-content;
		color: var(--color-emerald-800);
	}

	.read-link-arrow.svelte-4q4bmo {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 0.875rem;
		height: 0.875rem;
	}

	.read-link-arrow.svelte-4q4bmo svg {
		width: 0.625rem;
		height: 1rem;
	}

	.featured-card.svelte-4q4bmo {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 1.25rem;
		border-radius: 1.25rem;
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.92),
			rgba(120, 252, 176, 0.18)
		);
		box-shadow: 0 1rem 2rem rgba(15, 32, 22, 0.1);
	}

	.featured-card--expanded.svelte-4q4bmo {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 2rem;
		align-items: start;
	}

	.featured-image-wrap.svelte-4q4bmo {
		width: 100%;
		border-radius: 1rem;
		overflow: hidden;
		aspect-ratio: 16 / 9;
		background: rgba(11, 61, 46, 0.08);
	}

	.featured-image-wrap--expanded.svelte-4q4bmo {
		aspect-ratio: 4 / 3;
		grid-row: 1 / 2;
		grid-column: 1 / 2;
		align-self: start;
		position: sticky;
		top: 1rem;
	}

	.featured-card--expanded.svelte-4q4bmo .featured-copy:where(.svelte-4q4bmo) {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.featured-image.svelte-4q4bmo {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		display: block;
	}

	.featured-copy.svelte-4q4bmo {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}

	.featured-kicker.svelte-4q4bmo {
		text-transform: uppercase;
		letter-spacing: 0.08em;
		color: var(--color-emerald-700);
	}

	.featured-title.svelte-4q4bmo {
		line-height: 1.1;
	}

	.read-link--featured.svelte-4q4bmo {
		margin-top: auto;
	}

	.complete-button-wrapper.svelte-4q4bmo {
		position: absolute;
		bottom: 2rem;
		right: 2rem;
	}

	@media (max-width: 70rem) {
		.content-grid.svelte-4q4bmo:not(.expanded):not(.mobile-only) {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}

		.featured-card.svelte-4q4bmo:not(.featured-card--expanded) {
			grid-column: 1 / -1;
		}

		.featured-card--expanded.svelte-4q4bmo {
			grid-template-columns: 1fr;
		}

		.featured-image-wrap--expanded.svelte-4q4bmo {
			position: static;
			aspect-ratio: 16 / 9;
			grid-column: 1 / 2;
		}

		.featured-card--expanded.svelte-4q4bmo .featured-copy:where(.svelte-4q4bmo) {
			grid-column: 1 / 2;
			grid-row: 2 / 3;
		}
	}

	@media (max-width: 48rem) {
		.news-header.svelte-4q4bmo {
			flex-direction: column;
			align-items: flex-start;
		}

		.content-grid.svelte-4q4bmo {
			grid-template-columns: minmax(0, 1fr);
		}

		.article-card.svelte-4q4bmo,
		.featured-card.svelte-4q4bmo {
			padding: 1rem;
		}

		.brand-icon.svelte-4q4bmo {
			min-height: 4.5rem;
			padding: 0.875rem 1rem;
		}

		.brand-icon.svelte-4q4bmo svg {
			max-width: 14rem;
		}

		.featured-card--expanded.svelte-4q4bmo {
			grid-template-columns: 1fr;
		}

		.featured-image-wrap--expanded.svelte-4q4bmo {
			position: static;
			aspect-ratio: 16 / 9;
			grid-column: 1 / 2;
		}

		.featured-card--expanded.svelte-4q4bmo .featured-copy:where(.svelte-4q4bmo) {
			grid-column: 1 / 2;
			grid-row: 2 / 3;
		}

		.complete-button-wrapper.svelte-4q4bmo {
			bottom: 1rem;
			right: 1rem;
		}
	}

	.photo-frame.svelte-1puq93e {
		width: 100%;
		flex: 1;
		min-height: 0;
		display: flex;
		align-items: stretch;
	}

	.photo-preview.svelte-1puq93e {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		border-radius: 0.8rem;
	}

	.button-wrapper.svelte-1puq93e {
		display: flex;
		gap: 0.5rem;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.retake-button.svelte-1puq93e {
		background: none;
		border: none;
		color: var(--color-chrome-500);
		cursor: pointer;
	}


	.category.svelte-20moli {
		height: 2.5rem;
		background-color: var(--color-chrome-0);
		border-radius: 0.75rem;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
		color: black;
		font-size: medium;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.left.svelte-20moli {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.25rem;
		color: var(--color-emerald-800);
	}

	.icon.svelte-20moli {
		width: 2rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.status.svelte-20moli {
		width: 1.2rem;
		height: 1.2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 9999px;
		border: 2px solid var(--color-emerald-800);
		box-sizing: border-box;
	}

	.checkmark.svelte-20moli {
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--color-emerald-600);
	}

	.category.completed.svelte-20moli {
		background-color: var(--color-electric-50);
	}

	.category.completed.svelte-20moli .left:where(.svelte-20moli) {
		color: var(--color-emerald-600);
	}

	.category.completed.svelte-20moli .icon:where(.svelte-20moli) {
		color: var(--color-emerald-600);
	}

	@media (max-width: 640px) {
		.category.svelte-20moli {
			gap: 1rem;
		}
	}

    .categories-container.svelte-89pm93 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .categories.svelte-89pm93 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .category-slot.svelte-89pm93:nth-child(7) {
        grid-column: 2;
    }

	button.svelte-f3n0ii {
		padding: 0.75rem;
		border-radius: 0.75rem;
		border: 0;
		background-color: var(--color-chrome-0);
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		outline: none;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: all;

		color: var(--color-chrome-700);
	}

	button.svelte-f3n0ii:hover {
		cursor: pointer;
	}

	button.svelte-f3n0ii:disabled {
		cursor: not-allowed;
		opacity: 0.6;
	}

	.icon.svelte-f3n0ii {
		width: 2rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.icon.svelte-f3n0ii svg {
		width: 100%;
		height: 100%;
		display: block;
		transition: transform 0.2s ease;
	}

	button.svelte-f3n0ii:hover .icon:where(.svelte-f3n0ii) svg {
		transform: scale(0.9);
	}

	@media (max-width: 640px) {
		.icon.svelte-f3n0ii {
			width: 1.5rem;
			height: 1.5rem;
		}
	}

	.utility-bar.svelte-1huk5n2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 1.5rem;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		pointer-events: none;
	}

	.center-stage.svelte-1huk5n2 {
		position: absolute;
		top: 1.5rem;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		display: flex;
		justify-content: center;
		pointer-events: none;
	}

	.center-content.svelte-1huk5n2 {
		width: -moz-fit-content;
		width: fit-content;
		max-width: 100%;
		pointer-events: all;
	}

	.group.svelte-1huk5n2 {
		display: flex;
		gap: 1.5rem;
		align-items: center;
		pointer-events: none;
	}

	.group-right.svelte-1huk5n2 {
		justify-content: flex-end;
	}

	.icon-button-anim-wrapper.svelte-1huk5n2 {
		width: auto;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.pulse.svelte-1huk5n2 {
		animation: svelte-1huk5n2-utility-button-pulse 0.38s ease-out;
	}

	@keyframes svelte-1huk5n2-utility-button-pulse {
		0% {
			transform: scale(1);
		}
		35% {
			transform: scale(1.14);
		}
		100% {
			transform: scale(1);
		}
	}

	@media (max-width: 640px) {
		.utility-bar.svelte-1huk5n2 {
			padding: 1rem;
		}

		.center-stage.svelte-1huk5n2 {
			top: 1rem;
		}

		.group.svelte-1huk5n2 {
			gap: 1rem;
		}
	}

	.animation-wrapper.svelte-1yqkukw {
		pointer-events: all;
	}

	button.svelte-1yqkukw {
		width: 11rem;
		height: 7.75rem;
		border: 0.28rem solid transparent;
		border-radius: 1.3125rem;
		background:
			linear-gradient(140deg, #f0f0f0, #bee0f1) padding-box,
			linear-gradient(to right, var(--color-chrome-900), var(--color-chrome-700))
				border-box;
		display: block;
		position: relative;
		transform: rotate(7deg);
		padding: 0;
		outline: none;
		pointer-events: all;
		transform-style: preserve-3d;
		transition: scale 0.1s ease-in-out;
	}

	button.svelte-1yqkukw:hover {
		scale: 1.01;
	}

	button.svelte-1yqkukw::before {
		content: "";
		position: absolute;
		top: 0.209rem;
		left: 0.1632rem;
		width: 100%;
		height: 100%;
		border-radius: inherit;
		box-shadow: 0 0 0 0.3125rem var(--color-chrome-300);
		transform: translateZ(-1px);
	}

	button.svelte-1yqkukw:hover {
		cursor: pointer;
	}

	.line.svelte-1yqkukw {
		position: absolute;
		display: block;
		height: 0.52rem;
		border-radius: 999px;
	}

	.taskbar.svelte-1yqkukw {
		left: 50%;
		bottom: 0.9rem;
		transform: translateX(-50%);
		width: 4.4rem;
		background: #ffffff;
	}

	.reflection.svelte-1yqkukw {
		left: 0.75rem;
		top: 3rem;
		height: 0.4rem;
		background: #7babc0;
		transform: rotate(-45deg);
		transform-origin: left center;
	}

	.reflection.far.svelte-1yqkukw {
		width: 3.9rem;
	}

	.reflection.near.svelte-1yqkukw {
		top: 2rem;
		left: 0.5rem;
		width: 2.45rem;
	}

	@media (max-width: 640px) {
		button.svelte-1yqkukw {
			width: 5.15rem;
			height: 7.35rem;
			transform: rotate(-7deg);
		}

		.taskbar.svelte-1yqkukw {
			width: 2.25rem;
			height: 0.38rem;
			bottom: 0.62rem;
		}

		.reflection.svelte-1yqkukw {
			height: 0.35rem;
			left: 0.55rem;
			top: 0.65rem;
			transform: rotate(-7deg);
		}

		.reflection.far.svelte-1yqkukw {
			width: 1.85rem;
		}

		.reflection.near.svelte-1yqkukw {
			top: 1.13rem;
			width: 1.2rem;
		}
	}

	button.svelte-1skldm8 {
		width: 8rem;
		height: 8rem;
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%) scale(1);
		background-color: var(--color-chrome-0);
		border: none;
		border-radius: 4rem;
		cursor: pointer;
		pointer-events: all;
		outline: none;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		transition: transform 0.12s cubic-bezier(0.34, 1.9, 0.64, 1);
	}

	button.svelte-1skldm8:hover {
		transform: translateX(-50%) scale(1.05);
	}

	button.svelte-1skldm8:active {
		transform: translateX(-50%) scale(1);
	}

	.button-icon.svelte-1skldm8 {
		position: relative;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hold-ring.svelte-1skldm8 {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		transform: rotate(-90deg);
		pointer-events: none;
	}

	.hold-ring.svelte-1skldm8 circle:where(.svelte-1skldm8) {
		fill: none;
		stroke: var(--color-electric-300);
		stroke-width: 8;
		stroke-linecap: round;
	}

	.notification.svelte-gfzvuj {
		width: 22rem;
		background-color: var(--color-chrome-0);
		border-radius: 0.5rem;
		overflow: hidden;
		pointer-events: all;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	}

	.body.svelte-gfzvuj {
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 0.875rem 1rem 0.75rem;
	}

	.text.svelte-gfzvuj {
		flex: 1;
		display: flex;
		flex-direction: column;
		min-width: 0;
		color: var(--color-emerald-800);
	}

	.notification-title {
		font-size: 0.9375rem;
		font-weight: 700;
		line-height: 1.3;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.notification-description {
		font-size: 0.8125rem;
		color: rgba(255, 255, 255, 0.6);
		line-height: 1.4;
		overflow: hidden;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: var(--color-emerald-800);
	}

	.action.svelte-gfzvuj {
		flex-shrink: 0;
	}

	.progress-track.svelte-gfzvuj {
		height: 3px;
	}

	.progress-fill.svelte-gfzvuj {
		height: 100%;
		background-color: var(--color-emerald-800);
		transition: width 100ms linear;
	}

	.notification-handler.svelte-1786ehr {
		position: absolute;
		top: 7rem;
		right: 1.5rem;
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		pointer-events: none;
		z-index: 200;
	}

	.virtual-joystick-layer.svelte-1a5ub7 {
		position: fixed;
		inset: 0;
		pointer-events: none;
		z-index: 115;
	}

	.virtual-joystick.svelte-1a5ub7 {
		position: absolute;
		transform: translate(-50%, -50%);
	}

	.virtual-joystick__ring.svelte-1a5ub7,
	.virtual-joystick__thumb.svelte-1a5ub7 {
		position: absolute;
		border-radius: 999px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.virtual-joystick__ring.svelte-1a5ub7 {
		width: 100%;
		height: 100%;
		border: 0.125rem solid rgba(255, 255, 255, 0.3);
		box-sizing: border-box;
	}

	.virtual-joystick__thumb.svelte-1a5ub7 {
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.2);
	}

	.hud.svelte-c5xmdb {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		pointer-events: auto;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: end;
		pointer-events: none;
		outline: none;
	}

	.tablet-button-container.svelte-c5xmdb {
		position: absolute;
		right: 2.5rem;
		bottom: 2.5rem;
	}

	button.svelte-1yhvj5v {
		width: 2.5rem;
		height: 2.5rem;
		border-radius: 8px;
		border: currentColor 1px solid;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		pointer-events: all;
		transition: opacity 0.2s ease;
		opacity: 0.75;

		color: currentColor;
	}

	button.svelte-1yhvj5v:hover {
		cursor: pointer;
	}

	button.selected.svelte-1yhvj5v {
		opacity: 1;
		outline: 1px solid #000;
		outline-offset: 3px;
	}

	.icon.svelte-1yhvj5v {
		width: 1.3125rem;
		height: 1.3125rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.icon.svelte-1yhvj5v svg {
		width: 1.3125rem;
		height: 1.3125rem;
	}

	.color-blob.svelte-1xpk8hm {
		width: 2.5rem;
		height: 2.5rem;
		border-radius: 8px;
		background: linear-gradient(58deg, var(--start-color), var(--end-color));
		border: none;
		padding: 0;
		pointer-events: all;
	}

	.color-blob.svelte-1xpk8hm:hover {
		cursor: pointer;
	}

	.color-blob.selected.svelte-1xpk8hm {
		outline: 1px solid #000;
		outline-offset: 3px;
	}

	.overlay.svelte-1kpcgan {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		pointer-events: auto;
		display: flex;
		justify-content: center;
		align-items: end;

		pointer-events: none;
	}

	.main-top-container.svelte-1kpcgan {
		position: fixed;
		top: 1.5rem;
		left: 50%;

		transform: translateX(-50%);

		animation: svelte-1kpcgan-slideInFromTop var(--slide-in-duration) ease backwards;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		gap: 1.25rem;
	}
	.body-adjustments-container.svelte-1kpcgan {
		background-color: #f7f7f7;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		gap: 1rem;
		padding: 0.75rem;
	}

	.overlay.hiding.svelte-1kpcgan .body-adjustments-container:where(.svelte-1kpcgan) {
		animation: svelte-1kpcgan-slideOutToTop var(--slide-out-duration) ease forwards;
	}

	.buttons-container.svelte-1kpcgan {
		display: flex;
		gap: 2rem;
		padding: 3rem;
	}

	.buttons-container.svelte-1kpcgan .action-button:where(.svelte-1kpcgan) {
		animation: svelte-1kpcgan-slideInFromBottom var(--slide-in-duration) ease backwards;
	}

	.buttons-container.svelte-1kpcgan .action-button:where(.svelte-1kpcgan):nth-child(1) {
		animation-delay: 0ms;
	}

	.buttons-container.svelte-1kpcgan .action-button:where(.svelte-1kpcgan):nth-child(2) {
		animation-delay: 100ms;
	}

	.overlay.hiding.svelte-1kpcgan .buttons-container:where(.svelte-1kpcgan) .action-button:where(.svelte-1kpcgan) {
		animation: svelte-1kpcgan-slideOutToBottom var(--slide-out-duration) ease forwards;
		animation-delay: 0ms;
	}

	/* add breakpoints */
	.switch-rows.svelte-1kpcgan {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 50%;
		height: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}

	.switch-row.svelte-1kpcgan {
		flex: 1;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.switch-row-inner.svelte-1kpcgan {
		display: flex;
		align-items: center;
		justify-content: space-between;
		pointer-events: none;
	}

	.switch-row-inner--full.svelte-1kpcgan {
		width: 80%;
	}

	.switch-row-inner--narrow.svelte-1kpcgan {
		width: 100%;
	}

	.switch-arrow.svelte-1kpcgan {
		pointer-events: all;
		animation-duration: var(--slide-in-duration);
		animation-timing-function: ease;
		animation-fill-mode: backwards;
		animation-delay: var(--delay, 0ms);
	}

	.switch-arrow--prev.svelte-1kpcgan {
		transform: rotate(180deg);
		animation-name: svelte-1kpcgan-slideInFromLeftSimple;
	}

	.switch-arrow--next.svelte-1kpcgan {
		animation-name: svelte-1kpcgan-slideInFromRightSimple;
	}

	.overlay.hiding.svelte-1kpcgan .switch-arrow--prev:where(.svelte-1kpcgan) {
		animation-name: svelte-1kpcgan-slideOutToLeftSimple;
		animation-duration: var(--slide-out-duration);
		animation-fill-mode: forwards;
		animation-delay: 0ms;
	}

	.overlay.hiding.svelte-1kpcgan .switch-arrow--next:where(.svelte-1kpcgan) {
		animation-name: svelte-1kpcgan-slideOutToRightSimple;
		animation-duration: var(--slide-out-duration);
		animation-fill-mode: forwards;
		animation-delay: 0ms;
	}

	@keyframes svelte-1kpcgan-slideInFromBottom {
		from {
			transform: translateY(200%);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes svelte-1kpcgan-slideInFromLeft {
		from {
			transform: translateX(-200%) rotate(180deg);
			opacity: 0;
		}
		to {
			transform: translateX(0) rotate(180deg);
			opacity: 1;
		}
	}

	@keyframes svelte-1kpcgan-slideInFromRight {
		from {
			transform: translateX(200%);
			opacity: 0;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes svelte-1kpcgan-slideOutToBottom {
		from {
			transform: translateY(0);
			opacity: 1;
		}
		to {
			transform: translateY(200%);
			opacity: 0;
		}
	}

	@keyframes svelte-1kpcgan-slideOutToLeft {
		from {
			transform: translateX(0) rotate(180deg);
			opacity: 1;
		}
		to {
			transform: translateX(-200%) rotate(180deg);
			opacity: 0;
		}
	}

	@keyframes svelte-1kpcgan-slideOutToRight {
		from {
			transform: translateX(0);
			opacity: 1;
		}
		to {
			transform: translateX(200%);
			opacity: 0;
		}
	}

	@keyframes svelte-1kpcgan-slideInFromLeftSimple {
		from {
			transform: translateX(-200%) rotate(180deg);
			opacity: 0;
		}
		to {
			transform: translateX(0) rotate(180deg);
			opacity: 1;
		}
	}

	@keyframes svelte-1kpcgan-slideInFromRightSimple {
		from {
			transform: translateX(200%);
			opacity: 0;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes svelte-1kpcgan-slideOutToLeftSimple {
		from {
			transform: translateX(0) rotate(180deg);
			opacity: 1;
		}
		to {
			transform: translateX(-200%) rotate(180deg);
			opacity: 0;
		}
	}

	@keyframes svelte-1kpcgan-slideOutToRightSimple {
		from {
			transform: translateX(0);
			opacity: 1;
		}
		to {
			transform: translateX(200%);
			opacity: 0;
		}
	}

	@keyframes svelte-1kpcgan-slideInFromTop {
		from {
			transform: translateX(-50%) translateY(-200%);
			opacity: 0;
		}
		to {
			transform: translateX(-50%) translateY(0);
			opacity: 1;
		}
	}

	@keyframes svelte-1kpcgan-slideOutToTop {
		from {
			transform: translateX(-50%) translateY(0);
			opacity: 1;
		}
		to {
			transform: translateX(-50%) translateY(-200%);
			opacity: 0;
		}
	}

	@media (max-width: 850px) {
		.switch-rows.svelte-1kpcgan {
			width: 70%;
		}
	}

	.screen.svelte-2351mz {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 1rem;
		overflow: hidden;
		display: flex;
		align-items: end;
		justify-content: center;
		pointer-events: all;
	}

	.image-container.svelte-2351mz {
		width: 100%;
		height: 100%;
		background-image: url("/map.webp");
		background-repeat: no-repeat;
		cursor: grab;
		touch-action: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.image-container.dragging.svelte-2351mz {
		cursor: grabbing;
	}

	.map-pin.svelte-2351mz {
		position: absolute;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		transform: translate(-50%, -100%);
		pointer-events: auto;
		cursor: pointer;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		border: none;
		background: transparent;
		padding: 0;
		font: inherit;
		filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4));
	}

	.player-marker.svelte-2351mz {
		position: absolute;
		z-index: 0;
		transform: translate(-50%, -100%);
		pointer-events: none;

		width: auto;
		height: 3rem;
	}

	.pin-icon.svelte-2351mz {
		display: block;
		width: 2.5rem; /* visual size of the pin */
		/* height: 33px; */
	}

	.pin-icon.svelte-2351mz svg,
	.player-marker.svelte-2351mz svg {
		display: block;
		width: 100%;
		height: 100%;

		overflow: visible;
	}

	.quest-pin.svelte-2351mz .pin-icon:where(.svelte-2351mz) {
		width: 4rem;
	}

	.pin-label.svelte-2351mz {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 4px;
		white-space: nowrap;
		font-size: 11px;
		font-weight: 600;
		color: #1f2937;
		background: rgba(255, 255, 255, 0.9);
		padding: 2px 6px;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}

	@media (max-width: 640px) {
		.screen.svelte-2351mz {
			border-radius: 0;
		}
	}

	.quest.svelte-xgi3po {
		width: 100%;
		height: 10rem;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2rem;
		background-color: white;
		border-radius: 1.5rem;
		box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
	}

	.icon.svelte-xgi3po {
		width: 6rem;
		height: 6rem;
		background-color: var(--color-emerald-800);
		border-radius: 1rem;
		margin-left: -3rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.icon.svelte-xgi3po img:where(.svelte-xgi3po) {
		width: 4rem;
		height: 4rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	.text.svelte-xgi3po {
		flex: 1;
		color: var(--color-emerald-800);
		display: flex;
		align-items: start;
		justify-content: center;
		flex-direction: column;
		text-align: start;
		background-color: transparent;
		gap: 1rem;
	}

	.mobile.svelte-xgi3po {
        align-items: center;
	}

	h1.svelte-xgi3po {
		font-size: 1.5rem;
		font-weight: bolder;
	}

	h2.svelte-xgi3po {
		font-size: medium;
		font-weight: 500;
	}

    .quest.svelte-11h8ozo {
        width: 100%;
        height: 5rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 1.25rem;
        background-color: white;
        border-radius: 1.5rem;
        padding: 1.5rem;
    }

    .icon.svelte-11h8ozo {
        width: 3rem;
        height: 3rem;
        background-color: var(--color-electric-300);
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon.svelte-11h8ozo img:where(.svelte-11h8ozo) {
        width: 1rem;
        height: 1rem;
        -o-object-fit: contain;
           object-fit: contain;
    }

    @media (max-width: 640px) {
        .quest.svelte-11h8ozo {
            padding: 0.5rem;
            gap: 1rem;
            border-radius: 1rem;
        }
    }

    .quest.svelte-1lln6zg {
        width: 100%;
        height: 4.5rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem;
        background-color: white;
        border-radius: 1rem;
        padding: 1rem;
    }

    .text.svelte-1lln6zg {
        flex: 1;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        text-align: start;
        background-color: transparent;
        gap: 1rem;
    }

    h1.svelte-1lln6zg {
        font-size: 1rem;
        font-weight: bold;
        color: var(--color-chrome-300);
    }

	img.svelte-1hgh70u {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		background-image: linear-gradient(
			to right,
			var(--color-chrome-0) 0%,
			var(--color-electric-50) 10%,
			var(--color-electric-50) 90%,
			var(--color-chrome-0) 100%
		);
		border-radius: 1rem;
		z-index: 1;
	}

	.screen.svelte-1hgh70u {
		position: relative;
		width: 100%;
		height: 100%;
		pointer-events: all;
		overflow: hidden;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: start;
		flex-direction: column;
		padding: 2rem;
	}

	.header.svelte-1hgh70u {
		width: 100%;
		height: 8rem;
		z-index: 2;
		color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.blur.svelte-1hgh70u {
		width: 100%;
		height: 20%;
		position: absolute;
		left: 0;
		bottom: 0;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		mask-image: linear-gradient(
			to top,
			rgba(0, 0, 0, 1) 40%,
			rgba(0, 0, 0, 0) 100%
		);
		-webkit-mask-image: linear-gradient(
			to top,
			rgba(0, 0, 0, 1) 40%,
			rgba(0, 0, 0, 0) 100%
		);
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
		pointer-events: none;
		z-index: 3;
	}

	.scroll-area.svelte-1hgh70u {
		width: 100%;
		height: 100%;
		z-index: 2;
		display: flex;
		flex-direction: row;
		gap: 0.5rem;
		overflow: hidden;
	}

	.scroll.svelte-1hgh70u {
		flex: 1;
		height: 100%;
		color: black;
		display: flex;
		padding-left: 7rem;
		padding-right: 2rem;
		padding-top: 5rem;
		padding-bottom: 8rem;
		overflow-y: scroll;
		overflow-x: hidden;
		flex-direction: column;
		align-items: start;
		justify-content: start;
		gap: 2rem;
		scrollbar-width: none;
	}

	.scroll.svelte-1hgh70u::-webkit-scrollbar {
		display: none;
	}

	.quest-item.svelte-1hgh70u {
		width: 100%;
		transition: transform 0.12s linear;
		will-change: transform;
	}

	/* Custom scrollbar */
	.scrollbar-track.svelte-1hgh70u {
		width: 6px;
		flex-shrink: 0;
		margin-top: 5rem;
		margin-bottom: 8rem;
		margin-right: 1rem;
		background: rgba(0, 0, 0, 0.08);
		border-radius: 3px;
		position: relative;
		cursor: pointer;
	}

	.scrollbar-thumb.svelte-1hgh70u {
		position: absolute;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.28);
		border-radius: 3px;
		cursor: grab;
		transition: background 0.15s ease;
		min-height: 32px;
	}
 
	.scrollbar-thumb.svelte-1hgh70u:hover {
		background: rgba(0, 0, 0, 0.45);
	}

	.scrollbar-thumb.svelte-1hgh70u:active {
		cursor: grabbing;
		background: rgba(0, 0, 0, 0.55);
	}

	/* (unused) h1 {
		color: var(--color-chrome-900);
		font-size: 2.5rem;
		font-weight: bolder;
	}*/

	@media (max-width: 640px) {
		.scroll.svelte-1hgh70u {
			padding-left: 0;
			padding-right: 0;
			padding-top: 0;
			padding-bottom: 0;
		}

		.screen.svelte-1hgh70u {
			border-radius: 0;
			padding-top: 0rem;
		}

		img.svelte-1hgh70u {
			border-radius: 0;
		}
	}

    .location.svelte-16jwodu {
        width: 100%;
        height: 7rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2rem;
        background-color: white;
        border-radius: 1.5rem;
        transition: all 0.3s ease;
    }

    .location.svelte-16jwodu:hover {
        cursor: pointer;
        box-shadow: 0 0 15px 10px rgba(120, 250, 174, 0.3);
    }

    .icon.svelte-16jwodu {
        width: 5rem;
        height: 5rem;
        background-color: var(--color-emerald-800);
        border-radius: 1rem;
        margin-left: -3rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .text.svelte-16jwodu {
        flex: 1;
        color: var(--color-emerald-800);
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        background-color: transparent;
    }

    h1.svelte-16jwodu {
        font-size: 1.5rem;
        font-weight: bolder;
    }

    h2.svelte-16jwodu {
        font-size: medium;
        font-weight: 500;
    }

    /* (unused) button {
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
    }*/

	.location.svelte-1d1rc1c {
		width: 100%;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 1rem;
		padding: 1.5rem 1rem;
		background-color: white;
		border-radius: 1.5rem;
		transition: all 0.3s ease;
	}

	.location.svelte-1d1rc1c:hover {
		cursor: pointer;
		box-shadow: 0 0 15px 10px rgba(120, 250, 174, 0.3);
	}

	.icon.svelte-1d1rc1c {
		width: 4rem;
		height: 4rem;
		background-color: var(--color-emerald-800);
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.text.svelte-1d1rc1c {
		color: var(--color-emerald-800);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0.25rem;
	}

	img.svelte-bgg323 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		background-image: linear-gradient(
			to right,
			var(--color-chrome-0) 0%,
			var(--color-electric-50) 10%,
			var(--color-electric-50) 90%,
			var(--color-chrome-0) 100%
		);
		border-radius: 1rem;
		z-index: 1;
	}

	.screen.svelte-bgg323 {
		position: relative;
		width: 100%;
		height: 100%;
		pointer-events: all;
		overflow: hidden;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: start;
		flex-direction: column;
		padding: 2rem;
	}

	.header.svelte-bgg323 {
		width: 100%;
		height: 8rem;
		z-index: 2;
		color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}

	.blur.svelte-bgg323 {
		width: 100%;
		height: 20%;
		position: absolute;
		left: 0;
		bottom: 0;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		mask-image: linear-gradient(
			to top,
			rgba(0, 0, 0, 1) 40%,
			rgba(0, 0, 0, 0) 100%
		);
		-webkit-mask-image: linear-gradient(
			to top,
			rgba(0, 0, 0, 1) 40%,
			rgba(0, 0, 0, 0) 100%
		);
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
		pointer-events: none;
		z-index: 3;
	}

	.scroll-area.svelte-bgg323 {
		width: 100%;
		height: 100%;
		z-index: 2;
		display: flex;
		flex-direction: row;
		gap: 0.5rem;
		overflow: hidden;
	}

	.scroll.svelte-bgg323 {
		flex: 1;
		height: 100%;
		color: black;
		display: flex;
		padding-left: 7rem;
		padding-right: 2rem;
		padding-top: 5rem;
		padding-bottom: 8rem;
		overflow-y: scroll;
		overflow-x: hidden;
		flex-direction: column;
		align-items: start;
		justify-content: start;
		gap: 2rem;
		scrollbar-width: none;
	}

	.scroll.svelte-bgg323::-webkit-scrollbar {
		display: none;
	}

	.location-item.svelte-bgg323 {
		width: 100%;
		transition: transform 0.12s linear;
		will-change: transform;
	}

	/* Custom scrollbar */
	.scrollbar-track.svelte-bgg323 {
		width: 6px;
		flex-shrink: 0;
		margin-top: 5rem;
		margin-bottom: 8rem;
		margin-right: 1rem;
		background: rgba(0, 0, 0, 0.08);
		border-radius: 3px;
		position: relative;
		cursor: pointer;
	}

	.scrollbar-thumb.svelte-bgg323 {
		position: absolute;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.28);
		border-radius: 3px;
		cursor: grab;
		transition: background 0.15s ease;
		min-height: 32px;
	}

	.scrollbar-thumb.svelte-bgg323:hover {
		background: rgba(0, 0, 0, 0.45);
	}

	.scrollbar-thumb.svelte-bgg323:active {
		cursor: grabbing;
		background: rgba(0, 0, 0, 0.55);
	}

	@media (max-width: 640px) {
		.scroll.svelte-bgg323 {
			padding-left: 1rem;
			padding-right: 1rem;
			padding-top: 1rem;
			padding-bottom: 5rem;
		}

		.screen.svelte-bgg323 {
			border-radius: 0;
			padding: 1rem;
			padding-top: 0;
		}

		img.svelte-bgg323 {
			border-radius: 0;
		}
	}

	.partner.svelte-vk8dja {
		position: relative;
		width: 100%;
		height: 11rem;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2rem;
		background-color: white;
		border-radius: 1.5rem;
	}

	.icon.svelte-vk8dja {
		width: 6rem;
		height: 6rem;
		background-color: var(--color-chrome-200);
		border-radius: 1rem;
		margin-left: -3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.75rem;
	}

	.text.svelte-vk8dja {
		flex: 1;
		color: var(--color-emerald-800);
		display: flex;
		align-items: start;
		justify-content: center;
		flex-direction: column;
		text-align: start;
		background-color: transparent;
		gap: 1rem;
	}

	.website.svelte-vk8dja {
		width: 6rem;
		height: 2rem;
		position: absolute;
		right: 1rem;
		top: 1rem;
		background-color: var(--color-emerald-800);
		color: var(--color-electric-300);
		border-radius: 0.25rem;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.5rem;
		font-style: bolder;
	}

	h1.svelte-vk8dja {
		font-size: 1.5rem;
		font-weight: bolder;
	}

	h2.svelte-vk8dja {
		font-size: medium;
		font-weight: 500;
	}

	img.svelte-crsc0z {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		background-image: linear-gradient(
			to right,
			var(--color-chrome-0) 0%,
			var(--color-electric-50) 10%,
			var(--color-electric-50) 90%,
			var(--color-chrome-0) 100%
		);
		border-radius: 1rem;
		z-index: 1;
	}

	.screen.svelte-crsc0z {
		position: relative;
		width: 100%;
		height: 100%;
		pointer-events: all;
		overflow: hidden;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: start;
		flex-direction: column;
		padding: 2rem;
	}

	.header.svelte-crsc0z {
		width: 100%;
		height: 8rem;
		z-index: 2;
		color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.scroll.svelte-crsc0z {
		width: 100%;
		height: 100%;
		z-index: 2;
		color: black;
		display: flex;
		padding-left: 7rem;
		padding-right: 7rem;
		padding-top: 5rem;
		padding-bottom: 8rem;
		overflow: scroll;
		display: flex;
		align-items: start;
		justify-content: start;
		flex-direction: column;
		gap: 2rem;
	}

	/* (unused) h1 {
		color: var(--color-chrome-900);
		font-size: 2.5rem;
		font-weight: bolder;
	}*/

	/* (unused) h2 {
		font-weight: normal;
		font-size: larger;
	}*/

	@media (max-width: 640px) {
		.screen.svelte-crsc0z {
			border-radius: 0;
		}

		img.svelte-crsc0z {
			border-radius: 0;
		}
	}

	.achievement.svelte-wq7z1e {
		width: 7rem;
		height: 7rem;
		position: relative;
		display: flex;
		align-items: end;
		justify-content: center;
	}

	.icon-container.svelte-wq7z1e {
		width: 5rem;
		height: 5rem;
		position: absolute;
		left: 50%;
		top: 0%;
		transform: translate(-50%);
		background-color: var(--color-chrome-200);
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}

	.icon-container.svelte-wq7z1e img:where(.svelte-wq7z1e) {
		width: 4rem;
		height: 4rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	.name.svelte-wq7z1e {
		width: 100%;
		height: 45%;
		border-radius: 0.5rem;
		font-size: 1rem;
		font-weight: bolder;
		background-color: var(--color-chrome-300);
		z-index: 1;
		display: flex;
		align-items: end;
		justify-content: center;
		padding-bottom: 0.5rem;
	}

	.achievement.svelte-rf4ggv {
		width: 7rem;
		height: 7rem;
		position: relative;
		display: flex;
		align-items: end;
		justify-content: center;
	}

	.icon-container.svelte-rf4ggv {
		width: 5rem;
		height: 5rem;
		position: absolute;
		left: 50%;
		top: 0%;
		transform: translate(-50%);
		background-color: white;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}

	.icon-container.svelte-rf4ggv img:where(.svelte-rf4ggv) {
		width: 4rem;
		height: 4rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	.name.svelte-rf4ggv {
		width: 100%;
		height: 45%;
		border-radius: 0.5rem;
		font-size: 1rem;
		font-weight: bolder;
		color: var(--color-electric-300);
		background-color: var(--color-emerald-800);
		z-index: 1;
		display: flex;
		align-items: end;
		justify-content: center;
		padding-bottom: 0.5rem;
	}

	.screen.svelte-ut8i8p > img:where(.svelte-ut8i8p) {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		background-image: linear-gradient(to right, var(--color-chrome-0) 0%, var(--color-electric-50) 10%, var(--color-electric-50) 90%, var(--color-chrome-0) 100%);
		border-radius: 1rem;
		z-index: 1;
	}

	.screen.svelte-ut8i8p {
		position: relative;
		width: 100%;
		height: 100%;
		pointer-events: all;
		overflow: hidden;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: start;
		flex-direction: column;
		padding: 2rem;
	}

	.header.svelte-ut8i8p {
		width: 100%;
		height: 8rem;
		z-index: 2;
		color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}

	.scroll.svelte-ut8i8p {
		width: 100%;
		height: 100%;
		z-index: 2;
		color: black;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
		justify-items: center;
		align-content: start;
		padding: 5rem 4rem 8rem;
		overflow-y: scroll;
		gap: 1.5rem;
		scrollbar-width: none;
	}

	.scroll.svelte-ut8i8p::-webkit-scrollbar {
		display: none;
	}

	@media (max-width: 640px) {
		.screen.svelte-ut8i8p {
			border-radius: 0;
			padding: 1rem;
			padding-top: 0;
		}

		.screen.svelte-ut8i8p > img:where(.svelte-ut8i8p) {
			border-radius: 0;
		}

		.scroll.svelte-ut8i8p {
			padding: 1rem 0.5rem 5rem;
			gap: 1rem;
			grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
		}
	}

	button.svelte-5t5jxi {
        padding: 1rem;
		background: transparent;
		border: none;
		cursor: pointer;
		border-radius: 0.75rem;
		transition: background-color 0.2s;
		display: flex;
		align-items: center;
		justify-content: center;
        pointer-events: all;
        outline: none;
	}

	button.svelte-5t5jxi:hover {
        cursor: pointer;
	}

	button.svelte-5t5jxi:hover .icon:where(.svelte-5t5jxi) svg {
		transform: scale(0.9);
	}

	button.active.svelte-5t5jxi {
		background-color: var(--color-chrome-200);
	}

	.icon.svelte-5t5jxi {
		width: 2rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.icon.svelte-5t5jxi svg {
		width: 2rem;
		height: 2rem;
        transition: all 0.15s ease;
	}

	@media (max-width: 600px) {
		.icon.svelte-5t5jxi {
			width: 1.5rem;
			height: 1.5rem;
		}

		button.svelte-5t5jxi {
			padding: 0.75rem;
		}
	}

	.navbar.svelte-htw572 {
		padding: 0.5rem;
		gap: 2rem;
		background-color: white;
		border-radius: 1rem;
		position: fixed;
		left: 50%;
		bottom: 3rem;
		transform: translate(-50%, 0);
		display: flex;
		align-items: center;
		justify-self: center;
		justify-content: space-between;
		z-index: 99;
		box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.198);
	}

	@media (max-width: 375px) {
		.navbar.svelte-htw572 {
			gap: 0;
		}
	}

	.close-button.svelte-pqbdmk {
		padding: 1rem;
		border-radius: 0.75rem;
		border: none;

		background-color: var(--color-chrome-0);
		cursor: pointer;
		z-index: 10;

		display: flex;
		align-items: center;
		justify-content: center;
		
		box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
	}
	
	.icon-wrapper.svelte-pqbdmk {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
		transition: all 0.2s;
		color: var(--color-emerald-800);
	}

 	.icon-wrapper.svelte-pqbdmk:hover {
		transform: rotate(90deg) scale(1.1);
	}

	.navbar.svelte-14q55ag {
		background-color: var(--color-electric-300);
		border-radius: 1rem;
		position: fixed;
		left: 50%;
		bottom: 3rem;
		transform: translate(-50%, 0);
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: 99;
		box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.198);
		padding-right: 1rem;
	}

	.navbar-inner.svelte-14q55ag {
		background-color: var(--color-chrome-0);
		width: 90%;
		height: 100%;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0.8rem;
		padding-right: 0.8rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		gap: 0.1rem;
	}

	.close-button.svelte-14q55ag {
		background-color: transparent;
		border: none;
		-o-object-fit: contain;
		   object-fit: contain;
		display: flex;
		align-items: center;
		justify-content: center;
	}

    .partner.svelte-ez0cgk {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--color-chrome-0);
        border-radius: 1.5rem;
        gap: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .icon-wrapper.svelte-ez0cgk {
        padding: 1rem;
        background-color: var(--color-chrome-200);
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .text-wrapper.svelte-ez0cgk {
        flex: 1;
        color: var(--color-emerald-800);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.5rem;
    }

    .website.svelte-ez0cgk {
        background-color: var(--color-emerald-800);
        color: var(--color-electric-300);
        border-radius: 0.25rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem;
        font-style: bolder;
    }

	img.svelte-1x5p3i9 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		background-image: linear-gradient(
			to right,
			var(--color-chrome-0) 0%,
			var(--color-electric-50) 10%,
			var(--color-electric-50) 90%,
			var(--color-chrome-0) 100%
		);
		border-radius: 1rem;
		z-index: 1;
	}

	.screen.svelte-1x5p3i9 {
		position: relative;
		width: 100%;
		height: 100%;
		pointer-events: all;
		overflow: hidden;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: start;
		flex-direction: column;
		padding: 2rem;
		padding-top: 3rem;
		gap: 2rem;
	}

	.text-wrapper.svelte-1x5p3i9 {
		color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		z-index: 1;
		gap: 1rem;
	}

	/* outer clips the overflow */
	.carousel.svelte-1x5p3i9 {
		width: 100%;
		overflow: hidden;
		z-index: 1;
	}

	/* inner is the scrollable snap track */
	.track.svelte-1x5p3i9 {
		display: flex;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.track.svelte-1x5p3i9::-webkit-scrollbar {
		display: none;
	}

	.slide.svelte-1x5p3i9 {
		flex-shrink: 0;
		width: 100%;
		scroll-snap-align: start;
	}

	.carousel-buttons-container.svelte-1x5p3i9 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		z-index: 1;
	}

	.carousel-button.svelte-1x5p3i9 {
		width: 1.5rem;
		height: 0.75rem;
		border-radius: 0.25rem;
		background-color: var(--color-chrome-300);
		border: none;
		cursor: pointer;
		transition:
			background-color 0.2s,
			width 0.2s;
	}

	.carousel-button.active.svelte-1x5p3i9 {
		background-color: var(--color-emerald-800);
		width: 2.5rem;
	}

	@media (max-width: 640px) {
		.screen.svelte-1x5p3i9 {
			border-radius: 0;
			padding: 1.25rem;
			padding-top: 2rem;
		}
		img.svelte-1x5p3i9 {
			border-radius: 0;
		}
	}

	.homeScreen.svelte-1i5h5g5 {
		width: 100%;
		height: 100%;
	}

	.screen-frame.svelte-1i5h5g5 {
		width: 100%;
		height: 100%;
		border-radius: 2rem;
	}

	.overlay.svelte-1wbhnoo {
		position: absolute;
		inset: 0;
		z-index: 2000;
		border-radius: 1rem;
		background: rgba(232, 255, 241, 0.55);
		backdrop-filter: blur(10px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dialog.svelte-1wbhnoo {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3rem;
		padding: 4rem;
		text-align: center;
		background-color: var(--color-chrome-0);
		border-radius: 1rem;
		box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	}

	.content.svelte-1wbhnoo {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.title.svelte-1wbhnoo {
		font-size: 2rem;
		font-weight: bold;
		color: #111;
		margin: 0;
	}

	.description.svelte-1wbhnoo {
		font-size: 1rem;
		color: #444;
		margin: 0;
	}

	.buttons.svelte-1wbhnoo {
		display: flex;
		flex-direction: row;
		gap: 1rem;
		flex-wrap: wrap;
		justify-content: center;
	}

	.btn.svelte-1wbhnoo {
		padding: 1rem 2.125rem;
		border: none;
		border-radius: 0.75rem;
		font-size: large;
		font-weight: bold;
		cursor: pointer;
		outline: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		transition: opacity 0.15s;
	}

	.btn.svelte-1wbhnoo:hover {
		opacity: 0.85;
	}

	.btn-continue.svelte-1wbhnoo {
		background-color: var(--color-electric-300);
		color: #111;
	}

	.btn-close.svelte-1wbhnoo {
		background-color: #e8e8e8;
		color: #333;
	}

	@media (max-width: 640px) {
		.overlay.svelte-1wbhnoo {
			border-radius: 0;
		}

		.dialog.svelte-1wbhnoo {
			padding: 2rem;
			gap: 2rem;
		}

		.title.svelte-1wbhnoo {
			font-size: 1.5rem;
		}

		.buttons.svelte-1wbhnoo {
			flex-direction: column;
			width: 100%;
		}

		.btn.svelte-1wbhnoo {
			width: 100%;
		}
	}

	.formScreen.svelte-t7kli8 {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 1rem;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.tablet-overlay.svelte-1yyprwx {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: all;
		border: none;
		background-color: transparent;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		z-index: 1000;
		outline: none;
		backdrop-filter: blur(8px);
	}

	.close-button-wrapper.svelte-1yyprwx {
		position: absolute;
		top: 3rem;
		right: 3rem;
		z-index: 10;
		color: var(--color-emerald-800);
	}

	.tablet-container.svelte-1yyprwx {
		position: relative;
		width: 100%;
		height: 100%;
		transform-origin: 120% 120%;
	}

	.tablet-sizer.svelte-1yyprwx {
		position: absolute;
		width: min(100vw, calc(85vh * 3 / 2));
		aspect-ratio: 3/2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.tablet.svelte-1yyprwx {
		position: relative;
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		background-color: var(--color-chrome-900);
		z-index: 2;
		border-radius: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1.5rem;
	}

	.forearm.svelte-1yyprwx {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		pointer-events: none;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}

	.forearm.svelte-1yyprwx svg {
		width: auto;
		height: auto;
		-o-object-fit: contain;
		   object-fit: contain;
		transform: translate(10rem, 5.5rem);
	}

	.thumb.svelte-1yyprwx {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		pointer-events: none;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}

	.thumb.svelte-1yyprwx svg {
		width: 12rem;
		height: auto;
		-o-object-fit: contain;
		   object-fit: contain;
		transform: translate(7.1rem, -1rem);
	}

	@media (max-width: 640px) {
		.tablet-sizer.svelte-1yyprwx {
			transform: none;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}

		.tablet.svelte-1yyprwx {
			padding: 0;
		}

		.forearm.svelte-1yyprwx {
			display: none;
		}

		.thumb.svelte-1yyprwx {
			display: none;
		}
	}

	.paused-overlay.svelte-nzatd6 {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 500;
		display: flex;
		align-items: center;
		justify-content: center;
		backdrop-filter: blur(0px);
		animation: svelte-nzatd6-blurIn 200ms ease forwards;
		pointer-events: auto;
	}

	@keyframes svelte-nzatd6-blurIn {
		from {
			backdrop-filter: blur(0px);
		}
		to {
			backdrop-filter: blur(8px);
		}
	}

	.paused-container.svelte-nzatd6 {
		background-color: var(--color-emerald-800);
		padding: 4rem 7rem;
		border-radius: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		/* animation: fadeInScale 300ms ease backwards; */
		animation-delay: 100ms;
	}

	@keyframes svelte-nzatd6-fadeInScale {
		from {
			opacity: 0;
			transform: scale(0.9);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}

	.inner.svelte-nzatd6 {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 2rem;
		max-width: 16rem;
		width: 100%;
	}

	.logo-wrapper.svelte-nzatd6 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.logo-wrapper.svelte-nzatd6 svg {
		width: 100%;
		height: auto;
	}

	.buttons-container.svelte-nzatd6 {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.paused-screen-button.svelte-nzatd6 {
		width: 100%;
		background-color: var(--color-chrome-0);
		color: #000000;
		border: none;
		padding: 0.5rem;
		font-size: 1.25rem;
		font-weight: 700;
		border-radius: 0.5rem;
		cursor: pointer;
		transition:
			transform 150ms ease,
			filter 150ms ease;
		pointer-events: auto;
	}

	.paused-screen-button.svelte-nzatd6:hover {
		transform: scale(1.05);
		filter: brightness(1.1);
	}

	.paused-screen-button.svelte-nzatd6:active {
		transform: scale(0.98);
		filter: brightness(0.95);
	}

	.lang-container.svelte-nzatd6 {
		display: flex;
		justify-content: center;
		gap: 1rem;
	}

	.lang-button.svelte-nzatd6 {
		background: none;
		border: none;
		color: var(--color-chrome-0);
		font-size: 0.9rem;
		font-weight: 600;
		cursor: pointer;
		opacity: 0.35;
		transition: opacity 150ms ease;
		padding: 0.25rem 0.5rem;
		outline: none;
	}

	.lang-button.svelte-nzatd6:hover {
		opacity: 0.7;
	}

	.lang-button.active.svelte-nzatd6 {
		opacity: 1;
	}

	@media (max-width: 640px) {
		.paused-container.svelte-nzatd6 {
			padding: 2rem 3rem;
		}

		.lang-button.svelte-nzatd6 {
			font-size: 1.5rem;
		}
	}

	.category.svelte-1do18wh {
		height: 2.5rem;
		background-color: var(--color-chrome-0);
		border-radius: 0.75rem;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 3rem;
		color: black;
		font-weight: normal;
		font-size: medium;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.wrapper.svelte-1do18wh {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.25rem;
	}

	.category.rerender.svelte-1do18wh {
		animation: svelte-1do18wh-pulse var(--PULSE_DURATION) ease-in-out;
	}

	.icon.svelte-1do18wh {
		width: 2rem;
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	@keyframes svelte-1do18wh-pulse {
		0% {
			transform: scale(1);
		}
		70% {
			transform: scale(1.1);
		}
		100% {
			transform: scale(1);
		}
	}

	@media (max-width: 640px) {
		.category.svelte-1do18wh {
			gap: 1rem;
		}
	}

	.odometer.svelte-1s8slgy {
		display: inline-flex;
		gap: var(--digit-gap);
		position: relative;
	}

	.digit-container.svelte-1s8slgy {
		position: relative;
		width: var(--digit-width);
		height: var(--digit-height);
		overflow: hidden;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.digit.svelte-1s8slgy {
		position: absolute;
		font-variant-numeric: tabular-nums;
		display: inline-block;
		transition-timing-function: var(--easing);
	}

	.digit.static.svelte-1s8slgy {
		position: relative;
		opacity: 1;
	}

	.digit.previous.svelte-1s8slgy {
		animation: svelte-1s8slgy-slideOut var(--animation-duration) var(--easing) forwards;
		animation-delay: var(--delay, 0ms);
	}

	.digit.current.svelte-1s8slgy {
		animation: svelte-1s8slgy-slideIn var(--animation-duration) var(--easing) forwards;
		animation-delay: var(--delay, 0ms);
	}

	@keyframes svelte-1s8slgy-slideOut {
		from {
			transform: translateY(0);
			opacity: 1;
		}
		to {
			transform: translateY(100%);
			opacity: 0;
		}
	}

	@keyframes svelte-1s8slgy-slideIn {
		from {
			transform: translateY(-100%);
			opacity: 0;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}

	.container.svelte-1t4u1i9 {
		width: auto;
		height: auto;
		display: inline-grid;
		grid-template-columns: minmax(0, max-content);
		align-items: start;
		justify-content: center;
		gap: 1.5rem;
		position: absolute;
		left: 2rem;
		top: 2rem;
	}

	.categories.svelte-1t4u1i9 {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		width: 100%;
	}

	.total.svelte-1t4u1i9 {
		height: 2.5rem;
		background-color: var(--color-chrome-0);
		border-radius: 0.75rem;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: black;
		padding-left: 1rem;
		padding-right: 1rem;
		gap: 7.5rem;
		width: 100%;
		box-sizing: border-box;
	}

	@media (max-width: 640px) {
		.container.svelte-1t4u1i9 {
			left: 0.5rem;
			top: 0.5rem;
			padding-top: 1.5rem;
		}

		.total.svelte-1t4u1i9 {
			gap: 5.5rem;
		}
	}

	.icon-placeholder.svelte-rrxuxx {
		width: 4rem;
		height: 4rem;
		padding: 1rem;
		border-radius: 0.5rem;
		background-color: var(--color-chrome-0);
		color: var(--color-emerald-800);
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
		display: flex;
		align-items: center;
		justify-content: center;
		-o-object-fit: contain;
		   object-fit: contain;
	}
	
	.animate.svelte-rrxuxx {
		animation: pop 0.5s ease-out;
	}

    .material-name-container.svelte-pex1l8 {
        padding: 1rem;
        border-radius: 0.5rem;
        background-color: var(--color-chrome-0);
        color: var(--color-emerald-800);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
    }

	.car-dismantle.svelte-1mr4if9 {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.status-wrapper.svelte-1mr4if9 {
		position: absolute;
		top: 1.5rem;
		left: 2rem;
		transform: none;
		display: flex;
		justify-content: center;
	}

	.icon-container.svelte-1mr4if9 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		gap: 1rem;
		position: absolute;
		top: 1.5rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.current-item.svelte-1mr4if9 {
		display: flex;
		align-items: center;
		gap: 0.75rem;
	}

	.current-item-label.svelte-1mr4if9 {
		padding: 0.75rem 1rem;
		border-radius: 0.5rem;
		background-color: var(--color-chrome-0);
		color: var(--color-emerald-800);
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
		white-space: nowrap;
	}
	
	.recycling.svelte-1lbt2rw {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.material-name-wrapper.svelte-1lbt2rw {
		position: absolute;
		top: 1.5rem;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: center;
	}

	.icons-container.svelte-1lbt2rw {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		gap: 1rem;
		position: absolute;
		top: 1.5rem;
		left: 2rem;
	}

	.container.svelte-1camh5x {
		width: auto;
		height: auto;
		display: inline-grid;
		grid-template-columns: minmax(0, max-content);
		align-items: start;
		justify-content: center;
		position: absolute;
		left: 2rem;
		top: 2rem;
	}

	.categories.svelte-1camh5x {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		width: 100%;
	}

	@media (max-width: 640px) {
		.container.svelte-1camh5x {
			left: 0.5rem;
			top: 0.5rem;
			padding-top: 1.5rem;
		}
	}

	.container.svelte-1ml99ph {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		pointer-events: none;
	}

	.text-center.svelte-xbptbd {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		height: 100%;
		line-height: 1.5;
		align-content: center;
		overflow: hidden;
	}

	.bubble.svelte-xbptbd {
		width: 29rem;
		height: 11rem;
		padding: 2rem;
		position: absolute;
		left: 50%;
		top: 4%;
		transform: translateX(-50%) scale(0);
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgb(255, 255, 255, 0.965);
		color: var(--color-emerald-800);
		border-radius: 1.5rem;
		/* box-shadow: 0 7px 17px 0 rgba(0, 0, 0, 0.15); */
		animation: svelte-xbptbd-bubbleMainIn 420ms cubic-bezier(0.2, 0.9, 0.3, 1.2) forwards;
		animation-delay: 780ms;
	}

	.bubble.svelte-xbptbd:hover {
		cursor: pointer;
	}

	.icon.svelte-xbptbd {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	.close.svelte-xbptbd {
		top: -0.5rem;
		right: -0.5rem;
		width: 3rem;
		height: 3rem;
		background-color: var(--color-electric-300);
		color: var(--color-emerald-800);
		border-radius: 0.5rem;
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
		border: none;
		padding: 0;
	}

	.arrow.svelte-xbptbd {
		bottom: 1rem;
		left: 50%;
		transform: translateX(-50%);
		width: 0.5rem;
		height: 0.5rem;
		opacity: 0;
	}

	.show.svelte-xbptbd {
		opacity: 1;
	}

	.char.svelte-xbptbd {
		display: inline-block;
		opacity: 0;
		white-space: pre;
		transform: translateY(10px);
	}

	.char.visible.svelte-xbptbd {
		animation: svelte-xbptbd-hop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	}

	.word.svelte-xbptbd {
		display: inline-block;
		white-space: nowrap;
		margin-right: 0.25em;
	}

	.bubble-trail.svelte-xbptbd {
		position: absolute;
		left: 50%;
		top: calc(4% + 11rem + 1rem);
		transform: translateX(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.6rem;
		pointer-events: none;
	}

	.trail.svelte-xbptbd {
		background-color: var(--color-chrome-0);
		border-radius: 1.25rem;
		/* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25); */
		transform: scale(0);
		animation: svelte-xbptbd-bubbleTrailIn 420ms cubic-bezier(0.2, 0.9, 0.3, 1.2) forwards;
	}

	.t1.svelte-xbptbd {
		width: 3.375rem;
		height: 1.25rem;
		animation-delay: 700ms;
		opacity: 0.9;
	}

	.t2.svelte-xbptbd {
		width: 2rem;
		height: 1.0625rem;
		animation-delay: 620ms;
		opacity: 0.8;
	}

	.t3.svelte-xbptbd {
		width: 1.3125rem;
		height: 0.75rem;
		animation-delay: 500ms;
		opacity: 0.7;
	}

	@keyframes svelte-xbptbd-bubbleMainIn {
		0% {
			transform: translateX(-50%) scale(0);
			opacity: 0;
		}
		60% {
			transform: translateX(-50%) scale(1.06);
			opacity: 1;
		}
		100% {
			transform: translateX(-50%) scale(1);
			opacity: 1;
		}
	}

	@keyframes svelte-xbptbd-bubbleTrailIn {
		0% {
			transform: scale(0);
		}
		60% {
			transform: scale(1.06);
		}
		100% {
			transform: scale(1);
		}
	}

	@keyframes svelte-xbptbd-hop {
		0% {
			opacity: 0;
			transform: translateY(7px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@media (max-width: 640px) {
		.bubble.svelte-xbptbd {
			width: 24rem;
		}
	}

	@media (max-width: 375px) {
		.bubble.svelte-xbptbd {
			width: 19rem;
			top: 1%;
		}

		.bubble-trail.svelte-xbptbd {
			top: calc(1% + 11rem + 1rem);
			gap: 0.4rem;
		}
	}

	.container.svelte-2p40pz {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		left: 50%;
		bottom: 5%;
		transform: translateX(-50%);
	}

	.default-choices-container.svelte-2p40pz {
		display: flex;
		gap: 0.5rem;
		width: auto;
		height: auto;
		align-items: center;
		justify-content: center;
		background-color: var(--color-chrome-0);
		padding: 1rem 2rem 2rem 2rem;
		color: black;
		align-items: center;
		display: flex;
		gap: 1rem;
		flex-direction: column;
		border-radius: 1rem;
	}

	.default-choices-buttons-container.svelte-2p40pz button:where(.svelte-2p40pz) {
		min-width: 10rem;
	}

	.default-choices-buttons-container.svelte-2p40pz {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.multiple-choices-container.svelte-2p40pz {
		display: flex;
		gap: 0.5rem;
		width: 100%;
		height: auto;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		padding: 1rem;
		background-color: var(--color-chrome-0);
		border-radius: 1.5rem;
	}

	.multiple-choice-button.svelte-2p40pz {
		width: 100%;
		border-radius: 0.75rem;
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
		background-color: var(--color-chrome-0);
	}

	.multiple-choice-button.svelte-2p40pz:hover {
		background-color: var(--color-electric-300);
	}

	button.svelte-2p40pz {
		border-radius: 0.75rem;
		border: none;
		padding: 0.25rem 1.5rem;
		color: var(--color-emerald-800);
		font-size: 1rem;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1em;
		color: var(--color-emerald-800);
		outline: none;
		white-space: nowrap;
		transition: all 0.2s ease;
	}

	button.svelte-2p40pz:hover {
		cursor: pointer;
	}

	.default-choices-buttons-container.svelte-2p40pz button:where(.svelte-2p40pz):nth-of-type(1) {
		background-color: #e9e9e9;
	}

	.default-choices-buttons-container.svelte-2p40pz button:where(.svelte-2p40pz):nth-of-type(1):hover {
		background-color: #d9d8d8;
	}

	.default-choices-buttons-container.svelte-2p40pz button:where(.svelte-2p40pz):nth-of-type(2) {
		background-color: var(--color-electric-300);
	}

	.default-choices-buttons-container.svelte-2p40pz button:where(.svelte-2p40pz):nth-of-type(2):hover {
		background-color: #6de39e;
	}

	@media (max-width: 640px) {
		.default-choices-container.svelte-2p40pz {
			padding: 1rem 0.5rem 1rem 0.5rem;
		}
	}

	.overlay.svelte-xoq2sk {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		outline: none;
	}

	.overlay.svelte-xoq2sk > div:where(.svelte-xoq2sk) {
		width: auto;
		height: auto;
		position: absolute;
		left: 50%;
		bottom: 5%;
		transform: translateX(-50%);
	}

	.testdrive-overlay.svelte-140svpj {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		pointer-events: none;
		z-index: 150;
		padding: 0.75rem;
		padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
		box-sizing: border-box;
		animation: svelte-140svpj-slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	}

	.testdrive-overlay.hiding.svelte-140svpj {
		animation: svelte-140svpj-slideDown 0.25s ease-in forwards;
	}

	@keyframes svelte-140svpj-slideUp {
		from {
			opacity: 0;
			transform: translateY(24px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@keyframes svelte-140svpj-slideDown {
		from {
			opacity: 1;
			transform: translateY(0);
		}
		to {
			opacity: 0;
			transform: translateY(24px);
		}
	}

	.controls-bar.svelte-140svpj {
		pointer-events: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
		padding: 1rem;
		border-radius: 2.5rem;
		background: rgba(255, 255, 255, 0.95);
		touch-action: none;
		box-sizing: border-box;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
	}

	.control-btn.svelte-140svpj {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 5rem;
		height: 5rem;
		border-radius: 1.5rem;
		border: none;
		background: var(--color-emerald-800);
		color: var(--color-electric-300);
		cursor: pointer;
		touch-action: none;
		overflow: hidden;
		transition:
			box-shadow 0.3s ease,
			color 0.25s ease,
			transform 0.12s ease;
		font-family: "SKODA Next", sans-serif;

		outline: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.control-btn.svelte-140svpj:disabled {
		cursor: default;
		opacity: 0.55;
	}

	.control-btn.svelte-140svpj:hover {
		color: var(--color-electric-700);
		box-shadow: 0 0 24px rgba(120, 250, 174, 0.2);
	}

	.control-btn.svelte-140svpj:active,
	.control-btn.pressed.svelte-140svpj {
		color: var(--color-electric-300);
		box-shadow:
			0 0 24px rgba(120, 250, 174, 0.2),
			inset 0 0 16px rgba(120, 250, 174, 0.06);
		transform: translateY(1px) scale(0.98);
	}

	.control-icon.svelte-140svpj {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3.2rem;
		height: 3.2rem;
		pointer-events: none;
		position: relative;
		z-index: 1;
	}

	.control-icon.svelte-140svpj svg {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	@media (max-width: 860px) {
		.controls-bar.svelte-140svpj {
			gap: 0.875rem;
		}
	}

	@media (max-width: 560px) {
		.testdrive-overlay.svelte-140svpj {
			padding: 0.45rem;
			padding-bottom: calc(0.45rem + env(safe-area-inset-bottom));
		}

		.controls-bar.svelte-140svpj {
			gap: 0.75rem;
			padding: 0.75rem;
			border-radius: 2rem;
		}

		.control-btn.svelte-140svpj {
			width: 4rem;
			height: 4rem;
		}

		.control-icon.svelte-140svpj {
			width: 2.6rem;
			height: 2.6rem;
		}
	}

	.car-parts-overlay.svelte-ny1j4t {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		pointer-events: none;
		z-index: 150;
		padding: 0.75rem;
		padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
		box-sizing: border-box;
		animation: svelte-ny1j4t-slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	}

	.car-parts-overlay.hiding.svelte-ny1j4t {
		animation: svelte-ny1j4t-slideDown 0.25s ease-in forwards;
	}

	@keyframes svelte-ny1j4t-slideUp {
		from {
			opacity: 0;
			transform: translateY(24px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@keyframes svelte-ny1j4t-slideDown {
		from {
			opacity: 1;
			transform: translateY(0);
		}
		to {
			opacity: 0;
			transform: translateY(24px);
		}
	}

	.car-parts-bar.svelte-ny1j4t {
		pointer-events: auto;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 2rem;
		padding: 0.6rem clamp(0.6rem, 2vw, 1rem);
		touch-action: none;
		box-sizing: border-box;
	}

	.part-group.svelte-ny1j4t {
		display: flex;
		flex-direction: row;
		gap: 1.125rem;
		align-items: flex-start;
	}

	.part-btn.svelte-ny1j4t {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 5rem;
		height: 5rem;
		border-radius: 1.5rem;
		border: none;
		background: var(--color-emerald-800);
		color: #cbffdf;
		cursor: pointer;
		touch-action: none;
		overflow: hidden;
		transition:
			box-shadow 0.3s ease,
			color 0.2s ease;
		font-family: "SKODA Next", sans-serif;
	}

	.part-btn.svelte-ny1j4t:not(:disabled):not(.running):hover {
		/* background: #539183; */
		color: #0f3c31;
		box-shadow: 0 0 1.5rem rgba(120, 250, 174, 0.2);
	}

	.part-btn.running.svelte-ny1j4t {
		/* background: #539183; */
		/* color: #0f3c31; */

		box-shadow:
			0 0 1.5rem rgba(120, 250, 174, 0.2),
			inset 0 0 1rem rgba(120, 250, 174, 0.06);
	}

	.part-btn.completed.svelte-ny1j4t {
		background: var(--color-electric-300);
	}

	.part-btn.svelte-ny1j4t:disabled {
		cursor: default;
	}

	.part-btn.svelte-ny1j4t:disabled:not(.completed):not(.running) {
		background: #1e4a40;
	}

	/* ─── Progress fill (top-down) ───────────────────────────────── */

	.progress-fill.svelte-ny1j4t {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		background: var(--color-electric-300);
		border-radius: 1.5rem;
		transition: height 0.1s linear;
		pointer-events: none;
	}

	/* ─── Content ────────────────────────────────────────────────── */

	.part-icon.svelte-ny1j4t {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3.2rem;
		height: 3.2rem;
		pointer-events: none;
		position: relative;
		z-index: 1;
		mix-blend-mode: difference;
		color: var(--color-electric-300);
	}

	/* Backdrop so mix-blend-mode:difference works with button bg */
	.part-icon-blend.svelte-ny1j4t {
		border-radius: 6px;
	}

	.part-icon.svelte-ny1j4t svg {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	/* ─── Responsive ─────────────────────────────────────────────── */

	@media (max-width: 560px) {
		.car-parts-overlay.svelte-ny1j4t {
			padding: 0.45rem;
			padding-bottom: calc(0.45rem + env(safe-area-inset-bottom));
		}

		.car-parts-bar.svelte-ny1j4t {
			gap: 1.5rem;
			padding: 0.45rem 0.45rem;
		}

		.part-group.svelte-ny1j4t {
			gap: 0.75rem;
		}

		.part-btn.svelte-ny1j4t {
			width: 4rem;
			height: 4rem;
		}

		.part-icon.svelte-ny1j4t {
			width: 2.6rem;
			height: 2.6rem;
		}
	}

	.container.svelte-9k9y3b {
		position: fixed;
		left: 0;
		min-width: 100%;
		display: flex;
		flex-direction: column;
		gap: var(--gap);
		pointer-events: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		z-index: 0;

		--duration: 4s;
		--item-height: 30svh;
		--gap: 20svh;
		--step: calc(var(--item-height) + var(--gap));
		--slow-offset: 0svh;
		--bounce: -5svh;
		--end-multiplier: 4.5;

		--opacity-rest: 0.2;
		--opacity-active: 1;
		--ease-bounce: cubic-bezier(0.68, -0.6, 0.32, 1.6);

		animation: svelte-9k9y3b-swoop var(--duration) linear forwards;
	}

	.ctItem.svelte-9k9y3b {
		width: 100%;
		height: var(--item-height);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: min(38svh, 40vw);
		font-weight: 700;
		color: white;
		text-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
		opacity: var(--opacity-rest);
		animation: svelte-9k9y3b-fade var(--duration) ease-in-out infinite both;
	}

	.ctItem.svelte-9k9y3b:nth-child(1) {
		animation-delay: calc(var(--duration) * 0 / 4);
	}

	.ctItem.svelte-9k9y3b:nth-child(2) {
		animation-delay: calc(var(--duration) * 1 / 4);
	}

	.ctItem.svelte-9k9y3b:nth-child(3) {
		animation-delay: calc(var(--duration) * 2 / 4);
	}

	.ctItem.svelte-9k9y3b:nth-child(4) {
		animation-delay: calc(var(--duration) * 3 / 4);
		animation-name: svelte-9k9y3b-fade-last;
	}

	@keyframes svelte-9k9y3b-swoop {
		0% {
			top: 100svh;
		}

		3% {
			top: calc(50svh - var(--item-height) / 2 - var(--bounce));
			animation-timing-function: var(--ease-bounce);
		}

		10% {
			top: calc(50svh - var(--item-height) / 2);
			animation-timing-function: ease-out;
		}

		15% {
			top: calc(50svh - var(--item-height) / 2);
			animation-timing-function: ease-in;
		}

		25% {
			top: calc(50svh - var(--item-height) / 2 - var(--slow-offset));
		}

		28% {
			top: calc(
				50svh - var(--item-height) / 2 - var(--step) * 1 - var(--bounce)
			);
			animation-timing-function: var(--ease-bounce);
		}

		35% {
			top: calc(50svh - var(--item-height) / 2 - var(--step) * 1);
			animation-timing-function: ease-out;
		}

		40% {
			top: calc(50svh - var(--item-height) / 2 - var(--step) * 1);
			animation-timing-function: ease-in;
		}

		50% {
			top: calc(
				50svh - var(--item-height) / 2 - var(--step) * 1 - var(--slow-offset)
			);
		}

		53% {
			top: calc(
				50svh - var(--item-height) / 2 - var(--step) * 2 - var(--bounce)
			);
			animation-timing-function: var(--ease-bounce);
		}

		60% {
			top: calc(50svh - var(--item-height) / 2 - var(--step) * 2);
			animation-timing-function: ease-out;
		}

		65% {
			top: calc(50svh - var(--item-height) / 2 - var(--step) * 2);
			animation-timing-function: ease-in;
		}

		75% {
			top: calc(
				50svh - var(--item-height) / 2 - var(--step) * 2 - var(--slow-offset)
			);
		}

		78% {
			top: calc(
				50svh - var(--item-height) / 2 - var(--step) * 3 - var(--bounce)
			);
			animation-timing-function: var(--ease-bounce);
		}

		87% {
			top: calc(50svh - var(--item-height) / 2 - var(--step) * 3);
			animation-timing-function: ease-out;
		}

		95% {
			top: calc(50svh - var(--item-height) / 2 - var(--step) * 3);
			animation-timing-function: ease-in;
		}

		99.99% {
			top: calc(
				50svh - var(--item-height) / 2 - var(--step) * var(--end-multiplier)
			);
		}

		100% {
			display: none;
		}
	}

	@keyframes svelte-9k9y3b-fade {
		0%,
		10% {
			opacity: var(--opacity-rest);
		}

		10%,
		17.5% {
			opacity: var(--opacity-active);
		}

		50%,
		100% {
			opacity: var(--opacity-rest);
		}
	}

	@keyframes svelte-9k9y3b-fade-last {
		0%,
		10% {
			opacity: var(--opacity-rest);
		}

		10%,
		17.5% {
			opacity: var(--opacity-active);
		}

		100% {
			opacity: var(--opacity-rest);
		}
	}

	.phase-indicator.svelte-1w54q64 {
		position: fixed;
		top: 2.5rem;
		left: 50%;
		transform: translateX(-50%);
		z-index: 151;
		padding: 1.25rem 2.5rem;
		border-radius: 1.5rem;
		font-family: "SKODA Next", sans-serif;
		font-weight: 700;
		line-height: 1;
		pointer-events: none;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
	}

	.phase-indicator.holdThrottle.svelte-1w54q64 {
		background: var(--color-electric-300);
		color: var(--color-emerald-800);
	}

	.phase-indicator.startBrake.svelte-1w54q64 {
		background: rgb(255 179 179);
		color: #000;
	}

	@media (max-width: 560px) {
		.phase-indicator.svelte-1w54q64 {
			top: 1.5rem;
			padding: 0.75rem 1.5rem;
		}
	}

	.drag-preview.svelte-qkmwul {
		position: fixed;
		top: 0;
		left: 0;
		pointer-events: none;
		width: 7rem;
		z-index: 10000;
	}

	.trey-item.svelte-hggx27 {
		position: relative;
		width: auto;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0.7rem;
	}

	.hidden.svelte-hggx27 {
		visibility: hidden;
		pointer-events: none;
	}

	.part-img.svelte-hggx27 {
		flex-shrink: 0;
		height: 100%;
		width: auto;
		cursor: grab;
		touch-action: none;
		-webkit-user-drag: none;
	}

	.tick-img.svelte-hggx27 {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 1.5rem;
		height: 1.5rem;
	}

	.amount.svelte-hggx27 {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0.2rem;
		padding: 0.1rem 0.4rem;
		background-color: rgba(0, 0, 0, 0.7);
		color: white;
		font-size: 0.8rem;
		border-radius: 0.3rem;
	}

	.name.svelte-hggx27 {
		position: absolute;
		top: -0.8rem;
		left: 50%;
		transform: translate(-50%);
		font-size: medium;
		font-weight: light;
		text-align: center;
		width: 100%;
	}

	.placed.svelte-hggx27 {
		opacity: 0.3;
		pointer-events: none;
		color: rgb(133, 133, 133);
	}

	.trey.svelte-4o0l76 {
		position: fixed;
		top: 1rem;
		left: 1rem;
		right: 1rem;
		max-width: 31rem;
		width: auto;
		height: 13rem;
		background-color: var(--color-chrome-0);
		border-radius: 1rem;
		pointer-events: all;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem;
		margin-inline: auto;
		gap: 0.75rem;
		overflow: hidden;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.item-wrapper.svelte-4o0l76 {
		flex: 0 0 auto;
		height: 100%;
		width: auto;
	}

	.slider.svelte-4o0l76 {
		width: 100%;
		height: 6rem;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 2rem;
		overflow-x: auto;
		overflow-y: hidden;
		touch-action: pan-x;
		overscroll-behavior-x: contain;
		padding-bottom: 0.5rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		margin-top: 1rem;
	}

	.slider.svelte-4o0l76::-webkit-scrollbar {
		display: none;
	}

	.wrapper.svelte-4o0l76 {
		flex: 1;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		min-width: 0;
	}

	.used-text.svelte-4o0l76 {
		font-weight: normal;
		font-size: medium;
	}

	p.svelte-4o0l76 {
		font-weight: bold;
		font-size: larger;
		color: var(--color-emerald-800);
	}

	img.svelte-4o0l76 {
		width: 1rem;
		height: 1rem;
		-o-object-fit: contain;
		   object-fit: contain;
		cursor: pointer;
	}

	.scroll-btn.svelte-4o0l76 {
		background: none;
		border: none;
		padding: 0;
		cursor: pointer;
		flex: 0 0 auto;
	}

	@media (max-width: 640px) {
		.trey.svelte-4o0l76 {
			top: 0.75rem;
			left: 0.5rem;
			right: 0.5rem;
			height: auto;
			min-height: 11.5rem;
			padding: 0.75rem;
			gap: 0.5rem;
		}

		.slider.svelte-4o0l76 {
			gap: 1.25rem;
			margin-top: 0.75rem;
			height: 5.5rem;
		}

		p.svelte-4o0l76 {
			font-size: 1rem;
		}

		.used-text.svelte-4o0l76 {
			font-size: 0.9rem;
		}

		.scroll-btn.svelte-4o0l76 {
			padding: 0.25rem;
		}
	}

	.timer.svelte-1kvfvor {
		position: absolute;
		left: 50%;
		bottom: 2rem;
		transform: translateX(-50%);
		width: 10rem;
		height: 6rem;
		border-radius: 1rem;
		background-color: white;
		color: var(--color-emerald-800);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	p.svelte-1kvfvor {
		font-weight: bold;
		font-size: xx-large;
		font-variant-numeric: tabular-nums;
	}

	.hazard-wrapper.svelte-1fvfusg {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		background: radial-gradient(135deg, #fffde7 0%, #f8c14b 100%);
		background:
			radial-gradient(ellipse 100% 150% at bottom, #f8c14b87 0%, #ffffff00 50%),
			radial-gradient(ellipse 100% 150% at top, #f8c14b8b 0%, #ffffff00 50%),
			white;
		/* background-repeat: no-repeat; */
		/* background-size: 100% 50%; */
		background-position: bottom;
		border-radius: 1.125rem;
		overflow: hidden;
		box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
	}

	.stripe.svelte-1fvfusg {
		flex: 0 0 1.5rem;
		background: repeating-linear-gradient(
			-45deg,
			#f5c518 0rem,
			#f5c518 0.75rem,
			#1a1a1a 0.75rem,
			#1a1a1a 1.5rem
		);
	}

	.center.svelte-1fvfusg {
		min-height: 0;
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.5rem;
	}

	.hazard-btn.svelte-1fvfusg {
		max-width: 100%;
		background: #e42626;
		color: #fff;
		font-size: 2rem;
		font-weight: 900;
		letter-spacing: 0.01em;
		border: 0.125rem solid #c69c9c;
		border-radius: 0.75rem;
		padding: 0.6125rem 1.25rem;
		cursor: pointer;
		box-shadow: 0 0 0 0.3125rem #d9d9d9;
		transition:
			transform 0.08s ease,
			box-shadow 0.08s ease,
			background 0.1s ease;
		outline: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;

		/* text-transform: uppercase; */
	}

	.hazard-btn.svelte-1fvfusg:hover {
		background: #e42626;
		/* transform: translateY(-0.125rem); */

		box-shadow:
			0 0 0 0.3125rem #d9d9d9,
			0 0.25rem 0 0 #7a1717;
	}

	.hazard-btn.svelte-1fvfusg:focus-visible {
		box-shadow:
			0 0 0 0.3125rem #d9d9d9,
			0 0 0 0.5rem #f5c518;
	}

	.hazard-btn.pressed.svelte-1fvfusg {
		background: #c92222;
		transform: translateY(0.125rem);
		box-shadow:
			0 0 0 0.3125rem #d9d9d9,
			0 0.125rem 0 0 #7a1717;
	}

	@media (max-width: 40rem) {
		.hazard-wrapper.svelte-1fvfusg {
			border-radius: 1rem;
		}

		.stripe.svelte-1fvfusg {
			flex-basis: 1.125rem;
			background: repeating-linear-gradient(
				-45deg,
				#f5c518 0rem,
				#f5c518 0.875rem,
				#1a1a1a 0.875rem,
				#1a1a1a 1.75rem
			);
		}

		.center.svelte-1fvfusg {
			padding: 1rem;
		}

		.hazard-btn.svelte-1fvfusg {
			padding: 0.875rem 1rem;
		}
	}

	.overlay.svelte-1ey9taf {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.utility-bar-layer.svelte-1ey9taf,
	.parts-tray-layer.svelte-1ey9taf,
	.drag-image-layer.svelte-1ey9taf,
	.timer-layer.svelte-1ey9taf,
	.modal-layer.svelte-1ey9taf,
	.countdown-layer.svelte-1ey9taf,
	.confirm-layer.svelte-1ey9taf {
		position: absolute;
		inset: 0;
		pointer-events: none;
	}

	.modal-backdrop.svelte-1ey9taf {
		position: absolute;
		inset: 0;
		background: rgba(12, 24, 18, 0.28);
		backdrop-filter: blur(0.25rem);
		pointer-events: all;
	}

	.modal-layer.svelte-1ey9taf,
	.countdown-layer.svelte-1ey9taf {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		inset: 0;
	}

	.countdown-layer.svelte-1ey9taf {
		pointer-events: none;
	}

	.confirm-layer.svelte-1ey9taf {
		z-index: 40;
		pointer-events: all;
	}

	.battery-modal.svelte-1ey9taf {
		width: min(44rem, calc(100vw - 3rem));
		min-height: 22rem;
		padding: 2.5rem;
		border-radius: 1.5rem;
		background: linear-gradient(180deg, #ffffff 0%, #eef5ee 100%);
		box-shadow: 0 1.5rem 3rem rgba(15, 32, 22, 0.18);
		pointer-events: all;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 2rem;
		color: var(--color-emerald-800);
	}

	.modal-content.svelte-1ey9taf {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.25rem;
	}

	.modal-description.svelte-1ey9taf {
		max-width: 32rem;
	}

	.modal-stat-block.svelte-1ey9taf {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
	}

	.modal-note.svelte-1ey9taf {
		max-width: 28rem;
		color: var(--color-emerald-700);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.375rem;
	}

	.achievement-block.svelte-1ey9taf {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.75rem;
	}

	.modal-actions.svelte-1ey9taf {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1rem;
		flex-wrap: wrap;
	}

	.stacked-actions.svelte-1ey9taf {
		flex-direction: column;
	}

	.secondary-actions.svelte-1ey9taf {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.25rem;
	}

	.secondary-action.svelte-1ey9taf {
		background: transparent;
		border: none;
		padding: 0.75rem 1rem;
		cursor: pointer;
		color: var(--color-emerald-800);
	}

	.countdown-number.svelte-1ey9taf {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--color-emerald-900);
		text-shadow: 0 0.5rem 1.5rem rgba(255, 255, 255, 0.35);
		pointer-events: none;
	}

	.countdown-number.svelte-1ey9taf .skoda-heading {
		font-size: clamp(5rem, 12vw, 8rem);
		line-height: 1;
	}

	.test-button-wrapper.svelte-1ey9taf {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		width: min(32rem, calc(100vw - 2rem));
		height: 11rem;
		pointer-events: all;
	}

	@media (max-width: 640px) {
		.battery-modal.svelte-1ey9taf {
			width: calc(100vw - 1.5rem);
			padding: 1.5rem;
			min-height: 20rem;
		}

		.modal-actions.svelte-1ey9taf {
			flex-direction: column;
		}

		.secondary-action.svelte-1ey9taf {
			padding-top: 0;
		}

		.test-button-wrapper.svelte-1ey9taf {
			bottom: 1.5rem;
			width: calc(100vw - 1.5rem);
			height: 8.5rem;
		}
	}

	.assembly-line-station-icon.svelte-kbd9bt {
		overflow: visible;

		width: 6rem;
		height: auto;
	}

	.overlay.svelte-cvtb8n {
		position: fixed;
		inset: 0;
		pointer-events: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}

	.utility-bar-layer.svelte-cvtb8n,
	.floating-label-layer.svelte-cvtb8n,
	.modal-layer.svelte-cvtb8n,
	.confirm-layer.svelte-cvtb8n {
		position: absolute;
		inset: 0;
	}

	.floating-label-layer.svelte-cvtb8n {
		pointer-events: none;
	}

	.floating-label.svelte-cvtb8n {
		position: absolute;
		transform: translate(-50%, -100%);
		padding: 0.25rem 1rem;

		width: 8rem;
		border-radius: 1rem;
		background: #ffffff;
		box-shadow: 0 0.5rem 1.25rem rgba(9, 19, 15, 0.18);
		color: var(--color-chrome-900);
		font-size: 1.25rem;
		font-weight: 600;
		letter-spacing: 0.01em;
		white-space: nowrap;
	}

	.modal-backdrop.svelte-cvtb8n {
		position: absolute;
		inset: 0;
		background: rgba(12, 24, 18, 0.28);
		backdrop-filter: blur(0.25rem);
		pointer-events: all;
	}

	.modal-layer.svelte-cvtb8n {
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}

	.test-button-wrapper.svelte-cvtb8n {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		width: min(32rem, calc(100vw - 2rem));
		height: 11rem;
		pointer-events: all;
	}

	.continue-button-wrapper.svelte-cvtb8n {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		pointer-events: all;
	}

	.trey.svelte-cvtb8n {
		position: relative;
		width: -moz-fit-content;
		width: fit-content;
		max-width: 100%;
		background-color: var(--color-chrome-0);
		border-radius: 1rem;
		pointer-events: all;
		display: block;
		padding: 0.75rem;
		overflow: hidden;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		box-sizing: border-box;
		color: var(--color-chrome-900);
	}

	.item-wrapper.svelte-cvtb8n {
		flex: 0 0 auto;
		height: 100%;
		width: auto;
	}

	.slider-row.svelte-cvtb8n {
		width: 100%;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: center;
		margin-top: 1rem;
	}

	.slider-row--scrollable.svelte-cvtb8n {
		grid-template-columns: auto minmax(0, 1fr) auto;
		-moz-column-gap: 0.75rem;
		     column-gap: 0.75rem;
	}

	.slider-viewport.svelte-cvtb8n {
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.slider-viewport.svelte-cvtb8n::-webkit-scrollbar {
		display: none;
	}

	.slider.svelte-cvtb8n {
		width: -moz-fit-content;
		width: fit-content;
		min-width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2rem;
		padding-bottom: 0.5rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	.slider.svelte-cvtb8n::-webkit-scrollbar {
		display: none;
	}

	.wrapper.svelte-cvtb8n {
		width: -moz-fit-content;
		width: fit-content;
		max-width: 100%;
		min-width: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}

	.wrapper.svelte-cvtb8n .used-text {
		font-weight: normal;
		font-size: medium;
	}

	.scroll-btn.svelte-cvtb8n {
		width: 2.75rem;
		height: 2.75rem;
		border: none;
		background: transparent;
		padding: 0;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
	}

	.scroll-btn--left.svelte-cvtb8n {
		grid-column: 1;
	}

	.scroll-btn--right.svelte-cvtb8n {
		grid-column: 3;
	}

	.scroll-btn.svelte-cvtb8n img:where(.svelte-cvtb8n) {
		width: 1rem;
		height: 1rem;
		-o-object-fit: contain;
		   object-fit: contain;
	}

	.trey-item.svelte-cvtb8n {
		position: relative;
		width: auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.25rem;
		background: none;
		padding: 0;

		padding-top: 0.5rem;
		border: none;
		cursor: pointer;
		color: var(--color-chrome-900);
	}

	/* (unused) .part-img {
		flex-shrink: 0;
		height: 100%;
		height: 6rem;

		width: auto;
		border-radius: 0.65rem;
		transition:
			opacity 0.12s ease,
			filter 0.12s ease,
			transform 0.12s ease,
			box-shadow 0.12s ease;
	}*/

	/* (unused) .trey-item:hover:enabled .part-img {
		transform: translateY(-0.0625rem);
	}*/
	/* 
	.trey-item :global(.name) {
		position: absolute;
		top: -0.8rem;
		left: 50%;
		transform: translate(-50%);
		font-size: medium;
		font-weight: light;
		text-align: center;
		width: 100%;
		margin: 0;
		color: #0b1b17;
		transition: color 0.12s ease;
	} */

	/* (unused) .station-selected .part-img {
		box-shadow: 0 0 0 0.25rem rgba(8, 121, 106, 0.26);
	}*/

	.assembly-line-modal.svelte-cvtb8n {
		width: min(44rem, calc(100vw - 3rem));
		min-height: 22rem;
		padding: 2.5rem;
		border-radius: 1.5rem;
		background: linear-gradient(180deg, #ffffff 0%, #eef5ee 100%);
		box-shadow: 0 1.5rem 3rem rgba(15, 32, 22, 0.18);
		pointer-events: all;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 2rem;
		color: var(--color-emerald-800);
	}

	.modal-content.svelte-cvtb8n {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.25rem;
	}

	.modal-description.svelte-cvtb8n {
		max-width: 32rem;
	}

	.modal-actions.svelte-cvtb8n {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 0.75rem;
		flex-wrap: wrap;
	}

	.modal-secondary-action.svelte-cvtb8n {
		border: none;
		background: transparent;
		padding: 0;
		color: var(--color-emerald-800);
		font: inherit;
		font-weight: 600;
		text-decoration: underline;
		text-underline-offset: 0.18em;
	}

	.modal-secondary-action.svelte-cvtb8n:hover {
		cursor: pointer;
	}

	.confirm-layer.svelte-cvtb8n {
		z-index: 40;
		pointer-events: all;
	}

	@media (max-width: 36rem) {
		.assembly-line-modal.svelte-cvtb8n {
			width: calc(100vw - 1.5rem);
			padding: 1.5rem;
			min-height: 20rem;
		}

		.test-button-wrapper.svelte-cvtb8n {
			bottom: 1.5rem;
			width: calc(100vw - 1.5rem);
			height: 8.5rem;
		}

		.continue-button-wrapper.svelte-cvtb8n {
			bottom: 1.5rem;
		}

		.trey.svelte-cvtb8n {
			border-radius: 1.2rem;
			/* height: 12rem; */
		}
	}

	.camera-ui.svelte-1c708dn {
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 25;
		--hud-color: #fff;
		--frame-pad: clamp(1.1rem, 2.6vw, 2.2rem);
		--corner-len: clamp(1rem, 2.6vw, 2rem);
		--line-alpha: rgba(255, 255, 255, 0.82);
	}

	.top-hud.svelte-1c708dn {
		position: absolute;
		top: var(--frame-pad);
		left: var(--frame-pad);
		right: var(--frame-pad);
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: var(--hud-color);
		font-size: 0.78rem;
		font-weight: 700;
		letter-spacing: 0.09em;
		text-transform: uppercase;
	}

	.left.svelte-1c708dn,
	.center.svelte-1c708dn,
	.right.svelte-1c708dn {
		min-width: 0;
		white-space: nowrap;
		text-shadow: none;
	}

	.center.svelte-1c708dn {
		opacity: 0.9;
	}

	.right.svelte-1c708dn {
		display: flex;
		align-items: center;
		gap: 0.45rem;
	}

	.battery-label.svelte-1c708dn {
		opacity: 0.8;
	}

	.battery-icon.svelte-1c708dn {
		position: relative;
		display: inline-flex;
		align-items: center;
		width: 1.8rem;
		height: 0.82rem;
		border: 1.5px solid var(--hud-color);
		border-radius: 0.18rem;
		padding: 0.08rem;
	}

	.battery-icon.svelte-1c708dn::after {
		content: "";
		position: absolute;
		right: -0.2rem;
		width: 0.12rem;
		height: 0.38rem;
		border-radius: 0.08rem;
		background: var(--hud-color);
	}

	.battery-level.svelte-1c708dn {
		display: block;
		width: 92%;
		height: 100%;
		border-radius: 0.08rem;
		background: var(--hud-color);
	}

	.frame-corners.svelte-1c708dn {
		position: absolute;
		inset: var(--frame-pad);
	}

	.corner.svelte-1c708dn {
		position: absolute;
		background: var(--line-alpha);
	}

	.corner.h.svelte-1c708dn {
		height: 1px;
		width: var(--corner-len);
	}

	.corner.v.svelte-1c708dn {
		width: 1px;
		height: var(--corner-len);
	}

	.corner.tl.h.svelte-1c708dn {
		top: 0;
		left: 0;
	}

	.corner.tl.v.svelte-1c708dn {
		top: 0;
		left: 0;
	}

	.corner.tr.h.svelte-1c708dn {
		top: 0;
		right: 0;
	}

	.corner.tr.v.svelte-1c708dn {
		top: 0;
		right: 0;
	}

	.corner.bl.h.svelte-1c708dn {
		bottom: 0;
		left: 0;
	}

	.corner.bl.v.svelte-1c708dn {
		bottom: 0;
		left: 0;
	}

	.corner.br.h.svelte-1c708dn {
		bottom: 0;
		right: 0;
	}

	.corner.br.v.svelte-1c708dn {
		bottom: 0;
		right: 0;
	}

	.grid.svelte-1c708dn {
		position: absolute;
		inset: var(--frame-pad);
	}

	.line.svelte-1c708dn {
		position: absolute;
		background: rgba(255, 255, 255, 0.45);
	}

	.line.v.svelte-1c708dn {
		top: 0;
		bottom: 0;
		width: 1px;
	}

	.line.h.svelte-1c708dn {
		left: 0;
		right: 0;
		height: 1px;
	}

	.line.v.l1.svelte-1c708dn {
		left: 33.333%;
	}

	.line.v.l2.svelte-1c708dn {
		left: 66.666%;
	}

	.line.h.l1.svelte-1c708dn {
		top: 33.333%;
	}

	.line.h.l2.svelte-1c708dn {
		top: 66.666%;
	}

	.focus.svelte-1c708dn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: clamp(4.5rem, 9vw, 6rem);
		height: clamp(4.5rem, 9vw, 6rem);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.focus-corner.svelte-1c708dn {
		position: absolute;
		background: var(--line-alpha);
	}

	.focus-corner.h.svelte-1c708dn {
		height: 2px;
		width: 1rem;
	}

	.focus-corner.v.svelte-1c708dn {
		width: 2px;
		height: 1rem;
	}

	.focus-corner.tl.h.svelte-1c708dn {
		top: 0;
		left: 0;
	}

	.focus-corner.tl.v.svelte-1c708dn {
		top: 0;
		left: 0;
	}

	.focus-corner.tr.h.svelte-1c708dn {
		top: 0;
		right: 0;
	}

	.focus-corner.tr.v.svelte-1c708dn {
		top: 0;
		right: 0;
	}

	.focus-corner.bl.h.svelte-1c708dn {
		bottom: 0;
		left: 0;
	}

	.focus-corner.bl.v.svelte-1c708dn {
		bottom: 0;
		left: 0;
	}

	.focus-corner.br.h.svelte-1c708dn {
		bottom: 0;
		right: 0;
	}

	.focus-corner.br.v.svelte-1c708dn {
		bottom: 0;
		right: 0;
	}

	.focus-plus.svelte-1c708dn {
		position: relative;
		width: 1rem;
		height: 1rem;
	}

	.focus-plus.svelte-1c708dn::before,
	.focus-plus.svelte-1c708dn::after {
		content: "";
		position: absolute;
		background: var(--line-alpha);
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.focus-plus.svelte-1c708dn::before {
		width: 2px;
		height: 100%;
	}

	.focus-plus.svelte-1c708dn::after {
		width: 100%;
		height: 2px;
	}

	.bottom-stats.svelte-1c708dn {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: clamp(8.6rem, 12vh, 10rem);
		color: var(--hud-color);
		font-size: 0.82rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.shutter-button.svelte-1c708dn {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		background: transparent;
		border: 2px solid var(--hud-color);
		border-radius: 50%;
		width: 8rem;
		height: 8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.3s ease;
		outline: none;
		pointer-events: auto;
		color: var(--hud-color);
	}

	.shutter-button.svelte-1c708dn:hover {
		transform: translateX(-50%) scale(1.04);
	}

	.shutter-button.svelte-1c708dn svg {
		transition: transform 0.25s ease;
	}

	.shutter-button.svelte-1c708dn:hover svg,
	.shutter-button.svelte-1c708dn:focus-visible svg {
		transform: scale(1.1) rotate(-60deg);
	}

	@media (max-width: 640px) {
		.camera-ui.svelte-1c708dn {
			--frame-pad: 0.75rem;
			--corner-len: 0.95rem;
		}

		.top-hud.svelte-1c708dn {
			top: var(--frame-pad);
			left: var(--frame-pad);
			right: var(--frame-pad);
			font-size: 0.64rem;
			letter-spacing: 0.05em;
			gap: 0.4rem;
		}

		.right.svelte-1c708dn {
			gap: 0.35rem;
		}

		.battery-percent.svelte-1c708dn {
			display: none;
		}

		.bottom-stats.svelte-1c708dn {
			bottom: 7.1rem;
			font-size: 0.68rem;
			letter-spacing: 0.07em;
		}

		.shutter-button.svelte-1c708dn {
			bottom: 2rem;
			width: 6.2rem;
			height: 6.2rem;
		}

		.focus.svelte-1c708dn {
			width: clamp(4rem, 20vw, 5rem);
			height: clamp(4rem, 20vw, 5rem);
		}
	}