:root{--cream: #fff4dc;--ink: #1c1b22;--tomato: #ff4b3a;--sky: #2f9bff;--lemon: #ffd43a;--mint: #2fcf9f;--pink: #ff8db4;--white: #fffdf7;--round: "Yuanti SC", "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Noto Sans SC", "PingFang SC", sans-serif;--gutter: clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--round);font-weight:700;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.top{position:fixed;z-index:20;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px var(--gutter);pointer-events:none}.top>*{pointer-events:auto}.logo{display:grid;place-items:center;width:54px;height:54px;background:var(--tomato);color:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);font-weight:900;font-size:17px;line-height:1.05;writing-mode:vertical-rl;transform:rotate(-6deg);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.logo:hover{transform:rotate(4deg) scale(1.08)}.top nav{display:flex;gap:8px}.top nav a{padding:8px 16px;background:var(--white);border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-size:14px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s,background .2s}.top nav a:hover{transform:translate(-2px,-3px) rotate(-2deg);box-shadow:6px 7px 0 var(--ink);background:var(--lemon)}.stage{position:relative;height:100svh;min-height:600px;overflow:hidden;border-bottom:3px solid var(--ink);touch-action:pan-y}.dots{position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,var(--lemon) 0 clamp(120px,20vw,290px),transparent calc(clamp(120px,20vw,290px) + 1px)),radial-gradient(rgba(28,27,34,.14) 1.6px,transparent 1.8px) 0 0 / 18px 18px;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.copy{position:absolute;left:var(--gutter);right:var(--gutter);top:clamp(92px,15vh,150px)}.tag{display:inline-block;padding:5px 14px;background:var(--ink);color:var(--lemon);border-radius:999px;font-size:13px;letter-spacing:.1em;transform:rotate(-3deg)}h1{margin:14px 0 0;font-weight:900;font-size:clamp(50px,11.4vw,168px);line-height:1.04;letter-spacing:-.01em}.ln{display:block;white-space:nowrap}.ch{display:inline-block;transform-origin:50% 85%;animation:pop .7s cubic-bezier(.3,1.7,.5,1) both;animation-delay:calc(var(--i) * 60ms + .12s);transition:transform .25s cubic-bezier(.3,1.8,.5,1)}.ch:hover{transform:translateY(-8%) rotate(-5deg) scale(1.06)}.ch.hot{color:var(--tomato);-webkit-text-stroke:0;text-shadow:4px 4px 0 var(--ink)}@keyframes pop{0%{transform:translateY(60%) scale(.3,1.6);opacity:0}55%{transform:translateY(-8%) scale(1.14,.88);opacity:1}78%{transform:scale(.95,1.06)}to{transform:none}}.lede{margin:clamp(14px,2.2vh,26px) 0 0;max-width:30em;font-size:clamp(14px,1.45vw,18px);line-height:1.8;font-weight:700}.lede b{background:linear-gradient(transparent 58%,var(--lemon) 58%)}#stickers{position:absolute;inset:0;pointer-events:none}.st{position:absolute;left:0;top:0;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;box-shadow:4px 5px #1c1b22e6;font-weight:900;line-height:1;text-align:center;will-change:transform;user-select:none;-webkit-user-select:none;cursor:grab;pointer-events:auto;touch-action:none}.st.held{cursor:grabbing;box-shadow:10px 14px #1c1b2259}.st svg{width:100%;height:100%;display:block}.st.bare{border:0;background:none;box-shadow:none;filter:drop-shadow(4px 5px 0 rgba(28,27,34,.9));border-radius:0}.marquee{background:var(--ink);color:var(--lemon);overflow:hidden;white-space:nowrap;font-weight:900;font-size:clamp(18px,2.6vw,34px);padding:12px 0;border-bottom:3px solid var(--ink)}.marquee div{display:inline-block;animation:slide 26s linear infinite}@keyframes slide{to{transform:translate(-50%)}}.index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,30px);padding:clamp(40px,8vh,96px) var(--gutter);max-width:1320px;margin:0 auto}.tile{position:relative;display:flex;flex-direction:column;min-height:clamp(280px,40vh,400px);padding:clamp(18px,2.4vw,30px);background:var(--c);color:var(--t);border:3px solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 var(--ink);transform:rotate(var(--r));transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}.tile:hover{transform:rotate(0) translate(-4px,-8px) scale(1.02);box-shadow:14px 18px 0 var(--ink)}.tile .no{font-size:15px;letter-spacing:.1em;opacity:.9}.tile .kana{position:absolute;top:clamp(18px,2.4vw,30px);right:clamp(18px,2.4vw,30px);font-size:13px;letter-spacing:.12em;padding:3px 10px;border:2px solid currentColor;border-radius:999px}.tile h2{margin:auto 0 6px;font-weight:900;font-size:clamp(46px,6.4vw,92px);line-height:1.05;text-shadow:3px 3px 0 var(--ink)}.tile[style*="--t:var(--ink)"] h2{text-shadow:3px 3px 0 #fff}.tile p{margin:0 0 14px;font-size:15px}.pill{align-self:flex-start;padding:4px 12px;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-size:12.5px}footer{padding:26px var(--gutter) 44px;text-align:center;font-size:13px}footer span{opacity:.6}@media(max-width:760px){.index{grid-template-columns:1fr}.tile{min-height:200px}.top nav a{padding:6px 11px;font-size:13px}.copy{top:96px}}@media(prefers-reduced-motion:reduce){.ch,.marquee div{animation:none}}.page{max-width:1180px;margin:0 auto;padding:clamp(104px,16vh,150px) var(--gutter) clamp(40px,8vh,90px)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin-bottom:clamp(24px,4vh,44px)}.page-head h1{margin:10px 0 0;font-size:clamp(54px,10vw,132px)}.page-head p{margin:0;max-width:24em;font-size:15px}.back{display:inline-block;margin-bottom:18px;padding:6px 14px;background:var(--white);border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-size:13.5px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.back:hover{transform:translate(-3px,-2px) rotate(-2deg)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,30px)}.card{position:relative;display:flex;flex-direction:column;background:var(--white);border:3px solid var(--ink);border-radius:24px;box-shadow:7px 7px 0 var(--ink);overflow:hidden;transform:rotate(var(--r, 0deg));transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}.card:hover{transform:rotate(0) translate(-3px,-7px);box-shadow:12px 15px 0 var(--ink)}.card-cover{position:relative;aspect-ratio:16 / 10;background:var(--c, var(--lemon));border-bottom:3px solid var(--ink);display:grid;place-items:center;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.card-cover .glyph{font-weight:900;font-size:clamp(60px,8vw,104px);line-height:1;color:var(--white);text-shadow:4px 4px 0 var(--ink)}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.card-body h2{margin:0;font-weight:900;font-size:clamp(20px,2vw,25px);line-height:1.35}.card-body p{margin:0;font-size:14.5px;font-weight:700;opacity:.85}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.chip{padding:2px 10px;border:2px solid var(--ink);border-radius:999px;font-size:12px;background:var(--cream)}.chip.kind{background:var(--ink);color:var(--lemon)}.draft{position:absolute;z-index:2;top:12px;left:12px;padding:3px 11px;background:var(--ink);color:var(--white);border-radius:999px;font-size:12px;letter-spacing:.08em;transform:rotate(-4deg)}.draft-bar{margin-bottom:18px;padding:10px 16px;background:var(--ink);color:var(--lemon);border-radius:14px;font-size:14px}.rows{border-top:3px solid var(--ink)}.rowlink{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 40px;gap:18px;align-items:center;padding:22px 6px;border-bottom:3px solid var(--ink);transition:background .25s,padding .3s cubic-bezier(.3,1.6,.5,1)}.rowlink:hover{background:var(--lemon);padding-left:20px}.rowlink time{font-size:14px;letter-spacing:.06em}.rowlink h2{margin:0;font-weight:900;font-size:clamp(22px,2.8vw,34px);line-height:1.3}.rowlink p{margin:4px 0 0;font-size:14.5px;opacity:.85}.rowlink .go{justify-self:end;font-size:26px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.rowlink:hover .go{transform:translate(6px) rotate(-8deg)}.empty{display:grid;justify-items:center;gap:12px;padding:clamp(48px,10vh,110px) 20px;border:3px dashed var(--ink);border-radius:28px;text-align:center}.empty .face{width:110px;height:110px;display:grid;place-items:center;background:var(--lemon);border:3px solid var(--ink);border-radius:50%;box-shadow:5px 6px 0 var(--ink);font-size:44px;animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px) rotate(6deg)}}.empty b{font-size:clamp(22px,3vw,32px);font-weight:900}.empty span{font-size:14.5px;opacity:.75}.piece-head{margin-bottom:clamp(20px,4vh,40px)}.piece-head h1{margin:12px 0 14px;font-size:clamp(38px,6.6vw,88px);line-height:1.12}.piece-head .sum{margin:0 0 16px;max-width:34em;font-size:clamp(16px,1.7vw,20px);line-height:1.75}.piece-cover{margin:0 0 clamp(24px,4vh,44px);border:3px solid var(--ink);border-radius:26px;box-shadow:9px 9px 0 var(--ink);overflow:hidden;background:var(--c, var(--lemon))}.piece-cover img{width:100%;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--tomato);color:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);font-weight:900;font-size:16px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.btn:hover{transform:translate(-2px,-4px) rotate(-1.5deg);box-shadow:8px 10px 0 var(--ink)}.prose{max-width:40em;font-size:17px;line-height:1.95;font-weight:500;font-family:PingFang SC,Hiragino Sans,Noto Sans SC,-apple-system,sans-serif}.prose h2,.prose h3{font-family:var(--round);font-weight:900;line-height:1.35;margin:2em 0 .6em}.prose h2{font-size:clamp(24px,2.8vw,32px);display:inline-block;background:linear-gradient(transparent 60%,var(--lemon) 60%);padding-right:6px}.prose h3{font-size:21px}.prose p{margin:0 0 1.1em}.prose a{border-bottom:3px solid var(--sky);font-weight:700}.prose a:hover{background:var(--sky);color:#fff}.prose strong{font-weight:800;background:linear-gradient(transparent 62%,var(--lemon) 62%)}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}.prose li{margin:.3em 0}.prose li::marker{color:var(--tomato);font-weight:900}.prose blockquote{margin:1.4em 0;padding:14px 20px;background:var(--white);border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink)}.prose blockquote p:last-child{margin:0}.prose img,.prose video{max-width:100%;border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);margin:1em 0}.prose code{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.88em;padding:2px 7px;background:var(--white);border:2px solid var(--ink);border-radius:8px}.prose pre{overflow-x:auto;padding:16px 18px;background:var(--ink);color:var(--cream);border-radius:18px}.prose pre code{border:0;background:none;padding:0;color:inherit}.prose hr{border:0;border-top:3px dashed var(--ink);margin:2em 0}.tl{position:relative;display:grid;gap:clamp(16px,3vh,28px);padding-left:clamp(26px,5vw,60px)}.tl:before{content:"";position:absolute;left:clamp(8px,2vw,22px);top:8px;bottom:8px;width:3px;background:var(--ink);border-radius:3px}.tl-year{position:relative;font-weight:900;font-size:clamp(34px,5vw,60px);line-height:1;margin-top:10px}.tl-item{position:relative;padding:16px 20px;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);max-width:36em;transform:rotate(var(--r, 0deg));transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.tl-item:hover{transform:rotate(0) translate(6px)}.tl-item:before{content:"";position:absolute;left:calc(-1*clamp(26px,5vw,60px) + clamp(8px,2vw,22px) - 11px);top:22px;width:19px;height:19px;background:var(--c, var(--tomato));border:3px solid var(--ink);border-radius:50%}.tl-item time{font-size:13px;letter-spacing:.08em}.tl-item h2{margin:2px 0;font-weight:900;font-size:clamp(19px,2.2vw,25px);line-height:1.35}.tl-item p{margin:0;font-size:14.5px;opacity:.85}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cards{grid-template-columns:1fr}.rowlink{grid-template-columns:1fr 30px}.rowlink time{grid-column:1 / 3}}@media(prefers-reduced-motion:reduce){.empty .face{animation:none}}