@font-face{font-family:Stack Sans Headline Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/stack-sans-headline-latin-ext-wght-normal-CiwnxjPe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Stack Sans Headline Variable;font-style:normal;font-display:swap;font-weight:200 700;src:url(/assets/stack-sans-headline-latin-wght-normal-CFGVyMar.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reddit Mono Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/reddit-mono-vietnamese-wght-normal-CEcALQr8.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Reddit Mono Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/reddit-mono-latin-ext-wght-normal-DCLCrQhA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Reddit Mono Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/reddit-mono-latin-wght-normal-BvKtqVOO.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:"Stack Sans Headline Variable", sans-serif;--font-mono:"Reddit Mono Variable", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#174954;--color-stitch:#ae0b15;--color-tan:#817767;--color-fabric:#f2eee7;--font-weight-body:200;--font-weight-heading:300;--font-weight-control:500;--spacing-gutter:1.5rem;--spacing-screen:28rem;--spacing-gallery:66rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.w-full{width:100%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.text-center{text-align:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--control-width:17rem;--header-height: calc(3.75rem + env(safe-area-inset-top)) ;--fabric-image:url(/assets/Fabric%20Background-B1zJSYO9.jpg);--control-border:#8177676b}@supports (color:color-mix(in lab,red,red)){:root{--control-border:color-mix(in srgb, var(--color-tan) 42%, transparent)}}:root{--muted-ink:#696c63}@supports (color:color-mix(in lab,red,red)){:root{--muted-ink:color-mix(in srgb, var(--color-tan) 77%, var(--color-ink))}}body{background:var(--color-fabric) var(--fabric-image) center top / max(100%,40rem) auto;overflow-anchor:none;min-width:0;min-height:100svh;color:var(--color-ink);font:var(--font-weight-body) 1rem / 1.35 var(--font-sans)}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}h1[tabindex="-1"]:focus{outline:none}.screen-width{width:min(100%,var(--spacing-screen));padding-inline:max(var(--spacing-gutter),env(safe-area-inset-left)) max(var(--spacing-gutter),env(safe-area-inset-right))}.pill{border:1px solid var(--control-border);min-height:2.875rem;color:var(--color-ink);border-radius:100rem}.action{width:min(100%,var(--control-width));font:var(--font-weight-control) .75rem / 1.35 var(--font-mono);letter-spacing:.075em;text-transform:uppercase;background:#ffffff6b;padding:.55rem .8rem;transition:background-color .14s,border-color .14s}@media(hover:hover){.action:hover{border-color:var(--color-tan);background:#ffffffb3}.pin-button:hover .pin-label{color:var(--color-ink)}}.metadata,.pin-label,.text-button{color:var(--muted-ink);font:400 .6875rem / 1.4 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.welcome{min-height:100svh;padding-block:max(3.5rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-bottom));padding-inline:max(var(--spacing-gutter),env(safe-area-inset-left),env(safe-area-inset-right));justify-content:center}.welcome h1{width:100%}.welcome-wordmark{width:min(100%,20.25rem);height:auto;margin-inline:auto}.welcome-tagline{text-wrap:balance;max-width:15rem;margin-top:.85rem;font-size:1.125rem;line-height:1.2}.welcome-form{width:min(100%,var(--control-width));gap:.75rem;margin-top:2.9rem}.welcome-form label{font-size:1.125rem}.name-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#ffffff4d;width:100%;min-height:3.2rem;padding:.5rem 1rem}.name-input::placeholder{color:var(--muted-ink)}.welcome-form .action{margin-top:.625rem}.form-error,.storage-error{color:var(--color-stitch)}.storage-error{max-width:var(--spacing-screen);padding:.75rem var(--spacing-gutter);text-align:center;margin:0 auto}.global-header{z-index:10;height:var(--header-height);padding-top:env(safe-area-inset-top);border-bottom:1px solid #0000;position:sticky;top:0}.global-header[data-compact=true]{border-color:var(--control-border);background:var(--color-fabric) var(--fabric-image) center top / max(100%,40rem) auto}.header-row{width:min(100%,var(--spacing-gallery));height:100%;padding-inline:max(.625rem,env(safe-area-inset-left),env(safe-area-inset-right));grid-template-columns:minmax(3.5rem,1fr) minmax(0,16.5rem) minmax(3.5rem,1fr);align-items:center;display:grid}.header-brand{justify-self:center;width:min(100%,16.5rem);height:auto;transition:width .24s ease-out;transform:translate(-1.8%)}.global-header[data-compact=true] .header-brand{width:min(100%,10.5rem)}.header-link{min-width:2.75rem;min-height:2.75rem;font:var(--font-weight-control) .6875rem / 1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:.5rem;grid-row:1}.header-back{grid-column:1;justify-self:start}.header-home{grid-column:3;justify-self:end}.collection{padding-block:1.65rem max(3.5rem,env(safe-area-inset-bottom))}.collection-wordmark{width:min(100%,16.5rem);height:auto}.progress-count{margin-top:.35rem}.chapter{margin-top:2.6rem}.chapter+.chapter{margin-top:4.75rem}.chapter h2,.detail-title{font-size:1.25rem;font-weight:var(--font-weight-heading);line-height:1.15}.chapter h2{color:var(--color-stitch)}.chapter-description{text-wrap:pretty;max-width:17rem;margin:.45rem auto 0;font-size:.875rem}.pin-grid{--pin-cell:9.5rem;gap:.25rem .2rem;width:min(100%,19rem);margin:1rem auto 0}.pin-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .1rem)}.pin-button{border-radius:.5rem;height:100%}.pin-slot{width:min(100%,var(--pin-cell));aspect-ratio:1;display:block}.pin-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%}.pin-label{letter-spacing:.045em;text-align:center;text-wrap:balance;width:100%;padding-inline:.2rem}[data-traveling=true]{visibility:hidden}.pin-travel{z-index:5;pointer-events:none;position:fixed}.collection-footer{margin-top:3.5rem}.collection-footer .text-button{margin-top:.6rem}.collection-credit{color:var(--color-tan);margin-top:calc(clamp(8rem,18vw,12rem) - 36px)}.collection-note{max-width:18rem;min-height:4.05rem;color:var(--muted-ink);text-wrap:pretty;margin:0 auto}.detail{padding-block:0 max(1.75rem,env(safe-area-inset-bottom));touch-action:pan-y pinch-zoom;flex-direction:column;align-items:center;display:flex}.detail-art{aspect-ratio:1;width:min(100%,clamp(13rem,43svh,20rem))}.detail-content{flex-direction:column;align-items:center;width:100%;display:flex}.pin-perspective,.pin-flip,.pin-face,.pin-shine-mask{width:100%;height:100%}.pin-perspective{perspective:850px}.pin-flip{transform-style:preserve-3d;position:relative}.pin-face{backface-visibility:hidden;position:absolute;inset:0}.pin-face-color{transform:rotateY(180deg)}.pin-shine-mask{mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.detail-copy,.criterion{width:100%;max-width:22rem}.detail-copy{margin-top:2rem}.detail-copy p,.criterion p{text-wrap:pretty;margin-top:.45rem}.detail-copy p{margin-top:.75rem}.criterion{color:var(--muted-ink);margin-top:2.25rem;display:grid}.criterion>div{grid-area:1/1}.criterion>[aria-hidden=true]{pointer-events:none;-webkit-user-select:none;user-select:none}.detail-controls{width:100%;min-height:8rem;margin-top:2.25rem}.collected-date{font:400 .75rem / 1.4 var(--font-mono);margin-top:.25rem}.date-confirmation{font:400 .6875rem / 1.3 var(--font-mono)}.text-button{text-underline-offset:.2em;min-height:2.75rem;padding-inline:.5rem;text-decoration:underline}.modal{border:1px solid var(--control-border);background:var(--color-fabric) var(--fabric-image) center top / 40rem auto;width:min(100% - 2rem,24rem);max-height:min(100svh - 2rem,32rem);color:var(--color-ink);text-align:center;border-radius:.875rem;margin:auto;padding:1.4rem;position:fixed;inset:0;overflow:auto}.modal::backdrop{background:#17495440}.modal h2{font-size:1.25rem;font-weight:var(--font-weight-heading)}.modal-copy{margin-top:.65rem}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.modal-actions .action{flex:1 0 8rem;max-width:100%}.reset-action{color:var(--color-stitch)}.date-field{gap:.45rem;margin:1.2rem auto 0}.date-field input{width:min(100%,var(--control-width));font:400 1rem / 1.4 var(--font-mono);text-align:center;background:#ffffff52;padding:.5rem .85rem}@media(min-width:48rem){.collection{width:min(100%,54rem);padding-top:2.5rem}.chapter-description{max-width:34rem}.pin-grid{--pin-cell:12rem;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:clamp(.625rem,1.5vw,1.5rem);width:100%}.pin-card:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}.detail{min-height:calc(100svh - var(--header-height));justify-content:center;padding-block:0 1.5rem}}@media(min-width:64rem){.collection{width:min(100%,var(--spacing-gallery))}.detail{width:min(100%,var(--spacing-gallery));grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);grid-template-areas:"navigation navigation""art content";align-content:center;gap:1rem clamp(2.5rem,5vw,4.5rem);padding-block:1.25rem 2.75rem;display:grid}.detail .pin-navigation{grid-area:navigation}.detail-art{grid-area:art;justify-self:center;width:min(100%,clamp(24rem,53svh,28rem))}.detail-content{text-align:left;grid-area:content;align-items:flex-start}.detail-copy,.criterion{max-width:none;margin-inline:0}.detail-copy{margin-top:0}.detail-title{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.action,.header-brand{transition:none}.pin-travel{display:none}}main{overflow-x:clip}.header-brand-button{border-radius:.5rem;grid-area:1/2;place-items:center;min-width:0;min-height:2.75rem;display:grid}.sound-toggle{place-items:center;display:grid}.welcome-primary{background:#ffffffdb;border-color:#8177678c}@supports (color:color-mix(in lab,red,red)){.welcome-primary{border-color:color-mix(in srgb,var(--color-tan) 55%,transparent)}}@media(hover:hover){.welcome-primary:hover{background:#fff}}.welcome-name{overflow-wrap:anywhere;font-size:1.35rem}.welcome-form .text-button{margin-top:.25rem}.pin-navigation{grid-template-columns:2.75rem minmax(4.5rem,auto) 2.75rem;justify-content:center;align-items:center;display:grid}.pin-step{min-width:2.75rem;min-height:2.75rem;color:var(--color-ink);font:400 1rem / 1 var(--font-mono);border-radius:.5rem}.pin-step:disabled{opacity:.26;cursor:default}.collected-meta .text-button{margin-top:.45rem}.pin-crossfade{position:relative}.pin-crossfade-color{position:absolute;inset:0}.pin-shine{background:linear-gradient(107deg,#0000 45%,#fcc26952 48%,#ffe199c2,#fbbf5e4d 52%,#0000 55%);position:absolute;inset:0}.certificate{width:min(100%,40.625rem);margin:2rem auto 0}.certificate-art{background:linear-gradient(#ffffff7a,#ffffff7a),var(--fabric-image) center / cover;border-radius:1rem;outline:1px solid #ffffffbf;position:relative;overflow:hidden;container-type:inline-size}.certificate-heading,.certificate-subtitle,.certificate-grid,.certificate-name,.certificate-count,.certificate-date{position:absolute;left:50%;transform:translate(-50%)}.certificate-heading img{object-fit:contain;width:100%;height:100%}.certificate-grid{display:grid}.certificate-grid li{min-width:0;min-height:0}.certificate-subtitle,.certificate-name,.certificate-count,.certificate-date{align-content:center}.certificate-name{font-weight:var(--font-weight-heading);overflow-wrap:anywhere}.certificate-name span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.certificate-count,.certificate-date{font-family:var(--font-mono)}.certificate-date{color:#665e51}.certificate-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.certificate-actions .action{width:auto;min-width:7rem}.certificate-actions .action:disabled{opacity:.65;cursor:wait}.certificate>[role=status]:empty{display:none}.modal[data-celebration=true]{animation:.32s ease-out both completion-in}.modal[data-celebration=true] h2 img{width:min(100%,17rem);height:auto;margin:0 auto}.completion-actions{flex-direction:column;align-items:center;gap:.35rem;margin-top:1.35rem;display:flex}@keyframes completion-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.modal[data-celebration=true]{animation:none}}