section.svelte-5p7n7i{--green-success: var(--green, #00e000);--error-red: var(--red, #ff0000);--background: #000000;background:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:var(--green-success)}section.svelte-5p7n7i>:where(.svelte-5p7n7i){width:100%;max-width:500px;--_ball-height: clamp(40px, 80px, 120px)}.game-header.svelte-5p7n7i{background:color-mix(in lab,var(--background),#ffffff 20%);padding:1em;font-size:1.5em;border-radius:.5em;text-align:center;min-height:100vh}.color-select.svelte-5p7n7i{display:flex;justify-content:space-evenly;align-items:center;background:color-mix(in lab,var(--background),#ffffff 90%);width:100%;gap:.5em;padding:10px;border-radius:50em}.ball-style.svelte-5p7n7i{border-radius:50%;aspect-ratio:1 / 1;border:none}.turn-input-icon.svelte-5p7n7i{background:color-mix(in lab,var(--background),white 30%);width:clamp(30px,50px,80px);box-shadow:inset -3px -7px 7px 20px color-mix(in lab,var(--background),transparent 98%),inset -3px -7px 7px 15px color-mix(in lab,var(--background),transparent 95%),inset -3px -7px 7px 10px color-mix(in lab,var(--background),transparent 85%),inset -3px -7px 7px 6px color-mix(in lab,var(--background),transparent 95%)}.player-attempt.svelte-5p7n7i{display:flex;justify-content:space-evenly;align-items:center;gap:.5em;margin-block:1em;width:100%;height:calc(var(--_ball-height) * 1.1)}.player-attempt-feedback.svelte-5p7n7i{padding:5px;border-radius:50%}.included-in-code.svelte-5p7n7i{background:#dadada}.correct-position-in-code.svelte-5p7n7i{background:var(--green-success)}.not-included-in-code.svelte-5p7n7i{background:var(--error-red)}[popover].svelte-5p7n7i{position:fixed;display:none;flex-direction:column;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;margin:auto;border:none;padding:1em;overflow:auto;background:color-mix(in lab,var(--background),transparent 75%);font-family:Courier New,Courier,monospace;font-size:1.2em;font-weight:700;height:max-content;border-radius:.5em;color:#fff;text-align:center}#about-popover.svelte-5p7n7i{text-align:left;max-width:600px}[popover].svelte-5p7n7i>:where(.svelte-5p7n7i){margin-block:10px}[popover].svelte-5p7n7i ul:where(.svelte-5p7n7i){margin-left:5ch;font-weight:700;color:var(--green-success)}[popover].svelte-5p7n7i li:where(.svelte-5p7n7i){margin-top:10px}.svelte-5p7n7i:popover-open{display:flex}.svelte-5p7n7i:popover-open::backdrop{background:color-mix(in lab,white,transparent 90%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}.menu-buttons.svelte-5p7n7i{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}button.svelte-5p7n7i{font-size:1em;padding-block:.25em;padding-inline:.5em;margin-block:10px;background-color:var(--green-success);border:solid 1px black;color:#fff}