.example[data-astro-cid-q4boptg3]{--gap:var(--space-m);padding:var(--gap)}.example-note[data-astro-cid-q4boptg3]{padding:var(--space-2xs);background-image:repeating-linear-gradient(-45deg, var(--bg) 0, var(--bg) 4px, currentColor 0, currentColor 50%);color:var(--demo-color);background-size:12px 12px;margin-block-end:var(--gap)}.example-note-inner[data-astro-cid-q4boptg3]{padding:var(--space-xs);background-color:var(--bg);text-align:center}@media (width>=768px){.example[data-astro-cid-q4boptg3]{--gap:var(--space-l)}}@supports selector(:has(img)){.example-note[data-astro-cid-q4boptg3]{margin:0;display:none;position:absolute}}.btn[data-astro-cid-q4boptg3]{--bg:#fff;--fg:#042020;--box-shadow-size:2px;--move-y:2px;inline-size:fit-content;background-color:var(--fg);color:var(--fg);border-radius:10px;margin-block-start:calc(var(--space-m) + var(--move-y));margin-inline-start:auto;display:block;position:relative}.btn-inner[data-astro-cid-q4boptg3]{padding-inline:var(--space-xs);border:solid 2px var(--fg);background-color:var(--bg);font-size:var(--font-size-p-s);font-weight:var(--font-weight-bold);transform:translateY(calc(-1 * var(--box-shadow-size)));border-radius:10px;grid-template-columns:repeat(2,auto);align-items:center;transition:transform .2s,background .2s linear;display:grid;position:relative}.btn-inner[data-astro-cid-q4boptg3]:has(svg:first-child){padding-inline-start:0}.btn-inner[data-astro-cid-q4boptg3]:has(svg:last-child){padding-inline-end:0}.btn[data-astro-cid-q4boptg3] svg{fill:currentColor;inline-size:2.4em}@media (hover:hover) and (pointer:fine){.btn[data-astro-cid-q4boptg3]:hover .btn-inner[data-astro-cid-q4boptg3]{transform:translateY(calc(-1 * var(--box-shadow-size) - var(--move-y)))}}.btn[data-astro-cid-q4boptg3]:active .btn-inner[data-astro-cid-q4boptg3]{transform:translateY(calc(-1 * var(--box-shadow-size) + var(--move-y)))}.card-list[data-astro-cid-q4boptg3]{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(15em,1fr));display:grid}.card[data-astro-cid-q4boptg3]{--bg:#fff;--text:#042020;--accent:#007070;z-index:1;padding:var(--space-s);border-block-start:solid 8px var(--accent);background:var(--bg);color:var(--text);position:relative}.card[data-astro-cid-q4boptg3]:has(.--a11y){--accent:#700069}.card[data-astro-cid-q4boptg3]:has(.--perf){--accent:#001670}.card[data-astro-cid-q4boptg3]:after{content:"";z-index:-1;background-color:var(--accent);opacity:.2;position:absolute;inset:0}.card-category[data-astro-cid-q4boptg3]{gap:var(--space-xs);background-color:var(--accent);color:#fff;font-size:var(--font-size-p-xs);grid-template-columns:30px 1fr;align-items:center;margin-block-end:var(--space-xs);padding-inline-end:var(--space-xs);display:inline-grid}.card-desc[data-astro-cid-q4boptg3]{font-size:var(--font-size-p-s)}.section-container[data-astro-cid-q4boptg3]{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(15em,1fr));display:grid}.section[data-astro-cid-q4boptg3]{padding:var(--space-s);background:var(--color-primary);color:var(--color-text-primary)}.section[data-astro-cid-q4boptg3] h2[data-astro-cid-q4boptg3]{font-size:var(--font-size-h-m);font-weight:700;line-height:1.2}[data-astro-cid-q4boptg3]:where(.section h2,.section-copy:has(+h2)){margin-block-start:40px}.section-copy[data-astro-cid-q4boptg3]+h2[data-astro-cid-q4boptg3]{margin-block-start:0}.section[data-astro-cid-q4boptg3] p[data-astro-cid-q4boptg3]{font-size:var(--font-size-p-s)}.section[data-astro-cid-q4boptg3] .section-desc[data-astro-cid-q4boptg3]{--color-stripe:#00bcbc;--stripe:repeating-linear-gradient(-45deg, var(--color-stripe) 0, var(--color-stripe) 1px, transparent 0, transparent 50%);position:relative}.section[data-astro-cid-q4boptg3] .section-desc[data-astro-cid-q4boptg3]:after{content:"";background-image:var(--stripe);opacity:0;background-size:4px 4px;block-size:40px;inline-size:100%;transition:opacity .2s;position:absolute;inset-block-end:-40px;inset-inline-start:0}[data-astro-cid-q4boptg3]:is(.section-container:hover,.section-container:focus-visible) .section-desc[data-astro-cid-q4boptg3]:after{opacity:.6}.projects[data-astro-cid-q4boptg3]{container-type:inline-size}.projects-list[data-astro-cid-q4boptg3]{--gap:20px;gap:var(--gap);padding:var(--gap);background-color:#000;grid-template-columns:repeat(auto-fit,minmax(5em,1fr));display:grid}.projects-item[data-astro-cid-q4boptg3]{border:1px solid #042020}.projects-item[data-astro-cid-q4boptg3] img[data-astro-cid-q4boptg3]{opacity:.2;transition:opacity .2s}.projects-controls[data-astro-cid-q4boptg3]{--btn-size:8px;--gap:20px;--bg:#042020;--fg:#fff;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(15em,1fr));margin-block-start:var(--gap);padding-block-start:var(--btn-size);display:grid}.projects-btn[data-astro-cid-q4boptg3]{display:block;position:relative}.projects-btn-inner[data-astro-cid-q4boptg3]{z-index:10;padding:var(--space-m);border:solid 1px var(--fg);background-color:var(--bg);color:var(--fg);font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-align:center;translate:0 calc(-1 * var(--btn-size));transition:translate .2s;display:block;position:relative}.projects-btn[data-astro-cid-q4boptg3]:active .projects-btn-inner[data-astro-cid-q4boptg3]{translate:0}.projects-btn[data-astro-cid-q4boptg3]:after{content:"";inline-size:100%;block-size:var(--btn-size);background-color:var(--bg);display:block;position:absolute;inset-block-end:0}.projects[data-astro-cid-q4boptg3]:has([aria-controls=rectbeats]:active) #rectbeats[data-astro-cid-q4boptg3],.projects[data-astro-cid-q4boptg3]:has([aria-controls=rectgraph]:active) #rectgraph[data-astro-cid-q4boptg3],.projects[data-astro-cid-q4boptg3]:has([aria-controls=io3000]:active) #io3000[data-astro-cid-q4boptg3],.projects[data-astro-cid-q4boptg3]:has([aria-controls=moji-roll]:active) #moji-roll[data-astro-cid-q4boptg3],.projects[data-astro-cid-q4boptg3]:has([aria-controls=logo-lacra]:active) #logo-lacra[data-astro-cid-q4boptg3]{opacity:1}@container (inline-size>=600px){.projects-list[data-astro-cid-q4boptg3]{--gap:40px;grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.projects-controls[data-astro-cid-q4boptg3]{--gap:40px}}.form[data-astro-cid-q4boptg3]{background-color:var(--color-primary)}.form-item[data-astro-cid-q4boptg3]{--valid:#00885b;--invalid:#d00;row-gap:var(--space-s);padding:var(--space-m);color:var(--color-text-primary);grid-template-columns:1fr auto;grid-template-areas:"label label""field emoji";align-items:center;transition:background-color .2s;display:grid}.form-item[data-astro-cid-q4boptg3]:not(:first-child){border-block-start:1px solid #9296ab}.form-item[data-astro-cid-q4boptg3] label[data-astro-cid-q4boptg3]{grid-area:label;line-height:1}.form-item[data-astro-cid-q4boptg3] input[data-astro-cid-q4boptg3]{min-inline-size:3em;padding-block:var(--space-xs);padding-inline:var(--space-s);border:solid 4px var(--color-accent);font-size:var(--font-size-p-l);border-radius:0;grid-area:field}.form-item[data-astro-cid-q4boptg3]:after{content:"　";opacity:0;text-align:center;grid-area:emoji;padding-inline-start:var(--space-s);font-size:1.4rem;transition:opacity .2s}.form-item[data-astro-cid-q4boptg3]:has(:user-valid){background-color:color-mix(in srgb, var(--valid) 10%, transparent)}.form-item[data-astro-cid-q4boptg3]:has(:user-valid):after{content:"✅";opacity:1}.form-item[data-astro-cid-q4boptg3]:has(:user-invalid){background-color:color-mix(in srgb, var(--invalid) 10%, transparent)}.form-item[data-astro-cid-q4boptg3]:has(:user-invalid):after{content:"❌";opacity:1}.color-mode[data-astro-cid-q4boptg3]{--bg-color:#fff;--text-color:#042020}.color-mode-text[data-astro-cid-q4boptg3]{padding:var(--space-m);background-color:var(--bg-color);color:var(--text-color);line-height:2;transition-property:background-color,color;transition-duration:.4s;transition-timing-function:ease}@media (width>=768px){.color-mode-text[data-astro-cid-q4boptg3]{padding:var(--space-xl)}}.color-mode[data-astro-cid-q4boptg3]:has(.color-mode-switch:checked){--bg-color:#042020;--text-color:#cfdddd}.color-mode-footer[data-astro-cid-q4boptg3]{padding:var(--space-m);background-color:#000}.color-mode-btn[data-astro-cid-q4boptg3]{--white:#fff;--black:#000;--icon-size:38px;inline-size:fit-content;margin-inline:auto}.color-mode-btn-label[data-astro-cid-q4boptg3]{border-radius:var(--icon-size);cursor:pointer;border:none;position:relative}.color-mode-switch[data-astro-cid-q4boptg3]{appearance:none;position:absolute}.color-mode-btn-icon-container[data-astro-cid-q4boptg3]{border:solid 1px var(--white);border-radius:var(--icon-size);grid-template-columns:repeat(2,auto);display:grid;position:relative}.color-mode-btn-icon-container[data-astro-cid-q4boptg3]:after{content:"";inline-size:var(--icon-size);block-size:var(--icon-size);box-shadow:0 0 0 1px var(--white);background-color:var(--white);border-radius:50%;transition:transform .2s;display:block;position:absolute;inset-block:0;inset-inline-start:0}.color-mode-btn-icon[data-astro-cid-q4boptg3]{z-index:10;inline-size:var(--icon-size);block-size:var(--icon-size);border-radius:50%;padding:8px;position:relative}.color-mode-btn-icon[data-astro-cid-q4boptg3] svg{opacity:.4;fill:var(--white);transition:all .2s}.color-mode-btn-label[data-astro-cid-q4boptg3]:has(input:checked) .color-mode-btn-icon-container[data-astro-cid-q4boptg3]:after{transform:translate(100%)}.color-mode-btn-label[data-astro-cid-q4boptg3]:not(:has(input:checked)) .--light[data-astro-cid-q4boptg3] svg,.color-mode-btn-label[data-astro-cid-q4boptg3]:has(input:checked) .--dark[data-astro-cid-q4boptg3] svg{opacity:1;fill:var(--black)}.filter-header[data-astro-cid-q4boptg3]{column-gap:var(--space-xs);grid-auto-flow:column;justify-content:end;align-items:center;margin-block-end:var(--space-s);display:grid}.filter-label[data-astro-cid-q4boptg3]{font-family:var(--font-family-en);font-size:var(--font-size-p-s);text-transform:uppercase}.filter-header[data-astro-cid-q4boptg3] .select-container{background-color:var(--color-primary);color:var(--color-text-primary)}.filter-table[data-astro-cid-q4boptg3]{--target-bg:var(--color-sub-section-bg);background-color:var(--color-primary);inline-size:100%;color:var(--color-text-primary)}.filter-table[data-astro-cid-q4boptg3] :where(th,td){padding-block:var(--space-xs);padding-inline:var(--space-m);border-block-start:solid 1px var(--color-accent);border-block-end:solid 1px var(--color-accent);text-align:start}.filter-table[data-astro-cid-q4boptg3] thead th{background-color:var(--color-secondary);padding-block-end:var(--space-xs)}.filter-item[data-astro-cid-q4boptg3]:nth-child(2n){background-color:var(--target-bg)}.filter[data-astro-cid-q4boptg3]:has([value=apple]:checked) .filter-item[data-astro-cid-q4boptg3]:not(.--apple),.filter[data-astro-cid-q4boptg3]:has([value=banana]:checked) .filter-item[data-astro-cid-q4boptg3]:not(.--banana){display:none}.filter[data-astro-cid-q4boptg3]:not(:has([value=all]:checked)) .filter-item[data-astro-cid-q4boptg3]{background-color:var(--color-primary)}.filter[data-astro-cid-q4boptg3]:has([value=apple]:checked) .filter-item[data-astro-cid-q4boptg3]:nth-child(2n of .--apple),.filter[data-astro-cid-q4boptg3]:has([value=banana]:checked) .filter-item[data-astro-cid-q4boptg3]:nth-child(2n of .--banana){background-color:var(--target-bg)}.nav[data-astro-cid-q4boptg3]{--columns:4;--distance:-1;background:var(--color-primary);color:var(--color-text-primary);position:relative;overflow:hidden;container-type:inline-size}.nav-chaser[data-astro-cid-q4boptg3]{inline-size:4px;block-size:calc(100% / var(--columns));background-color:var(--color-accent);pointer-events:none;translate:0 calc(100% * var(--distance));transition:translate .4s;display:block;position:absolute;inset-block-start:0}.nav[data-astro-cid-q4boptg3]:has(li:first-child>:where(a:hover,a:focus-visible)){--distance:0}.nav[data-astro-cid-q4boptg3]:has(li:nth-child(2)>:where(a:hover,a:focus-visible)){--distance:1}.nav[data-astro-cid-q4boptg3]:has(li:nth-child(3)>:where(a:hover,a:focus-visible)){--distance:2}.nav[data-astro-cid-q4boptg3]:has(li:nth-child(4)>:where(a:hover,a:focus-visible)){--distance:3}.nav-target[data-astro-cid-q4boptg3]{color:currentColor;font-family:var(--font-family-en);text-transform:uppercase;padding:20px;text-decoration:none;display:block;background:0 0!important}@container (inline-size>=600px){.nav-list[data-astro-cid-q4boptg3]{grid-template-columns:repeat(var(--columns), 1fr);display:grid}.nav-chaser[data-astro-cid-q4boptg3]{inline-size:calc(100% / var(--columns));block-size:4px;translate:calc(100% * var(--distance)) 0;inset-block:auto 0}.nav-target[data-astro-cid-q4boptg3]{text-align:center}}.quiz[data-astro-cid-q4boptg3]{--correct:#00885b;--incorect:#d00;background-color:var(--color-primary);color:var(--color-text-primary);border-radius:10px;display:grid;overflow:hidden}.quiz-section[data-astro-cid-q4boptg3]{padding:var(--space-s);background-color:var(--color-primary);grid-area:1/1;grid-template-rows:1fr auto;transition:translate .4s;display:grid;position:relative}@media (width>=768px){.quiz-section[data-astro-cid-q4boptg3]{padding:var(--space-m)}}.quiz-section[data-astro-cid-q4boptg3]+.quiz-section[data-astro-cid-q4boptg3]{translate:100%}.quiz-section[data-astro-cid-q4boptg3]:not(#_):has(.quiz-next:checked){translate:-100%}.quiz-section[data-astro-cid-q4boptg3]:has(.quiz-next:checked)+.quiz-section[data-astro-cid-q4boptg3]{translate:0}.quiz-q[data-astro-cid-q4boptg3]{font-weight:var(--font-weight-bold);grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-block-end:24px;display:grid}.quiz-icon[data-astro-cid-q4boptg3]{color:var(--color-accent);font-family:var(--font-family-en);font-size:32px}.quiz-a[data-astro-cid-q4boptg3]+.quiz-a[data-astro-cid-q4boptg3]{margin-block-start:16px}.quiz-label[data-astro-cid-q4boptg3]{--btn-size:4px;display:block;position:relative}.quiz-label[data-astro-cid-q4boptg3]:before,.quiz-label[data-astro-cid-q4boptg3]:after{content:"";border-radius:10px;block-size:100%;inline-size:100%;display:block;position:absolute}.quiz-label[data-astro-cid-q4boptg3]:before{background-color:currentColor;inset-block-end:0}.quiz-label[data-astro-cid-q4boptg3]:after{z-index:2;background-color:var(--color-primary);transition:translate .2s;inset-block-start:0}.quiz-label-inner[data-astro-cid-q4boptg3]{z-index:10;background-color:var(--color-primary);color:var(--color-text-primary);font-family:var(--font-family-en);cursor:pointer;border:1px solid;border-radius:10px;grid-template-columns:auto 1fr;gap:16px;padding:16px;transition:all .2s;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.quiz-label[data-astro-cid-q4boptg3]:has(.quiz-label-inner:hover):after,.quiz-label-inner[data-astro-cid-q4boptg3]:hover{translate:0 calc(-1 * var(--btn-size))}}.quiz-checkbox[data-astro-cid-q4boptg3]{background-color:var(--color-primary);vertical-align:text-bottom;appearance:none;cursor:pointer;block-size:1.6em;inline-size:1.6em;transition-duration:.2s;transition-property:border-color background-color;border:2px solid;border-radius:0;transition-timing-function:ease;position:relative}.quiz-label[data-astro-cid-q4boptg3]:has(:checked):after{translate:0!important}.quiz-label-inner[data-astro-cid-q4boptg3]:has(input:checked){border-color:var(--incorect);background-color:color-mix(in srgb, var(--incorect) 10%, transparent);translate:0}.quiz-label-inner[data-astro-cid-q4boptg3]:has(input[data-correct]:checked){border-color:var(--correct);background-color:color-mix(in srgb, var(--correct) 10%, transparent)}.quiz-checkbox[data-astro-cid-q4boptg3]:checked{border-color:var(--incorect);background-color:var(--incorect)}.quiz-checkbox[data-astro-cid-q4boptg3][data-correct]:checked{border-color:var(--correct);background-color:var(--correct)}.quiz-checkbox[data-astro-cid-q4boptg3]:before,.quiz-checkbox[data-astro-cid-q4boptg3]:after{content:"";visibility:hidden;transform-origin:50%;border-block-start:4px solid #fff;margin:auto;transition:scale .2s;position:absolute;inset:0;scale:1.3}.quiz-checkbox[data-astro-cid-q4boptg3]:checked:before,.quiz-checkbox[data-astro-cid-q4boptg3]:checked:after{visibility:visible;scale:1}.quiz-checkbox[data-astro-cid-q4boptg3]:before{transform:rotate(45deg)translateY(40%)}.quiz-checkbox[data-astro-cid-q4boptg3]:after{transform:rotate(-45deg)translateY(40%)}.quiz-checkbox[data-astro-cid-q4boptg3][data-correct]:before{display:none}.quiz-checkbox[data-astro-cid-q4boptg3][data-correct]:after{border:4px solid #fff;border-radius:50%;block-size:80%;inline-size:80%;transform:scale(1)}.quiz-next[data-astro-cid-q4boptg3]{appearance:none;cursor:pointer;background-color:#0000;position:absolute;inset:0}.memory[data-astro-cid-q4boptg3]{gap:var(--space-s);padding:var(--space-s);background:var(--color-primary);grid-template-columns:repeat(auto-fit,minmax(5em,1fr));display:grid;overflow:hidden}.memory[data-astro-cid-q4boptg3] input[data-astro-cid-q4boptg3]{z-index:-1;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.memory-label[data-astro-cid-q4boptg3]{--match:0;aspect-ratio:1;cursor:pointer;transform-style:preserve-3d;border:4px solid #fff;transition:transform .4s;display:block;position:relative;box-shadow:0 0 0 1px #aaa;[data-astro-cid-q4boptg3][style*="--color-mode: dark"] &{box-shadow:none}}.memory-label[data-astro-cid-q4boptg3]:has(input:checked){transform:rotateY(-180deg)}.memory-front[data-astro-cid-q4boptg3],.memory-label[data-astro-cid-q4boptg3]:after{backface-visibility:hidden;position:absolute;inset:0}.memory-front[data-astro-cid-q4boptg3]{background:#000}.memory-front[data-astro-cid-q4boptg3] img{inline-size:100%;opacity:calc(1 - (var(--match) * .4));transition:opacity .4s}.memory-label[data-astro-cid-q4boptg3]:after{content:"";background-color:var(--color-accent);display:block}.memory-front[data-astro-cid-q4boptg3]{transform:rotateY(180deg)}.memory[data-astro-cid-q4boptg3]:not(:has([value="1"]:not(:checked))) .memory-label[data-astro-cid-q4boptg3]:has([value="1"]),.memory[data-astro-cid-q4boptg3]:not(:has([value="2"]:not(:checked))) .memory-label[data-astro-cid-q4boptg3]:has([value="2"]),.memory[data-astro-cid-q4boptg3]:not(:has([value="3"]:not(:checked))) .memory-label[data-astro-cid-q4boptg3]:has([value="3"]),.memory[data-astro-cid-q4boptg3]:not(:has([value="4"]:not(:checked))) .memory-label[data-astro-cid-q4boptg3]:has([value="4"]),.memory[data-astro-cid-q4boptg3]:not(:has([value="5"]:not(:checked))) .memory-label[data-astro-cid-q4boptg3]:has([value="5"]),.memory[data-astro-cid-q4boptg3]:not(:has([value="6"]:not(:checked))) .memory-label[data-astro-cid-q4boptg3]:has([value="6"]){--match:1;pointer-events:none}.memory[data-astro-cid-q4boptg3]:not(:has(input:not(:checked))){background-color:var(--color-accent);transition:background-color .4s}.memory-check[data-astro-cid-q4boptg3]{z-index:20;block-size:1.4em;inline-size:1.4em;opacity:var(--match);transition:opacity .4s;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translate3d(-50%,-50%,-1px)}.memory-check[data-astro-cid-q4boptg3]:before,.memory-check[data-astro-cid-q4boptg3]:after{content:"";margin:auto;display:block;position:absolute;inset:0}.memory-check[data-astro-cid-q4boptg3]:before{background-color:var(--color-accent);transform:scale(var(--match));transform-origin:50%;border-radius:50%;transition:transform .4s}.memory-check[data-astro-cid-q4boptg3]:after{border-block-end:4px solid var(--color-primary);border-inline-end:4px solid var(--color-primary);block-size:35%;inline-size:50%;overflow:hidden;transform:rotate(45deg)translate(-10%,-10%)}.game-container[data-astro-cid-q4boptg3]{container-type:inline-size}.game[data-astro-cid-q4boptg3]{--bg:#eaeaea;--fg:#042020;--monitor:#cfddcf;--border-width:4px;border:outset calc(var(--border-width) * 2) var(--fg);background-color:var(--bg);max-inline-size:90cqi;color:var(--fg);grid-template-columns:1fr 50cqi 1fr;justify-items:center;margin:auto;padding-block:3cqi;display:grid}.game[data-astro-cid-q4boptg3] svg{inline-size:100%}.game-info[data-astro-cid-q4boptg3]{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,1fr);padding-block:2cqi;display:grid}.game-info[data-astro-cid-q4boptg3]:before,.game-info[data-astro-cid-q4boptg3]:after{content:"";background-color:#666;border-radius:50%;grid-row:3;place-self:end center;block-size:1.5cqi;inline-size:1.5cqi;display:block}.game-logo[data-astro-cid-q4boptg3]{border:solid 1px var(--fg);pointer-events:none;border-radius:1cqi;grid-column:1/-1;inline-size:10cqi;padding-block:.5cqi;padding-inline:1cqi}.game-monitor[data-astro-cid-q4boptg3]{--width:300;--height:225;aspect-ratio:4/3;block-size:100%;inline-size:100%;padding:var(--border-width);background-color:var(--fg);border-radius:2cqi;grid-column:2;margin:auto}.game-monitor-inner[data-astro-cid-q4boptg3]{background-color:var(--monitor);border-radius:1cqi;block-size:100%;inline-size:100%;position:relative;overflow:hidden;container-type:size}@container (inline-size>=600px){.game[data-astro-cid-q4boptg3]{--border-width:8px}}.game-controls[data-astro-cid-q4boptg3]{row-gap:var(--space-s);font-family:var(--font-family-en);font-weight:var(--font-weight-bold);grid-template-rows:1fr auto auto;padding-block:2cqi;display:grid}.game-title[data-astro-cid-q4boptg3]{text-overflow:ellipsis;white-space:nowrap;padding-inline:1em;font-size:2cqi;overflow:hidden}.game-btn[data-astro-cid-q4boptg3]{text-align:center;text-transform:uppercase;font-size:2cqi;text-decoration:none;position:relative}.game-btn[data-astro-cid-q4boptg3]:before{content:"";border:solid 1cqi var(--fg);background-color:#ccc;border-radius:14px;block-size:4cqi;inline-size:8cqi;margin-inline:auto;display:block}.game-btn-dl[data-astro-cid-q4boptg3],.game-btn-reset[data-astro-cid-q4boptg3]{align-self:end}.game-btn-dl[data-astro-cid-q4boptg3]{color:currentColor;opacity:0;transition:opacity 0s linear 3.4s}.game-btn-dl[data-astro-cid-q4boptg3]:hover{background:0 0}.game-checkbox[data-astro-cid-q4boptg3]{appearance:none;cursor:pointer;background-color:#0000;border:none;border-radius:0;position:absolute;inset:0}.game-target[data-astro-cid-q4boptg3]{inline-size:calc(54 / var(--width) * 100cqi);pointer-events:none;margin-inline:auto;transition:translate 1s steps(10,end);position:absolute;inset-block-start:calc(36 / var(--height) * 100cqb);inset-inline:0}.game-barrel[data-astro-cid-q4boptg3]{inline-size:calc(100 / var(--width) * 100cqi);pointer-events:none;margin-inline:auto;position:absolute;inset-block-start:calc(84 / var(--height) * 100cqb);inset-inline:0}.game-stick-label[data-astro-cid-q4boptg3]{inline-size:calc(60 / var(--width) * 100cqi);opacity:.4;cursor:pointer;display:inline-block;position:absolute}.game-stick-label[data-astro-cid-q4boptg3]:hover,.game-stick-label[data-astro-cid-q4boptg3]:has(.game-checkbox:focus){opacity:1}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(-n+3){scale:-1 1}.game-stick-label[data-astro-cid-q4boptg3]:first-child,.game-stick-label[data-astro-cid-q4boptg3]:nth-child(4){inset-block-start:calc(88 / var(--height) * 100%)}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(2),.game-stick-label[data-astro-cid-q4boptg3]:nth-child(5){inset-block-start:calc(129 / var(--height) * 100%)}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(3),.game-stick-label[data-astro-cid-q4boptg3]:nth-child(6){inset-block-start:calc(170 / var(--height) * 100%)}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(4),.game-stick-label[data-astro-cid-q4boptg3]:nth-child(6){inset-inline-start:55cqi}.game-stick-label[data-astro-cid-q4boptg3]:first-child,.game-stick-label[data-astro-cid-q4boptg3]:nth-child(3){inset-inline-end:55cqi}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(2){inset-inline-end:57cqi}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(5){inset-inline-start:57cqi}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(n+1):nth-child(-n+3):not(:has(input:checked)){translate:-12cqi}.game-stick-label[data-astro-cid-q4boptg3]:nth-child(n+4):nth-child(-n+6):not(:has(input:checked)){translate:12cqi}.game-stick-label[data-astro-cid-q4boptg3]:has(.game-checkbox:checked){opacity:1;pointer-events:none}.game[data-astro-cid-q4boptg3]:has([data-stick=hit]:checked) .game-target[data-astro-cid-q4boptg3]{translate:0 -100cqb}.game[data-astro-cid-q4boptg3]:has([data-stick=hit]:checked) .game-stick-label[data-astro-cid-q4boptg3]{pointer-events:none}.game[data-astro-cid-q4boptg3]:not(:has(input:not(:checked))) .game-btn-dl[data-astro-cid-q4boptg3]{opacity:1}.game[data-astro-cid-q4boptg3]:has(input:not(:checked)) .game-btn-dl[data-astro-cid-q4boptg3]{visibility:hidden}.game-message[data-astro-cid-q4boptg3]{visibility:hidden;font-family:var(--font-family-8bit);font-size:5cqi;line-height:1;position:absolute;inset-block-start:4cqi;inset-inline-start:4cqi}.game-message[data-astro-cid-q4boptg3]:after{content:"GAME OVER"}.game[data-astro-cid-q4boptg3]:not(:has(input:not(:checked))) .game-message[data-astro-cid-q4boptg3]:after{content:"PERFECT!"}.game[data-astro-cid-q4boptg3]:has([data-stick=hit]:checked) .game-message[data-astro-cid-q4boptg3]{animation:1s step-start 3.4s forwards message}@keyframes message{0%{visibility:hidden}to{visibility:visible}}.game-score[data-astro-cid-q4boptg3]{font-family:var(--font-family-8bit);font-size:5cqi;line-height:1;position:absolute;inset-block-start:4cqi;inset-inline-end:4cqi}.game-stick[data-astro-cid-q4boptg3]{counter-reset:score}.game-checkbox[data-astro-cid-q4boptg3][data-stick=true]:checked{counter-increment:score 1000}.game-score[data-astro-cid-q4boptg3]:after{content:counter(score)}.game[data-astro-cid-q4boptg3]:not(:has([data-stick=true]:checked)) .game-score[data-astro-cid-q4boptg3]:after{content:"0000"}.game[data-astro-cid-q4boptg3]:has([data-stick=hit]:checked) .game-score[data-astro-cid-q4boptg3]{animation:1s step-end .4s 3 flash}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}