.devlog-filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.devlog-pill{border:1px solid var(--line-2);color:var(--fg-dim);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#08111f99;border-radius:999px;padding:8px 16px;font-size:11px;transition:all .2s}.devlog-pill:hover{border-color:var(--cyan);color:var(--cyan)}.devlog-pill.on{background:linear-gradient(135deg, var(--cyan), var(--violet));color:var(--bg);border-color:#0000}.devlog-list{flex-direction:column;gap:16px;display:flex}.devlog-meta{font-family:var(--mono);letter-spacing:.14em;flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.devlog-archive-stats{backdrop-filter:blur(14px)saturate(140%);background:radial-gradient(60% 100% at 0 0,#00e5ff0f,#0000 60%),linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px;padding:22px 26px;display:grid}@media (width<=700px){.devlog-archive-stats{grid-template-columns:1fr 1fr}}.das{flex-direction:column;gap:4px;display:flex}.das-v{font-family:var(--display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--cyan), var(--violet));color:#0000;filter:drop-shadow(0 0 12px var(--cyan-glow));background-clip:text;font-size:32px;font-weight:800;line-height:1}.das-k{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-size:10px}.devlog-featured{color:inherit;isolation:isolate;background:radial-gradient(60% 80% at 0 0,#00e5ff38,#0000 55%),radial-gradient(70% 80% at 100% 100%,#ff3fa433,#0000 55%),radial-gradient(90% 70% at 50% 110%,#b366ff2e,#0000 60%),radial-gradient(50% 60% at 80% 0,#00e5ff1a,#0000 65%),linear-gradient(#08111feb,#02060ff7);border:1px solid #00e5ff33;border-radius:28px;grid-template-columns:1.05fr 1fr;gap:30px;margin:24px 0 36px;padding:30px;text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .4s;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px -20px #00e5ff4d,0 50px 140px -40px #b366ff33,inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0a}.devlog-featured:before{content:"";z-index:0;pointer-events:none;opacity:.7;background:linear-gradient(#0000 49.5%,#00e5ff14 49.5% 50.5%,#0000 50.5%) 0 0/100% 24px,linear-gradient(90deg,#0000 49.5%,#b366ff0f 49.5% 50.5%,#0000 50.5%) 0 0/24px 100%;animation:18s linear infinite dfGridDrift;position:absolute;inset:0;mask-image:radial-gradient(95% 95%,#000 55%,#0000 100%)}.devlog-featured:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:overlay;background:linear-gradient(110deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:30%;animation:7s ease-in-out infinite dfSheen;position:absolute;top:0;bottom:0;left:-35%}.devlog-featured>*{z-index:2;position:relative}@keyframes dfSheen{0%{left:-35%}60%{left:115%}to{left:115%}}@keyframes dfGridDrift{0%{background-position:0 0,0 0}to{background-position:0 24px,24px 0}}.devlog-featured:hover{border-color:#ff3fa473;transform:translateY(-4px);box-shadow:0 40px 120px -20px #b366ff73,0 60px 160px -40px #ff3fa438,inset 0 1px #ffffff1a,inset 0 0 0 1px #ff3fa42e}@media (width<=900px){.devlog-featured{grid-template-columns:1fr}}.df-photo{aspect-ratio:16/10;background:radial-gradient(90% 100% at 20% 30%,#00e5ff4d,#0000 60%),radial-gradient(80% 80% at 80% 70%,#b366ff40,#0000 60%),radial-gradient(60% 60% at 50% 100%,#ff3fa433,#0000 70%),linear-gradient(135deg,#08111ff2,#02060ff2);border:1px solid #00e5ff4d;border-radius:18px;display:block;position:relative;overflow:hidden}.df-photo-grid{pointer-events:none;opacity:.7;background:linear-gradient(#0000 49.5%,#00e5ff1a 49.5% 50.5%,#0000 50.5%) 0 0/100% 22px,linear-gradient(90deg,#0000 49.5%,#b366ff12 49.5% 50.5%,#0000 50.5%) 0 0/22px 100%;position:absolute;inset:0;mask-image:radial-gradient(95% 95%,#000,#0000 100%)}.df-photo-rec{font-family:var(--mono);letter-spacing:.2em;color:var(--magenta);text-shadow:0 0 12px #ff3fa48c;font-size:10px;animation:1.4s infinite cta3Pulse;position:absolute;top:18px;left:18px}.df-photo-tc{font-family:var(--mono);letter-spacing:.2em;color:var(--cyan);font-size:10px;position:absolute;top:18px;right:18px}.df-photo-corner{border:1px solid var(--cyan);opacity:.85;width:22px;height:22px;position:absolute}.df-photo-corner.tl{border-bottom:0;border-right:0;top:14px;left:14px}.df-photo-corner.tr{border-bottom:0;border-left:0;border-color:var(--violet);top:14px;right:14px}.df-photo-corner.bl{border-top:0;border-right:0;border-color:var(--magenta);bottom:14px;left:14px}.df-photo-corner.br{border-top:0;border-left:0;bottom:14px;right:14px}.df-photo-glyph{font-family:var(--display);letter-spacing:.1em;background:linear-gradient(#fff3,#00e5ff1a);color:#0000;filter:drop-shadow(0 0 30px var(--cyan-glow));background-clip:text;font-size:clamp(56px,9vw,120px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.df-photo-label{font-family:var(--mono);letter-spacing:.2em;color:var(--fg-mute);white-space:nowrap;font-size:9px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.df-text{flex-direction:column;gap:14px;padding:18px 12px 14px;display:flex}.df-eyebrow{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);font-size:10px}.df-meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.df-meta .cy{color:var(--cyan)}.df-meta .dim{color:var(--fg-mute)}.df-title{font-family:var(--display);letter-spacing:-.025em;background:linear-gradient(#fff 0%,#cfe1f5 100%);color:#0000;background-clip:text;font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1.1}.df-summary{color:#d8eaffc7;max-width:60ch;font-size:15px;line-height:1.65}.df-more{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);gap:8px;margin-top:6px;font-size:11px;display:inline-flex}.devlog-row-link,.devlog-row-link:hover{color:inherit;text-decoration:none}@media (pointer:coarse){.devlog-pill{min-height:44px}}.df-photo.has-img{image-rendering:pixelated;background-position:top;background-size:cover}.df-photo.has-img .df-photo-grid{opacity:.25}