:root{--ink: #0b0b0b;--paper: #f5f5f0;--volt: #e6ff00;--mute: #bdbdb6;--rule: #8a8a84;--pad: clamp(20px, 4vw, 48px);--jp: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--en: "Space Grotesk", "Zen Kaku Gothic New", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--jp);font-weight:500;line-height:1.7;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}p,h1,h2,h3{margin:0}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;transition:opacity 1.2s ease}.calm #stage{opacity:.45}.fx-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 48%,rgba(0,0,0,.7) 100%),linear-gradient(to top,rgba(11,11,11,.82) 0%,transparent 30%)}main{position:relative;z-index:2}.drawn{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-webgl .drawn{position:static;width:auto;height:auto;margin:12vh var(--pad) 0;clip-path:none;overflow:visible;white-space:normal;font-size:clamp(44px,9.6vw,156px);font-weight:900;line-height:1.04;letter-spacing:-.03em}.ui{opacity:0;transform:translateY(14px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.ready .ui{opacity:1;transform:none}.ready .hero-foot{transition-delay:.15s}.ready .hint{transition-delay:.4s}.en{font-family:var(--en);font-weight:700;font-size:14px;letter-spacing:.16em;color:var(--ac, var(--volt))}.pill{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:20px 32px;font-weight:900;font-size:18px;white-space:nowrap;transition:transform .15s ease,box-shadow .25s ease}.pill:hover{transform:scale(1.04)}.pill.volt{background:var(--volt);color:var(--ink)}.pill.volt:hover{box-shadow:0 0 46px #e6ff0099}.pill.line{border:2px solid var(--paper);padding:18px 30px;font-weight:700}.pill.ink{background:var(--ink);color:var(--paper);font-size:17px;padding:18px 28px}.pill.small{font-size:14px;font-weight:700;padding:12px 22px}.pill.big{font-size:20px;padding:24px 38px}.top{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:24px;padding:16px var(--pad);background:linear-gradient(to bottom,#0b0b0be6,#0b0b0b00)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:var(--en);font-weight:700;font-size:20px;letter-spacing:.02em}.brand i{width:18px;height:18px;border-radius:50%;background:var(--volt)}.nav{display:flex;gap:24px;font-size:14px;font-weight:700}.nav a{white-space:nowrap;transition:color .2s}.nav a:hover{color:var(--volt)}.hero{position:relative;height:100vh;height:100svh}.hero-en{position:absolute;left:var(--pad);top:84px}.hero-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:58px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 32px}.hero .lead{flex:1 1 380px;max-width:600px;font-size:clamp(18px,1.7vw,24px);font-weight:900;line-height:1.6}.hero .lead span{display:block;margin-top:6px;font-size:clamp(14px,1.15vw,16px);font-weight:500;color:#dadad3}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.hint{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:13px;color:var(--mute)}.replay{margin-left:16px;background:none;border:0;border-bottom:1px solid var(--rule);padding:2px 0;font-size:13px;font-weight:700;color:var(--paper)}.replay:hover{color:var(--volt);border-color:var(--volt)}.marquee{position:relative;z-index:2;overflow:hidden;background:var(--volt);color:var(--ink);transform:rotate(-1.2deg) scale(1.04);padding:14px 0}.marquee div{display:flex;width:max-content;animation:mq 26s linear infinite;font-family:var(--en);font-weight:700;font-size:clamp(32px,5vw,72px);line-height:1.1;white-space:nowrap}.marquee span{padding-right:48px}@keyframes mq{to{transform:translate(-50%)}}main h2{font-weight:900;font-size:clamp(34px,5.6vw,88px);line-height:1.1;letter-spacing:-.03em}.note{font-size:13px;color:var(--mute)}@keyframes rise{0%{transform:translateY(60px) rotate(2deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scale(2.2);opacity:0;letter-spacing:.3em}to{transform:scale(1);opacity:1;letter-spacing:-.03em}}@keyframes pop{0%{transform:perspective(1200px) translateY(140px) rotateX(60deg) scale(.82);opacity:0}to{transform:perspective(1200px) translateY(0) rotateX(0) scale(1);opacity:1}}@keyframes flood{0%{clip-path:circle(0% at 50% 100%)}to{clip-path:circle(150% at 50% 100%)}}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:0}}@media (prefers-reduced-motion: no-preference){.fx .zoom:not(.in){opacity:0}.fx .zoom.in{animation:zoom .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:0% 50%}.fx .pop:not(.in){opacity:0}.fx .pop.in{animation:pop .85s cubic-bezier(.2,.8,.2,1) backwards;transform-origin:50% 100%}.fx .pop.in:nth-child(2){animation-delay:.12s}.fx .pop.in:nth-child(3){animation-delay:.24s}.fx .flood:not(.in)>.finale-fill{clip-path:circle(0% at 50% 100%)}.fx .flood:not(.in) .late{opacity:0}.fx .flood.in .late{animation:zoom .9s .35s cubic-bezier(.2,.8,.2,1) both;transform-origin:0% 50%}.fx .flood.in>.finale-fill{animation:flood 1.2s cubic-bezier(.6,0,.2,1) both}}.issue{position:relative;padding:clamp(72px,9vw,128px) var(--pad) clamp(64px,8vw,112px)}.issue-in{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.picks button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px 22px;border:2px solid var(--rule);background:#0b0b0bb8;font-size:19px;font-weight:900;line-height:1.4;transition:background .25s,color .25s,border-color .25s,transform .2s}.picks button span{font-family:var(--en);font-size:13px;font-weight:700;letter-spacing:.12em}.picks button:hover{border-color:var(--paper);transform:translateY(-3px)}.picks button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:var(--ink)}.stage{display:flex;flex-direction:column;background:var(--ink)}.stage[hidden]{display:none}.flag{background:var(--ac);color:var(--ink);padding:clamp(24px,3.4vw,48px);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;transition:background .3s}.flag>div{flex:1 1 480px;display:flex;flex-direction:column;gap:10px}.flag .en{color:var(--ink)}.flag h3{font-size:clamp(34px,5.4vw,84px);font-weight:900;line-height:1.06;letter-spacing:-.03em;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.flag p:last-child{font-size:17px;font-weight:700;max-width:620px}.demo{border:2px solid var(--ac);border-top:0;padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:22px;transition:border-color .3s}.demo.two{flex-direction:row;flex-wrap:wrap;gap:24px}.demo.two>.col{flex:1 1 320px}.demo.two>.box{flex:1.5 1 420px}.demo.two.wide-left>.col{flex:1.4 1 420px}.demo.two.wide-left>.box{flex:1 1 320px}.stage>.note{border:2px solid var(--ac);border-top:0;padding:0 clamp(20px,2.6vw,36px) 20px;margin-top:-2px;transition:border-color .3s}.col{display:flex;flex-direction:column;gap:12px}.cap{font-size:14px;font-weight:700;color:var(--mute)}.cap.ac{color:var(--ac)}.box{border:2px solid var(--paper);padding:clamp(20px,2.4vw,32px);min-height:300px;display:flex;flex-direction:column;gap:14px}.box.ac{border-color:var(--ac);min-height:0}.idle{font-size:18px;color:var(--mute)}.opt{text-align:left;padding:18px 20px;border:2px solid var(--rule);background:transparent;font-size:17px;font-weight:700;line-height:1.5;transition:background .2s,color .2s,border-color .2s}.opt:hover{border-color:var(--paper)}.opt.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}.box .k{font-size:14px;font-weight:700;color:var(--ac)}.box .q{font-size:18px;font-weight:700}.box .a{font-size:clamp(18px,1.8vw,23px);font-weight:700;line-height:1.7;min-height:4.6em}.box .a.typing:after{content:"\258d";color:var(--ac);animation:blink 1s steps(1) infinite}.box .srcs{display:flex;flex-direction:column;gap:8px;animation:rise .5s ease both}.box .srcs span{border:1px solid var(--rule);padding:10px 14px;font-size:15px}.rep{border:2px solid var(--rule);padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;transition:border-color .25s}.rep>div{flex:1 1 200px;display:flex;flex-direction:column;gap:2px}.rep b{font-size:18px;font-weight:900}.rep small{font-size:13.5px;color:var(--mute)}.rep em{font-style:normal;font-size:14px;font-weight:700;color:var(--mute)}.rep button{border:0;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;background:var(--paper);color:var(--ink);transition:transform .15s}.rep button:hover{transform:scale(1.06)}.rep.ok{border-color:var(--ac)}.rep.ok em{color:var(--ac)}.rep.ok button{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px var(--rule)}.count{display:flex;align-items:baseline;gap:10px}.count b{font-family:var(--en);font-weight:700;font-size:80px;line-height:.9;color:var(--ac)}.count span{font-size:18px;font-weight:700}.line{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:12px;font-size:18px;font-weight:700}.line b{font-family:var(--en)}.switch{align-self:flex-start;display:inline-flex;flex-wrap:wrap;gap:4px;border:2px solid var(--paper);border-radius:999px;padding:4px}.switch button{border:0;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;background:transparent;transition:background .2s,color .2s}.switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.mock{padding:clamp(24px,3.4vw,48px);display:flex;flex-wrap:wrap;gap:28px;min-height:340px;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.mock[hidden]{display:none}.mock>div:first-child{flex:1 1 320px;display:flex;flex-direction:column;gap:16px}.mock.boring{align-items:center;background:#f3f4f6;color:#374151;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.mock.boring .k{font-size:13px;color:#4b5563}.mock.boring .t{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.5;color:#1f2937}.mock.boring .d{font-size:14px;color:#4b5563}.mock.boring .b{align-self:flex-start;background:#2563eb;color:#fff;font-size:14px;padding:12px 24px;border-radius:4px}.mock.boring .ph{flex:1 1 240px;min-height:200px;background:#d1d5db;display:grid;place-items:center;font-size:14px}.mock.bold{align-items:flex-end;background:var(--paper);color:var(--ink)}.mock.bold .k{font-size:14px;font-weight:700}.mock.bold .t{font-size:clamp(36px,5.2vw,84px);font-weight:900;line-height:1.05;letter-spacing:-.03em}.mock.bold .d{font-size:16px;max-width:480px}.mock.bold .b{background:var(--ink);color:var(--paper);font-weight:900;font-size:17px;padding:18px 28px;border-radius:999px}.file{display:flex;align-items:center;gap:16px;text-align:left;padding:14px 18px;border:2px solid var(--rule);background:transparent;transition:border-color .2s}.file i{flex:0 0 26px;height:26px;border:2px solid var(--rule);transition:background .2s,border-color .2s}.file span{display:flex;flex-direction:column;font-size:16px;font-weight:700}.file small{font-size:14px;font-weight:500;color:var(--mute)}.file[aria-pressed=true],.file[aria-pressed=true] i{border-color:var(--ac)}.file[aria-pressed=true] i{background:var(--ac)}.run{margin-top:8px;border:0;border-radius:999px;padding:22px 28px;font-weight:900;font-size:20px;background:var(--ac);color:var(--ink);transition:transform .15s}.run:hover{transform:scale(1.04)}.sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}.sum b{font-family:var(--en);font-weight:700;font-size:clamp(38px,4.4vw,64px);line-height:1;color:var(--ac)}.sum span{font-size:16px;font-weight:700}.bar{display:flex;flex-direction:column;gap:6px}.bar p{display:flex;justify-content:space-between;font-size:15px;font-weight:700}.bar p b{font-family:var(--en)}.bar div{height:14px;background:#33332e}.bar i{display:block;height:14px;width:0;background:var(--ac);transition:width .7s cubic-bezier(.2,.8,.2,1)}.works{position:relative;padding:clamp(72px,9vw,128px) 0;display:flex;flex-direction:column;gap:32px;overflow:hidden}.works-word{font-family:var(--en);font-weight:700;font-size:clamp(90px,19vw,300px);line-height:.9;white-space:nowrap;width:max-content;color:transparent;-webkit-text-stroke:2px var(--paper);animation:slide 16s ease-in-out infinite alternate}@keyframes slide{0%{transform:translate(4%)}to{transform:translate(-40%)}}.works-head{max-width:1320px;width:100%;margin:0 auto;padding:0 var(--pad);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.works-head a{font-weight:700;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.works-head a:hover{color:var(--volt)}.cards{display:flex;gap:32px;overflow-x:auto;padding:48px var(--pad) 64px;scroll-snap-type:x proximity}.card{flex:0 0 min(80vw,460px);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(var(--rz, 0deg)) scale(var(--sc, 1));transition:transform .18s ease-out,box-shadow .25s}.card:hover{box-shadow:0 30px 80px #e6ff0038}.card.volt{background:var(--volt)}.card img{display:block;width:100%;height:250px;object-fit:cover;object-position:top left;background:#cfcfc8}.card>div{padding:24px;display:flex;flex-direction:column;gap:8px}.card small{font-size:13px;font-weight:700}.card strong{font-size:23px;font-weight:900;line-height:1.35}.card span{font-size:15px}.finale{position:relative}.finale-fill{background:var(--volt);color:var(--ink)}.finale-in{max-width:1320px;margin:0 auto;padding:clamp(80px,10vw,144px) var(--pad);display:flex;flex-direction:column;align-items:flex-start;gap:28px}.finale h2{font-size:clamp(40px,7.6vw,124px);line-height:1.04}.finale .lead{font-size:18px;font-weight:700}.finale .mail{font-weight:700;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.finale .small{font-size:14px}.foot{position:relative;background:var(--ink);border-top:2px solid #3a3a36;padding:48px var(--pad);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 48px;font-size:14px}.foot>div{display:flex;flex-direction:column;gap:4px}.foot b{font-family:var(--en);font-weight:700;font-size:28px}.foot span,.foot small{color:var(--mute)}.foot nav{display:flex;flex-wrap:wrap;gap:4px 24px;font-weight:700}.foot nav a{padding:12px 0}.foot nav a:hover{color:var(--volt)}.foot small{flex:1 1 100%;font-size:14px}.cursor{position:fixed;left:0;top:0;z-index:50;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;transition:width .2s ease,height .2s ease,margin .2s ease,opacity .2s ease}.cursor.big{width:76px;height:76px;margin:-38px 0 0 -38px}:focus-visible{outline:3px solid var(--volt);outline-offset:3px}.finale :focus-visible{outline-color:var(--ink)}@media (max-width: 1080px){.nav{display:none}}@media (max-width: 900px){.hero-en{top:72px;font-size:11px}}@media (max-width: 640px){.pill{font-size:15px;padding:16px 22px}.pill.line{padding:14px 20px}.pill.small{font-size:13px;padding:10px 16px}.hero-foot{bottom:64px;gap:16px}.hero .lead span{display:none}.hero .actions{gap:10px}.hint{font-size:11px;bottom:10px}.replay{display:none}.box{min-height:220px}.count b{font-size:64px}}@media (prefers-reduced-motion: reduce){.ui{transition:none}.marquee div,.works-word,.flag h3,.mock{animation:none}.cursor{display:none}}.mock.bold{padding:0;gap:0;align-items:stretch;min-height:400px}.mock.bold>div:first-child{padding:clamp(24px,3.4vw,48px);justify-content:flex-end}.mock.bold .b{align-self:flex-start;margin-top:8px}.house{flex:1 1 380px;min-height:300px;position:relative;overflow:hidden;container-type:size}.house i{position:absolute;inset:0;background:url(/assets/site/house.webp) 50% 45% / cover no-repeat}.mock.bold .t{font-size:clamp(30px,4.4vw,68px)}.issue-lead{margin-top:-18px;font-size:clamp(15px,1.4vw,19px);color:#dadad3}.picks button b{font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.3}.picks button small{font-size:13px;font-weight:500;line-height:1.5;opacity:.8}.picks button[aria-pressed=true] small{opacity:1;font-weight:700}.hint{left:auto;right:var(--pad);bottom:auto;top:84px;text-align:right}.hero-foot{bottom:44px}.marquee{margin-top:20px}.top{transition:background .3s,padding .3s}.scrolled .top{background:#0b0b0beb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:10px;padding-bottom:10px}.calm #stage{opacity:.8}@media (min-width: 1000px){.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,40px);overflow:visible;max-width:1320px;width:100%;margin:0 auto}.card{flex:none}}.card img{height:auto;aspect-ratio:16 / 10}.finale .lead{font-size:clamp(18px,2vw,28px);font-weight:900}@media (max-width: 640px){.hint{display:none}}.card strong,.card span,.picks button b,.hero .lead{word-break:auto-phrase;text-wrap:balance}.picks{grid-template-columns:repeat(2,1fr)}@media (min-width: 1100px){.picks{grid-template-columns:repeat(4,1fr)}}@media (max-width: 560px){.picks{grid-template-columns:1fr}}.sheetbox{gap:0;padding:0;min-height:0;overflow:hidden}.fxbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:2px solid var(--paper);font-family:ui-monospace,Menlo,Consolas,Zen Kaku Gothic New,monospace;font-size:14px;white-space:nowrap;overflow:hidden}.fxbar b{font-style:italic;color:var(--ac)}.fxbar .caret{font-style:normal;color:var(--ac);animation:blink 1s steps(1) infinite;margin-left:-8px}.sheet{width:100%;border-collapse:collapse;font-size:15px;font-weight:700}.sheet th,.sheet td{border:1px solid var(--rule);padding:12px 14px;text-align:left}.sheet thead th{background:#1b1b18;font-size:12px;color:var(--mute)}.sheet th:first-child{width:44px;text-align:center;background:#1b1b18;color:var(--mute);font-family:var(--en);font-weight:700}.sheet td:nth-child(3),.sheet td:nth-child(4){font-family:var(--en);text-align:right;font-variant-numeric:tabular-nums}.sheet td:nth-child(5){width:34%}.sheet tbody td i{display:block;height:14px;width:0;background:var(--ac);transition:width .8s cubic-bezier(.2,.8,.2,1)}.sheet tbody tr{animation:rowin .5s cubic-bezier(.2,.8,.2,1) both}.sheet tbody td{animation:cellflash .9s ease-out both}@keyframes rowin{0%{opacity:0;transform:translate(-24px)}}@keyframes cellflash{0%{background:color-mix(in srgb,var(--ac) 55%,transparent)}to{background:transparent}}.sheet tfoot td,.sheet tfoot th{border-top:2px solid var(--ac)}.sheet tfoot #csv-sum{font-size:clamp(30px,3.6vw,54px);line-height:1.1;color:var(--ac);text-align:right}.sheet tfoot #csv-sum.bump{animation:bump .5s cubic-bezier(.2,.8,.2,1)}.sheetbox .idle{padding:16px;font-size:15px}.sheetbox .idle[hidden]{display:none}.file{position:relative;overflow:hidden}.file:after{content:"";position:absolute;inset:0;background:var(--ac);opacity:0;pointer-events:none}.file.read:after{animation:readflash .7s ease-out}@keyframes readflash{0%{opacity:.55}to{opacity:0}}@media (prefers-reduced-motion: reduce){.sheet tbody tr,.sheet tbody td,.file.read:after,.fxbar .caret{animation:none}}