/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{--brand-hue: 66;--brand-saturation: 81%;--brand-lightness: 20%;--brand: hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness));--brand-shadow: hsl(var(--brand-hue) var(--brand-saturation) 10%);--brand-negatif: hsl(var(--brand-hue) var(--brand-saturation) 90%);--text1-light: hsl(var(--brand-hue) var(--brand-saturation) 14%);--text2-light: hsl(var(--brand-hue) 100% 25%);--text3-light: hsl(var(--brand-hue) 17% 70%);--text4-light: hsl(var(--brand-hue) 40% 60%);--surface1-light: hsl(var(--brand-hue) 0% 99%);--surface2-light: hsl(var(--brand-hue) 3% 95%);--surface3-light: rgba(237, 238, 215, .5);--surface4-light: rgba(237, 238, 215, 1);--text1-dark: hsl(var(--brand-hue) 28% 60%);--text2-dark: hsl(var(--brand-hue) 58% 86%);--text3-dark: hsl(var(--brand-hue) 6% 44%);--text4-dark: hsl(var(--brand-hue) 7% 54%);--surface1-dark: hsl(var(--brand-hue) 35% 10%);--surface2-dark: hsl(var(--brand-hue) 16% 33%);--surface3-dark: rgba(27, 28, 16, .5);--surface4-dark: rgba(27, 28, 16, 1)}:root{color-scheme:light;--brand: var(--brand);--text1: var(--text1-light);--text2: var(--text2-light);--text3: var(--text3-light);--text4: var(--text4-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface3: var(--surface3-light);--surface4: var(--surface4-light)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--brand: var(--brand);--text1: var(--text1-dark);--text2: var(--text2-dark);--text3: var(--text3-dark);--text4: var(--text4-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface3: var(--surface3-dark);--surface4: var(--surface4-dark)}}[color-scheme=light]{color-scheme:light;--brand: var(--brand);--text1: var(--text1-light);--text2: var(--text2-light);--text3: var(--text3-light);--text4: var(--text4-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface3: var(--surface3-light);--surface4: var(--surface4-light)}[color-scheme=dark]{color-scheme:dark;--brand: var(--brand);--text1: var(--text1-dark);--text2: var(--text2-dark);--text3: var(--text3-dark);--text4: var(--text4-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface3: var(--surface3-dark);--surface4: var(--surface4-dark)}.theme-toggle{--size: 2.6rem;--icon-stroke: var(--text1);--icon-stroke-hover: var(--text2);position:fixed;top:1rem;right:1rem;background:none;border:none;padding:.2rem;inline-size:var(--size);block-size:var(--size);aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-toggle>svg{inline-size:100%;block-size:100%;stroke-linecap:round;fill:transparent}.sun-and-moon>:is(.moon,.moon1,.sun-beams,.sun){transform-origin:50% 50%;stroke:var(--icon-stroke)}.theme-toggle:is(:hover,:focus-visible) :is(.sun-and-moon > :is(.moon,.moon1,.sun-beams,.sun)){stroke:var(--icon-stroke-hover);stroke-width:.12rem}.sun-and-moon .sun-beams{opacity:0;transform:rotate(-60deg)}.sun-and-moon>.sun{transform:scale(0)}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.sun-and-moon .sun-beams{opacity:0;transform:scale(0);transform:rotate(-60deg)}.sun-and-moon>.sun{transform:scale(0);opacity:0}}}[color-scheme=dark] .sun-and-moon>:is(.moon,.moon1){transform:scale(0);opacity:0}[color-scheme=dark] .sun-and-moon>.sun{transform:scale(1);opacity:1}[color-scheme=dark] .sun-and-moon>.sun-beams{opacity:1;transform:rotate(0)}@media (prefers-reduced-motion: no-preference){.sun-and-moon>:is(.moon,.moon1,.sun-beams,.sun){transition:all var(--transition-duration) ease-in-out}}.spin-position{position:fixed;bottom:5.8rem;right:1.8rem}.pivot-position{position:fixed;bottom:7.9rem;right:1.8rem}.gui-switch{--transition-duration: .25s;--thumb-size: 1.1rem;--thumb-active: var(--text1);--thumb-inactive: var(--text3);--thumb-highlight-active: var(--text2);--thumb-highlight-inactive: var(--text4);--track-size: calc(var(--thumb-size) * 2.6);--track-padding: .02rem;--isLTR: 1;z-index:0;color:var(--thumb-active);display:flex;gap:2ch;align-items:center;justify-content:flex-end;font-size:.8rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: no-preference){.gui-switch{transition:color var(--transition-duration) ease-in-out}}.gui-switch:dir(rtl){--isLTR: -1}.gui-switch.-vertical{min-block-size:calc(var(--track-size) + calc(var(--track-padding) * 2))}.gui-switch.-vertical>input{transform:rotate(calc(90deg * var(--isLTR) * -1));touch-action:pan-x}.gui-switch:hover{color:var(--thumb-highlight-active)}.gui-switch[disabled]{cursor:not-allowed;color:var(--thumb-highlight-inactive);opacity:.3}.gui-switch[disabled]:hover{color:var(--thumb-highlight-inactive)}.gui-switch>input{--thumb-position: 0%;padding:var(--track-padding);inline-size:var(--track-size);block-size:var(--thumb-size);border-radius:var(--track-size);appearance:none;pointer-events:none;touch-action:pan-y;border:.07rem solid var(--thumb-inactive);outline-offset:5px;box-sizing:content-box;flex-shrink:0;display:grid;align-items:center;grid:[track] 1fr / [track] 1fr;transition:border .25s ease}.gui-switch>input:before{--highlight-size: 0;--highlight-size-inner: .15rem;content:"";cursor:pointer;pointer-events:auto;grid-area:track;inline-size:var(--thumb-size);block-size:var(--thumb-size);padding:.01rem .01rem 0 0;background-color:var(--thumb-inactive);box-shadow:inset 0 0 0 var(--highlight-size-inner) var(--surface4),0 0 0 var(--highlight-size) var(--thumb-highlight-inactive);border-radius:50%;transform:translate(var(--thumb-position));transition:background-color .25s ease}@media (prefers-reduced-motion: no-preference){.gui-switch>input:before{transition:all var(--transition-duration) ease-in-out}}.gui-switch>input:after{content:"Off";z-index:-50;grid-area:track;font-size:.6rem;text-align:center;inline-size:var(--thumb-size);color:var(--thumb-inactive);padding:0 calc(var(--thumb-size) / 10);transform:translate(calc((var(--track-size) - 100%) * var(--isLTR)))}@media (prefers-reduced-motion: no-preference){.gui-switch>input:after{transition:transform var(--transition-duration) ease-in-out}}.gui-switch>input:hover{--thumb-inactive: var(--thumb-highlight-inactive) }.gui-switch>input:hover:before{--highlight-size: .1rem;--highlight-size-inner: .18rem;--thumb-inactive: var(--thumb-highlight-inactive)}.gui-switch>input:checked{--thumb-inactive: var(--thumb-active);--thumb-position: calc((var(--track-size) - 100%) * var(--isLTR)) }.gui-switch>input:checked:hover{--thumb-active: var(--thumb-highlight-active)}.gui-switch>input:checked:before{background-color:var(--thumb-active);box-shadow:inset 0 0 0 var(--highlight-size-inner) var(--surface4),0 0 0 var(--highlight-size) var(--thumb-highlight-active)}@media (prefers-reduced-motion: no-preference){.gui-switch>input:checked:before{transition:all var(--transition-duration) ease-in-out}}.gui-switch>input:checked:after{content:"On";transform:translate(calc(- var(--thumb-position)));z-index:-50}@media (prefers-reduced-motion: no-preference){.gui-switch>input:checked:after{transition:transform var(--transition-duration) ease-in-out}}.gui-switch>input:indeterminate{--thumb-position: calc( calc(calc(var(--track-size) / 2) - calc(var(--thumb-size) / 2)) * var(--isLTR); )}.gui-switch>input:disabled:hover{border:.07rem solid var(--thumb-inactive)}.gui-switch>input:disabled:before{--highlight-size: 0;--highlight-size-inner: .15rem;cursor:not-allowed;box-shadow:inset 0 0 0 .15rem var(--surface4) )}.recycle-button-container{display:inline-flex;justify-content:flex-end;height:auto;position:fixed;bottom:10rem;right:1.8rem}.recycle-button-container.-playing-pos{bottom:9rem}@media (prefers-reduced-motion: no-preference){.recycle-button-container.-playing-pos{transition:all var(--transition-duration) ease-in-out}}.soft-button-container{display:flex;align-items:center;position:fixed;bottom:15.8rem;right:1.6rem}.soft-button-container.-playing-pos{bottom:9.5rem}@media (prefers-reduced-motion: no-preference){.soft-button-container.-playing-pos{transition:all var(--transition-duration) ease-in-out}}.normal-button-container{position:fixed;bottom:12.8rem;right:1.6rem}.normal-button-container.-playing-pos{bottom:9.5rem}@media (prefers-reduced-motion: no-preference){.normal-button-container.-playing-pos{transition:all var(--transition-duration) ease-in-out}}.hard-button-container{position:fixed;bottom:9.9rem;right:1.6rem}.hard-button-container.-playing-pos{bottom:9.4rem}@media (prefers-reduced-motion: no-preference){.hard-button-container.-playing-pos{transition:all var(--transition-duration) ease-in-out}}.color-bloc{z-index:2}.ui-bloc{display:grid;position:fixed;bottom:1rem;right:1rem;min-width:10.5rem;min-height:8.9rem;z-index:1;background:var(--surface3);transform-origin:bottom right;border-radius:2rem;border:.07rem solid var(--surface1);padding:1rem;margin:0 -.4rem -.4rem 0;height:12.9rem;width:auto}@media (prefers-reduced-motion: no-preference){.ui-bloc{transition:all var(--transition-duration) ease-in-out}}.ui-bloc.-hide{opacity:0}@media (prefers-reduced-motion: no-preference){.ui-bloc.-hide{transition:all var(--transition-duration) ease-in-out}}.ui-bloc.-none{display:none;user-select:none;cursor:default;pointer-events:none;visibility:hidden;--padding-bloc: 0rem;--bloc-size: 0rem}.button-label{display:flex;justify-content:flex-end;margin:.4rem 0;gap:1rem;align-self:center;align-items:center;z-index:0;opacity:1;font-size:.8rem;font-weight:300;letter-spacing:.02rem;color:var(--text1)}@media (prefers-reduced-motion: no-preference){.button-label{transition:all var(--transition-duration) ease-in-out}}.button-label.-hide{opacity:0}@media (prefers-reduced-motion: no-preference){.button-label.-hide{transition:all var(--transition-duration) ease-in-out}}.button-label.-none{display:none;user-select:none;cursor:default;pointer-events:none;visibility:hidden;--padding-bloc: 0rem;--bloc-size: 0rem}.btn{--transition-duration: .5s;--highlight-size: 0;--highlight-size-inner: 0;--font-size: .65rem;--padding-inline: 1.1rem;--padding-bloc: 1rem;--bloc-size: 1.4rem;align-items:center;background-color:transparent;block-size:var(--bloc-size);border:.07rem solid var(--text1);border-radius:100vw;box-shadow:0 0 0 var(--highlight-size) var(--text2);cursor:pointer;display:flex;inline-size:auto;justify-self:end;justify-content:center;opacity:1;padding:var(--padding-bloc) var(--padding-inline);position:relative;transform-origin:center center;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: no-preference){.btn{transition:all var(--transition-duration) ease-in-out}}.btn>p{font-size:var(--font-size);color:var(--text1);opacity:1}@media (prefers-reduced-motion: no-preference){.btn>p{transition:all var(--transition-duration) ease-in-out}}.btn:hover{border:.07rem solid var(--text2);--highlight-size: .07rem }.btn:hover>p{color:var(--text2)}.btn.-playing:hover{border:.07rem solid var(--text1);--highlight-size: 0rem}.btn.-playing{--bloc-size: .5rem;--padding-bloc: 0rem;--padding-inline: 1.45rem;cursor:default;box-shadow:inset 0 0 0 .02rem var(--text1);animation-name:margin;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:steps(5,end);overflow:hidden}@media (prefers-reduced-motion: no-preference){.btn.-playing{transition:all var(--transition-duration) ease-in-out;animation-timing-function:linear}}.btn.-playing>p{opacity:0;--font-size: 0rem }@media (prefers-reduced-motion: no-preference){.btn.-playing>p{transition:all var(--transition-duration) ease-in-out}}.btn.-bottom.-loading:after{animation-duration:8.1s}.btn.-top.-loading:after{animation-duration:8.1s}.btn.-loading:after{content:"";position:absolute;background-color:var(--text1);transform:scaleX(0);transform-origin:0 center;inline-size:100%;block-size:100%;animation-name:load;animation-delay:var(--transition-duration);animation-duration:9.5s;animation-fill-mode:forwards;animation-timing-function:steps(5,end)}@media (prefers-reduced-motion: no-preference){.btn.-loading:after{animation-timing-function:linear}}.btn.-hide{opacity:0}.btn.-none{display:none;user-select:none;pointer-events:none;cursor:default;visibility:hidden;--padding-bloc: 0rem;--bloc-size: 0rem}@keyframes load{0%{transform:scaleX(0)}85%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@keyframes margin{0%{margin:0}to{margin:.6rem 0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.color-bloc{position:fixed;bottom:3.2rem;right:1.8rem;align-items:center}.color-bloc>.color-button{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;margin-inline-start:.3rem}.color-bloc>.color-button>input{--highlight-size: 0;--highlight-size-inner: .2rem;--transition-duration: .25s;inline-size:1.4rem;block-size:1.4rem;border-radius:50%;appearance:none;cursor:pointer;outline-offset:5px;box-sizing:content-box;flex-shrink:0;border:.07rem solid var(--text3);box-shadow:0 0 0 var(--highlight-size) var(--text3),inset 0 0 0 var(--highlight-size-inner) var(--surface4)}.color-bloc>.color-button>input.chrome{background-color:#a9a9a9}.color-bloc>.color-button>input.rose-gold{background-color:#e1a37d}.color-bloc>.color-button>input.black{background-color:#131011}.color-bloc>.color-button>input:checked{border:.07rem solid var(--text2)}.color-bloc>.color-button>input:checked:hover{--highlight-size: 0;--highlight-size-inner: .2rem;cursor:not-allowed}.color-bloc>.color-button>input:hover{--highlight-size: .05rem;--highlight-size-inner: .1rem;--text3: var(--text2)}@media (prefers-reduced-motion: no-preference){.color-bloc>.color-button>input{transition:all var(--transition-duration) ease-in-out}}.color-name{text-align:right;margin-bottom:.5rem;margin-top:-.2rem;position:fixed;bottom:1.4rem;right:2rem}*{box-sizing:border-box;margin:0}html{block-size:100%;inline-size:100%;background-color:var(--surface1);color:var(--text1);touch-action:manipulation}body{--transition-duration: .5s;block-size:100%;inline-size:100%;font-family:system-ui,sans-serif;font-size:.8rem}body h2{z-index:0;font-family:sans-serif;line-height:1.2em;font-size:1.2rem;font-weight:200;margin-top:.2rem;letter-spacing:.01rem;color:var(--text1);justify-self:end;text-align:end}body h2.-hide{opacity:0}body h2.-none{display:none;user-select:none;cursor:default;pointer-events:none;visibility:hidden;--padding-bloc: 0rem;--bloc-size: 0rem}body>.webgl{position:fixed;block-size:100%;inline-size:100%;top:0;left:0;outline:none;z-index:0}body .loading-holder{position:absolute;top:50%;left:50%;block-size:4px;margin-left:-100px;width:200px;border-radius:2px;background:var(--surface1);opacity:1;transform-origin:center center;transform:scaleY(0%);transition:opacity transform 1s;will-change:opacity}body .loading-holder .loading-bar{width:100%;stroke:var(--text2);stroke-width:4px;stroke-linecap:round;transform:translate(-100%);transform-origin:bottom left;transition:transform .5s;will-change:transform}body .opening{transform:scale(1)}body .app-name{block-size:4px;border-radius:2px;color:var(--text1);font-family:quiche-sans,sans-serif;font-style:normal;font-size:2.5rem;line-height:2rem;font-weight:700;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-10rem;width:300px;opacity:1;text-align:center;transition:opacity 1s;visibility:visible;will-change:opacity}body .app-name .the_prefix span span{font-size:.8rem;position:relative;top:1rem}body .ended{opacity:0;visibility:hidden}body>main{display:grid;block-size:100%;inline-size:100%;grid-template:1fr / minmax(3rem,1fr);padding:2ch;align-items:start;align-content:center;justify-content:center;opacity:1}@media (prefers-reduced-motion: no-preference){body>main{transition:all var(--transition-duration) ease-in-out}}body>main.-hide{opacity:0}.logo{position:fixed;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;margin:.2rem}@media (prefers-reduced-motion: no-preference){.logo{transition:all var(--transition-duration) ease-in-out}}.logo:hover{stroke-width:2px;stroke-color:var(--text2)}a{color:var(--text1)}.info{position:fixed;bottom:1.8rem;left:1.8rem;color:var(--text1);font-family:quiche-sans,sans-serif;text-align:start;letter-spacing:.05rem;line-height:1rem;font-size:1rem;text-decoration:none;background:var(--surface3);transform-origin:bottom right;border-radius:2rem;border:.07rem solid var(--surface1);padding:1rem 1.4rem;margin:0 -.5rem -.5rem 0}@media (prefers-reduced-motion: no-preference){.info{transition:all var(--transition-duration) cubic-bezier(.7,0,.3,1)}}.info:hover{color:var(--text2)}.info .char{animation-name:wiggle;transition:transform .6s cubic-bezier(.7,0,.3,1);animation-duration:5s;animation-delay:calc(.5s * var(--char-index));animation-iteration-count:infinite;animation-timing-function:steps(5,end)}@media (prefers-reduced-motion: no-preference){.info .char{animation-timing-function:ease-in-out}}.info:hover .char{transform:translate(calc(+.2em * var(--char-index)));transition-delay:calc(20ms + (30ms * var(--char-index)))}#gui{max-height:100%;position:fixed;bottom:0;left:15px;z-index:1001;width:var(--width, 245px);display:flex;flex-direction:column}@keyframes wiggle{0%{transform:translateY(.08em)}50%{transform:translateY(-.08em)}to{transform:translateY(.08em)}}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports (display: grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x: calc((var(--col-total) - 1) / 2);--center-y: calc((var(--row-total) - 1) / 2);--offset-x: calc(var(--col-index) - var(--center-x));--offset-y: calc(var(--row-index) - var(--center-y));--distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );--distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) )}}