:root{--ink: #1d1b19;--paper: #f3efe5;--red: #d7291f;--yellow: #ffcc01;--bg: #120b09;--lx: 50vw;--ly: 50vh;--lr: 1;--cur-open: url(/cursors/open.svg) 20 18, grab;--cur-grab: url(/cursors/grab.svg) 20 18, grabbing;--cur-point: url(/cursors/point.svg) 14 2, pointer}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}body{font-family:JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}#viewport{position:fixed;top:0;right:0;bottom:0;left:0;cursor:var(--cur-open);touch-action:none;user-select:none;-webkit-user-select:none}#viewport.dragging,#viewport.dragging *{cursor:var(--cur-grab)!important}#world{position:absolute;left:0;top:0;width:3200px;height:2100px;transform-origin:0 0;will-change:transform}#pad{position:absolute;top:0;right:0;bottom:0;left:0;width:3200px;height:2100px;border-radius:38px;box-shadow:0 60px 120px #0009;pointer-events:none}#items{position:absolute;top:0;right:0;bottom:0;left:0}.cut{position:absolute;display:block;border:0;background:none;padding:0;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--r, 0deg)) translate3d(var(--px, 0),var(--py, 0),0);transition:transform .35s cubic-bezier(.2,.8,.2,1);--sx: 8px;--sy: 12px}.cut img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(calc(var(--sx) * .35) calc(var(--sy) * .35) 2px rgba(40,5,2,.35)) drop-shadow(var(--sx) var(--sy) 14px rgba(40,5,2,.45)) drop-shadow(0 0 0 rgba(255,214,140,0)) brightness(1);transition:filter .8s ease}.cut.lit img{filter:drop-shadow(calc(var(--sx) * .35) calc(var(--sy) * .35) 2px rgba(40,5,2,.35)) drop-shadow(var(--sx) var(--sy) 14px rgba(40,5,2,.45)) drop-shadow(0 0 22px rgba(255,214,140,.55)) brightness(1.07)}.ticket-wrap{transition:filter .8s ease,transform .2s}.cut{will-change:transform}.touch .cut img,.touch .ticket-wrap{transition:none}.touch .egg.solder:after{animation:none;display:none}.ticket-wrap.lit{filter:drop-shadow(6px 12px 14px rgba(40,5,2,.45)) drop-shadow(0 0 22px rgba(255,214,140,.5)) brightness(1.05)}.cut:hover,.cut:focus-visible{transform:translate(-50%,-50%) rotate(calc(var(--r, 0deg) * .5)) translate3d(var(--px, 0),calc(var(--py, 0px) - 10px),0) scale(1.04);z-index:5;outline:none}.cut:hover img,.cut:focus-visible img{filter:drop-shadow(calc(var(--sx) * .5) calc(var(--sy) * .5) 3px rgba(40,5,2,.3)) drop-shadow(calc(var(--sx) * 2.2) calc(var(--sy) * 2.2) 26px rgba(40,5,2,.45)) drop-shadow(0 0 0 rgba(255,214,140,0)) brightness(1);transition-duration:.35s}.cut .tag{position:absolute;left:50%;bottom:-26px;transform:translate(-50%) rotate(-2deg);background:var(--paper);color:var(--ink);font:700 13px/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px 7px;white-space:nowrap;box-shadow:3px 5px 10px #28050259;opacity:0;transition:opacity .25s,bottom .25s;clip-path:polygon(0 4%,100% 0,99% 96%,1% 100%)}.cut:hover .tag,.cut:focus-visible .tag{opacity:1;bottom:-34px}.cut.tilt-tag .tag{transform:translate(-50%) rotate(3deg)}.cut .badge{position:absolute;right:-30px;top:-6px;transform:rotate(7deg);white-space:nowrap;background:var(--paper);color:var(--red);font:700 22px/1 JetBrains Mono,monospace;letter-spacing:.12em;padding:11px 14px 10px;border:3px solid var(--red);box-shadow:3px 5px 10px #28050259;pointer-events:none}.hello{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none;z-index:3;font-size:inherit;font-weight:inherit}.hello .word{position:absolute;display:flex;align-items:center;transform:translate(-50%,-50%) rotate(var(--wr, 0deg))}.hello .word .ltr{margin-right:-4px}.hello .sp{width:26px}.ltr{display:inline-grid;place-items:center;min-width:.62em;height:1.18em;padding:0 .14em;line-height:1;transform:rotate(var(--lr)) translateY(var(--ly));box-shadow:4px 7px 10px #28050273;clip-path:var(--clip)}.strip{font:700 13px/1 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--paper);color:var(--ink);padding:10px 14px 9px;box-shadow:4px 6px 12px #28050266;clip-path:polygon(0 6%,100% 0,99.5% 94%,.5% 100%)}.hello .sub{position:absolute;transform:translate(-50%,-50%) rotate(var(--wr, 0deg));white-space:nowrap;font-family:Special Elite,monospace;font-weight:400;font-size:25px;padding:12px 18px 10px;letter-spacing:.02em;text-transform:none}.photo{pointer-events:none;z-index:2}.photo.egg{pointer-events:auto;cursor:inherit}.cut.photo:hover{transform:translate(-50%,-50%) rotate(var(--r, 0deg)) translate3d(var(--px, 0),var(--py, 0),0);z-index:2}.cut.photo:hover img{filter:drop-shadow(calc(var(--sx) * .35) calc(var(--sy) * .35) 2px rgba(40,5,2,.35)) drop-shadow(var(--sx) var(--sy) 14px rgba(40,5,2,.45)) drop-shadow(0 0 0 rgba(255,214,140,0)) brightness(1)}#light{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#light canvas{display:block;width:100%;height:100%}#hint{white-space:nowrap;position:fixed;left:50%;bottom:28px;transform:translate(-50%) rotate(-1deg);z-index:25;transition:opacity .6s;pointer-events:none}#hint.gone{opacity:0}#panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0c06048c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#panel[hidden]{display:none}#panel .sheet{position:relative;width:min(1040px,100%);max-height:min(86vh,100%);overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);padding:56px 56px 48px;transform:rotate(-.6deg);box-shadow:0 30px 80px #0000008c;animation:drop .45s cubic-bezier(.2,.9,.25,1.2);background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:4px 4px}@keyframes drop{0%{transform:translateY(40px) rotate(4deg);opacity:0}}#panel .close{position:sticky;top:-42px;z-index:6;display:block;margin:-42px -38px -2px auto;width:44px;height:44px;box-shadow:2px 4px 10px #0000004d;border:0;background:var(--ink);color:var(--paper);font:400 30px/1 Anton,sans-serif;cursor:pointer;transform:rotate(4deg)}#panel .close:focus-visible{outline:3px solid var(--yellow)}#panel .close{font-size:0;padding:0}#panel .close:before,#panel .close:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:4px;background:var(--paper);transform:translate(-50%,-50%) rotate(45deg)}#panel .close:after{transform:translate(-50%,-50%) rotate(-45deg)}#panel .close:hover{background:var(--red)}#panel .sheet::-webkit-scrollbar{width:14px}#panel .sheet::-webkit-scrollbar-track{background:linear-gradient(var(--ink) 50%,transparent 0) center / 2px 10px repeat-y;margin:18px 0}#panel .sheet::-webkit-scrollbar-thumb{background:var(--red);border:3px solid var(--paper);border-radius:0;box-shadow:inset 0 0 0 1px #00000040;min-height:48px}#panel .sheet::-webkit-scrollbar-thumb:hover{background:var(--ink)}#panel .sheet::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){#panel .sheet{scrollbar-width:thin;scrollbar-color:var(--red) transparent}}.p-kicker{font:700 12px/1.4 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7a736a}.p-title{margin:14px 0 8px;display:flex;flex-wrap:wrap;gap:4px}.p-title{gap:6px 26px;margin-top:4px}.p-word{display:inline-flex;gap:6px;white-space:nowrap}.p-lead{font:900 24px/1.2 Archivo,sans-serif;font-stretch:125%;text-transform:uppercase;margin:22px 0 14px;max-width:30ch}.p-text{font-size:15px;line-height:1.6;max-width:62ch}.p-text p+p{margin-top:10px}.p-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.p-list li{font:700 12px/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);padding:8px 10px 7px}.p-story{margin-top:44px;display:flex;flex-direction:column;gap:46px}.p-story .f{margin:0}.f-media{position:relative;box-shadow:4px 8px 18px #00000038;overflow:hidden;width:100%;max-width:min(100%,calc(78vh * var(--ar, 1.5)))}.f.bleed .f-media{width:auto;max-width:none;margin:0 -56px}.f-media.alpha{box-shadow:none;overflow:visible;filter:drop-shadow(3px 6px 8px rgba(0,0,0,.25))}.f-media img,.f-media video{display:block;width:100%;height:auto}.f-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.f-pair .f-media{max-width:100%}.f-rows{display:grid;gap:14px}.f-group{display:grid;gap:14px;align-items:start}.f-group .f-media{max-width:100%}.p-story figcaption{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:12px;font-size:13.5px;line-height:1.55;max-width:62ch;color:#3a352e}.p-story figcaption b{color:var(--ink);font-weight:700}.f-n{font:400 22px/1 Anton,sans-serif;color:var(--red);padding-top:1px}.f.video video{cursor:var(--cur-point)}.p-stamp{position:absolute;right:86px;top:46px;transform:rotate(-11deg);z-index:2;pointer-events:none;display:grid;justify-items:center;padding:10px 18px 8px;border:5px double rgba(215,41,31,.85);border-radius:8px;color:#d7291fd9;font:400 30px/.95 Anton,sans-serif;letter-spacing:.08em;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 55%,rgba(0,0,0,.55) 75%,#000 90%)}.p-stamp span+span{font-size:38px}.p-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.p-links a{font:700 13px/1 JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--yellow);padding:12px 14px 11px;text-decoration:none;box-shadow:3px 4px 0 var(--ink)}.p-links a:hover{transform:translate(-1px,-1px);box-shadow:4px 5px 0 var(--ink)}.p-links a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.p-note{font:500 26px/1.2 Caveat,cursive;color:#2e4a9a;margin-top:20px;transform:rotate(-1deg)}@media (max-width: 640px){#hint{font-size:11px}.hello .sub{font-size:19px}#panel{padding:10px}#panel .sheet{padding:48px 22px 30px}.f.bleed .f-media{margin:0 -22px}#panel .close{top:-38px;margin:-38px -12px -2px auto}.f-pair{grid-template-columns:1fr;gap:46px}.f-group{grid-template-columns:1fr!important}.p-stamp{position:relative;right:auto;top:auto;display:inline-grid;margin:-4px 0 16px 4px;transform:rotate(-6deg);font-size:20px;padding:7px 12px 5px;border-width:4px}.p-stamp span+span{font-size:25px}.p-lead{font-size:19px}.p-title{zoom:.62}}@media (prefers-reduced-motion: reduce){.cut,.cut img,#panel .sheet{transition:none;animation:none}}.ticket-wrap{position:absolute;transform:translate(-50%,-50%) rotate(var(--r, 0deg));z-index:4;filter:drop-shadow(6px 12px 14px rgba(40,5,2,.45)) drop-shadow(0 0 0 rgba(255,214,140,0)) brightness(1)}.ticket-wrap.tap{cursor:pointer}.ticket-wrap.tap .ticket *{pointer-events:none}.t-tape{position:absolute;left:58%;top:-16px;width:150px;height:40px;background:#ece2c4c7;transform:rotate(4deg);z-index:3;box-shadow:0 1px 2px #0000001f}.ticket{position:relative;display:grid;grid-template-columns:74px 1fr;color:#2b241c;background:#ead9ab;border-radius:6px 14px 14px 6px;background-image:radial-gradient(rgba(120,80,20,.08) 1px,transparent 1.4px),linear-gradient(180deg,#ffffff2e,#0000000a);background-size:5px 5px,100% 100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 76%,6px 74%,0 72%)}.t-stub{position:relative;border-right:2px dashed rgba(70,45,15,.45);display:grid;place-items:center}.t-hole{position:absolute;top:26px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:#9e1c14;box-shadow:inset 0 2px 4px #0009,0 0 0 7px #f3ead0,0 0 0 8px #462d0f59}.t-stub-txt{writing-mode:vertical-rl;transform:rotate(180deg);font:700 15px/1 JetBrains Mono,monospace;letter-spacing:.3em;color:#7a2a14;margin-top:40px}.t-body{position:relative;padding:22px 28px 26px 24px;min-width:0}.t-title{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.t-title .ltr{height:1.15em}.t-row{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.t-field{display:block;margin-top:12px}.t-field span{display:block;font:700 11px/1 JetBrains Mono,monospace;letter-spacing:.16em;color:#7a6a4c}.t-field input,.t-field textarea{display:block;width:100%;border:0;background:transparent;color:#1f3f9a;resize:none;outline:none;font:400 22px/34px Special Elite,monospace;padding:2px 0 0;background-image:linear-gradient(transparent 33px,#2b241c8c 33px,#2b241c8c 34px);background-size:100% 34px}.t-field textarea{height:102px}.t-msg{margin-right:132px}.t-field input:focus,.t-field textarea:focus{background-image:linear-gradient(transparent 32px,#d7291f 32px,#d7291f 34px)}.t-field.bad span{color:#d7291f}.t-field.bad span:after{content:"  ← fill me";font-family:Caveat,cursive;font-size:18px;letter-spacing:0}.t-stamp{position:absolute;right:24px;bottom:26px;width:108px;height:108px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ff5a44,#c41d12 60%,#8e120a);color:#fff3e6;box-shadow:0 10px #6d0d07,0 16px 20px #28050273;transform:rotate(-12deg);transition:transform .12s,box-shadow .12s;display:grid;place-content:center;font-family:Anton,sans-serif;letter-spacing:.06em;line-height:.9}.t-stamp span{font-size:34px}.t-stamp small{font-size:18px;opacity:.85}.t-stamp:hover{transform:rotate(-12deg) translateY(-3px);box-shadow:0 13px #6d0d07,0 20px 24px #28050273}.t-stamp:active{transform:rotate(-12deg) translateY(8px);box-shadow:0 2px #6d0d07,0 4px 8px #28050273}.t-stamp:focus-visible{outline:3px dashed #2b241c;outline-offset:5px}.t-done{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-14deg) scale(2.4);opacity:0;pointer-events:none;font:400 76px/1 Anton,sans-serif;letter-spacing:.06em;color:#d7291fe0;padding:6px 22px;border:6px solid rgba(215,41,31,.88);border-radius:10px;mix-blend-mode:multiply}.ticket.stamped .t-done{animation:thump .32s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes thump{to{opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}#panel.is-ticket .sheet{background:none;box-shadow:none;padding:30px 6px 20px;width:min(660px,100%)}#panel.is-ticket .close{top:-30px;margin:-24px 0 -20px auto}@media (max-width: 640px){.t-row{grid-template-columns:1fr;gap:0}.ticket{grid-template-columns:46px 1fr}.t-body{padding:18px 16px 126px}.t-stamp{width:92px;height:92px;bottom:18px;right:16px}.t-msg{margin-right:0}#panel.is-ticket .t-title{zoom:.7}}.t-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.t-note{min-height:22px;margin-top:6px;font:600 22px/1 Caveat,cursive;color:#d7291f}.cut.guitar:hover,.cut.guitar:focus-visible{transform:translate(-50%,-50%) rotate(var(--r)) translate3d(var(--px, 0),calc(var(--py, 0px) - 8px),0) scale(1.03)}.cut.guitar .g-note{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%) rotate(calc(var(--r) * -1 - 8deg));display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--yellow);color:var(--ink);padding:9px 14px 8px;font:400 24px/1 Anton,sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:3px 5px 10px #28050273;clip-path:polygon(0 5%,100% 0,98% 96%,2% 100%);transition:background .25s,opacity .25s;opacity:0}.cut.guitar:hover .g-note,.cut.guitar:focus-visible .g-note{opacity:1}@media (hover: none){.cut.guitar .g-note{opacity:1}}.cut.guitar.on .g-note{background:var(--ink);color:var(--yellow)}html,body{cursor:var(--cur-open)}.cut,.ticket-wrap.tap,.t-stamp,.p-links a,#panel .close,.t-kinds label,button,a{cursor:var(--cur-point)}#panel{cursor:var(--cur-open)}.ticket input,.ticket textarea{cursor:text}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--red);color:var(--paper);transition:transform .9s cubic-bezier(.76,0,.24,1)}#loader.gone{transform:translateY(-100%)}.ld-num{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);white-space:nowrap}.ld-num b{display:block;font:400 min(30vw,42vh)/.85 "Anton",sans-serif;color:var(--yellow);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ld-meta{position:absolute;left:28px;right:28px;bottom:30px;display:flex;justify-content:space-between;gap:16px;font:700 12px/1.2 JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.ld-line{opacity:.75}.ld-bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:#0000002e}.ld-bar i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 50%;transform:scaleX(0);background:var(--yellow)}.ld-skip{display:none;position:absolute;left:50%;bottom:64px;transform:translate(-50%);padding:0;border:0;background:none;color:var(--paper);text-decoration:underline;font:700 11px/1.4 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}#loader.slow .ld-skip{display:block}#loader.ready .ld-skip{display:none}@media (max-width: 520px){.ld-meta{left:18px;right:18px;bottom:22px;font-size:10px}}@media (prefers-reduced-motion: reduce){#loader{transition:none}}.egg.solder{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;cursor:var(--cur-point, pointer);background:radial-gradient(circle at 34% 30%,#fff 0,#fff,#d9dde2 16%,#9aa1aa 52%,#5d636b 78%,#3c4046);box-shadow:2px 4px 5px #28050273;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .35s}.egg.solder:after{content:"";position:absolute;left:6px;top:5px;width:7px;height:7px;border-radius:50%;background:#fff;opacity:0;box-shadow:0 0 8px 3px #fffc;animation:egg-glint 9s ease-in-out var(--d) infinite;will-change:opacity}@keyframes egg-glint{0%,90%,to{opacity:0}94%{opacity:.9}}.egg.solder.got{transform:scale(1.8) translateY(-14px);opacity:0;pointer-events:none}.egg-toast{position:fixed;left:50%;top:22px;z-index:30;opacity:0;transform:translate(-50%,calc(-100% - 40px)) rotate(-1.5deg);transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .3s;pointer-events:none;white-space:nowrap}.egg-toast.on{opacity:1;transform:translate(-50%) rotate(-1.5deg)}.egg-count{position:fixed;left:18px;top:18px;z-index:30;transform:translateY(-160%) rotate(1.5deg);transition:transform .45s cubic-bezier(.3,1.4,.5,1);pointer-events:none;white-space:nowrap}.egg-count.on{transform:translateY(0) rotate(1.5deg)}.egg-count.done{background:var(--yellow)}.cut.hop img{animation:egg-hop .6s cubic-bezier(.3,1.6,.5,1) var(--hd, 0ms) 2}@keyframes egg-hop{40%{transform:translateY(-28px) rotate(-4deg)}70%{transform:translateY(0) rotate(2deg)}}.egg-dango{position:fixed;bottom:8px;left:0;z-index:30;width:150px;pointer-events:none;transform:translate(-180px) scaleX(-1);filter:drop-shadow(3px 6px 6px rgba(40,5,2,.45));animation:egg-crawl 9s linear forwards}@keyframes egg-crawl{0%{transform:translate(-180px) scaleX(-1)}to{transform:translate(calc(100vw + 40px)) scaleX(-1)}}.egg-tape{position:fixed;left:-10vw;top:38%;z-index:30;width:140vw;padding:8px 0 7px;white-space:nowrap;overflow:hidden;pointer-events:none;background:var(--yellow);color:var(--ink);font:400 26px/1 Anton,sans-serif;letter-spacing:.06em;box-shadow:0 10px 24px #28050266;transform:rotate(-6deg) translate(-110%);animation:egg-tape 3.6s cubic-bezier(.6,0,.4,1) forwards}@keyframes egg-tape{0%{transform:rotate(-6deg) translate(-110%)}30%,70%{transform:rotate(-6deg) translate(0)}to{transform:rotate(-6deg) translate(110%)}}@media (prefers-reduced-motion: reduce){.egg.solder:after,.egg-dango,.egg-tape,.cut.hop img{animation:none!important}.egg-dango,.egg-tape{display:none}}