:root{--ink: #0a0a0a;--paper: #fffdf6;--red: #e8304a;--yellow: #ffe600;--glow: var(--red);--bang: "Bangers", "Impact", cursive;--type: "Special Elite", ui-monospace, monospace;--halftone: radial-gradient(circle, rgba(0,0,0,.22) 1.1px, transparent 1.7px) 0 0 / 9px 9px}html{color-scheme:light}body{background:var(--halftone),#d9d6cc;color:var(--ink);font-family:var(--type);font-size:17px;line-height:1.5}:focus-visible{outline:4px solid var(--red);outline-offset:3px}.bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--ink);color:#fff;border-bottom:4px solid var(--yellow);font-family:var(--bang);letter-spacing:1.5px;font-size:20px}.bar a{text-decoration:none;color:#fff}.bar-back:hover,.bar-next:hover{color:var(--yellow)}.bar-logo{font-size:26px;white-space:nowrap}.bar-logo em{font-style:normal;color:var(--yellow);margin-left:6px}.bar-right{display:flex;gap:10px;align-items:center}.bar-ch{background:var(--red);padding:0 8px;border-radius:2px}.bar-next{border:2px solid #fff;padding:0 8px}@media (max-width: 640px){.bar{font-size:16px}.bar-logo{display:none}}.strip{max-width:860px;margin:0 auto;padding:28px 16px 60px}.panel{position:relative;background:var(--paper);border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:clamp(18px,4vw,36px);overflow:hidden}.panel:nth-of-type(odd){transform:rotate(-.25deg)}.panel:nth-of-type(2n){transform:rotate(.25deg)}.gutter{height:70px;display:grid;place-items:center;font-family:var(--bang);font-size:22px;letter-spacing:3px;color:var(--ink);opacity:.7}.gutter span{animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.cap{display:flex;align-items:center;gap:14px;margin-bottom:14px}.cap-no{flex:none;width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:var(--yellow);font-family:var(--bang);font-size:28px;transform:rotate(-6deg)}.cap h2{margin:0;font-family:var(--bang);font-weight:400;font-size:clamp(30px,6vw,52px);letter-spacing:1.5px;line-height:1}.lead{margin:0 0 18px;max-width:62ch}.fine{margin:14px 0 0;font-size:13px;opacity:.8}.rays{position:absolute;inset:-40%;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(0,0,0,.9) 0 3deg,transparent 3deg 11deg);opacity:.16;animation:spin 90s linear infinite}.rays-dim{opacity:.1}@keyframes spin{to{transform:rotate(360deg)}}.bubble{position:relative;display:inline-block;background:#fff;border:4px solid var(--ink);border-radius:50%/60%;padding:.5em 1.1em;font-family:var(--bang);letter-spacing:1px;line-height:1.05}.bubble:after{content:"";position:absolute;bottom:-20px;left:28%;border:10px solid transparent;border-top:18px solid var(--ink)}.sfx{font-family:var(--bang);color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);pointer-events:none;user-select:none;line-height:1}.btn{appearance:none;cursor:pointer;background:var(--ink);color:#fff;border:3px solid var(--ink);font-family:var(--bang);letter-spacing:1.5px;font-size:20px;padding:4px 16px;text-decoration:none;display:inline-block;box-shadow:4px 4px 0 var(--red)}.btn:hover{background:var(--red);border-color:var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--red)}.hero{padding-top:clamp(30px,6vw,56px)}.hero>*:not(.rays){position:relative}.bubble.hero-bubble{position:absolute;right:clamp(8px,4vw,40px);top:clamp(14px,3vw,26px);font-size:clamp(16px,3.4vw,28px);transform:rotate(5deg);animation:pop 1.6s infinite}@keyframes pop{0%,to{transform:rotate(5deg) scale(1)}50%{transform:rotate(2deg) scale(1.08)}}.ep{margin:0 0 6px;font-size:14px;letter-spacing:3px;text-transform:uppercase}.hero-title{margin:0;font-family:var(--bang);font-weight:400;letter-spacing:3px;line-height:.88;font-size:clamp(58px,15vw,150px);text-shadow:6px 6px 0 var(--yellow),9px 9px 0 var(--ink);animation:slam .55s cubic-bezier(.2,1.5,.4,1) both}.hero-title span{color:var(--red);text-shadow:6px 6px 0 var(--ink)}@keyframes slam{0%{transform:scale(1.25) translateY(-20px);opacity:0}}.sfx-ping{position:absolute!important;right:clamp(6px,3vw,30px);bottom:150px;font-size:clamp(44px,10vw,96px);transform:rotate(-10deg);animation:thud 1.6s infinite}@keyframes thud{0%,to{transform:rotate(-10deg) scale(1)}8%{transform:rotate(-14deg) scale(1.25)}20%{transform:rotate(-10deg) scale(1)}}.hero-line{max-width:40ch;font-size:clamp(16px,2.4vw,20px);margin:22px 0 24px;background:var(--paper);display:inline-block;padding:2px 6px;box-decoration-break:clone}.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:4px solid var(--ink);background:#fff}.stats li{padding:10px 12px;border-right:4px solid var(--ink);background:var(--halftone),#fff}.stats li:last-child{border-right:0}.stats b{display:block;font-family:var(--bang);font-weight:400;font-size:clamp(28px,5vw,46px);line-height:1;color:var(--red);-webkit-text-stroke:1.5px var(--ink)}.stats span{font-size:13px;line-height:1.25;display:block}@media (max-width: 620px){.stats{grid-template-columns:1fr 1fr}.stats li:nth-child(2){border-right:0}.stats li:nth-child(-n+2){border-bottom:4px solid var(--ink)}.sfx-ping{bottom:250px}.hero-bubble{top:10px;right:8px}}.demo{background:var(--halftone),var(--paper)}.demo-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}@media (max-width: 760px){.demo-grid{grid-template-columns:minmax(0,1fr)}}.shelf{border:4px solid var(--ink);background:#fff;padding:12px}.shelf-h{margin:0 0 8px;font-family:var(--bang);font-weight:400;font-size:26px;letter-spacing:1.5px}.shelf-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.series{display:grid;grid-template-columns:54px 1fr;gap:10px;border:3px solid var(--ink);padding:8px;background:#fff}.series.flash{animation:flash .7s}@keyframes flash{0%{background:var(--yellow)}}.cover{width:54px;height:76px;border:3px solid var(--ink);display:grid;place-items:center;font-family:var(--bang);font-size:26px;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink)}.series h4{margin:0;font-family:var(--bang);font-weight:400;font-size:20px;letter-spacing:1px;line-height:1.1}.series .meta{font-size:12px;opacity:.8;margin:1px 0 6px}.chips-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.chip{appearance:none;cursor:pointer;background:#fff;color:var(--ink);border:2px solid var(--ink);font-family:var(--type);font-size:12px;padding:1px 7px}.chip:hover{background:var(--yellow)}.chip[aria-pressed=true]{background:var(--ink);color:var(--yellow)}.chip.quiet[aria-pressed=true]{background:#666;color:#fff}.drop{appearance:none;cursor:pointer;margin-left:auto;background:var(--yellow);border:2px solid var(--ink);font-size:12px;padding:1px 7px;font-family:var(--type)}.drop:hover{background:var(--red);color:#fff}.note-quiet{font-size:12px;margin-top:4px;color:#555;min-height:1.2em}.demo-controls{margin-top:12px}.dc{position:relative;border:4px solid var(--ink);background:#313338;color:#dbdee1;font-family:Inter,system-ui,sans-serif;font-size:14px;min-height:480px;display:flex;flex-direction:column;min-width:0}.dc.shake{animation:shake .45s}@keyframes shake{20%{transform:translate(-5px,2px) rotate(-.6deg)}40%{transform:translate(5px,-2px) rotate(.6deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.dc-tabs{display:flex;background:#1e1f22}.dc-tab{appearance:none;cursor:pointer;flex:1;min-width:0;background:transparent;color:#949ba4;border:0;border-bottom:3px solid transparent;padding:10px 6px;font:inherit;font-weight:600;font-size:13px}.dc-tab.on{color:#fff;border-bottom-color:var(--red);background:#313338}.dc-tab:focus-visible{outline-offset:-4px}.badge{font-style:normal;background:var(--red);color:#fff;border-radius:9px;padding:0 6px;font-size:11px;margin-left:4px}.dc-pane{padding:12px;flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.dc-pane[hidden]{display:none}.dc-who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dc-who small{flex-basis:100%;color:#949ba4;font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--bang);font-size:15px}.dc-who b{color:#fff}.botpill{background:#5865f2;color:#fff;font-size:10px;font-weight:800;padding:1px 4px;border-radius:3px}.dc-feed{display:flex;flex-direction:column;gap:10px}.dc-empty{color:#949ba4;margin:0}.msg{animation:land .5s cubic-bezier(.2,1.4,.4,1)}@keyframes land{0%{transform:translateY(-14px) scale(.96);opacity:0}}.msg.old{opacity:.6}.mention{background:#5865f259;color:#c9cdfb;border-radius:3px;padding:0 3px;font-weight:600;display:inline-block;margin-bottom:4px}.embed{display:grid;grid-template-columns:1fr auto;gap:4px 10px;background:#2b2d31;border-left:4px solid var(--red);border-radius:4px;padding:8px 12px 10px}.embed .e-auth{grid-column:1 / -1;font-size:12px;font-weight:600;color:#fff}.embed .e-title{font-weight:700;color:#00a8fc}.embed .e-desc{grid-column:1}.embed .e-thumb{grid-column:2;grid-row:2 / span 2;width:52px;height:70px;border-radius:4px;display:grid;place-items:center;color:#fff;font-family:var(--bang);font-size:22px}.embed .e-foot{grid-column:1 / -1;font-size:11px;color:#949ba4}.msg-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.dbtn{appearance:none;border:0;border-radius:3px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:#fff;background:#4e5058}.dbtn.read{background:#248046;cursor:pointer}.dbtn.read:hover{background:#1a6334}.dbtn.read[disabled]{background:#4e5058;cursor:default;opacity:.8}.react{appearance:none;cursor:pointer;margin-top:6px;background:#2b2d31;color:#dbdee1;border:1px solid #4e5058;border-radius:8px;padding:1px 8px;font:inherit;font-size:13px}.react[aria-pressed=true]{background:#5865f24d;border-color:#5865f2}.sfx-pop{position:absolute;right:8px;top:40px;font-size:54px;transform:rotate(-12deg) scale(0);opacity:0;z-index:3}.sfx-pop.go{animation:burst .9s ease-out}@keyframes burst{0%{transform:rotate(-12deg) scale(0);opacity:0}25%{transform:rotate(-12deg) scale(1.3);opacity:1}70%{transform:rotate(-12deg) scale(1);opacity:1}to{transform:rotate(-12deg) scale(1);opacity:0}}.flow{background:repeating-conic-gradient(from 0deg at 100% 0%,#fff 0 5deg,#eee 5deg 10deg)}.beats{list-style:none;margin:0;padding:0;display:grid;gap:16px}.beats li{display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--paper);border:4px solid var(--ink);padding:12px 14px}.beat-no{font-family:var(--bang);font-size:54px;line-height:.9;color:var(--red);-webkit-text-stroke:2px var(--ink)}.beats h3{margin:0;font-family:var(--bang);font-weight:400;font-size:28px;letter-spacing:1px}.beats p{margin:4px 0 0}.shot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 700px){.shot-row{grid-template-columns:minmax(0,1fr)}}.shot{margin:0}.shot-frame{aspect-ratio:3 / 4;border:4px solid var(--ink);display:grid;place-items:center;background:repeating-linear-gradient(135deg,#fff 0 12px,#eee 12px 24px)}.shot-frame span{font-family:var(--bang);font-size:26px;letter-spacing:2px;background:var(--yellow);border:3px solid var(--ink);padding:2px 10px;transform:rotate(-6deg)}.shot figcaption{margin-top:8px;font-size:13px}.story-body{max-width:60ch}.story-bubble{font-size:clamp(20px,4vw,30px);margin:0 0 34px;transform:rotate(-2deg)}.story-body p{margin:0 0 14px}.tech{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:10px 10px 0 var(--red)}.drawer summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-family:var(--bang);font-size:clamp(28px,5vw,44px);letter-spacing:1.5px;color:var(--yellow)}.drawer summary::-webkit-details-marker{display:none}.drawer summary:before{content:"\25b6";font-size:.6em;transition:transform .2s}.drawer[open] summary:before{transform:rotate(90deg)}.drawer summary small{font-family:var(--type);font-size:14px;color:#bbb;letter-spacing:0}.drawer-body{margin-top:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chips span{border:2px solid var(--yellow);padding:1px 10px;font-size:14px}.tech-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 760px){.tech-cols{grid-template-columns:minmax(0,1fr)}}.tech h4{margin:0 0 8px;font-family:var(--bang);font-weight:400;font-size:26px;letter-spacing:1px;color:var(--red)}.tech ul{margin:0;padding-left:20px;display:grid;gap:10px;font-size:15px}.drawer-note{margin:20px 0 0;font-size:13px;color:#bbb;border-top:2px dashed #555;padding-top:10px}.closer{text-align:center;padding-block:44px}.closer>*:not(.rays){position:relative}.closer h2{margin:0 0 10px;font-family:var(--bang);font-weight:400;font-size:clamp(30px,6vw,52px);letter-spacing:1.5px}.closer p{max-width:46ch;margin:0 auto 14px}.the-end{font-family:var(--bang);font-size:clamp(34px,8vw,64px);color:var(--red);-webkit-text-stroke:2px var(--ink);letter-spacing:3px;line-height:1}.btn-ring{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn-ring:hover{background:var(--red);color:#fff}@media (prefers-reduced-motion: reduce){.rays,.gutter span,.hero-bubble,.sfx-ping{animation:none}}