.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}#catterpillar-container[data-v-48b757bf]{position:relative;width:100%}#catterpillar-container>div[data-v-48b757bf]{width:100%;height:100%;position:absolute;inset:0}#catterpillar[data-v-48b757bf]{height:100vh}.catterpillar-header[data-v-48b757bf]{position:absolute;top:0;left:50%;translate:-50% 0;max-width:320px;text-align:center;padding-top:16px;display:inline-block}.catterpillar-name[data-v-48b757bf]{font-size:24px;font-family:var(--accent-font);line-height:24px;margin:0}.catterpillar-age[data-v-48b757bf]{font-size:16px;font-family:var(--accent-font);opacity:.4}.catterpillar-gender[data-v-48b757bf]{display:inline-block}.catterpillar-gender.__isMale[data-v-48b757bf]{margin-right:8px}.catterpillar-gender.__isMale svg[data-v-48b757bf]{translate:0 6px}.catterpillar-gender.__isFemale[data-v-48b757bf]{margin-right:2px}.catterpillar-gender.__isFemale svg[data-v-48b757bf]{translate:0 2px}.catterpillar-gender svg[data-v-48b757bf]{display:inline-block;height:23px;width:23px}.button[data-v-48b757bf]{color:#eee;background-color:var(--primary-bg-color);border:0 none transparent;padding:8px 16px;transition:.16s all ease;color:var(--contrast-color)}.button[data-v-48b757bf]:hover{filter:brightness(95%);cursor:pointer;border-radius:8px}.button.dark[data-v-48b757bf]{background-color:var(--contrast-color);color:var(--primary-bg-color);border:1px solid var(--contrast-color)}.button.dark[data-v-48b757bf]:hover,.button.dark[data-v-48b757bf]:focus{background-color:var(--primary-bg-color);color:var(--contrast-color);cursor:pointer;border-radius:2px}.button.default[data-v-48b757bf]{background-color:#eee;color:#222}.button.default[data-v-48b757bf]:hover,.button.default[data-v-48b757bf]:focus{box-shadow:8px 8px #000;cursor:pointer;border-radius:2px}.button.__isSmall[data-v-48b757bf]{padding:4px 8px;font-size:12px}.button.__isDisabled[data-v-48b757bf]{background-color:var(--red);cursor:not-allowed;color:var(--primary-bg-color)}.button.__isSelected[data-v-48b757bf]{background-color:var(--green);color:var(--primary-bg-color)}.buttons-container[data-v-48b757bf]{display:flex;gap:8px;position:fixed;flex-flow:wrap row;bottom:16px;left:16px}#devmode[data-v-48b757bf]{position:fixed;bottom:16px;right:16px}.matterbox-footer[data-v-48b757bf]{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[data-v-48b757bf]{color:currentColor;text-decoration:underline}.actions-container[data-v-48b757bf]{display:flex;justify-content:flex-end;align-items:center;height:100%;flex-flow:column;margin:0;font-family:var(--accent-font)}.actions-container section[data-v-48b757bf]{display:flex;justify-content:center;align-items:center;width:100%}.actions-header[data-v-48b757bf]{opacity:.6;transition:all .32s ease}.actions-header.__isActive[data-v-48b757bf]{opacity:1}.actions-header.__isDisabled[data-v-48b757bf]{opacity:.4}.actions-header svg[data-v-48b757bf]{height:23px}.actions-header svg+svg[data-v-48b757bf]{height:15px;opacity:.8}.actions-header rect[v="0"][data-v-48b757bf]{fill:transparent}.action-container[data-v-48b757bf]{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[data-v-48b757bf]{color:#f90}.action-container.__isDisabled[data-v-48b757bf]{opacity:.4}.action-container svg[data-v-48b757bf]{height:100%}.actions-footer[data-v-48b757bf]{text-align:center;height:32px;line-height:1em}.actions-footer.__isDisabled[data-v-48b757bf]{opacity:.4}.stats[data-v-48b757bf]{display:flex;justify-content:flex-end;font-family:var(--accent-font);font-size:14px;flex-flow:column;gap:8px}.healthbar-row[data-v-48b757bf]{display:grid;grid-template-columns:auto 72px;text-align:right}.copyright[data-v-48b757bf]{opacity:.4;text-align:right;font-family:var(--default-font);letter-spacing:.2px;font-size:10px;padding-top:4px}.qr[data-v-48b757bf]{position:absolute;top:16px;left:16px;text-decoration:none;z-index:1;color:currentColor}.qr svg[data-v-48b757bf]{height:54px;width:54px}#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}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-overlay.__isHidden{pointer-events:none;opacity:0}.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;line-height:1.3}.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}.invalid-parent-id-modal .modal-content{max-width:360px}.invalid-parent-id-modal p{margin-bottom:16px}.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}.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% - 24px);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}.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;left:16px;top:8px;width:112px;text-align:center;text-decoration:none}.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}.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;color:var(--accent-color);text-align:center;width:100%;font-size:clamp(16px,4vw,24px);line-height:1.4;font-family:var(--accent-font);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}}.helper{padding-top:64px}.helper .wurmpje{aspect-ratio:2 / 1;display:flex;justify-content:center;align-items:center}.helper .helper-container{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}.helper #canvas-container{overflow:hidden;aspect-ratio:2/1}.helper .wurmpje-name{display:flex;justify-content:center;font-family:var(--accent-font);font-size:32px;height:80px;align-items:center;text-align:center}.helper .wurmpje-name-length{opacity:.64;font-size:12px;font-family:var(--default-font)}.helper .wurmpje-name-length.__isTooLong{color:red}.helper .qr-container svg{padding:16px 64px}.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}.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{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}.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:2px;border-style:groove;transition:var(--transition-default);font-family:var(--accent-font)}.button:hover{border-style:inset;cursor:pointer;scale:1.08}.button:focus{opacity:.8}#app{min-height:100%;width:100%;display:flex;flex-flow:column}html,body{min-height:100vh;min-height:100dvh;display:flex;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-score-display{position:fixed;top:48px;right:-32px;text-align:right;rotate:-90deg;width:128px;z-index:200;color:#fff;border-radius:8px;font-size:48px;font-weight:100;transform-origin:center center;letter-spacing:4px}.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:0;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}.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[v="0"]{fill:transparent}.wof-word rect[v="1"]{fill:currentColor}.wof-scorefix{position:fixed;top:19%;color:#fff;width:calc(100% - 64px);max-width:400px;text-align:center;left:50%;translate:-50% 0}.wof-scorefix-title{font-weight:800;font-size:48px;display:block;margin:auto auto 80px}.wof-scorefix-score{font-size:32px;margin:0;font-weight:200}.wof-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}.wof-leaderboard .time{display:inline-block;margin-left:.5em;font-weight:300}.wof-leaderboard .time:before{font-weight:100;content:"|";margin-right:.5em}.wof-leaderboard .date{display:inline-block;font-weight:300;font-size:16px}.wof-leaderboard table{width:100%}.wof-leaderboard table th{font-family:var(--accent-font);font-size:24px;border-bottom:1px solid currentColor;padding-bottom:8px}.wof-leaderboard table tr.__isCurrentScore{color:#f90}.wof-leaderboard table th,.wof-leaderboard table td{text-align:left}.wof-leaderboard table tr td{vertical-align:middle;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}.wof-leaderboard table th:last-child{text-align:right}.wof-leaderboard table tr td:last-child{text-align:right;font-weight:500;font-size:18px}