:root{--sky:#cfe6fb;--sky-low:#f6f0e4;--paper:#fffaf2;--cream:#f8f1e4;--ink:#4b3c43;--pencil:#d27e95;--petal:#fde084;--mint:#b0ecce;--baby:#aed1f8;--butter:#fde084;--lilac:#ebbbef;--hand:"Caveat", cursive;--note:"Patrick Hand", cursive;--type:"Courier Prime", "Courier New", monospace;--rough:255px 15px 225px 15px / 15px 225px 15px 255px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:linear-gradient(180deg, var(--sky) 0%, var(--sky) 45%, var(--sky-low) 100%);color:var(--ink);font-family:var(--note);-webkit-font-smoothing:antialiased}.js body{overflow:hidden}:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.skip-link{z-index:50;background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);color:var(--ink);padding:8px 14px;font-size:18px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}#app{position:fixed;inset:0;overflow:hidden}.sky{z-index:0;pointer-events:none;position:absolute;inset:0}.sky svg{width:100%;height:100%}.stage{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero,.hint,.index,.bubbles{z-index:2}.hero{pointer-events:none;width:min(500px,36vw);position:absolute;top:clamp(16px,4.5vh,48px);left:clamp(20px,4vw,64px)}.hero a{pointer-events:auto}.name{font-family:var(--hand);letter-spacing:-.01em;margin:0;font-size:clamp(52px,5.6vw,88px);font-weight:700;line-height:.86}.name:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 60 3, 140 10, 200 5 S 280 4, 298 7 M 30 10 C 90 6, 170 9, 260 8' fill='none' stroke='%23d27e95' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:78%;height:12px;margin-top:2px;display:block}.title-strip{background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);margin:14px 0 0;padding:3px 16px 1px;font-size:clamp(19px,1.6vw,24px);display:inline-block;transform:rotate(-1.5deg)}.pitch{max-width:31em;margin:14px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.35}.contact{flex-wrap:wrap;gap:2px 16px;margin-top:12px;font-size:clamp(15px,1.15vw,18px);font-style:normal;display:flex}.contact a{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.hint{font-family:var(--hand);text-align:right;pointer-events:none;opacity:0;align-items:flex-end;gap:2px;margin:0;font-size:clamp(19px,1.6vw,25px);line-height:1;transition:opacity .6s .8s;display:flex;position:absolute;transform:translate(-34%,-100%)}.ready .hint{opacity:1}.hint svg{flex:none;width:clamp(60px,5.5vw,96px)}.index{clip-path:inset(50%);width:1px;height:1px;position:absolute;bottom:16px;left:16px;overflow:hidden}.index:focus-within{clip-path:none;z-index:10;background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);width:auto;height:auto;padding:12px 18px}.index h2{font-family:var(--hand);margin:0 0 6px;font-size:26px}.index ul{margin:0;padding:0;list-style:none}.index button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:18px}.index button span{opacity:.65}.cta{background:var(--butter);color:var(--ink);border:2px solid var(--ink);border-radius:var(--rough);box-shadow:3px 3px 0 var(--ink);margin-top:16px;padding:7px 18px 5px;font-size:clamp(17px,1.35vw,21px);text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block;transform:rotate(-1deg)}.cta:before{content:"";vertical-align:-.12em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23f7c6d0' stroke='%234b3c43' stroke-width='1.6'%3E%3Ccircle cx='10' cy='4.5' r='3.5'/%3E%3Ccircle cx='15.5' cy='9' r='3.5'/%3E%3Ccircle cx='13' cy='15.5' r='3.5'/%3E%3Ccircle cx='7' cy='15.5' r='3.5'/%3E%3Ccircle cx='4.5' cy='9' r='3.5'/%3E%3Ccircle cx='10' cy='10.5' r='3' fill='%23fbe7a1'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:.95em;height:.95em;margin-right:8px;display:inline-block}.cta:hover{box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg)translate(-1px,-1px)}.cta:active{box-shadow:1px 1px 0 var(--ink);transform:rotate(-1deg)translate(2px,2px)}.bubbles{pointer-events:none;position:absolute;inset:0}.bubble{background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);width:max-content;max-width:240px;margin:0;padding:7px 14px 6px;font-size:17px;line-height:1.2;animation:.28s cubic-bezier(.3,1.6,.5,1) both pop;position:absolute;top:0;left:0}.bubble:after{content:"";background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%);width:16px;height:12px;position:absolute;bottom:-11px;left:50%;transform:translate(-30%)skew(32deg)rotate(8deg)}.bubble.buzz,.bubble.buzz:after{background:#fff7dc}.bubble.chirp:before{content:"♪ ";color:var(--pencil)}.bubble.dizzy{rotate:-4deg}.bubble.shy{padding:5px 11px 4px;font-size:15px;font-style:italic}.bubble.out{opacity:0;transition:opacity .2s}@keyframes pop{0%{opacity:0;scale:.6}}.packet{z-index:20;perspective:2200px;place-items:center;display:grid;position:fixed;inset:0}.packet[hidden]{display:none}.packet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffaf273;position:absolute;inset:0}.packet-card{width:min(1040px,94vw);transform-style:preserve-3d;margin-top:30px;position:relative}.packet-back,.cover-front,.cover-inside{background:var(--petal);border:2px solid var(--ink)}.packet-back{border-radius:3px 12px 12px 3px;flex-direction:column;width:50%;min-height:min(470px,78vh);max-height:min(700px,84vh);margin-left:50%;padding:20px 20px 12px 18px;display:flex;position:relative}.packet-tab{background:var(--petal);border:2px solid var(--ink);height:38px;font-family:var(--hand);border-bottom:0;border-radius:12px 14px 0 0;padding:2px 22px 0;font-size:25px;font-weight:700;position:absolute;top:-36px;left:calc(50% + 40px)}.packet-close{z-index:3;border-radius:var(--rough);position:absolute;top:-44px;right:0;background:var(--paper)!important;border:2px solid var(--ink)!important;padding:3px 14px 2px!important}.sheet{background:repeating-linear-gradient(transparent 0 23px, #96c8af66 23px 24.5px) 0 14px / 100% 100%, var(--paper);border:1.5px solid var(--ink);min-height:72px;font-family:var(--type);scrollbar-width:thin;scrollbar-color:var(--ink) transparent;flex:0 auto;padding:26px 30px 24px 50px;font-size:15px;line-height:1.6;position:relative;overflow:auto;transform:rotate(.4deg)}.sheet:before{content:"";background:var(--petal);border:1.5px solid var(--ink);width:14px;height:14px;box-shadow:0 140px 0 -1.5px var(--petal), 0 140px 0 0 var(--ink);border-radius:50%;position:absolute;top:40px;left:16px}.sheet h3{letter-spacing:.14em;text-transform:uppercase;border-bottom:1.5px dashed var(--ink);margin:0 0 12px;padding-bottom:6px;font-size:14px}.sheet h3:not(:first-child){margin-top:22px}.typed{margin:0;padding:0;list-style:none}.typed li{margin-bottom:11px;padding-left:1.4em;position:relative}.typed li:before{content:"*";font-weight:700;position:absolute;left:0}.labels{flex-wrap:wrap;gap:9px 8px;margin:0;padding:0;list-style:none;display:flex}.labels li{background:var(--petal);color:var(--ink);border:1.5px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:4px 11px 3px;font-size:13.5px;font-weight:700;transform:rotate(-.8deg)}.labels li:nth-child(2n){transform:rotate(.9deg)}mark.circled{color:inherit;white-space:nowrap;background:0 0;margin:0 4px;padding:0 .35em;font-weight:700;position:relative}mark.circled:after{content:"";border:2px solid var(--pencil);pointer-events:none;border-radius:52% 46% 55% 44%/58% 50% 46% 54%;position:absolute;inset:-4px -3px -3px;transform:rotate(-1.5deg)}.sheet:empty{display:none}.sheet-nav{justify-content:space-between;margin-top:auto;padding-top:8px;display:flex}.hand-btn{font-family:var(--note);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:18px}.hand-btn:hover{text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.packet-cover{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:2;position:absolute;top:0;right:0}.cover-front,.cover-inside{backface-visibility:hidden;position:absolute;inset:0}.cover-front{background-image:radial-gradient(#ffffff73 2px,#0000 2.5px);background-size:22px 22px;border-radius:3px 12px 12px 3px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.cover-art{aspect-ratio:1;background:var(--paper);border:2px solid var(--ink);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;width:min(250px,52%);padding:10px}.cover-art svg{width:100%;height:100%;display:block}.cover-label{background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);text-align:center;gap:4px;min-width:62%;padding:18px 26px 14px;display:grid;transform:rotate(-1.2deg)}.cover-label strong{font-family:var(--hand);font-size:48px;line-height:1}.cover-label span{font-size:20px}.card-links{flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:18px;display:flex}.card-links a{color:var(--ink);-webkit-text-decoration:underline wavy var(--pencil);text-decoration:underline wavy var(--pencil);text-underline-offset:4px;text-decoration-thickness:1.5px}.cover-inside{border-radius:12px 3px 3px 12px;padding:34px 30px 24px;transform:rotateY(180deg)}.card{background:linear-gradient(transparent 46px, #d27e958c 46px, #d27e958c 48px, transparent 48px), repeating-linear-gradient(transparent 0 25px, #96c8af73 25px 26.5px) 0 48px / 100% calc(100% - 48px) no-repeat, var(--paper);border:1.5px solid var(--ink);padding:22px 26px;position:relative;transform:rotate(-1.2deg)}.tape{background:#c8eedbcc;border:1px solid #4b3c4359;width:92px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(2deg)}.card-period{margin:0;font-size:18px}.card-role{font-family:var(--hand);margin:18px 0 0;font-size:clamp(34px,3.4vw,46px);line-height:1}.card-org{letter-spacing:.12em;text-transform:uppercase;margin:6px 0 0;font-size:20px}.card-blurb{font-family:var(--type);margin:12px 0 0;font-size:14px;line-height:1.65}.sticky{background:var(--butter);border:1.5px solid var(--ink);width:200px;font-family:var(--hand);margin:0;padding:16px 16px 20px;font-size:25px;line-height:1.05;position:absolute;bottom:28px;right:26px;transform:rotate(3deg)}.stamp{font-family:var(--type);letter-spacing:.18em;text-transform:uppercase;color:var(--pencil);border:3px double var(--pencil);opacity:.85;border-radius:6px;margin:0;padding:5px 12px 3px;font-size:18px;font-weight:700;position:absolute;bottom:44px;left:34px;transform:rotate(-9deg)}.packet-mobile-card{display:none}.sheet-art{flex:auto;place-items:center;min-height:0;padding:18px 0 6px;display:grid}.sheet-art svg{aspect-ratio:1;background:var(--paper);border:1.5px solid var(--ink);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;width:min(220px,56%);height:auto;padding:10px;display:block;transform:rotate(-3deg)}@media (max-width:760px){.packet-card{width:calc(100vw - 24px);margin-top:50px}.packet-back,.packet-cover{width:100%}.packet-back{border-radius:3px 12px 12px 3px;min-height:min(420px,70dvh);max-height:calc(100dvh - 90px);margin-left:0;padding:18px 12px 10px;overflow:auto}.cover-inside{display:none}.packet-tab{font-size:22px;left:18px}.packet-mobile-card{margin-bottom:18px;display:block;position:relative}.packet-mobile-card .sticky,.packet-mobile-card .stamp{width:auto;margin:14px 8px 0;font-size:21px;display:inline-block;position:relative;inset:auto}.packet-mobile-card .stamp{font-size:14px}.sheet-art{flex:none}.sheet-art svg{width:120px}.sheet{flex:none;padding:20px 16px 18px 34px;font-size:14.5px;overflow:visible}.sheet:before{display:none}}[data-mode=narrow] .hero{width:auto;left:18px;right:18px}@media (max-height:780px){.cta{margin-top:10px}}[data-mode=narrow] .pitch,[data-mode=narrow] .hint{display:none}.arcade{z-index:15;pointer-events:none;position:absolute;inset:0}.arcade[hidden]{display:none}.arcade-bar{background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);box-shadow:3px 3px 0 var(--ink);font-family:var(--hand);pointer-events:auto;white-space:nowrap;align-items:center;gap:18px;padding:6px 10px 4px 18px;font-size:28px;line-height:1;display:flex;position:absolute;top:14px;left:50%;translate:-50%}.arcade-time{font-variant-numeric:tabular-nums;min-width:3.4em}.arcade-lives{color:var(--pencil);letter-spacing:2px}.arcade-best{opacity:.7;font-size:20px}.arcade-best:empty{display:none}.arcade-quit{font:700 26px/1 var(--hand);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 6px}.arcade-big{font:700 clamp(72px, 12vw, 150px)/1 var(--hand);text-align:center;width:max-content;max-width:92vw;color:var(--ink);text-shadow:4px 4px 0 var(--butter);margin:0;position:absolute;top:38%;left:50%;translate:-50% -50%}.arcade-big.beat{animation:.35s cubic-bezier(.3,1.6,.5,1) both pop}.arcade-help{text-align:center;width:min(90vw,460px);margin:0;font-size:19px;position:absolute;top:calc(38% + clamp(56px,8vw,96px));left:50%;translate:-50%}.arcade-acts{left:50%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;gap:10px;display:flex;position:absolute;translate:-50%}.arcade-acts button{font:400 19px/1 var(--note);color:var(--ink);background:var(--butter);border:2px solid var(--ink);border-radius:var(--rough);box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;padding:8px 16px 6px;position:relative;overflow:hidden}.arcade-acts button:after{content:"";background:var(--ink);opacity:.25;transform-origin:bottom;transform:scaleY(var(--cd,0));pointer-events:none;position:absolute;inset:0}.arcade-acts button:active{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.arcade-acts kbd{font:13px var(--type);opacity:.65;margin-left:4px}@media (max-width:760px){.arcade-acts{flex-direction:column;inset:46% 10px auto auto;translate:0 -50%}.arcade-help{text-align:left;width:calc(100vw - 150px);left:16px;translate:none}}@media (hover:none){.arcade-acts kbd{display:none}.arcade-acts button{padding:12px 18px 10px}}.arcade-over{background:var(--paper);border:2px solid var(--ink);border-radius:var(--rough);width:min(88vw,360px);box-shadow:4px 4px 0 var(--ink);text-align:center;pointer-events:auto;padding:20px 24px 22px;animation:.3s cubic-bezier(.3,1.6,.5,1) both pop;position:absolute;top:40%;left:50%;translate:-50% -50%}.arcade-over[hidden]{display:none}.arcade-over h2{font:700 46px/1 var(--hand);margin:0}.arcade-score{margin:8px 0 0;font-size:20px}.arcade-actions{flex-direction:column;align-items:center;gap:6px;display:flex}.arcade-again{font-family:var(--note);cursor:pointer}.game .hint{opacity:0;pointer-events:none}.game .hero{opacity:.35;transition:opacity .4s}.prerender{background:var(--paper);max-width:760px;font-family:var(--type);min-height:100%;margin:0 auto;padding:40px 28px 60px;font-size:15px;line-height:1.6}.prerender h1,.prerender h2,.prerender h3{font-family:var(--hand);line-height:1.1}.prerender h1{margin:0;font-size:52px}.prerender h2{border-bottom:2px solid var(--ink);margin:34px 0 8px;font-size:34px}.prerender h3{margin:22px 0 4px;font-size:26px}.prerender h4{margin:12px 0 4px}.prerender a{color:var(--ink)}.js #app{display:block}.js .prerender,html:not(.js) #app{display:none}.no-gl .prerender{display:block}.no-gl #app,.no-gl body{overflow:auto}.no-gl #app{display:none}.js.no-gl body{overflow:auto}@media print{#app,.skip-link{display:none!important}.prerender{padding:0;display:block!important}body{background:#fff}}