.devlog-post-head{padding-top:8px}.devlog-post-back{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);background:#00e5ff0f;border:1px solid #00e5ff66;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:8px 14px;font-size:11px;text-decoration:none;transition:background .3s,border-color .3s,transform .3s;display:inline-flex}.devlog-post-back:hover{background:#00e5ff2e;transform:translate(-3px)}.devlog-post-meta{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;gap:14px;margin-bottom:18px;font-size:11px;display:flex}.devlog-post-meta .cy{color:var(--cyan)}.devlog-post-meta .dim{color:var(--fg-mute)}.devlog-post-title{font-family:var(--display);letter-spacing:-.035em;background:linear-gradient(#fff 0%,#cfe1f5 60%,#8aa6c8 100%);color:#0000;text-shadow:0 0 60px #00e5ff33;background-clip:text;max-width:22ch;margin-bottom:16px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.devlog-post-lede{color:#d8eaffc7;max-width:60ch;font-size:17px;line-height:1.6}.devlog-hero{aspect-ratio:21/9;background:radial-gradient(80% 100% at 20% 20%,#00e5ff4d,#0000 60%),radial-gradient(70% 100% at 80% 80%,#b366ff4d,#0000 60%),radial-gradient(50% 60% at 50% 100%,#ff3fa440,#0000 70%),linear-gradient(135deg,#08111ff5,#02060ffa);border:1.5px solid #00e5ff40;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 24px 80px -10px #00e5ff40}.dh-grid{background:linear-gradient(#0000 49.5%,#00e5ff1a 49.5% 50.5%,#0000 50.5%) 0 0/100% 28px,linear-gradient(90deg,#0000 49.5%,#b366ff12 49.5% 50.5%,#0000 50.5%) 0 0/28px 100%;position:absolute;inset:0;mask-image:radial-gradient(95% 95%,#000,#0000 100%)}.dh-glow{filter:blur(20px);background:radial-gradient(50% 60%,#ffffff14,#0000 70%);position:absolute;inset:0}.dh-corner{border:1.5px solid var(--cyan);width:28px;height:28px;filter:drop-shadow(0 0 10px var(--cyan-glow));position:absolute}.dh-corner.tl{border-bottom:0;border-right:0;top:18px;left:18px}.dh-corner.tr{border-bottom:0;border-left:0;border-color:var(--violet);top:18px;right:18px}.dh-corner.bl{border-top:0;border-right:0;border-color:var(--magenta);bottom:18px;left:18px}.dh-corner.br{border-top:0;border-left:0;bottom:18px;right:18px}.dh-stamp{font-family:var(--mono);letter-spacing:.24em;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow);font-size:11px;position:absolute;top:26px;left:60px}.dh-tc{font-family:var(--mono);letter-spacing:.2em;color:var(--violet);font-size:11px;position:absolute;top:26px;right:60px}.dh-rec{font-family:var(--mono);letter-spacing:.24em;color:var(--magenta);font-size:11px;animation:1.4s infinite cta3Pulse;position:absolute;bottom:26px;right:60px}.dh-coords{font-family:var(--mono);letter-spacing:.18em;color:var(--fg-mute);font-size:11px;position:absolute;bottom:26px;left:60px}.dh-glyph{font-family:var(--display);letter-spacing:.12em;background:linear-gradient(#ffffff4d,#00e5ff26);color:#0000;filter:drop-shadow(0 0 30px var(--cyan-glow));background-clip:text;font-size:clamp(80px,14vw,200px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.dh-label{font-family:var(--mono);letter-spacing:.22em;color:var(--fg-mute);font-size:11px;position:absolute;top:64%;left:50%;transform:translate(-50%)}.devlog-article{grid-template-columns:240px 1fr;align-items:start;gap:56px;margin-top:24px;display:grid}@media (width<=1024px){.devlog-article{grid-template-columns:1fr;gap:28px}.devlog-toc{position:relative;top:0}}.devlog-toc{font-family:var(--mono);background:linear-gradient(#ffffff05,#ffffff01);border:1px solid #ffffff0f;border-radius:14px;padding:18px;position:sticky;top:100px}.dt-title{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px;font-size:10px}.devlog-toc ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.devlog-toc li{color:#d8eaffc7;grid-template-columns:26px 1fr;align-items:start;gap:8px;font-size:12px;line-height:1.4;display:grid}.devlog-toc li:hover{color:var(--cyan)}.dt-share-row{flex-direction:column;gap:6px;display:flex}.dt-share-row a{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);padding:4px 0;font-size:11px;text-decoration:none;transition:color .3s,transform .3s}.dt-share-row a:hover{color:var(--cyan);transform:translate(3px)}.devlog-body{max-width:68ch;font-family:var(--display)}.devlog-body p,.devlog-body blockquote,.devlog-body pre{margin:0 0 22px}.db-lede{letter-spacing:-.015em;background:linear-gradient(#fff,#d8eaff);color:#0000;background-clip:text;border-bottom:1px dashed #00e5ff2e;margin-bottom:32px;padding-bottom:24px;font-size:22px;font-weight:500;line-height:1.45}.db-h{letter-spacing:-.02em;background:linear-gradient(#fff,#d8eaff);color:#0000;background-clip:text;margin:36px 0 18px;padding-left:18px;font-size:clamp(22px,2.4vw,30px);font-weight:700;position:relative}.db-h:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--violet));width:3px;box-shadow:0 0 12px var(--cyan-glow);border-radius:2px;position:absolute;top:6px;bottom:6px;left:0}.db-p{color:#d8eaffdb;font-size:17px;font-weight:400;line-height:1.75}.db-pull{letter-spacing:-.01em;border-left:3px solid var(--cyan);color:#fffffff5;background:linear-gradient(90deg,#00e5ff12,#0000) padding-box padding-box;border-radius:0 12px 12px 0;margin:28px 0;padding:20px 24px;font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.4;position:relative}.db-pull:before{content:"❝";background:linear-gradient(180deg, var(--cyan), var(--violet));color:#0000;opacity:.9;background-clip:text;font-size:36px;line-height:1;position:absolute;top:-12px;left:14px}.db-code{font-family:var(--mono);color:#d8eaffeb;white-space:pre;background:#02060fd9;border:1px solid #00e5ff33;border-radius:12px;padding:16px 18px;font-size:13px;line-height:1.6;position:relative;overflow-x:auto;box-shadow:inset 0 0 0 1px #ffffff0a}.db-code:before{content:"// CODE";letter-spacing:.2em;color:var(--cyan);background:var(--bg);border:1px solid #00e5ff40;border-radius:4px;padding:2px 8px;font-size:9px;position:absolute;top:0;right:12px;transform:translateY(-50%)}.db-sign{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);border-top:1px dashed #00e5ff33;margin-top:36px;padding-top:18px;font-size:11px}.devlog-nav{grid-template-columns:1fr 1fr;gap:18px;margin-top:36px;display:grid}@media (width<=700px){.devlog-nav{grid-template-columns:1fr}}.dn-card{color:inherit;font-family:var(--mono);background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:6px;padding:22px 24px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;display:flex}.dn-card:hover{border-color:#00e5ff66;transform:translateY(-3px);box-shadow:0 18px 40px -10px #00e5ff33}.dn-prev{text-align:left}.dn-next{text-align:right}.dn-k{letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);font-size:10px}.dn-d{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);font-size:10px}.dn-t{font-family:var(--display);letter-spacing:-.015em;color:#ffffffeb;margin-top:4px;font-size:18px;font-weight:600;line-height:1.3}.devlog-related{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.devlog-related{grid-template-columns:1fr}}.dr-card{color:inherit;background:linear-gradient(#ffffff06,#ffffff01);border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.dr-card:hover{border-color:#b366ff66;transform:translateY(-4px);box-shadow:0 24px 50px -10px #b366ff33}.dr-meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.dr-meta .cy{color:var(--cyan)}.dr-meta .dim{color:var(--fg-mute)}.dr-card h3{font-family:var(--display);letter-spacing:-.02em;background:linear-gradient(#fff,#d8eaff);color:#0000;background-clip:text;font-size:20px;font-weight:600;line-height:1.25}.dr-card p{color:#d8eaffb8;font-size:13px;line-height:1.55}.devlog-hero.has-img{image-rendering:pixelated;background-position:50% 30%;background-size:cover}.devlog-hero.has-img .dh-grid{opacity:.2}.devlog-hero.has-img .dh-glow{opacity:.4}.db-img{margin:34px 0}.db-img img{width:100%;image-rendering:pixelated;border:1px solid #00e5ff40;border-radius:10px;display:block;box-shadow:0 30px 70px -28px #00e5ff59}.db-img figcaption{font-family:var(--mono);letter-spacing:.06em;color:var(--fg-mute);margin-top:10px;font-size:11px;line-height:1.6}