.page-404{display:flex;overflow:hidden;width:100vw;height:100vh;flex-flow:row wrap;gap:40px;justify-content:center;align-items:center;font-size:2vw}.page-404-title{position:absolute;top:50%;left:50%;display:inline-block;width:50vw;z-index:2024;translate:-50% -50%;font-size:8vw;margin:0;padding:0;text-shadow:0 0 8px rgba(255,255,255.8)}.healthbar{width:100%;height:16px;background-color:#ccc;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 2px,black 4px);mask-image:linear-gradient(90deg,transparent 2px,black 4px);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:6px;mask-size:6px}.healthbar .bar{height:100%;background-color:currentColor;transition:width .3s linear}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#000;display:flex;justify-content:center;align-items:center;z-index:2000;pointer-events:none}.modal-overlay.__isHidden{pointer-events:none;opacity:0}.modal-overlay.__isHidden .modal-submit{display:none}.modal-overlay.__isVisible{pointer-events:auto}.modal-close{position:absolute;top:16px;right:16px;height:36px;aspect-ratio:1}.modal-content{background-color:var(--bg-color);padding:24px;width:clamp(240px,calc(100% - 128px),640px);max-height:90vh;position:relative;font-family:var(--default-font)}.modal-content p{margin:40px 0 16px;line-height:1.3}.modal-content p+p{margin-top:0}.modal-content p:nth-last-child(1){margin-bottom:16px}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end}.modal-title h1,.modal-title h2,.modal-title h3,.modal-title h4,.modal-title h5,.modal-title h6{margin:-3px 0 -24px;width:calc(100% - 40px);display:flex;gap:8px}.modal-title svg{width:26px}.modal-header{display:block;width:100%}.modal-header+*{margin-top:40px}.modal-submit{font-size:16px;cursor:pointer}.modal-submit:hover,.modal-submit:focus{opacity:.9;scale:1.1}.wurmpje-thumbnail{width:100%;margin:0}.wurmpje-thumbnail.__isCurved{aspect-ratio:1 / 1}.wurmpje-thumbnail #canvas-container{width:100%;margin:0;padding:0;position:relative;height:100%}.wurmpje-thumbnail #canvas-container #matter{display:none}.select-identity-modal .modal-content{max-width:360px}.select-identity-modal .wurmpje-thumbnail{width:200px;height:100px}.select-identity-modal .wurmpje-thumbnail canvas{width:100%}.selected-identity-container{display:flex;justify-content:space-between;align-items:flex-start}.selected-identity-container .jao-icon{width:34px;margin-top:33px}.selected-identity-container .wurmpje-window{overflow:hidden;height:220px;width:200px;text-align:center;position:relative}.selected-identity-container .wurmpje-window .stats{display:flex;flex-direction:column;gap:4px}.selected-identity-container .wurmpje-window .healthbar-row{display:grid;grid-template-columns:1fr 40px}.selected-identity-container .wurmpje-window .healthbar-row .healthbar{height:10px}.selected-identity-container .wurmpje-window .healthbar-row .healthbar-name{font-family:var(--accent-font);font-size:10px;text-align:right;line-height:1}.selected-identity-container .new-wurmpje,.selected-identity-container .selected-wurmpje{position:absolute;top:0;left:0;width:100%}.selected-identity-container .new-wurmpje{left:200px}.selected-identity-container .wurmpje-name{font-size:24px;font-family:var(--accent-font);line-height:24px;margin:8px 0 12px}.select-identity-container .parents{margin-top:16px}.select-identity-container .parents,.select-identity-container table{width:100%}.select-identity-container .parent-gender{text-align:center;margin:0;font-family:var(--default-font);font-size:16px}.select-identity-container .parent-name{text-align:center;margin:4px 0;font-family:var(--accent-font);font-size:12px;font-weight:300}.select-identity-container .parent-select{text-align:center}.select-identity-container .wurmpje-thumbnail{width:100%}#catterpillar-container{position:relative;width:100%}#catterpillar-container>div{width:100%;height:100%;position:absolute;inset:0}#catterpillar{height:100vh;height:100svh;position:relative}.catterpillar-header{position:absolute;top:0;left:50%;translate:-50% 0;max-width:320px;text-align:center;padding-top:16px;z-index:1;display:inline-block}.catterpillar-name{font-size:24px;font-family:var(--accent-font);line-height:24px;margin:0}.catterpillar-age{font-size:16px;font-family:var(--accent-font);opacity:.4}.catterpillar-gender{display:inline-block}.catterpillar-gender.__isMale{margin-right:8px}.catterpillar-gender.__isMale svg{translate:0 6px}.catterpillar-gender.__isFemale{margin-right:2px}.catterpillar-gender.__isFemale svg{translate:0 2px}.catterpillar-gender svg{display:inline-block;height:23px;width:23px}.button{color:#eee;background-color:var(--primary-bg-color);border:0 none transparent;padding:8px 16px;transition:.16s all ease;color:var(--contrast-color)}.button:hover{filter:brightness(95%);cursor:pointer;border-radius:8px}.button.dark{background-color:var(--contrast-color);color:var(--primary-bg-color);border:1px solid var(--contrast-color)}.button.dark:hover,.button.dark:focus{background-color:var(--primary-bg-color);color:var(--contrast-color);cursor:pointer;border-radius:2px}.button.default{background-color:#eee;color:#222}.button.default:hover,.button.default:focus{box-shadow:8px 8px #000;cursor:pointer;border-radius:2px}.button.__isDisabled{background-color:var(--red);cursor:not-allowed;color:var(--primary-bg-color)}.button.__isSelected{background-color:var(--green);color:var(--primary-bg-color)}.buttons-container{display:flex;gap:8px;position:fixed;flex-flow:wrap row;bottom:16px;left:16px}#devmode{position:fixed;bottom:16px;right:16px}.matterbox-footer{position:fixed;bottom:0;left:0;right:0;height:128px;padding:0 16px 8px;display:grid;grid-template-columns:96px auto;gap:16px;max-width:640px;margin:auto}.matterbox-footer a{color:currentColor;text-decoration:underline}.actions-container{display:flex;justify-content:flex-end;align-items:center;height:100%;flex-flow:column;margin:0;font-family:var(--accent-font)}.actions-container section{display:flex;justify-content:center;align-items:center;width:100%}.next-action.__isDisabled,.prev-action.__isDisabled{opacity:.1}.actions-header{opacity:.6;transition:all .32s ease}.actions-header.__isActive{opacity:1}.actions-header.__isDisabled{opacity:.4}.actions-header svg{height:23px}.actions-header svg+svg{height:15px;opacity:.8}.actions-header rect[v="0"]{fill:transparent}.action-container{width:64px;height:64px;display:flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:0;padding:4px;transition:all .32s ease}.action-container.__isActive{color:#f90}.action-container.__isDisabled{opacity:.4}.action-container svg{height:100%}.actions-footer{text-align:center;height:32px;line-height:1em}.actions-footer.__isDisabled{opacity:.4}.stats{display:flex;justify-content:flex-end;font-family:var(--accent-font);font-size:14px;flex-flow:column;gap:8px}.healthbar-row{display:grid;grid-template-columns:auto 72px;text-align:right}.healthbar-row .healthbar{transition:scale .32s ease;transform-origin:center;scale:1 1}.healthbar-row .healthbar-name{transition:opacity .32s ease;opacity:.64}.healthbar-row.__isActive .healthbar-name{opacity:1}.healthbar-row.__isActive .healthbar{scale:1 1.2}.copyright{opacity:.4;text-align:right;font-family:var(--default-font);letter-spacing:.2px;font-size:10px;padding-top:4px}.qr{position:absolute;top:16px;left:16px;text-decoration:none;z-index:1;color:currentColor}.qr svg{height:54px;width:54px}.catterpillar-switch{position:absolute;right:-21px}.catterpillar-switch .jao-icon{height:13px;translate:0 5px}#matter{opacity:0}#thumbnail-container{opacity:0;pointer-events:none;width:180px;height:180px;position:fixed;top:0;left:0;margin:0;z-index:2025}#thumbnail-container>div{position:absolute;inset:0}#thumbnail-container #matter{display:none}.invalid-parent-id-modal .modal-content{max-width:360px}.invalid-parent-id-modal p{margin-bottom:16px}.breeding-modal .modal-content{max-width:50vh}.breeding-modal p{margin-bottom:16px}.breeding-modal .parent1,.breeding-modal .parent2{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%}.breeding-modal .parent1 canvas{transform:scaleX(-1)}.breeding-modal .parent-wurmpje{width:100%;margin:0}.breeding-modal .parent-identity{display:flex;flex-flow:column;align-items:center;font-family:var(--accent-font);font-size:16px}.breeding-modal .parent-gender{font-size:14px;opacity:.64}.breeding-modal .parent-cooldown{text-align:center;line-height:.9;font-weight:400;font-size:14px;opacity:.8}.breeding-modal .wurmpje-thumbnail{height:100px;opacity:0}.breeding-modal .wurmpje-thumbnail-container{margin:0;width:100%;display:flex;justify-content:center;flex-flow:column;align-items:center}.breeding-modal .select-wurmpje{width:100%;height:150px;display:flex;justify-content:center;flex-flow:column;position:absolute;top:50%;translate:0 -50%;pointer-events:none}.breeding-modal .select-wurmpje-spacer{width:100%;height:150px}.breeding-modal .select-wurmpje-container{width:100%;display:flex;flex-flow:column;align-items:center;position:relative}.breeding-modal .select-wurmpje-container svg{width:33px}.breeding-modal .breeding-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:16px 0}.breeding-modal .modal-actions{justify-content:center}.breeding-modal .breeding-container-cta{text-align:center;margin-top:16px}.breeding-modal .breeding-container-cta.__isDisabled{pointer-events:none;opacity:.4}.breeding-modal .breeding-container-cta .divider{display:flex;align-items:center;justify-content:center;flex-flow:column;width:100%;gap:24px}.breeding-modal .breeding-container-cta .divider svg{width:80px}.breeding-modal .button-container{display:flex;align-items:center;justify-content:center;width:100%}.dead-wurmpje-container{inset:0;position:fixed;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:32px;flex-direction:column;background-color:#000c;color:var(--primary-bg-color)}.dead-wurmpje-title{fill:currentColor;width:80%;margin-left:10%;text-align:center;font-family:var(--accent-font);font-size:64px;position:absolute;top:20%;translate:0 -50%;transform-origin:256px 256px}.dead-wurmpje-center{position:relative;width:100%;max-width:640px;aspect-ratio:1;translate:0 10%}.dead-wurmpje-skull{position:absolute;top:50%;left:50%;translate:-50% -50%;width:50%}.dead-wurmpje-age{position:absolute;bottom:calc(12.5% - 40px);left:50%;translate:-50% 0;text-align:center}.dead-wurmpje-age-days{font-size:24px;font-weight:700;margin:0}.dead-wurmpje-age-date{display:inline-block;margin:8px 0 0;font-size:16px;font-weight:400;opacity:.64;line-height:1.44}.dead-wurmpje-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:400;font-size:12px;font-family:var(--accent-font);position:absolute;top:8px;width:112px;text-align:center;text-decoration:none}.dead-wurmpje-header.__isSelectOther{pointer-events:all;right:16px}.dead-wurmpje-header.__isSelectOther svg{rotate:90deg;scale:-1 1}.dead-wurmpje-header.__isQR{left:16px}.dead-wurmpje-header svg{width:63px}.dead-wurmpje-footer{position:relative;width:100%;max-width:640px;padding:0 32px;display:flex;flex-flow:column;justify-content:center;gap:8px;text-align:center;font-family:var(--accent-font);font-size:14px}.dead-wurmpje-footer p>span{transform-origin:center}.matter-box{width:100%;height:100vh}.home{max-height:100svh;touch-action:none}.home *{pointer-events:none}.home button,.home a,.home input,.home select,.home textarea,.home .qr,.home .actions-container svg,.home .action-container,.home .catterpillar-switch{pointer-events:auto}.request-invitation-modal .modal-content{max-width:400px}.request-invitation-modal .modal-content p{margin-bottom:16px}.request-invitation-modal .error-message{color:var(--error-color);min-height:20px;margin-top:8px;border:1px solid currentColor;padding:8px;font-size:12px;background-color:color-mix(in srgb,var(--error-color) 8%,white)}.request-invitation-modal .error-message.__isHidden{visibility:hidden}.request-invitation-modal .error-message a{color:currentColor;font-style:italic}.setup .modal-content{max-width:400px}.setup .modal-content p{margin-bottom:16px}.setup .subscribed{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;flex-flow:column}.setup .site-container{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;min-height:100vh;flex-flow:column;opacity:0;gap:48px}.setup .scan-qr{width:256px;margin:16px 0 0;text-align:center;color:var(--contrast-color);text-decoration:none}.setup .scan-qr svg{margin:auto auto 16px;max-width:77.7%}.setup .scan-qr figcaption{font-family:var(--accent-font);font-size:14px}.succesful-setup-scan-modal .modal-overlay{max-width:400px}.succesful-setup-scan-modal p{margin-bottom:16px}.qr-scanner-container{position:fixed;inset:0;width:100%;height:100%}.scan-page #qr-scanner{width:100%;height:100%;object-fit:cover;opacity:0}.scan-page .loader{position:fixed;left:50%;translate:-50% -50%;top:50%;width:128px;z-index:1;pointer-events:none}.scan-region-highlight{opacity:0!important}.progressbar{display:flex;gap:1px;z-index:10;width:80%;color:var(--accent-color);padding:4px;margin-top:24px}.progressbar .bar{width:calc(100% / 48 - 1px);height:24px;background-color:currentColor;opacity:.2}.story-line-message{margin-bottom:32px;display:inline-block;text-align:center;width:100%;font-size:clamp(16px,4vw,24px);line-height:1.4;font-family:var(--accent-font);color:var(--accent-color);z-index:2}.scan-page-view-finder{position:fixed;z-index:1;top:50%;translate:-50% -50%;left:50%;width:clamp(256px,calc(100% - 64px),50vh);opacity:0;color:var(--accent-color);display:flex;flex-flow:column;align-items:center}.scan-page-view-finder .view-finder{aspect-ratio:1;width:100%;border:1px solid currentColor}.scan-page-view-finder footer{margin-top:24px;text-align:center;width:100%}.scan-page .modal-content{max-width:420px}.scan-page-view-finder .jao-icon{font-style:normal;font-size:12px;display:flex;font-family:var(--accent-font);color:var(--contrast-color);flex-direction:column;gap:8px;align-items:center}.scan-page-view-finder .jao-icon svg{width:40px}.page-go-back{position:fixed;top:16px;right:16px;z-index:199;font-size:16px;display:flex;flex-flow:row;gap:8px;text-decoration:none;font-family:var(--accent-font);line-height:1;align-items:center;color:var(--contrast-color)}.scan-page-view-finder-actions{width:100%;height:0;overflow:hidden}@media(min-width:768px){.progressbar{gap:2px}}.wurmpje-card{background-color:#fff;margin:auto;padding:16px;max-width:320px;box-shadow:0 0 16px #0003;border-radius:8px;display:flex;flex-flow:column;gap:16px}.wurmpje-card-qr #canvas-container{overflow:hidden;aspect-ratio:2/1}.wurmpje-card-qr svg{padding:16px 64px}.wurmpje-card-name{display:flex;justify-content:center;font-family:var(--accent-font);font-size:32px;height:80px;align-items:center;text-align:center}.wurmpje-card-thumbnail{position:relative}.wurmpje-card-thumbnail .catterpillar-gender{position:absolute;right:8px;top:8px;width:32px}.wurmpje-card-footer{display:flex;justify-content:center}.wurmpje-card-button{display:flex;align-items:center;gap:16px;font-family:var(--accent-font);font-size:20px;padding-left:16px;padding-right:16px;margin-top:-8px;margin-bottom:16px}.wurmpje-card-button span{translate:0 1px;padding-right:8px}.wurmpje-card-button svg{height:32px;padding-left:4px}.helper-form .form{margin:64px auto auto;width:calc(100% - 64px);max-width:400px}.helper-form .form .row{gap:8px}.helper-form .form table{width:100%;text-align:left}.helper-form .form .display-as-options{gap:16px}.helper-form .form .label,.helper-form .form label{display:inline-block;font-family:var(--accent-font)}.helper-form .form #wurmpje-name-input{width:calc(100% - 32px)}.helper-form .form input[type=radio]{margin:0 0 0 4px;translate:0 2px}.helper{padding-top:64px}.helper .wurmpje{aspect-ratio:2 / 1;display:flex;justify-content:center;align-items:center}.helper .wurmpje-name-length{opacity:.64;font-size:12px;font-family:var(--default-font)}.helper .wurmpje-name-length.__isTooLong{color:red}.qr-code-container{width:100%;min-height:100vh;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:64px;padding:64px 0 32px}#qr-code-svg{max-height:25vh;display:flex;align-items:center;justify-content:center}#qr-code-svg svg{width:100%;height:100%}.qr-code-canvas-container{width:calc(100% - 128px);min-width:256px;max-width:480px;text-decoration:none;display:flex;flex-flow:column;gap:24px}.qr-code-canvas-container canvas{width:100%}.qr-code-canvas-title{text-wrap:balance;width:calc(100% + 32px);margin-left:-16px;font-size:24px;font-family:var(--default-font);font-weight:400;text-align:center}.page-go-back{top:16px;right:16px;z-index:199;font-size:16px;display:flex;flex-flow:row;gap:8px;text-decoration:none;font-family:var(--accent-font);line-height:1;align-items:center;color:var(--contrast-color)}.page-go-back:visited{color:var(--contrast-color)}.page-go-back:active{color:var(--accent-color)}.page-go-back svg{width:23px}.page-go-back svg .jao-icon-cell[v="1"]{fill:currentColor!important}.descriptive-note{font-family:var(--accent-font);font-size:14px;text-align:center}.qr-code-scanner-icon{max-width:180px;text-decoration:none;text-align:center;display:flex;flex-flow:column;align-items:center;gap:16px;color:var(--contrast-color)}.qr-code-scanner-icon svg{max-width:clamp(64px,20vw,10vh)}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}:root{--red: #db4243;--orange: #f38508;--yellow: #faec16;--green: #04d60b;--blue: #3d24ff;--purple: #7f06b7;--pink: #f3018e;--primary-bg-color: #fafafa;--bg-color: #fff;--contrast-color: #222;--error-bg-color: #ffecf0;--success-bg-color: #ecffed;--accent-color: #f38508;--primary-color: #f3018e;--error-color: #db4243;--bg-size: 16px;--default-font: "Inter", "Helvetica", "Arial", "Verdana", sans-serif;--accent-font: "FixedSys", sans-serif;--transition-default: .64s ease all;--transition-fast: .12s all linear}body{font-family:var(--default-font),sans-serif;font-size:16px}a{color:#f90;text-decoration:underline}a:visited{color:currentColor}a:hover,a:focus{text-decoration:none}a:focus{box-shadow:none}@font-face{font-family:Fixedsys;font-weight:400;font-style:normal;src:url(/fonts/fixed-sys.otf)}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 800;font-stretch:55 100}@font-face{font-family:Inter;src:url(/fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-style:italic;font-weight:100 800;font-stretch:55 100}#physics{position:fixed;inset:0;pointer-events:none;opacity:.8}#two-view{position:fixed;inset:0;pointer-events:none;opacity:1}.label{font-family:var(--accent-font)}.column{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.column .label{padding-left:16px}.column input[type=email]{width:100%}.row{display:flex;flex-direction:row;margin-bottom:16px;gap:16px;align-items:center}.row input[type=email]{flex-grow:1}.input{border-radius:0;border:1px solid #ECECEC;padding:4px 16px;background-color:#fff;max-width:100%}.input::placeholder{font-style:italic}.input:focus{outline:none;border:1px solid var(--contrast-color)}.input.large{font-size:18px;line-height:24px;padding:8px 24px 8px 16px}textarea.input{padding:16px}.form .row{gap:0}.form .row .input{width:100%}.form .icon{display:inline-block;aspect-ratio:1;height:42px;background-color:var(--contrast-color);padding:8px}.form .icon+.input{max-width:calc(100% - 40px)}.button{background-color:var(--contrast-color);color:var(--primary-bg-color);padding:8px 16px;border-width:0;border-style:none;transition:var(--transition-default);font-family:var(--accent-font)}.button.__isSmall{padding:4px 8px;font-size:12px}.button:hover{border-style:inset;cursor:pointer;scale:1.08}.button:focus{opacity:.8}#app{height:100svh;width:100%;display:flex;flex-flow:column;overflow:auto}html,body{min-height:100vh;min-height:100lvh;display:flex;overflow:hidden;align-items:center;font-family:var(--default-font);accent-color:var(--accent-color)}html{background-color:var(--primary-bg-color);overflow-x:hidden}body{width:100%;background-image:linear-gradient(to bottom,transparent 0px,transparent calc(var(--bg-size) - 2px),var(--bg-color) calc(var(--bg-size) - 2px),var(--bg-color) var(--bg-size)),linear-gradient(to right,transparent 0px,transparent calc(var(--bg-size) - 2px),var(--bg-color) calc(var(--bg-size) - 2px),var(--bg-color) var(--bg-size));background-size:var(--bg-size) var(--bg-size);color:var(--contrast-color);background-position:top left;overflow:hidden}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.svg-icon{display:block;fill:currentColor}.speech-bubble{font-size:14px;color:#222;padding:4px 0;max-width:144px}.wof-timer{position:fixed;bottom:0;left:0;z-index:200;color:#fff;padding:8px 0;border-radius:8px;font-weight:700;opacity:0;font-size:48px}.wof-timer svg{height:64px}.wof-timer svg rect[v="0"]{fill:transparent}.wof-timer svg rect[v="1"]{fill:currentColor}.wof-timer-seconds{margin-left:-12px}.wof-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1;opacity:0}.wof-words-container{position:fixed;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:48px;color:#fff;inset:0}.wof-word{z-index:100;height:clamp(48px,calc(8vw + 32px),calc(14vh - 32px));display:inline-block;transform-origin:center center;padding:16px;color:#fff}.wof-word rect{pointer-events:none}.wof-word rect[v="0"]{fill:transparent}.wof-word rect[v="1"]{fill:currentColor}.leaderboard-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:101;opacity:1}.leaderboard{position:fixed;bottom:32px;left:50%;translate:-50% 0;color:#fff;text-align:center;z-index:150;margin:auto;width:calc(100% - 64px);max-width:400px}.leaderboard .time{display:inline-block;margin-left:.5em;font-weight:300}.leaderboard .time:before{font-weight:100;content:"|";margin-right:.5em}.leaderboard .date{display:inline-block;font-weight:300;font-size:16px}.leaderboard table{width:100%}.leaderboard table th{font-family:var(--accent-font);font-size:24px;border-bottom:1px solid currentColor;padding-bottom:8px}.leaderboard table tr.__isCurrentScore{color:#f90}.leaderboard table th,.leaderboard table td{text-align:left}.leaderboard table tr td{vertical-align:middle;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.leaderboard table th:last-child{text-align:right}.leaderboard table tr td:last-child{text-align:right;font-weight:500;font-size:18px}.powerbar{display:flex;flex-direction:row;gap:2px;align-items:flex-end;position:fixed;left:50%;top:25%;translate:-50% 0;z-index:2;color:#eaeaea}.powerbar:after{content:"power";position:absolute;bottom:0;left:50%;translate:calc(-50% + 8px) calc(100% + 8px);font-size:16px;font-family:var(--accent-font);color:#111}.powerbar .bar{width:4px;background-color:currentColor}.score-display{position:fixed;top:48px;right:-32px;text-align:right;rotate:-90deg;width:128px;z-index:200;color:#fff;color:#000;border-radius:8px;font-size:48px;font-weight:100;transform-origin:center center;letter-spacing:4px}.scorefix{position:fixed;top:calc(33% - 10px);color:#fff;width:calc(100% - 64px);max-width:400px;text-align:center;left:50%;translate:-50% -50%;z-index:102}.scorefix-title{font-weight:800;font-size:48px;display:block;margin:auto auto 80px}.scorefix-score{font-size:32px;margin:0;font-weight:200}