:root{--paper:#f5f4f0;--surface:#eceae3;--window:#fff;--ink:#141414;--ink-muted:#5a5a55;--hairline:#d9d6cd;--shu:#c8361c;--shu-text:#b02f18;--shu-highlight:#f3c2b4;--font-display:"IBM Plex Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;--font-text:"IBM Plex Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--line:2.6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141414;--surface:#1e1e1c;--window:#1a1a18;--ink:#f5f4f0;--ink-muted:#a8a59d;--hairline:#3a3936;--shu-text:#e5674f;--shu-highlight:#5a2418;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#141414;--surface:#1e1e1c;--window:#1a1a18;--ink:#f5f4f0;--ink-muted:#a8a59d;--hairline:#3a3936;--shu-text:#e5674f;--shu-highlight:#5a2418;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface);position:fixed;inset:0 0 auto}:root{--inset:14px}.frame{top:calc(env(safe-area-inset-top,0px) + var(--inset));left:max(var(--inset),env(safe-area-inset-left,0px));right:max(var(--inset),env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--inset));border:2px solid var(--ink);pointer-events:none;z-index:6;box-shadow:0 0 0 100vmax var(--surface);position:fixed}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);text-wrap:balance}.menubar{top:calc(env(safe-area-inset-top,0px) + var(--inset));z-index:5;height:40px;margin:var(--inset) max(var(--inset),env(safe-area-inset-left,0px)) 0;background:repeating-linear-gradient(var(--ink) 0 1px,var(--window) 1px 4px) content-box,var(--window);border-bottom:2px solid var(--ink);font-family:var(--font-mono);align-items:center;gap:12px;padding:7px 12px;font-size:14px;display:flex;position:sticky}.menubar>*{background:var(--window);padding-inline:8px}.menubar .x{border:2px solid var(--ink);width:16px;height:16px;box-shadow:0 0 0 6px var(--window);flex:none;padding:0}.menubar .ttl{white-space:nowrap;padding-inline:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.menubar .mk{box-sizing:content-box;flex:none;width:18px;height:18px;padding-inline:4px 0;display:none}.menubar .eralab{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.menubar .eralab b{font-weight:600}.seg{flex:none;gap:4px;margin-left:auto;display:flex}.tbtn{font-family:var(--font-mono);color:var(--ink);background:var(--window);border:1.5px solid var(--ink);cursor:pointer;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.tbtn[aria-pressed=true]{background:var(--ink);color:var(--window)}.tbtn:focus-visible{outline:2px solid var(--shu);outline-offset:2px}body.revealed .menubar .mk{display:block}body.revealed .menubar .eralab{display:none}.page{padding-left:calc(max(var(--inset),env(safe-area-inset-left,0px)) + 18px);padding-right:calc(max(var(--inset),env(safe-area-inset-right,0px)) + 18px);padding-bottom:calc(var(--inset) + 8px)}.opener{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:28px;min-height:min(78vh,760px);padding-top:96px;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-muted);font-size:13px}.opener h1{letter-spacing:-.025em;max-width:20ch;font-size:clamp(34px,5.4vw,64px);font-weight:600;line-height:1.05}.cue{font-family:var(--font-mono);color:var(--ink-muted);flex-direction:column;align-items:center;gap:12px;margin-top:28px;font-size:12px;display:flex}.cue i{background:var(--ink);width:2.6px;height:120px;display:block}.era{grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);align-items:center;column-gap:48px;max-width:1280px;margin-inline:auto;display:grid}.art{width:100%;height:auto;color:var(--ink);grid-column:2;display:block;overflow:visible}.art .d{fill:none;stroke:currentColor;stroke-width:var(--line);stroke-linecap:square;stroke-linejoin:round}.art .f{fill:currentColor;stroke:none}.art .t{font-family:var(--font-mono);fill:currentColor;font-size:20px}.txt{grid-row:1;min-width:0;max-width:380px}.txt.l{text-align:right;grid-column:1;justify-self:end}.txt.r{grid-column:3;justify-self:start}.txt .yr{color:var(--ink);font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1}.txt h2{letter-spacing:-.3px;margin-top:14px;font-size:clamp(24px,2.2vw,30px);font-weight:600;line-height:1.2}.txt p{color:var(--ink-muted);text-wrap:pretty;margin-top:8px;font-size:clamp(18px,1.5vw,21px)}.loop{opacity:0;transition:opacity .6s}.live .loop{opacity:1}.live .rock{transform-box:view-box;transform-origin:300px 284px;animation:3.2s ease-in-out infinite rock}.live .press{animation:3.2s ease-in-out infinite press}.live .sheet{animation:3.2s ease-in-out infinite sheet}@keyframes rock{0%,to{transform:rotate(0)}45%,55%{transform:rotate(-7deg)}}@keyframes press{0%,to{transform:translateY(0)}45%,55%{transform:translateY(10px)}}@keyframes sheet{0%,60%{transform:translate(0)}to{transform:translate(6px,-4px)}}.live .tap{transform-box:view-box;transform-origin:202px 466px;animation:1.6s step-end infinite tap}@keyframes tap{0%,20%,40%,46%,70%,to{transform:rotate(0)}10%,30%,43%,56%{transform:rotate(4deg)}}.live .wave path{opacity:0;animation:1.8s ease-out infinite wave}.live .wave path:nth-child(2){animation-delay:.3s}.live .wave path:nth-child(3){animation-delay:.6s}@keyframes wave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.live .swing{transform-box:view-box;transform-origin:228px 196px;animation:4s ease-in-out infinite swing}@keyframes swing{0%,to{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.live .blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.live .pulse circle{animation:2.4s ease-in-out infinite pulse}.live .pulse circle:nth-child(2n){animation-delay:.6s}.live .pulse circle:nth-child(3n){animation-delay:1.2s}@keyframes pulse{0%,to{fill:#0000}50%{fill:currentColor}}.art .hint{fill:var(--shu);opacity:0;transform-box:fill-box;transform-origin:50%}.live .hint{animation:.8s ease-out .4s both hintin}@keyframes hintin{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.art .hint-move{fill:var(--shu)}.reveal{flex-direction:column;align-items:center;max-width:1280px;margin-inline:auto;display:flex}.reveal .art{width:min(100%,640px)}.reveal .dm{fill:none;stroke:currentColor;stroke-width:31.5px;stroke-linecap:square;stroke-linejoin:round}.reveal .sq{fill:var(--shu);opacity:0}.reveal.found .sq{animation:.9s ease-out both found}@keyframes found{0%{opacity:0;transform:translateY(-70px)}50%{opacity:1;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.big{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;margin-top:40px;display:flex}.wm{font-family:var(--font-display);letter-spacing:-.045em;padding-bottom:.08em;font-size:clamp(96px,21vw,300px);font-weight:600;line-height:1}.tag{letter-spacing:-.02em;font-size:clamp(26px,3.6vw,44px);font-weight:700;line-height:1.1}.signal{max-width:680px;font-family:var(--font-mono);color:var(--ink-muted);text-wrap:balance;margin-top:8px;font-size:clamp(14px,1.3vw,16px);line-height:2}.signal span{white-space:nowrap;transition:opacity 1.2s}.signal span:not(:last-child):after{content:" ·";color:var(--ink-muted)}.signal.on span:not(.sig){opacity:.25}.signal mark{color:var(--ink);background:linear-gradient(var(--shu-highlight),var(--shu-highlight)) no-repeat 0 0/0% 100%;padding:2px 4px;font-weight:600;transition:background-size 1s .7s}.signal.on mark{background-size:100% 100%}.signal .who{font-weight:600;transition:opacity .35s,transform .35s;display:inline-block}.signal .who.out{opacity:0;transform:translateY(-6px)}.stealth{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-muted);margin-top:-6px;font-size:12px}.stealth .addr{color:var(--ink);-webkit-user-select:all;user-select:all;font-weight:600}.big .lede{color:var(--ink-muted);text-wrap:balance;max-width:44ch;font-size:clamp(18px,1.6vw,21px)}.soon{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:12px;margin-top:44px;font-size:clamp(15px,1.4vw,18px);font-weight:600;display:inline-flex;position:relative}.soon:before{content:"";background:var(--hairline);width:40px;height:1px;margin-left:-20px;position:absolute;top:-30px;left:50%}.soon i{background:var(--shu);width:12px;height:12px;display:inline-block}.live-soon .soon i{animation:1s step-end infinite blink}.origin{color:var(--ink-muted);justify-content:center;align-items:center;gap:10px;margin-top:56px;display:flex;position:relative}.origin:before{content:"";background:var(--hairline);width:40px;height:1px;margin-left:-20px;position:absolute;top:-30px;left:50%}.origin .kj{font-family:IBM Plex Sans JP,Hiragino Sans,Noto Sans JP,sans-serif;font-size:20px;line-height:1}.origin .ar{font-family:var(--font-mono);font-size:12px}.origin svg{width:22px;height:22px;color:var(--ink)}.origin-note{color:var(--ink-muted);text-wrap:balance;max-width:52ch;font-size:13.5px}footer{border-top:1px solid var(--hairline);width:min(100%,1040px);font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:72px auto 0;padding-block:24px 34px;font-size:13px;display:flex}@media (width<=900px){.era{flex-direction:column;align-items:stretch;display:flex}.era .txt{order:0}.era .art{order:1}.art{grid-column:1;justify-self:center;max-width:520px;margin-inline:auto}.txt.l,.txt.r{text-align:center;grid-area:auto/1;justify-self:center;width:100%;max-width:none;padding-block:12px;position:relative}.txt:before,.txt:after{content:"";background:var(--ink);width:2.2px;height:24px;margin-left:-1.1px;position:absolute;left:50%}.txt:before{top:0}.txt:after{bottom:0}.txt{padding-block:28px!important}.txt>*{background:var(--paper);width:fit-content;margin-inline:auto;padding-inline:12px;position:relative}.txt .yr{padding-block:6px}:root{--inset:6px}.menubar .ttl{display:none}.menubar{gap:8px;padding:7px 8px}.menubar .eralab{padding-inline:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal .sq{opacity:1}.loop{display:none}.art .hint{opacity:1}}