@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2-latin-var.woff2)format("woff2-variations");font-weight:400 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2-latin-ext-var.woff2)format("woff2-variations");font-weight:400 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito Sans;src:url(/fonts/nunito-sans-latin-var.woff2)format("woff2-variations");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;src:url(/fonts/nunito-sans-latin-ext-var.woff2)format("woff2-variations");font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}:root{--deep:#050f14;--sea:#08131a;--shallow:#0d3140;--slab:#0c1f28;--slab-lit:#12242c;--grid:#0e2a35;--duck:#ffd21f;--bill:#ff7a1a;--bill-lit:#ff8c38;--bill-deep:#c25a0a;--cream:#f7f3e8;--cream-edge:#d8d2c0;--cream-rule:#c9c2af;--ink:#1b2b31;--ink-soft:#5a6b70;--foam:#fffbe8;--say:#f0f8fad9;--mute:#f0f8fa8c;--faint:#f0f8fa73;--display:"Baloo 2", "Trebuchet MS", sans-serif;--body:"Nunito Sans", system-ui, sans-serif;--gut:clamp(1.25rem, 4vw, 4.75rem);--r-lg:20px;--r-md:14px;--r-sm:12px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--sea);min-height:100svh;color:var(--say);font:400 clamp(.95rem, .9rem + .2vw, 1.0625rem) / 1.6 var(--body);overscroll-behavior-y:none;margin:0}h1,h2,h3{font-family:var(--display);color:var(--foam);text-wrap:balance;margin:0;font-weight:800;line-height:1.05}a{color:var(--duck);text-underline-offset:3px}a:hover{color:var(--bill)}:focus-visible{outline:3px solid var(--duck);outline-offset:3px;border-radius:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{background:radial-gradient(1100px 760px at 64% 38%, var(--shallow) 0%, #081a22 55%, var(--deep) 100%);z-index:0;position:fixed;inset:0}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.deck{z-index:1;pointer-events:none;min-height:100svh;position:relative}.catch{pointer-events:auto}.mark{font-family:var(--display);color:var(--duck);letter-spacing:-.01em;font-weight:800;line-height:1;text-decoration:none}.mark:hover{color:var(--duck)}.mark i{color:var(--bill);font-style:normal}.btn{border:none;border-bottom:5px solid var(--bill-deep);border-radius:var(--r-sm);background:var(--bill);height:50px;color:var(--foam);font:800 1.0625rem/1 var(--display);cursor:pointer;justify-content:center;align-items:center;gap:.6ch;padding:0 1.25rem;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--bill-lit);color:var(--foam)}.btn:active{border-bottom-width:2px;margin-bottom:3px;transform:translateY(3px)}.btn-ghost{border:2px solid var(--duck);border-bottom:5px solid var(--duck);color:var(--duck);background:#ffd21f14;font-weight:700}.btn-ghost:hover{color:var(--duck);background:#ffd21f2e}.btn-quiet{color:var(--mute);background:0 0;border:2px solid #f0f8fa40;font-weight:700}.btn-quiet:hover{color:var(--foam);background:#f0f8fa0f}.btn-quiet:active{border-bottom-width:2px;margin-bottom:0;transform:translateY(1px)}.btn-sm{border-bottom-width:3px;height:40px;padding:0 .9rem;font-size:.875rem}.btn-sm:active{border-bottom-width:2px;margin-bottom:1px;transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn[disabled]:active{border-bottom-width:5px;margin-bottom:0;transform:none}.btn-icon{border:2px solid var(--duck);border-bottom:2px solid var(--duck);border-radius:var(--r-sm);width:44px;height:44px;color:var(--duck);font:400 1.25rem/1 var(--body);cursor:pointer;background:#ffd21f14;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:#ffd21f2e}.btn-icon-sm{width:34px;height:34px;font-size:.875rem}.btn-text{font:700 .9375rem/1 var(--display);color:var(--faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.btn-text:hover,.btn-text-duck{color:var(--duck)}.code-in{background:var(--cream);border:none;border-bottom:5px solid var(--cream-edge);border-radius:var(--r-md);width:100%;height:62px;color:var(--ink);font:700 1.6875rem/1 var(--display);letter-spacing:.3em;text-indent:.3em;text-align:center;text-transform:uppercase;outline:none;padding:0}.code-in::placeholder{color:#1b2b3159;letter-spacing:.3em}.code-in:focus{border-bottom-color:var(--duck)}.slab{background:var(--slab);border-radius:var(--r-lg);box-shadow:0 16px 50px #00000073}.scrim{z-index:20;padding:var(--gut);background:#040c1099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.code-tag{font-family:var(--display);letter-spacing:.08em;color:var(--duck);font-weight:800}.meta{color:var(--mute);font-size:.875rem}.field{margin-bottom:1.5rem}.field>label{font:700 1.0625rem/1.2 var(--display);color:var(--foam);margin-bottom:.5rem;display:block}.opt{color:var(--mute);font-size:.875rem;font-weight:600}.text-in,textarea.text-in{background:var(--grid);border-radius:var(--r-sm);width:100%;color:var(--foam);font:400 1rem/1.45 var(--body);border:2px solid #ffd21f24;outline:none;padding:.75rem .9rem}.text-in:focus{border-color:var(--duck)}.text-in::placeholder{color:#f0f8fa59}textarea.text-in{resize:vertical}.hint{color:var(--mute);margin:.5rem 0 0;font-size:.8125rem}.shot{object-fit:cover;border-radius:var(--r-md);background:var(--grid);width:100%;height:100%;display:block}.shot-none{border-radius:var(--r-md);background:repeating-linear-gradient(45deg, #143240 0 8px, var(--grid) 8px 16px);border:1px solid #ffd21f33;width:100%;height:100%}@media (width<=819px){.card-dots{z-index:12;pointer-events:auto;flex-direction:column;display:flex;position:fixed;top:50%;right:6px;transform:translateY(-50%)}.card-dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.card-dot:after{content:"";background:#f0f8fa4d;border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s}.card-dot[aria-current=true]:after{background:var(--duck);transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body[data-stage]{height:100svh;overflow:hidden}.page{background:radial-gradient(900px 700px at 70% -10%, var(--shallow) 0%, #081a22 55%, var(--deep) 100%);background-attachment:fixed;flex-direction:column;min-height:100svh;display:flex}.page>main{width:min(46rem, 100% - var(--gut) * 2);flex:1;margin-inline:auto;padding-bottom:3rem}.page-wide>main,.page-wide>.page-head{width:min(88rem, 100% - var(--gut) * 2)}.page-head{width:min(46rem, 100% - var(--gut) * 2);margin-inline:auto;padding-block:1.5rem .5rem}.page-head .mark{font-size:1.5rem}