.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.needs-script{.tier:nth-child(1 of.tier.existing){anchor-name:--tutorial-t1;.nominee:nth-child(1 of.nominee)>div{anchor-name:--tutorial-t1-n1}}.tier:nth-child(2 of.tier.existing){anchor-name:--tutorial-t2;.nominee:nth-child(1 of.nominee)>div{anchor-name:--tutorial-t2-n1}}nav button{&.back{anchor-name:--tutorial-back-button}&.next{anchor-name:--tutorial-next-button}}}#settings-button{anchor-name:--tutorial-settings}#progress-open{anchor-name:--tutorial-progress}#tutorial{display:contents;font-size:1.5em;&:after{content:"";anchor-name:--tutorial-fallback;position:fixed;left:50%;top:50%;width:0;height:0}>dialog{all:unset;display:none;position:fixed;inset:0;&[open]{@supports (anchor-name: --tutorial-fallback){display:contents}@supports not (anchor-name: --tutorial-fallback){display:flex;place-items:safe center;place-content:safe center}}&:not([open]){display:none}>*{position-anchor:var(--tutorial-anchor);position:fixed;transition-property:top,left,right,bottom,width,height,box-shadow,display;transition-behavior:allow-discrete;transition-duration:.5s;box-sizing:border-box}}.spotlight{--spotlight-margin: 1em;background-color:transparent;inset:calc(anchor(start) - var(--spotlight-margin)) calc(anchor(end) - var(--spotlight-margin)) calc(anchor(end) - var(--spotlight-margin)) calc(anchor(start) - var(--spotlight-margin));width:auto;height:auto;border-radius:50%;box-shadow:0 0 0 100vmax #0006;@supports not (anchor-name: --tutorial-fallback){display:none}&.hidden{width:0;height:0}}.advice{background-color:#000;color:#fff;border-radius:1em;padding:1em;width:auto;max-width:20em;display:grid;gap:.5em;grid-template:"advice icon" auto / 1fr auto;align-items:center;@supports (anchor-name: --tutorial-fallback){top:calc(anchor(bottom) + 1em);left:max(calc(anchor(center) - 10em),.25em);right:max(calc(anchor(center) - 10em),.25em)}p{margin:0}}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes backdrop-fade-in{0%{backdrop-filter:blur(0);background-color:transparent}to{backdrop-filter:blur(3px);background-color:#0003}}#settings-button{position:fixed;top:.5em;right:.5em;font-size:1rem;>dialog{flex-flow:column;gap:1em;border:0;border-radius:2em;box-sizing:border-box;padding:2em;box-shadow:.1em .1em .25em #0007;max-width:min(60em,calc(100% - 2em));animation:fade-out .25s ease-out;margin:auto;&:is(:open,[open]){animation:fade-in .25s ease-out;display:flex;&::backdrop{animation:backdrop-fade-in .25s ease-out forwards}}>.top{display:flex;justify-content:space-between;align-items:center;h2{font-size:1.5em;margin:0}}}.controls{border-top:.1em solid #000;padding-top:.75em;display:flex;justify-content:flex-end}form{display:contents}fieldset{all:unset;border-top:.1em solid #000;legend{font-size:1.25em;margin:0 2em 0 auto;padding:0 1em}}>button{all:unset;background-color:#ccc;display:flex;place-items:center;place-content:center;font-size:1.5rem;width:1.75em;aspect-ratio:1;border-radius:100%;cursor:pointer}.setting{display:grid;grid-template:"control -" auto "explanation explanation" auto / auto 1fr;gap:.25em;align-items:center;label{grid-area:control;display:flex;gap:.25em;font-size:1.2em}.explanation{grid-area:explanation;display:grid;grid-template-columns:auto 1fr;gap:.25em}p{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;margin:0;padding:0 .25em}.warning{background-color:#eed20244}}}@layer defaults,theme,page,components,compat;@font-face{font-family:Roboto;src:url(/assets/Roboto.B3zdT7Sa.woff2) format("woff2") tech(variations);font-weight:100 1000;font-stretch:25% 151%;font-display:swap}@layer defaults{:root{--twitch: #9146ff;--error: #c00;--warning: #eed202;--success: #4bb543}@media(width<=30rem){:root{font-size:.8em}}:root,body{margin:0;padding:0}body{font-family:Roboto,sans-serif}@view-transition{navigation: none;}a.external>svg{font-size:.75em;vertical-align:top;margin-left:.25em}.info{display:flex;align-items:center;gap:.25em;text-align:left}}@layer compat{.needs-script,.no-script{display:contents}@media(scripting:enabled){.no-script{display:none}}@media not (scripting:enabled){.needs-script{display:none}}}