@font-face{font-family:Special Elite;src:url(/fonts/SpecialElite.ttf) format("truetype");font-display:block}@font-face{font-family:Kalam;src:url(/fonts/Kalam.ttf) format("truetype");font-weight:700;font-display:block}:root{--paper: #d9d2c3;--ink: #1c1a17;--grey: #a9a49a;--desk: #14120f}html,body{margin:0;height:100%;background:var(--desk);overflow:hidden;cursor:default}#stage{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;aspect-ratio:2688 / 1520;max-width:100vw;max-height:100vh;width:100vw;height:auto}@media(min-aspect-ratio:2688/1520){#stage{width:auto;height:100vh}}#gl{display:block;width:100%;height:100%}.cap{position:absolute;max-width:34%;padding:.9em 1.15em 1em;font:400 clamp(14px,1.45vw,22px)/1.45 "Special Elite","Courier New",monospace;color:var(--ink);background:#e4ddcd;clip-path:polygon(1% 4%,22% 0%,48% 3%,73% 0%,99% 5%,100% 38%,98% 66%,100% 96%,78% 100%,52% 97%,27% 100%,0% 95%,2% 62%,0% 30%);box-shadow:0 1px #00000040;opacity:0;transform:rotate(var(--rot, -.6deg)) translateY(4px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.cap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.cap.on{opacity:1;transform:rotate(var(--rot, -.6deg)) translateY(0)}.cap.tl{top:5%;left:4%;--rot: -.7deg }.cap.tr{top:5%;right:4%;--rot: .5deg }.cap.bl{bottom:8%;left:4%;--rot: .4deg }.cap.br{bottom:8%;right:4%;--rot: -.5deg }.cap.sfx{background:none;clip-path:none;box-shadow:none;max-width:none;font:700 clamp(40px,6vw,96px)/1 "Kalam",cursive;letter-spacing:.06em;color:var(--ink);top:22%;left:36%;--rot: -9deg;opacity:0;text-shadow:0 0 2px rgba(228,221,205,.9),0 0 14px rgba(228,221,205,.6)}.cap.sfx:after{display:none}.cap.sfx.on{opacity:.85}#title{position:absolute;left:0;right:0;bottom:11%;text-align:center;pointer-events:none;font:400 clamp(28px,4.2vw,68px)/1 "Special Elite",monospace;letter-spacing:.22em;color:var(--ink);opacity:0;transition:opacity 1.6s ease}#title.on{opacity:.9}#end{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:.6em;color:var(--ink);background:var(--grey);opacity:0;transition:opacity 2.2s ease;pointer-events:none}#end.on{opacity:1;pointer-events:auto}.end-line{margin:0;font:400 clamp(18px,2vw,30px)/1.4 "Special Elite",monospace}.end-credit{margin:1.4em 0 0;font:400 clamp(11px,1vw,15px)/1 "Special Elite",monospace;letter-spacing:.28em;text-transform:uppercase;opacity:.75}#again{margin-top:3em;background:none;border:1px solid rgba(28,26,23,.45);color:var(--ink);padding:.6em 1.4em;cursor:pointer;font:400 12px Special Elite,monospace;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity 1s 1.5s}#end.on #again{opacity:.8}.hint{position:absolute;right:2%;bottom:3%;font:400 11px Special Elite,monospace;letter-spacing:.24em;text-transform:uppercase;color:#d9d2c38c;cursor:pointer;transition:opacity 1s}.hint.off{opacity:0;pointer-events:none}#bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#d9d2c31f}#fill{height:100%;width:0;background:#d9d2c38c}#ticks{position:absolute;top:0;right:0;bottom:0;left:0}#ticks i{position:absolute;top:-2px;width:1px;height:6px;background:#d9d2c380}[hidden]{display:none!important}#start{position:absolute;top:0;right:0;bottom:0;left:0;color:#e6dfd0;z-index:5;transition:opacity 1.8s ease;pointer-events:none}#start.off{opacity:0}.poster-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14120ff0,#14120fcc 30%,#14120f66 58%,#14120f4d 82%,#14120fb3)}.poster-top,.poster-foot{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;font:400 clamp(10px,.8vw,13px) "Special Elite",monospace;letter-spacing:.28em;text-transform:uppercase;opacity:.92;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.7)}.poster-top{top:4.5%}.poster-foot{bottom:4.5%}.poster-body{position:absolute;left:4%;bottom:13%;max-width:52%;pointer-events:auto}.start-kicker{margin:0 0 .9em;font:400 clamp(10px,.85vw,13px) "Special Elite",monospace;letter-spacing:.34em;text-transform:uppercase;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.9)}.start-title{margin:0;font:400 clamp(56px,8.6vw,150px)/.92 "Special Elite",monospace;letter-spacing:.06em;text-shadow:0 2px 30px rgba(0,0,0,.45)}.start-log{margin:1.4em 0 0;font:400 clamp(13px,1.15vw,18px)/1.5 "Special Elite",monospace;opacity:.95;max-width:34em;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.6)}#begin{margin:2.2em 0 0;background:#14120f8c;border:1px solid rgba(230,223,208,.7);color:#e6dfd0;padding:.8em 2.4em;cursor:pointer;font:400 13px Special Elite,monospace;letter-spacing:.3em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s}#begin:hover:not(:disabled){background:#e6dfd0;color:#14120f;border-color:#e6dfd0}#begin:disabled{opacity:.45;cursor:default}