:root{--ink:#3a2d1a;--brown:#5b4d37;--tan-dark:#7c6a4a;--tan:#b6a077;--wall:#cfbc96;--card:#f2e5cc;--paper:#fff6e0;--screen:#12151c;--display:"MGPixel","Unifont","Courier New",monospace;--hand:"Notepen","Comic Sans MS",cursive;--t1:2.2rem;--t2:1.5rem;--t3:1.25rem;--t4:1rem;--small:.85rem;--cur:url(/cursors/arrow.png) 0 0,auto;--cur-link:url(/cursors/pointer.png) 7 0,pointer;--cur-text:url(/cursors/text.png) 7 11,text;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:MGPixel;src:url(/fonts/MGPixel.woff2)format("woff2");font-display:block}@font-face{font-family:Unifont;src:url(/fonts/Unifont-faces.otf)format("opentype");font-display:block;size-adjust:125%;unicode-range:U+30FB,U+227D,U+227C,U+2A4A,U+3C9,U+2F5,U+25D5,U+2F6,U+2C3,U+11BA,U+2C2,U+669,U+2CA,U+15DC,U+2CB,U+648}@font-face{font-family:Unifont;src:url(/fonts/Unifont-faces.otf)format("opentype");font-display:block;unicode-range:U+2570,U+FFE3}@font-face{font-family:Notepen;src:url(/fonts/Notepen.woff2)format("woff2");font-display:block}*{box-sizing:border-box}[hidden]{display:none!important}html{font-size:20px}body{background:var(--wall);color:var(--ink);font-family:var(--display);font-variant-ligatures:none;cursor:var(--cur);margin:0;font-size:1rem;line-height:1.5}button{font-variant-ligatures:none}a,button,summary,label[for]{cursor:var(--cur-link)}a{color:var(--ink)}a:not(.btn):not(.paper){text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:2px;transition:background .15s,box-shadow .15s}a:not(.btn):not(.paper):hover,a:not(.btn):not(.paper):focus-visible,a.paper:hover .more{background:var(--tan);box-shadow:0 0 0 .15em var(--tan);text-decoration-thickness:3px}h1,h2,h3,h4,p,figure{margin:0;font-weight:400}h1,h2,h3{text-wrap:balance;line-height:1.15}h1,h2,h3,h4,p,li,span,small,a,label{overflow-wrap:anywhere}.paper{min-width:0}img,video{max-width:100%;display:block}img{font-size:0}.px{image-rendering:pixelated}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}html,.scroll{scrollbar-color:var(--brown) var(--card)}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:var(--card);border-left:3px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--brown);border:3px solid var(--ink);box-shadow:inset 2px 2px 0 var(--tan-dark)}::-webkit-scrollbar-thumb:hover{background:var(--tan-dark)}@supports selector(::-webkit-scrollbar){html,.scroll{scrollbar-color:auto}}.scroll{background:var(--wall) url(/img/wall.png);image-rendering:pixelated;overflow-x:clip;container-type:inline-size}.banner{z-index:1;background:var(--card) url(/img/header.png) center/cover;box-shadow:0 4px 0 var(--tan-dark);border-bottom:8px solid #1a1a1a;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 16px 1.5rem;display:flex;position:relative}.plaque{background:var(--tan);border:4px solid var(--ink);outline:2px solid var(--paper);outline-offset:-8px;font-size:var(--t1);text-align:center;padding:.6rem 2.6rem}.nav{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.btn{font:inherit;color:var(--ink);text-align:center;letter-spacing:.3px;background:var(--tan);border:4px solid var(--ink);outline:2px solid var(--paper);outline-offset:-6px;min-height:44px;box-shadow:0 2px 0 var(--tan-dark);padding:.7em 2em;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s,color .2s;display:inline-block}@media (hover:hover){.btn:hover{background:var(--tan-dark);color:var(--paper);box-shadow:0 6px 0 var(--tan-dark);animation:.45s ease-out hop;transform:translateY(-4px)scale(1.03)}}.btn:active{box-shadow:0 0 0 var(--tan-dark);transition-duration:60ms;animation:none;transform:translateY(2px)scale(.98)}.btn.dark,.nav .btn[aria-current=page]{background:var(--brown);color:var(--paper)}.nav .btn{min-width:8rem;padding:.6em 1.2em}.site{--u:1vw;--sb-scale:1;--sb-l1:42%;--sb-l2:34%;--sb-shift:0px;--sb-mw:250px}@media (width>=2560px){.site{--sb-scale:1.1;--sb-l1:41%;--sb-l2:33%;--sb-shift:-2px;--sb-mw:280px}}@media (width<=1919px){.site{--sb-scale:.92;--sb-l1:41%;--sb-l2:35%;--sb-shift:2px;--sb-mw:220px}}@media (width<=1679px){.site{--sb-scale:.85;--sb-l1:42%;--sb-l2:36%;--sb-shift:5px;--sb-mw:200px}}@media (width<=1439px){.site{--sb-scale:.8;--sb-l1:42%;--sb-l2:36%;--sb-shift:7px;--sb-mw:200px}}@media (width<=1279px){.site{--sb-scale:.8;--sb-l1:42%;--sb-l2:38%;--sb-shift:8px;--sb-mw:160px}}@media (width<=767px){.site{--sb-scale:.7;--sb-l1:42%;--sb-l2:38%;--sb-shift:10px;--sb-mw:160px}}@media (width<=599px){.site{--sb-scale:.5;--sb-l1:40%;--sb-l2:32%;--sb-shift:8px;--sb-mw:140px}}@media (width<=429px){.site{--sb-scale:.5;--sb-l1:38%;--sb-l2:32%;--sb-shift:8px;--sb-mw:120px}}@media (width<=374px){.site{--sb-scale:.4;--sb-l1:36%;--sb-l2:31%;--sb-shift:8px;--sb-mw:100px}}#side{z-index:60;width:calc(46.08 * var(--u));max-width:368.6px;height:calc(36 * var(--u));max-height:288px;image-rendering:pixelated;filter:brightness(.7);background:url(/img/sidebar.png) 50%/100% 100% no-repeat;font-size:16px;transition:transform .35s cubic-bezier(.4,1,.6,1),filter .3s;position:fixed;top:50%;left:0;transform:translate(-69.5%)translateY(-50%)}@media (hover:none) and (pointer:coarse){#side:not(.open):not(:focus-within){transform:translate(calc(45px - 100%))translateY(-50%)}}#side.open,#side:focus-within{filter:brightness();transform:translate(-30.5%)translateY(-50%)}@media (hover:hover){#side:hover{filter:brightness();transform:translate(-30.5%)translateY(-50%)}}#side .slot{font-family:var(--hand);flex-direction:column;align-items:flex-end;display:flex;position:absolute}#slot1{left:calc((var(--sb-l1) - 11.5625%) * 1.302);transform:translateX(var(--sb-shift)) translateY(20%);top:7%}#slot2{left:calc((var(--sb-l2) - 11.5625%) * 1.302);transform:translateX(var(--sb-shift)) translateY(-20%);top:40%}#side .sbtn{color:var(--tan-dark);font-family:var(--hand);background:0 0;border:0;padding:4px 12px;transition:color .2s}@media (hover:hover){#side .sbtn:hover{color:var(--paper)}}#side-lang{font-size:calc(2.25em * var(--sb-scale))}#side-music{font-size:calc(1.95em * var(--sb-scale));max-width:calc(var(--sb-mw) * .75);white-space:normal;overflow-wrap:break-word;text-align:center;line-height:1.2}main{max-width:980px;margin:0 auto;padding-block:3rem 4.5rem;padding-inline:16px}@media (width>=768px) and (width<=1340px){main{padding-left:calc(15 * var(--u))}}.page{flex-direction:column;gap:3rem;display:flex}.stack{flex-direction:column;gap:1.5rem;display:flex}.row{flex-wrap:wrap;gap:2.2rem;display:flex}.row>*{min-width:0}.label{background:var(--brown);color:var(--paper);border:3px solid var(--ink);font-size:var(--t2);align-self:flex-start;padding:.3rem 1rem}.paper{background:var(--paper);border:3px solid var(--ink);outline:2px dashed var(--tan);outline-offset:-9px;box-shadow:6px 6px 0 var(--tan-dark);flex-direction:column;gap:.7rem;padding:1.4rem 1.3rem 1.3rem;transition:transform .5s cubic-bezier(.3,.7,.3,1),box-shadow .5s,rotate .5s ease-out,translate .5s ease-out;display:flex;position:relative}:root{--stud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath fill='%233a2d1a' d='M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM0 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1z'/%3E%3Cpath fill='%237c6a4a' d='M3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM1 3h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM1 4h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM1 5h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1z'/%3E%3Cpath fill='%23fff6e0' d='M1 1h1v1h-1zM2 1h1v1h-1zM1 2h1v1h-1z'/%3E%3Cpath fill='%235b4d37' d='M5 4h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z'/%3E%3C/svg%3E")}.paper:before{content:"";background:var(--pin);filter:drop-shadow(3px 3px #3a2d1a59);pointer-events:none;z-index:3;width:99px;height:99px;margin-left:-49px;position:absolute;top:-52px;left:50%}.tl{transform:rotate(-1.3deg)}.tr{transform:rotate(1.3deg)}.tl,.tr{will-change:transform}a.paper{text-decoration:none}.paper.tl:hover,.paper.tl:focus-within{transform:rotate(.6deg)translate(-2px,-7px)scale(1.02)}.paper.tr:hover,.paper.tr:focus-within{transform:rotate(-.6deg)translate(2px,-7px)scale(1.02)}.paper.tl:hover,.paper.tr:hover,.paper.tl:focus-within,.paper.tr:focus-within{box-shadow:10px 14px 0 var(--tan-dark);transition:transform .45s cubic-bezier(.3,.8,.3,1),box-shadow .45s;animation:6.2s ease-in-out -3.1s infinite alternate holdTurn,8.6s ease-in-out -4.3s infinite alternate-reverse holdDrift}.paper.tr:hover,.paper.tr:focus-within{animation-direction:alternate-reverse,alternate}.paper img,.paper video{border:3px solid var(--ink)}.paper h3{font-size:var(--t2)}.paper .lead{font-size:var(--t4)}.more{align-self:flex-start;text-decoration:underline}.tags{font-size:var(--small);flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:.05rem .55rem}.state{border:2px solid var(--ink);padding:.05rem .55rem}.ph{aspect-ratio:16/9;text-align:center;border:3px dashed var(--tan-dark);width:100%;color:var(--brown);font-size:var(--small);background:var(--card);place-items:center;display:grid}.ph.cover{border-width:4px;flex:400px}.card{flex:340px}.soon{text-align:center;background:color-mix(in srgb,var(--tan) 40%,var(--paper));min-height:14rem;font-size:var(--t2);clip-path:polygon(-12px -20px,calc(100% - 30px) -20px,calc(100% - 30px) 0,calc(100% - 24px) 0,calc(100% - 24px) 6px,calc(100% - 18px) 6px,calc(100% - 18px) 12px,calc(100% - 12px) 12px,calc(100% - 12px) 18px,calc(100% - 6px) 18px,calc(100% - 6px) 24px,100% 24px,100% 30px,calc(100% + 12px) 30px,calc(100% + 12px) calc(100% + 12px),-12px calc(100% + 12px));justify-content:center;align-items:center;line-height:1.3}.fold{width:30px;height:30px;fill:var(--ink);position:absolute;top:-3px;right:-3px}.fold .flap{fill:var(--wall)}.soon.alone{flex:0 max(340px,50% - 1rem);min-height:9rem;margin-inline:auto}button.soon{color:inherit;font-family:inherit}.soon span{font-size:var(--t1);white-space:nowrap}.section{scroll-margin-top:1rem}.stamp{z-index:1;background:var(--ink);color:var(--paper);border:3px solid var(--paper);box-shadow:3px 3px 0 var(--tan-dark);font-size:var(--small);align-items:center;gap:.5em;padding:.25em .7em;display:flex;position:absolute;top:.5rem;right:-.6rem;transform:rotate(5deg)}.stamp svg{fill:currentColor;flex:none;width:16px;height:16px}.game{flex-direction:column;gap:1rem;display:flex}.antenna{width:96px;height:44px;fill:var(--ink);margin-left:-48px;position:absolute;bottom:100%;left:50%}.tv{background:var(--brown);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px var(--tan-dark);flex-direction:column;gap:12px;margin:44px 0 16px;padding:14px 14px 12px;display:flex;position:relative}.tv:before,.tv:after{content:"";background:var(--ink);width:64px;height:14px;position:absolute;bottom:-18px}.tv:before{left:40px}.tv:after{right:40px}.gframe{border:4px solid var(--ink);background:var(--screen);padding:3px;position:relative;overflow:hidden}.gframe canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.gcover{text-align:center;color:var(--paper);background:var(--ink);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.gcover img{object-fit:cover;opacity:.55;width:100%;height:100%;image-rendering:pixelated;border:0;position:absolute;inset:0}.gcover .btn,.gcover p{position:relative}.gcover .btn{font-size:var(--t3);padding:.8em 2em}.gcover p{background:var(--ink);border:3px solid var(--paper);font-size:var(--t3);margin:0;padding:.3em .9em}.gcover.off{background:repeating-conic-gradient(#0c0c0c 0 25%,#1a1a1a 0 50%) 0 0/8px 8px}.gcover.off p{background:#0c0c0c}.gload{color:var(--paper);font-size:var(--t3);place-items:center;display:grid;position:absolute;inset:0}.game .gbar{flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.8rem;min-height:44px;display:grid}.gside{align-items:center;gap:.8rem;min-width:0;display:flex}.grille{background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 9px);opacity:.5;flex:1 1 0;align-self:stretch;min-width:0}.brand{background:var(--ink);color:var(--paper);border:2px solid var(--tan-dark);font-family:var(--hand);white-space:nowrap;flex:none;padding:.1em .7em;font-size:1.5rem;line-height:1.2}.pbtn.wide{font:inherit;font-size:var(--small);color:var(--ink);flex:none;align-items:center;gap:.5rem;padding:0 .8rem;display:flex}.gpart{border-top:2px dashed var(--tan-dark);flex-direction:column;gap:.8rem;padding-top:1rem;display:flex}.gpart h4{font-size:var(--t4)}.game .gbar input.vol{flex:0 140px;min-width:48px}.brand{align-self:center}.controls{font-size:var(--small);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem 1.4rem;margin:0;padding:0;list-style:none;display:grid}.controls li{align-items:center;gap:.7rem;min-height:36px;display:flex}.keys{flex:none;gap:.25rem;min-width:5.6rem;display:flex}kbd{min-width:1.9em;font:inherit;background:var(--paper);border:3px solid var(--ink);border-bottom-width:6px;place-items:center;padding:.05em .4em;display:inline-grid}.mouse{width:27px;height:36px;fill:var(--ink)}.mouse .shell{fill:var(--paper)}.gnote{font-size:var(--small);background:var(--card);border:3px dashed var(--tan-dark);flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0;padding:.6em .9em;display:flex}.gnote .copy{background:var(--paper);margin-left:auto}.filters{flex-wrap:wrap;gap:.6rem;display:flex}.filters .btn{font-size:var(--small);padding:.3em 1em}.card img{aspect-ratio:16/9;object-fit:cover;width:100%}.loading:is(img,video){opacity:0}img,video{transition:opacity .25s}video.cover{background:var(--ink)}.prose{max-width:62ch}.prose p+p{margin-top:.8rem}.quote{background:var(--brown);color:var(--paper);border:3px solid var(--ink);outline:2px solid var(--paper);outline-offset:-8px;font-size:var(--t3);text-align:center;text-shadow:2px 2px 0 var(--ink);text-wrap:balance;align-self:stretch;padding:1em 1.4em;line-height:1.3}.hero{align-items:center}.hero .photo{flex:0 300px;margin-inline:auto;padding:.7rem}.hero .txt{flex-direction:column;flex:380px;gap:.9rem;display:flex}.hero h2{font-size:var(--t1)}.hero .lead{font-size:var(--t3)}.cta{flex-wrap:wrap;gap:.8rem;display:flex}.tool{flex-direction:column;display:flex}.tool a{font-size:var(--small);align-self:flex-start}.paper img.doodle{aspect-ratio:auto;image-rendering:auto;mix-blend-mode:multiply;border:0;align-self:center;width:min(100%,180px)}.paper h3.rule{border-bottom:3px solid var(--ink);padding-bottom:.3rem}.facts{outline:0;flex-flow:wrap;gap:0;padding:0;overflow-x:clip}.facts>div{border-left:2px dashed var(--tan-dark);flex:140px;margin-left:-2px;padding:.9rem 1.1rem}.facts small{font-size:var(--small);color:var(--brown);display:block}.cover{aspect-ratio:16/9;object-fit:cover;border:4px solid var(--ink);width:100%;box-shadow:6px 6px 0 var(--tan-dark);flex:400px}.phead{flex-direction:column;flex:320px;gap:.7rem;display:flex}.phead h2{font-size:2.4rem}.phead .stats{font-size:var(--t4)}.items{flex-wrap:wrap;gap:1.6rem;display:flex}.items .paper{flex:300px}.track{flex-flow:wrap;align-items:center;gap:1rem}.track span{flex:140px}.player{flex:3 260px;align-items:center;gap:.8rem;min-width:0;display:flex}.pbtn{background:var(--tan);border:4px solid var(--ink);outline:2px solid var(--paper);outline-offset:-6px;height:44px;box-shadow:0 2px 0 var(--tan-dark);flex:0 0 44px;place-items:center;padding:0;display:grid}@media (hover:hover){.pbtn:hover{background:var(--tan-dark)}}.pbtn svg{width:16px;height:16px;fill:var(--ink)}.player input[type=range]{appearance:none;min-width:0;height:44px;cursor:var(--cur-link);background:0 0;flex:auto;margin:0}.player input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--brown),var(--brown)) 0/var(--p,0%) 100% no-repeat var(--card);border:3px solid var(--ink);height:14px}.player input[type=range]::-moz-range-track{background:var(--card);border:3px solid var(--ink);height:8px}.player input[type=range]::-moz-range-progress{background:var(--brown);height:8px}.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:3px solid var(--ink);width:12px;height:26px;margin-top:-9px}.player input[type=range]::-moz-range-thumb{background:var(--paper);border:3px solid var(--ink);border-radius:0;width:8px;height:22px}.player time{font-size:var(--small);font-variant-numeric:tabular-nums;white-space:nowrap}.vwrap video{width:100%;cursor:var(--cur-link);background:var(--ink);display:block}.vplayer{flex-direction:column;gap:1rem;display:flex}.vplayer:fullscreen{gap:0}.vplayer>.player{flex:none}.track>.player{flex:260px;max-width:100%}.player{flex-wrap:wrap}.player .seek{flex:140px}.player input.vol{flex:0 0 76px}.player.touch .seek{flex:60px}.player .volbox{flex:none;display:flex;position:relative}.volpop{z-index:5;background:var(--paper);border:4px solid var(--ink);width:44px;height:132px;position:absolute;bottom:calc(100% - 4px);left:0}.player .volpop input.vol{flex:none;width:108px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.shots{grid-template-columns:repeat(auto-fill,minmax(max(220px,33.3333% - 1.06667rem),1fr));align-items:start;gap:1.6rem;display:grid}.shots img{width:100%}.zbtn{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.zbox{flex-direction:column;align-items:center;gap:.9rem;max-width:100%;display:flex}.zframe{gap:0;padding:16px}.zframe img,.zframe video{width:auto;max-width:min(100vw - 80px,1100px);height:auto;max-height:calc(100vh - 270px)}.zframe.sketch img{mix-blend-mode:multiply;border:0}.zpane{max-width:100%;overflow:auto}.zpane img,.zpane video{cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.zpane.zoomed img,.zpane.zoomed video{cursor:grab}.zpane.zoomed img:active,.zpane.zoomed video:active{cursor:grabbing}.btn:disabled{opacity:.45;pointer-events:none}.zcap{color:var(--paper);text-align:center;text-shadow:2px 2px 0 var(--ink);max-width:60ch}.zbar{color:var(--paper);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.zbar .btn{padding:.45em 1em}.zbar .btn svg{fill:currentColor;width:16px;height:16px;display:none}@media (width<=599px){#zoom{padding:10px}.zbox{gap:.6rem}.zframe{padding:8px}.zframe img,.zframe video{max-width:calc(100vw - 52px);max-height:calc(100dvh - 190px)}.zcap{font-size:var(--small);margin:0}.zbar{flex-wrap:nowrap;gap:.5rem}.zbar .btn{flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.zbar .btn svg{display:block}.zbar .word,.zlevel{display:none}}.shots .sketch img{mix-blend-mode:multiply;border:0}.loops{flex-wrap:wrap;gap:1.6rem;display:flex}.loops .paper{flex:320px}.loops video,.card video{aspect-ratio:16/9;object-fit:cover;width:100%}ul.plain{flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;display:flex}.contact{flex-direction:row;align-items:center;gap:1rem}.icon{border:3px solid var(--ink);width:48px;height:48px;fill:var(--ink);background:#e7dbb8;flex:0 0 48px;padding:7px}.contact .who{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.contact .who small{font-size:var(--small)}.copy{white-space:nowrap;font:inherit;font-size:var(--small);border:2px solid var(--ink);color:var(--ink);background:0 0;flex:none;min-height:36px;margin-left:auto;padding:0 .5rem}form.paper label{font-size:var(--t4)}form.paper input,form.paper textarea{font:inherit;color:var(--ink);background:var(--card);border:3px solid var(--ink);width:100%;min-height:44px;cursor:var(--cur-text);padding:.3rem .5rem}form.paper textarea{resize:vertical}form.paper:hover,form.paper:focus-within{box-shadow:8px 10px 0 var(--tan-dark);transform:translateY(-4px)}form.paper{transition:transform .2s,box-shadow .2s}form.paper input,form.paper textarea{transition:background .15s,box-shadow .15s}form.paper input:hover,form.paper textarea:hover{background:var(--paper)}form.paper input:focus,form.paper textarea:focus{background:var(--paper);box-shadow:0 0 0 3px var(--tan),4px 4px 0 3px var(--tan-dark);outline:0}.modal{z-index:99;background:#3a2d1ad9;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out fade;display:flex;position:fixed;inset:0;box-shadow:0 0 0 100vmax #3a2d1ad9}.modal-box{border:6px solid var(--ink);outline:4px dashed var(--tan);outline-offset:-14px;text-align:center;background:#f5ecd6;flex-direction:column;align-items:center;gap:1.4em;width:90%;max-width:400px;padding:2.5em 2em;animation:.4s cubic-bezier(.34,1.56,.64,1) pop;display:flex}.modal-box h3{background:var(--tan);color:#f5ecd6;letter-spacing:1px;text-shadow:2px 2px 0 var(--ink);outline:2px solid var(--paper);outline-offset:-6px;border:4px solid #523f25;padding:.4em 1em;font-size:1.4em}.modal-box p{letter-spacing:.5px;font-size:1.1em;line-height:1.6}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.8)}to{transform:scale(1)}}.foot{height:400px;box-shadow:0 -4px 0 var(--tan-dark);text-align:center;background:#a8987b;border-top:8px solid #1a1a1a;flex-direction:column;justify-content:center;align-items:center;padding-inline:16px;font-size:1.2em;display:flex;position:relative}.foot h2{letter-spacing:2px;text-shadow:2px 2px #d2c09bd9;min-height:2.5em;font-size:2em}.foot p{background:var(--brown);color:var(--paper);border:2px solid var(--paper);outline:4px solid var(--ink);text-shadow:2px 2px 0 var(--ink);padding:.5em 1.5em}.foot .btn{margin-top:1.5em;font-size:1rem}.copyright{background:var(--brown);color:var(--paper);text-shadow:2px 2px 0 var(--ink);text-align:center;border-top:8px solid #1a1a1a;padding:.4em 2em}@keyframes hop{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-8px)scale(1.08)}60%{transform:translateY(-2px)scale(1.01)}80%{transform:translateY(-5px)scale(1.04)}to{transform:translateY(-4px)scale(1.03)}}@keyframes holdTurn{0%{rotate:-.9deg}to{rotate:.9deg}}@keyframes holdDrift{0%{translate:-2.5px 2.2px}to{translate:2.5px -2.2px}}@container (width<=620px){.plaque{padding:.5rem 2.1rem;font-size:1.4rem}.nav .btn{flex:40%;min-width:0;padding:.5rem .4rem}.hero h2,.phead h2{font-size:1.6rem}.foot h2{font-size:1.4em}.hero .lead{font-size:1rem}.label{font-size:var(--t3)}.facts>div{border-bottom:2px dashed var(--tan-dark)}.facts>div:last-child{border-bottom:0}.foot{height:auto;padding-block:1.5em 0;font-size:1em}.copyright{font-size:var(--small);padding:.5em 16px}.contact{flex-wrap:wrap}.contact .who{flex:150px}.contact .who small{font-size:.72rem}.paper{padding:1.2rem 1rem 1.1rem}.paper h3{font-size:var(--t3)}.phead h2{font-size:1.4rem}.row{gap:1.8rem}.facts>div{flex-basis:100%}.player time{flex-basis:100%;order:5}.foot h2{min-height:0;margin-bottom:.6em}.btn{padding:.6em 1.2em}main{padding-block:2rem 3rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.foot-art svg{position:absolute}.foot-art{image-rendering:pixelated;pointer-events:none;background:url(/img/footer-empty.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.foot>h2,.foot>p,.foot>.btn{z-index:1;position:relative}.bubble{font-size:clamp(.6rem,1.16cqw,1.15rem);white-space:nowrap;text-align:center;color:#1a1a1a;filter:url(#hard-edge);pointer-events:none;flex-direction:column;align-items:center;gap:.4em;font-size:clamp(12px,round(1.16cqw,1px),23px);line-height:1;display:flex;position:absolute;top:16%;left:95%;transform:translate(round(-50%,1px),round(-50%,1px))}.bubble b{font-size:2.7em;font-size:round(2.7em,1px);font-weight:400}.bubble small{font-size:1em}@container (width<=1050px){.bubble small{display:none}.bubble b{font-size:clamp(1.3rem,3.6cqw,2.4rem)}}.label.sub{font-size:var(--t3)}.paper h4{font-weight:400;font-size:var(--t2);text-wrap:balance;margin:0;line-height:1.15}@container (width<=620px){.paper h4{font-size:var(--t3)}}.field-problem{background:var(--tan);border:3px solid var(--ink);font-size:var(--small);border-top:0;margin:-.7rem 0 0;padding:.3em .7em}form.paper [aria-invalid]{border-style:dashed}.form-error{color:var(--ink);background:var(--card);border:3px dashed var(--ink);font-size:var(--small);padding:.5em .8em}.contact .who a{font-size:var(--small)}.contact{flex-wrap:wrap}.contact .who{flex:150px}.vplayer:fullscreen{background:var(--ink);flex-direction:column;display:flex}.vplayer:fullscreen .vwrap{flex:1;min-height:0}.vplayer:fullscreen video{object-fit:contain;border:0;width:100%;height:100%}.vplayer:fullscreen .player{background:var(--paper);border-top:4px solid var(--ink);flex:none;padding:.6rem 1rem}@container (width<=620px){.foot-art{background-position:100% 100%;background-size:auto 100%;border-top:4px solid #1a1a1a;order:5;align-self:stretch;height:170px;margin:1.4em -16px 0;position:relative;inset:auto}.bubble{top:32px;left:auto;right:46px;transform:translate(50%,-50%)}.bubble b{font-size:1.7rem}}.sign{transform-origin:50% -90px;animation:2.8s ease-in-out infinite alternate sway;position:relative}.sign:hover{animation-duration:1.4s}.rope{pointer-events:none;position:absolute;bottom:calc(100% - 4px)}.rope.left{left:14px}.rope.right{right:14px;transform:scaleX(-1)}.rope .edge{fill:var(--ink)}.rope .light{fill:var(--tan)}.rope .dark{fill:var(--tan-dark)}.plaque{transition:background .2s,color .2s,scale .25s;position:relative;transform:none}.plaque:before,.plaque:after{content:"";background:var(--stud) center/100% 100% no-repeat;width:21px;height:21px;margin-top:-10px;position:absolute;top:50%}.plaque:before{left:10px}.plaque:after{right:10px}@media (hover:hover){.plaque:hover{background:var(--tan-dark);color:var(--paper);text-shadow:2px 2px 0 var(--ink);scale:1.04}}@keyframes sway{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}.index .tabs{flex-wrap:wrap;gap:.6rem;display:flex}.ititle{display:none}.index .btn{font-size:var(--small);padding:.3em 1em}@container (width>=1320px){.project{position:relative}.index{width:160px;position:absolute;top:0;bottom:0;left:calc(100% + 1.4rem)}.index .tabs{background:var(--paper);border:3px solid var(--ink);outline:2px dashed var(--tan);outline-offset:-7px;box-shadow:5px 5px 0 var(--tan-dark);flex-flow:column;gap:0;padding:.9rem .7rem 1rem;position:sticky;top:1.5rem;transform:rotate(1.2deg)}.index .btn{text-align:left;min-height:0;font-family:var(--hand);color:var(--ink);text-shadow:.5px 0;border:0;border-bottom:2px solid var(--tan);box-shadow:none;background:0 0;outline:0;padding:.3em;font-size:1.15rem;line-height:1.2}.index .btn:last-child{border-bottom:0}.ititle{font-size:var(--t3);border-bottom:3px solid var(--ink);margin-bottom:.4rem;padding:0 .2rem .35rem;display:block}.index .btn:hover,.index .btn:focus-visible{background:var(--tan);color:var(--ink);animation:none;transform:none}.index .tabs:before{content:"";background:var(--pin);filter:drop-shadow(3px 3px #3a2d1a59);pointer-events:none;z-index:3;width:99px;height:99px;margin-left:-49px;position:absolute;top:-1px;left:50%}}@container (width>=1700px){.index{width:230px;left:calc(100% + 2.2rem)}.index .tabs{padding:1.3rem 1rem 1.2rem}.index .btn{padding:.35em .4em;font-size:1.35rem}}:root{--pin:var(--stud) 39px 39px/21px 21px no-repeat;--pin-up:var(--stud) 42px 33px/21px 21px no-repeat,linear-gradient(var(--ink),var(--ink)) 45px 54px/6px 3px no-repeat,linear-gradient(var(--tan-dark),var(--tan-dark)) 45px 57px/3px 3px no-repeat;--ear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%233a2d1a' d='M0 0h1v1h-1zM1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM0 2h1v1h-1zM0 3h1v1h-1zM0 4h1v1h-1zM0 5h1v1h-1zM0 6h1v1h-1z'/%3E%3Cpath fill='%23f2e5cc' d='M1 1h1v1h-1zM2 1h1v1h-1zM1 2h1v1h-1z'/%3E%3Cpath fill='%23e3d7c0' d='M3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM1 3h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM1 4h1v1h-1zM2 4h1v1h-1zM1 5h1v1h-1z'/%3E%3C/svg%3E");--edge:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink))}.paper:not(.media):not(.zframe):not(.facts):focus-within:before{background:var(--pin-up);filter:drop-shadow(3px 6px #3a2d1a4d)}@media (hover:hover){.paper:not(.media):not(.zframe):not(.facts):hover:before{background:var(--pin-up);filter:drop-shadow(3px 6px #3a2d1a4d)}}.lines{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lines b{height:var(--row,36px);border-bottom:3px solid var(--tan);display:block}.nb{outline:0}.paper.nb{background:linear-gradient(var(--paper),var(--paper)) 0 33px no-repeat;padding-top:3.5rem}.paper.nb:before{top:-1px}.holes{pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 3px,var(--tan-dark) 3px 15px,transparent 15px) 0 9px/36px 12px space no-repeat content-box,linear-gradient(90deg,var(--ink) 18px,transparent 0) 0 6px/36px 18px space no-repeat content-box,var(--paper);-webkit-mask-composite:xor;height:33px;padding-left:18px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 6px,#000 6px 15px,#0000 15px),linear-gradient(#000,#000);mask-image:linear-gradient(90deg,#0000 6px,#000 6px 15px,#0000 15px),linear-gradient(#000,#000);-webkit-mask-position:0 12px,0 0;mask-position:0 12px,0 0;-webkit-mask-size:36px 9px,auto;mask-size:36px 9px,auto;-webkit-mask-repeat:space no-repeat,repeat;mask-repeat:space no-repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.perf{border-top:3px dashed var(--tan-dark);position:absolute;top:33px;left:0;right:0}.nb>.lines{inset:3.5rem 8px 8px}.nb ul.plain{gap:0}.nb ul.plain li{line-height:36px;position:relative}.nb.list h4{line-height:36px}.rows{--row:33px;flex-direction:column;flex:1 0 auto;display:flex;position:relative}.rows .tool{line-height:var(--row);position:relative}.rows .tool a{color:var(--brown);margin-left:18px}.nb h3.rule{margin-bottom:.4rem}.tools{justify-content:center}.tools>.card{flex:330px;max-width:460px}.list:focus-within{box-shadow:10px 14px 0 var(--tan-dark);transform:translate(-2px,-5px)}@media (hover:hover){.list:hover{box-shadow:10px 14px 0 var(--tan-dark);transform:translate(-2px,-5px)}}.paper.ts,.paper.ts:hover,.paper.ts:focus-within{box-shadow:none;background:0 0;border-color:#0000;outline:0}.ts{--row:36px;--pad:1.4rem;padding:calc(var(--row) - 9px) var(--pad) var(--row);isolation:isolate;gap:0}.ts.nohead{padding-top:var(--row)}.ts>.bg{z-index:-1;filter:var(--edge) drop-shadow(6px 6px 0 var(--tan-dark));transition:filter .45s;position:absolute;inset:0}.ts:focus-within>.bg{filter:var(--edge) drop-shadow(10px 14px 0 var(--tan-dark))}@media (hover:hover){.ts:hover>.bg{filter:var(--edge) drop-shadow(10px 14px 0 var(--tan-dark))}}.ts>.bg>i{background:var(--paper);position:absolute;inset:0;overflow:hidden}.ts .lines b{border-color:var(--card)}.ts>.fr{border:2px dashed var(--tan);pointer-events:none;z-index:1;position:absolute;inset:6px}.ts h3,.ts h4{z-index:2;margin:calc(9px - var(--row)) calc(0px - var(--pad)) 0;padding:calc(var(--row) - 9px) var(--pad) 6px;background:var(--card);border-bottom:3px solid var(--ink);font-family:var(--hand);font-size:2rem;line-height:var(--row);text-wrap:balance;text-shadow:1px 0,0 1px,1px 1px;position:relative}.ts p{line-height:var(--row);position:relative}.ts>p.prose{max-width:none}.ts div.prose{gap:var(--row);margin-top:var(--row);flex-direction:column;display:flex;position:relative}.ts div.prose p+p{margin-top:0}.ts .quote{margin-top:var(--row);line-height:1.3}.ts.fold-r>.bg>i,.ts.cut>.bg>i{clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 3px) calc(100% - 24px),calc(100% - 3px) calc(100% - 21px),calc(100% - 6px) calc(100% - 21px),calc(100% - 6px) calc(100% - 18px),calc(100% - 9px) calc(100% - 18px),calc(100% - 9px) calc(100% - 15px),calc(100% - 12px) calc(100% - 15px),calc(100% - 12px) calc(100% - 12px),calc(100% - 15px) calc(100% - 12px),calc(100% - 15px) calc(100% - 9px),calc(100% - 18px) calc(100% - 9px),calc(100% - 18px) calc(100% - 6px),calc(100% - 21px) calc(100% - 6px),calc(100% - 21px) calc(100% - 3px),calc(100% - 24px) calc(100% - 3px),calc(100% - 24px) 100%,0 100%)}.ts.fold-l>.bg>i{clip-path:polygon(0 0,100% 0,100% 100%,24px 100%,24px calc(100% - 3px),21px calc(100% - 3px),21px calc(100% - 6px),18px calc(100% - 6px),18px calc(100% - 9px),15px calc(100% - 9px),15px calc(100% - 12px),12px calc(100% - 12px),12px calc(100% - 15px),9px calc(100% - 15px),9px calc(100% - 18px),6px calc(100% - 18px),6px calc(100% - 21px),3px calc(100% - 21px),3px calc(100% - 24px),0 calc(100% - 24px))}.ts.fold-r>.fr,.ts.cut>.fr{clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}.ts.fold-l>.fr{clip-path:polygon(0 0,100% 0,100% 100%,24px 100%,24px calc(100% - 24px),0 calc(100% - 24px))}.ear{background:var(--ear) 0 0/24px 24px no-repeat;width:24px;height:24px;position:absolute;bottom:0;right:0}.fold-l>.ear{left:0;right:auto;transform:scaleX(-1)}.ts.big h3{text-align:center}.ts.big{transition:transform .45s cubic-bezier(.3,.8,.3,1)}.ts.big:focus-within{transform:translate(-2px,-5px)}@media (hover:hover){.ts.big:hover{transform:translate(-2px,-5px)}}.ts.contact{gap:1rem;padding:1.1rem 1.3rem}.ts.contact .lines{display:none}.foto{outline:0;gap:6px;padding:12px}.foto:not(:has(.capt)){padding-bottom:42px}.capt{font-family:var(--hand);text-align:center;text-wrap:balance;padding:3px 6px 6px;font-size:1.3rem;line-height:1.15}.index .holes,.index .perf{display:none}@container (width>=1320px){.index .tabs{background:linear-gradient(var(--paper),var(--paper)) 0 33px no-repeat;outline:0;padding-top:3.4rem}.index .holes,.index .perf{display:block}.index .btn{border-bottom-width:3px}}@container (width<=620px){.ts{--row:33px;--pad:1rem}.ts h3,.ts h4{font-size:1.8rem}.ts.contact{padding:1rem}.capt{font-size:1.2rem}}.zframe.foto{padding:16px 16px 10px}.zframe.nb{padding:3.5rem 16px 16px}.zframe.foto img,.zframe.foto video,.zframe.nb img{max-height:calc(100vh - 330px)}.zframe .capt{width:0;min-width:100%;margin:0;font-size:1.5rem}@media (width<=599px){.zframe.foto{padding:8px 8px 6px}.zframe.nb{padding:3rem 8px 8px}.zframe.foto img,.zframe.foto video,.zframe.nb img{max-height:calc(100dvh - 250px)}.zframe .capt{font-size:1.2rem}}.paper.film{background:0 0;outline:0;gap:0;padding:0}.film video{background:var(--ink);border:0}.sprk{background:var(--ink);-webkit-mask-composite:xor;height:30px;padding:9px 6px 9px 18px;-webkit-mask-image:linear-gradient(90deg,#000 18px,#0000 0),linear-gradient(#000,#000);mask-image:linear-gradient(90deg,#000 18px,#0000 0),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:30px 12px,auto;mask-size:30px 12px,auto;-webkit-mask-repeat:space no-repeat,repeat;mask-repeat:space no-repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.film .stamp{top:39px;right:-9px}.film .stamp svg{width:18px;height:16px}.film>.capt{background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--tan-dark);padding:0 .6em;line-height:1.3;position:absolute;bottom:-18px;left:12px}.loops{row-gap:2.4rem}.zframe.film video{max-height:calc(100vh - 330px)}@media (width<=599px){.zframe.film video{max-height:calc(100dvh - 250px)}}:root{--cork:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect width='10' height='10' fill='%23b6a077'/%3E%3Cpath fill='%237c6a4a' d='M1 0h1v1H1zM6 1h1v1H6zM3 3h1v1H3zM8 4h1v1H8zM0 6h1v1H0zM5 6h1v1H5zM2 8h1v1H2zM7 8h1v1H7z'/%3E%3Cpath fill='%23cfbc96' d='M4 0h1v1H4zM9 1h1v1H9zM1 4h1v1H1zM6 4h1v1H6zM3 7h1v1H3zM8 7h1v1H8zM0 9h1v1H0zM5 9h1v1H5z'/%3E%3Cpath fill='%235b4d37' d='M7 2h1v1H7zM2 5h1v1H2zM9 9h1v1H9z'/%3E%3C/svg%3E") 0 0/30px 30px}.shots,.loops{background:var(--cork);border:10px solid var(--brown);outline:3px solid var(--ink);box-shadow:inset 0 0 0 3px var(--ink),9px 9px 0 var(--tan-dark);padding:3.6rem 1.8rem 2rem}@container (width<=620px){.shots,.loops{border-width:7px;padding:3.4rem 1rem 1.6rem}}
