li:has(tracking-slinky){padding:0}tracking-slinky{--x: 0;--y: 50%;display:grid;place-content:center;width:100%;height:100%;padding:15px;touch-action:none;user-select:none;-webkit-user-select:none}tracking-slinky *{pointer-events:none}tracking-slinky[data-slink]>span{animation:slinky 1.2s ease-in-out;animation-iteration-count:1}tracking-slinky>span{grid-area:1/1;margin-bottom:1.25em;font-family:Magnet,sans-serif;font-style:italic;font-size:var(--fs-3)}tracking-slinky>span:nth-of-type(7n+1){color:var(--color-1);animation-delay:.3s}tracking-slinky>span:nth-of-type(7n+2){color:var(--color-2);animation-delay:.25s}tracking-slinky>span:nth-of-type(7n+3){color:var(--color-3);animation-delay:.2s}tracking-slinky>span:nth-of-type(7n+4){color:var(--color-4);animation-delay:.15s}tracking-slinky>span:nth-of-type(7n+5){color:var(--color-5);animation-delay:.1s}tracking-slinky>span:nth-of-type(7n+6){color:var(--color-6);animation-delay:50ms}@keyframes slinky{0%,to{transform:translate(var(--base-x),var(--base-y))}50%{transform:translate(var(--x),var(--y))}}:root[theme=dark] dialog.bonk{border-width:10px}:root[theme=dark] dialog.bonk div:not(.grid),:root[theme=dark] dialog.bonk button{border-width:10px!important}body:has(dialog.bonk[open]){touch-action:none;pointer-events:none;overflow:hidden}body:has(dialog.bonk[open]) main{touch-action:none;pointer-events:none}body dialog.bonk{touch-action:initial;pointer-events:all}dialog.bonk{--flip-time: .5s;margin:auto;height:min(min(98svh,700px),160vw);width:min(min(98vw,650px),98svh);min-width:min(min(98vw,650px),98svh);border-radius:10px;border:12px double var(--color-text);background-color:var(--color-bg);outline:transparent;transform:rotateY(90deg);transition:display var(--flip-time),transform var(--flip-time) ease-in-out;transition-behavior:allow-discrete;transform-style:preserve-3d;will-change:transform}@starting-style{dialog.bonk{transform:rotateY(90deg);transition-timing-function:ease}}dialog.bonk[open]{display:grid;transform:rotateY(0)}@starting-style{dialog.bonk[open]{transform:rotateY(90deg);transition-timing-function:ease}}dialog.bonk::backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog.bonk[data-closing]{transform:rotateY(90deg);transition-timing-function:ease-in}dialog.bonk[data-flip]{animation:flip calc(var(--flip-time) * 2) ease-out}@keyframes flip{50%{transform:rotateY(90deg)}}dialog.bonk section{transition:opacity 0ms linear calc(var(--flip-time) - 50ms),visibility 0ms linear calc(var(--flip-time) - 50ms)}dialog.bonk section:not([data-current-view]){opacity:0;visibility:hidden;pointer-events:none;transition-delay:calc(var(--flip-time) - 50ms)}dialog.bonk h2,dialog.bonk h3,dialog.bonk p,dialog.bonk li,dialog.bonk button,dialog.bonk label,dialog.bonk details,dialog.bonk input[type=text]{font-family:Chicago,monospace!important;font-style:normal;font-weight:700;color:var(--color-text)}dialog.bonk h2 em,dialog.bonk h3 em,dialog.bonk p em,dialog.bonk li em,dialog.bonk button em,dialog.bonk label em,dialog.bonk details em,dialog.bonk input[type=text] em{font-style:italic}dialog.bonk h2{margin-bottom:24px;text-wrap:initial}dialog.bonk button{padding:5px 24px;margin:0;border-radius:15px;border:12px double var(--color-bg);background-color:var(--color-text);color:var(--color-bg);text-wrap:balance}dialog.bonk button:hover,dialog.bonk button:focus{border-color:var(--color-text);background-color:var(--color-bg);color:var(--color-text)!important}dialog.bonk bo-nk{display:grid;overflow:hidden}dialog.bonk bo-nk section{grid-area:1/1;overflow:hidden}dialog.bonk bo-nk:not([data-gameover]) div.gameover{display:none!important}dialog.bonk bo-nk:not([data-gameover]) section[data-view=menu] [data-outro]{display:none!important}dialog.bonk bo-nk[data-gameover] section[data-view=menu]{justify-content:space-between}dialog.bonk bo-nk[data-gameover] section[data-view=menu] h3{margin-top:10%}dialog.bonk bo-nk[data-gameover] section[data-view=menu] [data-intro]{display:none!important}dialog.bonk bo-nk:not([data-show-subview=name-taken]) [data-subview=name-taken]{display:none}dialog.bonk bo-nk[data-show-subview] [data-subview=default]{display:none}dialog.bonk bo-nk:not([data-show-questions]) [data-questions]{display:none}dialog.bonk bo-nk[data-show-questions] [data-no-questions]{display:none}dialog.bonk bo-nk:not([data-ask-questions]) [data-ask-questions]{display:none!important}dialog.bonk bo-nk[data-ask-questions] [data-intro],dialog.bonk bo-nk[data-ask-questions] [data-outro]{display:none}dialog.bonk section[data-view=menu]{padding:4px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:scroll}dialog.bonk section[data-view=menu] h2{font-size:clamp(30px,min(12svh,24vw),100px);margin-bottom:0}dialog.bonk section[data-view=menu] h3{font-size:clamp(14px,min(6svh,12vw),50px);margin:25px 0}dialog.bonk section[data-view=menu] p,dialog.bonk section[data-view=menu] li,dialog.bonk section[data-view=menu] label,dialog.bonk section[data-view=menu] details,dialog.bonk section[data-view=menu] input[type=text]{font-size:clamp(12px,min(3svh,4.2vw),18px);line-height:2;margin-top:20px}dialog.bonk section[data-view=menu] li{line-height:1.6}dialog.bonk section[data-view=menu] a{text-decoration:none;border-bottom:2px solid var(--color-text);color:var(--color-text);transition:padding .2s ease}dialog.bonk section[data-view=menu] a:hover{padding-bottom:2px}dialog.bonk section[data-view=menu] button{font-size:clamp(14px,min(5svh,5vw),20px)!important}dialog.bonk section[data-view=menu] div.scores{flex:1;min-height:100px;margin-bottom:25px;border:4px solid var(--color-text);border:12px double var(--color-text);border-radius:10px;overflow:scroll}dialog.bonk section[data-view=menu] div.scores .aligner{width:max-content;margin:0 auto}dialog.bonk section[data-view=menu] div.scores ol{display:flex;flex-direction:column;align-items:flex-start;margin:10px 0}dialog.bonk section[data-view=menu] div.scores li{margin:0}dialog.bonk section[data-view=menu] div.scores li.highlight{color:red}dialog.bonk section[data-view=menu] span.slide{display:inline-block}dialog.bonk section[data-view=menu] span.slide:first-of-type{animation:slide-left 1.2s ease-in-out infinite}dialog.bonk section[data-view=menu] span.slide:last-of-type{animation:slide-right 1.2s ease-in-out infinite}@keyframes slide-left{50%{transform:translate(-30%)}}@keyframes slide-right{50%{transform:translate(30%)}}dialog.bonk section[data-view=menu] form#submit-score{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}dialog.bonk section[data-view=menu] span[data-last-score]:after{content:attr(data-last-score)}dialog.bonk section[data-view=menu] span[data-top-score]:after{content:attr(data-top-score)}dialog.bonk section[data-view=menu] input[type=text]{width:50%;margin-top:0;text-align:center;line-height:2;color:var(--color-text);background-color:var(--color-bg);border:12px double var(--color-text);border-radius:10px}dialog.bonk section[data-view=menu] input[type=text][data-invalid]{color:red}dialog.bonk section[data-view=menu] input[type=text][data-invalid]+p#name-desc{color:red}dialog.bonk section[data-view=menu] p#name-desc{font-size:clamp(10px,min(2svh,3.5vw),14px)}dialog.bonk section[data-view=menu] p.nomargin{margin-top:0}dialog.bonk section[data-view=menu] [data-outro] div:has(button){margin-top:auto}dialog.bonk section[data-view=menu] .accordian{flex:1;display:flex;flex-direction:column;margin:15px 5%;gap:40px;align-items:flex-start;text-align:left}@media (max-width: 550px){dialog.bonk section[data-view=menu] .accordian{margin:15px 0}dialog.bonk section[data-view=menu] .accordian summary{margin:0 2%}}dialog.bonk section[data-view=menu] .accordian details{margin:0;width:100%}dialog.bonk section[data-view=menu] .accordian details summary{list-style-type:none;display:flex}dialog.bonk section[data-view=menu] .accordian details summary::marker,dialog.bonk section[data-view=menu] .accordian details summary::-webkit-details-marker{display:none}dialog.bonk section[data-view=menu] .accordian details summary .marker{position:relative;display:inline-block;padding-right:8px;height:fit-content}dialog.bonk section[data-view=menu] .accordian details summary .marker svg.reload{display:none;position:absolute;height:100%;width:auto;right:0}dialog.bonk section[data-view=menu] .accordian details summary:hover{cursor:pointer}dialog.bonk section[data-view=menu] .accordian details summary:hover .marker{animation:slide-left 1.2s ease-in-out infinite}dialog.bonk section[data-view=menu] .accordian details[data-reload] summary:hover .marker{animation:none}dialog.bonk section[data-view=menu] .accordian details[data-reload] .marker span{opacity:0;visibility:hidden}dialog.bonk section[data-view=menu] .accordian details[data-reload] .marker svg.reload{display:inline-block;animation:reload 1s linear infinite}@keyframes reload{to{transform:rotate(360deg)}}dialog.bonk section[data-view=menu] .accordian details .contents{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out}dialog.bonk section[data-view=menu] .accordian details .contents .expander{overflow:hidden;grid-area:1/-1}dialog.bonk section[data-view=menu] .accordian details div.vid{position:relative;width:600px;height:auto;max-width:100%;aspect-ratio:3/2;padding:0;border:12px double var(--color-text);border-radius:10px;overflow:hidden}dialog.bonk section[data-view=menu] .accordian details div.vid:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10;box-shadow:inset 0 0 20px #ffffffb3}dialog.bonk section[data-view=menu] .accordian details[open] .contents{grid-template-rows:1fr}@starting-style{dialog.bonk section[data-view=menu] .accordian details[open] .contents{grid-template-rows:0fr}}dialog.bonk section[data-view=menu] .accordian details.closing .contents{grid-template-rows:0fr}dialog.bonk section[data-view=menu] .accordian tracking-slinky{border:12px double var(--color-text);border-radius:10px;overflow:hidden}dialog.bonk section[data-view=bonk]{padding:0;display:flex;flex-direction:column}dialog.bonk section[data-view=bonk] .scorebar{flex:0;display:flex;flex-direction:row;justify-content:space-between;gap:min(2vw,2svh);margin:1svh min(2vw,2svh)}dialog.bonk section[data-view=bonk] h2{font-size:clamp(8px,min(4svh,4vw),28px);display:inline-block;margin-bottom:0}dialog.bonk section[data-view=bonk] h2[data-score]:after{content:attr(data-score)}dialog.bonk section[data-view=bonk] h2[data-level]:after{content:attr(data-level)}dialog.bonk section[data-view=bonk] h2[data-escaped]:after{content:attr(data-escaped)}dialog.bonk section[data-view=bonk] .grid{position:relative;overflow:hidden;flex:1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:min(5px,min(1svh,1vw));background-color:var(--color-text);border-top:5px solid var(--color-text)}dialog.bonk section[data-view=bonk] .grid button{position:relative;display:grid;place-items:center;border:none;border-radius:0;background-color:var(--color-bg);margin:0;padding:0;width:100%;height:100%;min-height:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}dialog.bonk section[data-view=bonk] .grid svg{width:95%;height:auto;max-height:95%;opacity:0;visibility:hidden}dialog.bonk section[data-view=bonk] .grid svg.bonked,dialog.bonk section[data-view=bonk] .grid svg.missedme{position:absolute}dialog.bonk section[data-view=bonk] .grid svg path{pointer-events:none}dialog.bonk section[data-view=bonk] .grid button[data-state=bonk] svg.bonk{opacity:1;visibility:visible}dialog.bonk section[data-view=bonk] .grid button[data-state=missed] svg.missedme{opacity:1;visibility:visible}dialog.bonk section[data-view=bonk] .grid button[data-state=bonked] svg.bonk,dialog.bonk section[data-view=bonk] .grid button[data-state=bonked] svg.bonked{opacity:1;visibility:visible}dialog.bonk section[data-view=bonk] .grid div.gameover{position:absolute;display:grid;place-content:center;top:0;left:0;width:100%;height:100%;text-align:center;pointer-events:none}dialog.bonk section[data-view=bonk] .grid div.gameover h2{font-size:clamp(30px,min(12svh,24vw),100px);color:red;text-shadow:-1px -1px black,1px -1px black,-1px 1px black,1px 1px black,0px -1.25px black}:root[theme=dark] dialog.fun{box-shadow:none;border:12px double var(--color-text);transform:translateY(-2px)}:root[theme=dark] dialog.fun:before{transform:translate(-50%) translateY(8px)}:root[theme=dark] dialog.fun:has(section.vid[data-current-view]){background-color:var(--color-bg)}:root[theme=dark] dialog.fun:has(section.vid[data-current-view]):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--color-text)}:root[theme=dark] dialog.fun section.vid{border-width:2px}@media (max-width: 550px){:root[theme=dark] dialog.fun section.vid{border-width:1px}}dialog.fun{bottom:calc(100% - 54px);max-width:100%;margin:0 auto;padding:0;text-align:center;border:4px solid var(--color-text);border-radius:10px;box-shadow:-2px 2px 0 2px var(--color-text);background-color:var(--color-bg);outline:transparent;touch-action:manipulation;opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out}@starting-style{dialog.fun{opacity:0;transform:translateY(8px)}}dialog.fun h2,dialog.fun h3,dialog.fun p,dialog.fun button{font-family:Chicago,monospace!important;font-style:normal;font-weight:700;color:var(--color-text)}dialog.fun em{font-style:italic}dialog.fun section:not([data-current-view]){display:none}dialog.fun section{padding:20px}dialog.fun:has(section.vid[data-current-view]){background-color:var(--color-text)}dialog.fun section.vid{position:relative;width:600px;height:auto;max-width:100%;aspect-ratio:3/2;padding:0;border-radius:15px;border:5px solid var(--color-text);overflow:hidden}dialog.fun section.vid:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10;box-shadow:inset 0 0 20px #ffffffb3}dialog.fun h2{font-size:1.5rem!important;margin-bottom:24px;text-wrap:initial}dialog.fun button{padding:5px 24px;margin:0;border-radius:15px;font-size:1.2rem;border:12px double var(--color-bg);background-color:var(--color-text);color:var(--color-bg);text-wrap:balance}dialog.fun button:hover,dialog.fun button:focus{border-color:var(--color-text);background-color:var(--color-bg);color:var(--color-text)!important}dialog.fun:before{content:"";position:absolute;top:100%;left:50%;border-width:22px;border-style:solid;border-color:transparent;border-top:21px solid var(--color-text);transform:translate(-50%)}dialog.fun[data-preload]+span.chicago-preload{display:block}span.chicago-preload{display:none;font-family:Chicago}@keyframes anim{0%{transform:translateX(0px,0px)}10%{transform:translate(-100px,100px)}20%{transform:translate(150px,-100px)}30%{transform:translate(-100px,100px)}40%{transform:translate(100px,-150px)}50%{transform:translate(-100px,200px)}60%{transform:translate(-200px,-100px)}70%{transform:translateY(50px,100px)}80%{transform:translate(100px,-150px)}90%{transform:translateY(200px)}to{transform:translate(-100px,100px)}}spark-ler{display:block;position:relative}.sparkler{--orbit-degrees: 180deg;--spin-degrees: -720deg;--origin: 150%;--slideX: 0;--slideY: 0;position:absolute;top:0;left:50%;z-index:-1;transform-origin:var(--origin) 0;animation:orbit-sparkle .5s ease-out}.sparkler svg{width:15px;height:15px;animation:spin-sparkle .5s ease-out}@keyframes orbit-sparkle{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}75%{opacity:1}to{transform:translate(var(--slideX)) translateY(var(--slideY)) rotate(var(--orbit-degrees));opacity:0}}@keyframes spin-sparkle{0%{transform:rotate(0)}to{transform:rotate(var(--spin-degrees))}}@layer style{@media (max-width: 1115px){footer .shrinkray{--mini-cube-size: 15px;--mini-cube-size-unitless: 15}}@media (max-width: 550px){footer .shrinkray{--mini-cube-size: 15px;--mini-cube-size-unitless: 15}}footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-style:italic;content-visibility:auto}footer:has(dialog[data-had-fun],dialog[open]){content-visibility:visible;z-index:1000}footer p{touch-action:manipulation}footer div:has(slinky-blaster){width:100%;text-align:center;margin-top:-60px;padding-top:60px;padding-bottom:25px;overflow:hidden}footer .shrinkray{margin-top:75px;margin-bottom:25px;--text-color: var(--color-bg);--mini-cube-size: 15px;--mini-cube-size-unitless: 15;--mini-cube-border-ratio: .07;--mini-cube-size-unitless-neg: calc(var(--mini-cube-size-unitless) * -1);--cube-vertical-margin: calc(var(--mini-cube-size) * .44);--mini-cube-bottom-padding: calc(var(--mini-cube-size) * (1/16));--mini-cube-fs: calc(var(--mini-cube-size) * .7);--mini-cube-radius: calc(var(--mini-cube-size) * .25);--neg-mini-cube-size: calc(var(--mini-cube-size) * -1);--mini-center-offset: calc(var(--mini-cube-size) / 2);--neg-mini-center-offset: calc(var(--mini-cube-size) / -2);--cube-size: calc(var(--mini-cube-size) * 2);--neg-cube-size: calc(var(--cube-size) * -1);--center-offset: calc(var(--cube-size) / 2);--neg-center-offset: calc(var(--cube-size) / -2)}footer .shrinkray[data-pulse]{animation:pulse .25s ease-out}footer .shrinkray cu-be{-webkit-tap-highlight-color:transparent}footer slinky-blaster{display:inline-block;position:relative}footer slinky-blaster[data-active]{user-select:none;-webkit-user-select:none}footer slinky-blaster .blaster-bolt{--x: 200px;--y: 0;--deg: 150deg;--origin: 50vw;position:absolute;top:-50%;left:-30%;animation:fire 2s linear forwards;animation-composition:replace,add,accumulate,accumulate;font-family:Magnet,sans-serif;font-style:italic;font-size:var(--fs-2)}footer slinky-blaster .blaster-bolt.primary{color:var(--color-text)!important}footer slinky-blaster .blaster-bolt:nth-of-type(6n+1){color:var(--green)}footer slinky-blaster .blaster-bolt:nth-of-type(6n+2){color:var(--yellow)}footer slinky-blaster .blaster-bolt:nth-of-type(6n+3){color:var(--orange)}footer slinky-blaster .blaster-bolt:nth-of-type(6n+4){color:var(--red)}footer slinky-blaster .blaster-bolt:nth-of-type(6n+5){color:var(--blue)}footer slinky-blaster .blaster-bolt:nth-of-type(6n+6){color:var(--purple)}@keyframes fire{0%{transform-origin:0;transform:scale(0) translate(0) rotate(0)}10%{transform-origin:0;transform:scale(1) translate(0) rotate(0)}to{transform-origin:var(--origin);transform:scale(1) translate(var(--x)) translateY(var(--y)) rotate(var(--deg))}}footer p:hover slinky-blaster{cursor:pointer}footer p:hover slinky-blaster span:nth-of-type(6n+1){color:var(--green)}footer p:hover slinky-blaster span:nth-of-type(6n+2){color:var(--yellow)}footer p:hover slinky-blaster span:nth-of-type(6n+3){color:var(--orange)}footer p:hover slinky-blaster span:nth-of-type(6n+4){color:var(--red)}footer p:hover slinky-blaster span:nth-of-type(6n+5){color:var(--blue)}footer p:hover slinky-blaster span:nth-of-type(6n+6){color:var(--purple)}}