*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0e0c0a;color:#efe8d9;font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#page{position:fixed;left:0;top:0;width:1440px;transform-origin:0 0;will-change:transform}body:not(.ready) #page,body:not(.ready) #stage,body:not(.ready) #hud,body:not(.ready) #rail{opacity:0}#page,#stage,#hud,#rail{transition:opacity .5s ease}section.ch{position:relative;height:calc(var(--H) * 1px);color:var(--text)}.at{position:absolute;left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);width:calc(var(--w) * 1px);margin:0}.at[style*=--h]{height:calc(var(--h) * 1px)}[data-goto]{cursor:pointer}.ghost{font:400 420px/.8 Anton,Impact,sans-serif;text-align:right;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--text) 11%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.kick{display:flex;align-items:center;gap:14px;font:700 15px/1 Barlow Condensed,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.kick .no{font:400 20px/1 Dela Gothic One,sans-serif;letter-spacing:.06em;color:var(--text)}.badge{background:var(--accent);color:var(--ink);font:400 15px/1 Dela Gothic One,sans-serif;letter-spacing:.08em;padding:6px 10px 5px}.title{margin:0;font-weight:400}.masthead{margin:0;font:400 268px/.9 Anton,Impact,sans-serif;letter-spacing:-.01em;color:var(--paper)}.works{display:flex;align-items:baseline;gap:22px;font:400 54px/1 Anton,Impact,sans-serif;text-transform:uppercase;color:var(--accent)}.works span{font:400 23px/1 Dela Gothic One,sans-serif;letter-spacing:.04em;color:var(--paper)}.body{font:500 19px/1.52 Barlow,sans-serif;color:var(--text)}.lead{font-size:21px;line-height:1.42}.tagline{font:italic 700 38px/1 Barlow Condensed,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.note{font:500 15.5px/1.5 Barlow,sans-serif;color:var(--muted)}.toc{list-style:none;padding:0;border-top:2px solid var(--paper)}.toc a{display:grid;grid-template-columns:54px 1fr auto;align-items:center;height:38px;border-bottom:1.5px solid color-mix(in srgb,var(--paper) 28%,transparent);color:var(--paper);text-decoration:none}.toc b{font:400 22px/1 Anton,Impact,sans-serif;color:var(--accent)}.toc span{font:600 20px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase}.toc i{font:400 13px/1 Dela Gothic One,sans-serif;letter-spacing:.08em;color:var(--muted)}.toc a:hover span{color:var(--accent)}.hint{font:700 14px/1 Barlow Condensed,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.hint:after{content:"  ↓";color:var(--accent)}.hint.up:after{content:"  ↑"}.vjp{writing-mode:vertical-rl;font:400 62px/1 Dela Gothic One,sans-serif;letter-spacing:.04em;color:var(--paper)}.t-tag{font:400 296px/.86 Anton,Impact,sans-serif;letter-spacing:-.01em;color:var(--accent)}.t-draw{font:italic 900 104px/.94 Playfair Display,serif;color:var(--paper)}.t-draw em{color:var(--accent)}.sub-draw{display:flex;align-items:baseline;gap:20px}.sub-draw span{font:800 34px/1 Shippori Mincho B1,serif;color:var(--accent2)}.sub-draw i{font:italic 900 22px/1 Playfair Display,serif;color:var(--muted)}.t-mm2{font:800 102px/1.08 Shippori Mincho B1,serif;letter-spacing:-.02em;color:var(--paper);transform:scaleX(.84);transform-origin:0 0;white-space:nowrap}.sub-mm2{font:900 25px/1.2 Playfair Display,serif;color:var(--paper)}.notsub{font:700 19px/1 Barlow Condensed,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:var(--accent)}.t-split{font:400 146px/.88 Anton,Impact,sans-serif;text-transform:uppercase;color:var(--paper);transform:skew(-8deg);transform-origin:0 100%}.t-split span{display:block;font-size:100px;color:transparent;-webkit-text-stroke:3px var(--accent)}.t-pin{font:400 82px/1.1 Mochiy Pop One,sans-serif;color:var(--ink);text-shadow:5px 5px 0 var(--accent)}.t-clients{font:400 176px/.86 Anton,Impact,sans-serif;text-transform:uppercase;color:var(--paper);text-shadow:7px 7px 0 var(--accent)}.casehead{display:flex;align-items:baseline;gap:22px;padding-bottom:14px;border-bottom:3px solid var(--accent)}.casehead b{font:400 30px/1 Anton,Impact,sans-serif;color:var(--ink);background:var(--accent);padding:6px 10px 4px;align-self:center}.casehead span{font:400 64px/.9 Anton,Impact,sans-serif;text-transform:uppercase;color:var(--paper)}.casehead i{font:700 20px/1 Barlow Condensed,sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.casehead em{margin-left:auto;font-style:normal;font-size:28px;letter-spacing:.12em;color:var(--accent2)}.bubble.quote b{display:block;margin-top:8px;font:700 15px/1 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.bubble.quote b:before{content:"— "}.bubble.quote .reply{display:block;margin-top:14px;padding-top:12px;border-top:2px dashed color-mix(in srgb,var(--ink) 30%,transparent)}.t-eris{font:400 110px/1 DotGothic16,monospace;color:var(--ink)}.sub-eris{font:400 26px/1 DotGothic16,monospace;color:var(--accent)}.sub-eris.big{font-size:36px;color:var(--ink)}.t-end{font:400 176px/1 Dela Gothic One,sans-serif;color:var(--paper)}.colophon{font:500 14px/1.4 Barlow,sans-serif;color:var(--muted)}.colophon span{font:400 13px/1 Dela Gothic One,sans-serif;margin-right:12px;color:var(--accent)}.dedication{display:flex;align-items:center;gap:14px;width:auto!important;max-width:460px;padding:10px 18px 9px 14px;border:3px solid var(--accent);background:color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:6px 6px color-mix(in srgb,var(--accent) 45%,transparent);transform:rotate(-6deg);z-index:4}.dedication[hidden]{display:none}.dedication span{font:400 28px/1 Dela Gothic One,sans-serif;color:var(--accent)}.dedication b{font:700 19px/1.15 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);overflow-wrap:anywhere}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1.5px solid var(--text);padding:5px 10px 4px;font:600 14px/1 Barlow Condensed,sans-serif;letter-spacing:.16em;text-transform:uppercase}.links{display:flex;flex-wrap:wrap;gap:14px}.links.stack{flex-direction:column;align-items:flex-start}.btn{display:inline-block;border:0;background:var(--accent);color:var(--ink);font:700 17px/1 Barlow Condensed,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:13px 18px 12px;box-shadow:5px 5px 0 var(--paper);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s,color .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--paper)}.btn.alt{background:transparent;color:var(--text);box-shadow:inset 0 0 0 2px var(--text)}.btn.alt:hover{transform:none;background:var(--text);color:var(--bg);box-shadow:inset 0 0 0 2px var(--text)}.panel{margin:0}.panel[data-clip]{cursor:zoom-in}.cap{position:absolute;left:-6px;bottom:-10px;background:var(--paper);color:var(--ink);font:700 13px/1 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:6px 10px 5px;transition:background .25s}.cap.right{left:auto;right:-6px}.panel.is-focus .cap{background:var(--accent)}.koma .cap{left:14px;bottom:14px;font-size:16px;letter-spacing:.1em;padding:8px 12px 7px}.koma .cap b{font:400 17px/1 Dela Gothic One,sans-serif;margin-right:10px}.sfx{font:400 calc(var(--s, 120) * .84px) / 1 "Dela Gothic One",sans-serif;color:var(--accent);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);transform:rotate(calc(var(--r, 0) * 1deg));white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3}.code{background:color-mix(in srgb,var(--ink) 90%,transparent);border:2px solid var(--paper);box-shadow:8px 8px 0 var(--accent)}.code header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 9px;border-bottom:2px solid var(--paper);font:700 13px/1 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f4efe6}.code header span{color:#f4efe68c}.code.tight pre{font-size:12.4px}.code pre{margin:0;padding:14px 16px 16px;font:400 13.5px/1.55 JetBrains Mono,monospace;color:#e6e0d6;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:hidden}.code i{font-style:normal}.code .k{color:var(--accent)}.code .f{color:#fff;font-weight:700}.code .n,.code .s{color:var(--accent2)}.code .c{color:#f4efe680}.velo{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:22px;padding:0 6px;border-top:2px solid var(--paper);border-bottom:2px solid var(--paper)}.velo-label{font:700 15px/1 Barlow Condensed,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.velo-value{font:400 76px/1 Anton,Impact,sans-serif;font-variant-numeric:tabular-nums;color:var(--accent);min-width:4.3ch}.velo-unit{align-self:end;padding-bottom:16px;font:700 20px/1 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase}.velo-bar{height:14px;overflow:hidden;background:color-mix(in srgb,var(--paper) 16%,transparent)}.velo-bar i{display:block;height:100%;background:var(--accent2);transform-origin:0 0;transform:scaleX(0)}.velo-note{font:600 15px/1 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.velo-note b{color:var(--text);font-variant-numeric:tabular-nums}.vs{display:grid;place-items:center;border-radius:50%;background:var(--accent2);color:var(--ink);font:italic 900 38px/1 Playfair Display,serif;box-shadow:0 0 0 5px var(--ink),0 0 0 8px var(--paper);transform:rotate(-8deg);z-index:3}.result{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 28px;background:var(--ink);border:3px solid var(--accent2)}.result span{font:800 22px/1 Shippori Mincho B1,serif;letter-spacing:.3em;color:var(--accent2)}.result b{font:800 54px/1 Shippori Mincho B1,serif;color:var(--paper)}.result i{font:italic 900 17px/1.3 Playfair Display,serif;color:var(--muted)}.pad{background:var(--paper);border:3px solid var(--paper);box-shadow:9px 9px 0 var(--accent);cursor:crosshair}.pad canvas{display:block;width:100%;height:100%;touch-action:none}.pad-timer{position:absolute;right:16px;top:10px;font:400 46px/1 Anton,Impact,sans-serif;font-variant-numeric:tabular-nums;color:var(--accent);pointer-events:none}.pad-prompt{position:absolute;left:14px;top:12px;display:flex;align-items:stretch;border:2px solid var(--ink);pointer-events:none}.pad-prompt span{display:grid;place-items:center;padding:0 10px;background:var(--ink);color:var(--paper);font:700 13px/1 Barlow Condensed,sans-serif;letter-spacing:.24em;text-transform:uppercase}.pad-prompt b{padding:6px 12px 5px;font:italic 900 30px/1 Playfair Display,serif;text-transform:uppercase;color:var(--ink)}.pad-bot{position:absolute;left:14px;right:14px;bottom:12px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:12px;row-gap:6px;pointer-events:none;color:var(--ink)}.pad-bot span{background:var(--ink);color:var(--paper);padding:6px 9px 5px;font:700 13px/1 Barlow Condensed,sans-serif;letter-spacing:.22em;text-transform:uppercase}.pad-bot-guess{font:700 24px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase}.pad-bot-alt{justify-self:end;font:italic 600 15px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.pad-bot-bar{grid-column:1 / -1;height:5px;background:color-mix(in srgb,var(--ink) 14%,transparent)}.pad-bot-bar i{display:block;height:100%;background:var(--accent);transform-origin:0 0;transform:scaleX(0);transition:transform .2s ease}.pad-stamp{position:absolute;left:50%;top:46%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 28px 18px;border:5px solid var(--ink);background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);transform:translate(-50%,-50%) rotate(-7deg);pointer-events:none;text-align:center}.pad-stamp[hidden]{display:none}.pad-stamp[data-result=win]{border-color:var(--accent);color:var(--accent)}.pad-stamp b{font:800 76px/1 Shippori Mincho B1,serif;letter-spacing:.06em}.pad-stamp span{font:700 17px/1.25 Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.pad.is-done{cursor:default}.padside h3{margin:0 0 10px;font:italic 900 46px/1 Playfair Display,serif;color:var(--paper)}.padside .body{margin:0}.swatches{display:flex;gap:10px;margin:16px 0}.swatches button{width:38px;height:38px;padding:0;border-radius:50%;border:3px solid var(--paper);cursor:pointer}.swatches button.on{box-shadow:0 0 0 3px var(--accent2)}.facts{list-style:none;padding:0;margin:22px 0 0}ul.at.facts{margin:0}.facts li{position:relative;padding:9px 0 9px 24px;border-top:1.5px solid color-mix(in srgb,var(--text) 25%,transparent);font:500 16.5px/1.45 Barlow,sans-serif;color:var(--text)}.facts li:before{content:"";position:absolute;left:3px;top:17px;width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}.sys{display:flex;flex-direction:column;border:2px solid var(--paper);background:color-mix(in srgb,var(--ink) 84%,transparent)}.sys header{display:flex;justify-content:space-between;align-items:baseline;padding:14px 18px 12px;border-bottom:2px solid var(--paper)}.sys header b{font:900 30px/1 Playfair Display,serif;color:var(--paper)}.sys header span{font:700 13px/1 Barlow Condensed,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.sys ul{flex:1;list-style:none;margin:0;padding:10px 18px}.sys ul li{padding:11px 0;border-bottom:1px dashed color-mix(in srgb,var(--paper) 30%,transparent);font:500 17px/1.4 Barlow,sans-serif}.sys footer{display:flex;justify-content:space-between;padding:12px 18px 11px;border-top:2px solid var(--paper);font:700 14px/1 Barlow Condensed,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.sys footer b{color:var(--accent)}.sys.given{background:repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--accent2) 26%,transparent) 14px 16px),color-mix(in srgb,var(--ink) 84%,transparent)}.sys.given header span,.sys.given footer b{color:#ff5a4f}.bars{flex:1;list-style:none;margin:0;padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between}.bars li{display:grid;grid-template-columns:170px 1fr 58px;align-items:center;gap:14px;font:400 14px/1 JetBrains Mono,monospace;color:var(--paper)}.bars i{height:12px;background:var(--accent);transform-origin:0 0;transform:scaleX(calc(var(--n) / var(--max, 603)))}.bars b{text-align:right;font-weight:700;color:var(--accent)}.stat{display:flex;flex-direction:column;justify-content:center;padding-left:22px;border-left:4px solid var(--accent)}.stat b{font:400 170px/.9 Anton,Impact,sans-serif;color:var(--accent)}.stat span{margin-top:10px;font:700 17px/1.3 Barlow Condensed,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--text)}.next{display:flex;align-items:center;gap:16px;padding-top:14px;border-top:2px solid var(--text);color:var(--text);text-decoration:none}.next span{font:400 15px/1 Dela Gothic One,sans-serif;letter-spacing:.08em;background:var(--text);color:var(--bg);padding:6px 9px 5px}.next b{font:700 19px/1 Barlow Condensed,sans-serif;letter-spacing:.16em;text-transform:uppercase}.next:after{content:"↓";margin-left:auto;font:400 22px/1 Anton,Impact,sans-serif;color:var(--accent)}.next:hover b{color:var(--accent)}.bubble{background:var(--paper);border:3px solid var(--ink);border-radius:26px;padding:16px 20px 15px;font:400 17px/1.45 Mochiy Pop One,sans-serif;color:var(--ink)}.bubble:after{content:"";position:absolute;right:34px;bottom:-22px;border:11px solid transparent;border-top-color:var(--ink);border-right-color:var(--ink)}.win{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.win.small{background:var(--paper)}.win header{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px 0 12px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-bottom:3px solid var(--ink);color:#fff;font:400 16px/1 DotGothic16,monospace}.win header b{font-weight:400}.win header span{margin-right:auto;padding:3px 7px 2px;background:var(--ink);font-size:13px}.win header i{width:16px;height:16px;background:var(--paper);border:2px solid var(--ink)}.win .panel{position:absolute;left:0;right:0;top:34px;bottom:0}.win.small header b{margin-right:auto}.win.small ul{list-style:none;margin:0;padding:10px 16px;font:400 17px/1.75 DotGothic16,monospace;color:var(--ink)}.win.small li:before{content:"[x] ";color:var(--accent)}#hud{position:fixed;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px 26px;pointer-events:none;mix-blend-mode:difference;color:#fff;font:700 14px/1 Barlow Condensed,sans-serif;letter-spacing:.3em;text-transform:uppercase}#hud .mark{pointer-events:auto;font:400 24px/1 Anton,Impact,sans-serif;letter-spacing:.06em}#rail{position:fixed;right:18px;top:50%;z-index:5;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%);mix-blend-mode:difference}#rail button{width:11px;height:11px;padding:0;border:2px solid #fff;background:transparent;transform:rotate(45deg);cursor:pointer}#rail button.on{background:#fff}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 16%,transparent) 0 1.5px,transparent 1.6px) 0 0 / 9px 9px,color-mix(in srgb,var(--ink, #0e0c0a) 90%,transparent);opacity:0;transition:opacity .16s ease}#lightbox[hidden]{display:none}#lightbox.on{opacity:1}.lb-frame{position:relative;width:min(84vw,calc(76vh * var(--ar, 1.7778)));aspect-ratio:var(--ar, 1.7778);border:4px solid var(--paper);background:#000;box-shadow:12px 12px 0 var(--accent);transform:scale(.97);transition:transform .16s ease}#lightbox.on .lb-frame{transform:none}.lb-frame video{display:block;width:100%;height:100%;object-fit:contain}.lb-bar{position:absolute;left:-4px;top:calc(100% + 16px);display:flex;align-items:center;gap:14px;font:700 14px/1 Barlow Condensed,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--paper)}.lb-title{background:var(--accent);color:var(--ink);padding:7px 11px 6px}.lb-close,.lb-nav{border:0;background:var(--paper);color:var(--ink);font:400 30px/1 Anton,Impact,sans-serif;cursor:pointer}.lb-close{position:absolute;right:-4px;bottom:calc(100% + 12px);width:44px;height:44px}.lb-nav{position:fixed;top:50%;width:48px;height:72px;margin-top:-36px}.lb-prev{left:20px}.lb-next{right:20px}#lightbox.single .lb-nav{display:none}.lb-close:hover,.lb-nav:hover{background:var(--accent)}img,a,video,canvas{-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){html{cursor:var(--cur-default, auto)}a,button,.btn,[data-goto],[data-copy],.toc a,#hud .mark,#rail button,.swatches button,.lb-nav,.lb-close{cursor:var(--cur-pointer, pointer)}.panel[data-clip]{cursor:var(--cur-play, zoom-in)}.pad,.pad canvas{cursor:var(--cur-pen, crosshair)}.pad.is-done,.pad.is-done canvas{cursor:var(--cur-default, default)}#lightbox{cursor:var(--cur-close, zoom-out)}.lb-frame{cursor:var(--cur-default, default)}}:focus-visible{outline:3px solid var(--accent, #d9a63a);outline-offset:3px}@media(max-width:960px){#page{width:840px}section.ch{height:auto;padding:150px 36px 110px;display:flex;flex-direction:column;gap:30px}.at,.at[style*=--h]{position:relative;left:auto;top:auto;width:auto;height:auto}.at[style*=--h].panel,.win:not(.small),.pad,.vs,.result{aspect-ratio:calc(var(--w) / var(--h))}.ghost,.vjp,.sfx,.vs,#rail{display:none}.sys{min-height:420px}.sys.given{min-height:0}.lb-frame{width:94vw}.lb-nav{top:auto;bottom:24px;margin-top:0}.win.small ul,.sys ul li{font-size:24px}.bars li{grid-template-columns:230px 1fr 76px;font-size:20px;padding:5px 0}.velo{grid-template-columns:auto auto 1fr}.velo-label,.velo-bar{display:none}.masthead,.t-tag{font-size:300px}.t-draw,.t-mm2{font-size:104px}.t-split{font-size:150px}.t-pin{font-size:78px}.body,.facts li{font-size:26px}.note{font-size:22px}.code pre{font-size:17px}.btn{font-size:24px;padding:18px 22px 16px}.chips li{font-size:20px}.cap{font-size:18px}.toc a{height:64px}.toc span{font-size:28px}.kick,.kick .no,.badge{font-size:22px}.next b{font-size:26px}.pad-prompt span,.pad-bot span{font-size:18px}.pad-prompt b{font-size:38px}.pad-timer{font-size:60px}.pad-bot-guess{font-size:32px}.pad-bot-alt{font-size:20px}.pad-stamp span{font-size:22px;white-space:normal}.stat{aspect-ratio:auto}}