@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--ink:#0b0814;--night:#10123a;--panel-top:#1d2160;--panel-bottom:#10123a;--line:#f4f4f4;--gold:#f2c230;--text:#ece9ff;--narration:#b9b3ff;--muted:#8a86b8;--good:#6fd36a;--bad:#e2557a;--font-display:"Press Start 2P",ui-monospace,monospace;--font-body:"VT323",ui-monospace,monospace;--px:4px;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;margin:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.panel{position:relative;background:linear-gradient(var(--panel-top),var(--panel-bottom));border:calc(var(--px)*.75)solid var(--line);box-shadow:0 0 0 calc(var(--px)*.75)var(--ink),inset 0 0 0 calc(var(--px)*.5)#0006;clip-path:polygon(var(--px)0,calc(100% - var(--px))0,100% var(--px),100% calc(100% - var(--px)),calc(100% - var(--px))100%,var(--px)100%,0 calc(100% - var(--px)),0 var(--px))}.btn{font:inherit;cursor:pointer;color:var(--ink);background:var(--gold);box-shadow:inset 0 -.3em 0 #0004,0 .3em 0 var(--ink);border:0;padding:.9em 1.2em;transition:transform 80ms steps(2,end)}.btn:active{transform:translateY(.2em);box-shadow:inset 0 -.1em #0004}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}[hidden]{display:none!important}html:not(.ready) .create{visibility:hidden}body{background:radial-gradient(1px 1px at 20% 30%,#4a4680 50%,transparent 51%)0 0/97px 89px,radial-gradient(1px 1px at 70% 60%,#4a4680 50%,transparent 51%)0 0/131px 113px,var(--ink)}.create{padding:max(env(safe-area-inset-top),16px)16px max(env(safe-area-inset-bottom),24px);max-width:600px;margin:0 auto}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.tri{display:inline-block;vertical-align:-.05em;clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.7em;height:.8em}.tri-back{transform:scaleX(-1)}.intro{text-align:center}.banner,.trail{display:block;margin:0 auto}.inspired{display:inline-flex;letter-spacing:.08em;color:var(--ink);background:var(--gold);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;margin:14px 0 0;padding:6px 12px;font-size:8px;line-height:1.2}.inspired span{font-family:var(--font-body);letter-spacing:0;font-size:20px;line-height:1}.headline{color:#fff;text-shadow:2px 2px 0 var(--ink),4px 4px 0 var(--bad);margin:16px 0 0;font-size:clamp(15px,4.4vw,24px);font-weight:400;line-height:1.6}.headline-2{display:block;color:var(--gold);opacity:0;animation:.3s steps(3,end) 1.4s forwards show}.word{display:inline-block;white-space:nowrap}.word>span{display:inline-block;opacity:0;animation:.3s steps(4,end) forwards drop;animation-delay:calc(var(--i)*40ms + .15s)}@keyframes drop{0%{opacity:1;transform:translateY(-.9em)}to{opacity:1;transform:none}}@keyframes show{to{opacity:1}}.lede{font-family:var(--font-body);color:var(--narration);max-width:30em;margin:12px auto 0;font-size:22px;line-height:1.05}.sheet{padding:calc(var(--px)*2 + 14px)calc(var(--px)*2 + 10px);margin-top:20px}.form-error:focus{outline:none}.form-error{font-family:var(--font-body);color:#fff;border-left:calc(var(--px)*1.5)solid var(--bad);background:#5a1a30;margin:0 0 16px;padding:10px 12px;font-size:21px;line-height:1.05}.field+.field,.field+.check{margin-top:22px}.field label{display:block;letter-spacing:.1em;color:var(--gold);margin-bottom:8px;font-size:10px}.field input,.field textarea{display:block;font-family:var(--font-body);color:var(--text);background:var(--ink);border:2px solid var(--muted);outline:none;-webkit-appearance:none;appearance:none;border-radius:0;width:100%;margin:0;padding:8px 10px;font-size:23px;line-height:1.05;box-shadow:inset 0 3px #0006}.field textarea{resize:vertical;min-height:9em}.field input::placeholder,.field textarea::placeholder{color:#5d5a8a}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:inset 0 3px 0 #0006,0 0 0 2px var(--ink),0 0 0 4px var(--gold)}.field [aria-invalid]{border-color:var(--bad)}.count{text-align:right;letter-spacing:.06em;margin:6px 0 0;font-size:8px;line-height:1.6}.count[data-state=short]{color:var(--muted)}.count[data-state=ok]{color:var(--good)}.help{font-family:var(--font-body);color:var(--muted);margin:6px 0 0;font-size:19px}.field-error{display:flex;font-family:var(--font-body);color:#ff8fab;gap:8px;margin:8px 0 0;font-size:20px;line-height:1.05}.field-error:before{content:"!";display:grid;font-family:var(--font-display);color:var(--ink);background:var(--bad);flex:none;place-items: center;width:18px;height:18px;font-size:9px}.examples-label{letter-spacing:.1em;color:var(--muted);margin:16px 0 8px;font-size:8px}.examples{display:grid;gap:8px}.example{display:grid;text-align:left;font:inherit;color:var(--text);cursor:pointer;background:#ffffff0d;border:2px dashed #4a4680;gap:4px;width:100%;padding:8px 10px}.example:hover{border-color:var(--gold);outline:none;border-style:solid}.example:focus-visible{border-color:var(--gold);outline:none;border-style:solid}.example:active{transform:translateY(2px)}.example-label{letter-spacing:.1em;color:var(--gold);font-size:8px}.example-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;font-family:var(--font-body);color:var(--narration);-webkit-box-orient:vertical;font-size:19px;line-height:1.05}.check{position:relative;display:flex;cursor:pointer;align-items: flex-start;gap:12px;margin-top:22px}.check input{position:absolute;opacity:0;width:22px;height:22px;margin:0}.check .box{background:var(--ink);border:2px solid var(--muted);flex:none;width:22px;height:22px;margin-top:1px}.check input:checked+.box{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 3px var(--ink)}.check input:focus-visible+.box{outline:2px solid #fff;outline-offset:2px}.check-text{font-family:var(--font-body);font-size:21px;line-height:1.05}.submit{display:block;width:100%;margin-top:26px;font-size:12px}.submit:focus-visible{outline:3px solid #fff;outline-offset:3px}.outcome .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.back:focus-visible{outline:3px solid #fff;outline-offset:3px}.submit.is-busy{cursor:progress;animation:.8s step-end infinite blink}.submit:disabled{filter:saturate(.6)}@keyframes blink{50%{opacity:.5}}.progress-title{text-align:center;color:var(--gold);outline:none;margin:0 0 14px;font-size:13px;font-weight:400;line-height:1.6}.progress[data-status=rejected] .progress-title,.progress[data-status=failed] .progress-title{color:#ff8fab}.progress[data-status=done] .progress-title{color:var(--good)}.trail{margin-bottom:16px;box-shadow:0 0 0 2px #0008}.stages{display:grid;list-style:none;gap:10px;margin:0;padding:0}.stage{display:grid;grid-template-columns:22px 92px 1fr;grid-template-areas:"icon label detail";align-items: center;column-gap:12px}.stage-icon{grid-area:icon;border:2px solid #4a4680;width:18px;height:18px}.stage-label{grid-area:label;letter-spacing:.08em;color:var(--muted);font-size:9px}.stage-detail{grid-area:detail;font-family:var(--font-body);color:#5d5a8a;font-size:19px;line-height:1}.stage[data-state=done] .stage-icon{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px var(--ink)}.stage[data-state=done] .stage-label{color:var(--text)}.stage[data-state=active] .stage-icon{background:var(--gold);animation:.6s step-end infinite blink;border-color:#fff}.stage[data-state=active] .stage-label{color:var(--gold)}.stage[data-state=active] .stage-detail{color:var(--text)}.stage[data-state=failed] .stage-icon{border-color:var(--bad);background:var(--bad);clip-path:polygon(0 15%,15% 0,50% 35%,85% 0,100% 15%,65% 50%,100% 85%,85% 100%,50% 65%,15% 100%,0 85%,35% 50%)}.stage[data-state=failed] .stage-label{color:#ff8fab}.progress-note{font-family:var(--font-body);color:var(--narration);margin:18px 0 0;font-size:21px;line-height:1.05}.progress[data-status=rejected] .progress-note,.progress[data-status=failed] .progress-note{color:var(--text);border-left:calc(var(--px)*1.5)solid var(--bad);background:#ffffff0d;padding:10px 12px}.outcome{display:grid;gap:12px;margin-top:18px}.outcome .btn{display:block;text-align:center;text-decoration:none;width:100%;font-size:12px}.outcome .btn-quiet{color:var(--text);box-shadow:inset 0 0 0 2px var(--muted);background:0 0}.foot{text-align:center;margin-top:24px}.back{letter-spacing:.08em;color:var(--muted);text-decoration:none;font-size:9px}.back:hover{color:var(--text)}@media (min-width:700px){.create{max-width:680px;padding-top:40px}.lede{font-size:26px}.field label{font-size:11px}.field input,.field textarea{font-size:26px}.examples{grid-template-columns:repeat(3,1fr)}.example-text{-webkit-line-clamp:4}.stage-label{font-size:10px}.stage-detail,.progress-note{font-size:22px}}