.mode.svelte-1hfoayd.svelte-1hfoayd{position:relative;overflow:clip;transition:transform .25s ease;text-decoration:none;color:currentColor;display:grid;grid-auto-flow:row;height:100%;width:100%;padding:1rem;gap:.5rem;border-radius:10px;border:2px solid currentColor;background-blend-mode:lighten}.mode.svelte-1hfoayd.svelte-1hfoayd:hover,.mode.svelte-1hfoayd.svelte-1hfoayd:active{transform:scale(1.05)}.mode.svelte-1hfoayd h3.svelte-1hfoayd{margin:0}.mode.svelte-1hfoayd .action{display:flex;align-items:center}.mode.svelte-1hfoayd .yellow{stroke-width:1px;stroke:currentColor}.mode.svelte-1hfoayd .controls.svelte-1hfoayd{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:.5rem}@media (min-width: 901px){.mode.svelte-1hfoayd .controls.svelte-1hfoayd{margin-block-start:1rem;justify-self:end}}.icon-name.svelte-1hfoayd.svelte-1hfoayd{width:90%;justify-self:center;display:grid;grid-template-columns:1fr auto 1fr;grid-auto-flow:column;align-items:center;justify-content:center;gap:2rem}.icon.svelte-1hfoayd.svelte-1hfoayd{justify-self:flex-start}.tutorial-button.svelte-1hfoayd.svelte-1hfoayd{display:flex;justify-content:flex-end}.tutorial-button.svelte-1hfoayd svg{width:32px;height:32px}html.dark-mode .mode .action,.mode .action{background-color:transparent}html.dark-mode .mode .action:hover,.mode .action:hover{background-color:#fff6}html.dark-mode .mode .action:active,.mode .action:active{background-color:#fff9}html.dark-mode .tutorial-button .action,.tutorial-button .action{border:none}.leaderboard svg{overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:3px}.button-container.svelte-1nwdkf6 button{width:100%;display:flex;justify-content:space-between}.button-container.svelte-1nwdkf6 svg{font-size:24px;margin-left:auto}.header.svelte-9u49e9.svelte-9u49e9{width:720px;display:grid;justify-content:space-between;justify-items:center;align-items:start;grid-template-columns:auto 1fr auto;row-gap:1rem;padding:.5rem}.header.svelte-9u49e9 .header-group.svelte-9u49e9{grid-row:1;display:flex;flex-direction:row;gap:.5em}.header.svelte-9u49e9 .logo{grid-row:1;grid-column:2}.header.svelte-9u49e9 .right.svelte-9u49e9{grid-column:3}@media (max-width: 900px){.header.svelte-9u49e9.svelte-9u49e9{width:100%;max-width:480px;grid-template-rows:auto auto;padding:0;padding-bottom:.5rem}.header.svelte-9u49e9 .logo{transform:scale(.8);grid-column:1/4;grid-row:2}}@media (max-width: 420px){.header.svelte-9u49e9 .logo{transform:scale(.7)}}@media (max-width: 360px){.header.svelte-9u49e9 .logo{transform:scale(.6)}}.content.svelte-9u49e9.svelte-9u49e9{height:100%;overflow:auto}.modes.svelte-9u49e9.svelte-9u49e9{height:100%;display:grid;overflow:auto;grid-template-columns:1fr 1fr;padding:1rem;gap:1rem;max-width:720px}@media (max-width: 900px){.modes.svelte-9u49e9.svelte-9u49e9{grid-template-columns:1fr;max-width:480px}}@media (max-width: 360px){.modes.svelte-9u49e9.svelte-9u49e9{max-width:360px}}footer.svelte-9u49e9.svelte-9u49e9{display:flex;flex-wrap:wrap;justify-content:center;padding-top:.5rem;gap:1rem}@media (max-width: 900px){footer.svelte-9u49e9.svelte-9u49e9{gap:.5rem}}.conditions.svelte-9u49e9.svelte-9u49e9{width:100%;display:flex;justify-content:center;margin-bottom:-1em}