.devlog-progress-shell{position:fixed;top:4rem;left:0;width:100%;height:2px;z-index:45;background:#ffffff0d;pointer-events:none}.devlog-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#fafafaf2,#facc15b8 60%,#fafafa66);box-shadow:0 0 18px #facc152e;transform-origin:left center;transition:width .12s linear}.devlog-page-shell{width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:7.6rem 0 5rem}.devlog-back-link,.devlog-chip,.devlog-meta-card a,.devlog-toc-list a,.devlog-nav-card{font-family:ui-monospace,Cascadia Code,Fira Code,monospace}.devlog-back-link{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.4rem;color:#ffffff6b;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;transition:color .18s ease,transform .18s ease}.devlog-back-link:hover{color:#facc15;transform:translate(-2px)}.devlog-hero{display:grid;gap:1.25rem;margin-bottom:2rem}.devlog-topline{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.devlog-date{margin:0;color:#ffffff6b;font-size:.84rem}.devlog-page-shell .status-badge{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .72rem;border-radius:9999px;border:1px solid;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.devlog-page-shell .status-badge[data-status=active]{color:#4ade80;border-color:#4ade8047;background:#4ade8014}.devlog-page-shell .status-badge[data-status=wip]{color:#fbbf24;border-color:#fbbf2447;background:#fbbf2414}.devlog-page-shell .status-badge[data-status=archived]{color:#94a3b8;border-color:#94a3b838;background:#94a3b814}.devlog-chip{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .72rem;border:1px solid rgba(255,255,255,.1);border-radius:9999px;background:#ffffff08;color:#ffffff80;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.devlog-copy-link{cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.devlog-copy-link:hover,.devlog-copy-link.is-copied{border-color:#facc1559;color:#facc15;background:#facc1517}.devlog-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:1.4rem}.devlog-hero-copy,.devlog-meta-panel,.devlog-mobile-toc,.devlog-toc-card,.devlog-nav-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#ffffff09,#ffffff03),#080808db;box-shadow:0 24px 70px #0000002e;backdrop-filter:blur(14px)}.devlog-hero-copy{padding:clamp(1.35rem,3vw,2rem)}.devlog-kicker,.devlog-toc-kicker,.devlog-nav-label,.devlog-meta-card p{margin:0;color:#facc1594;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.devlog-title{margin:.7rem 0 0;color:#fafafa;font-size:clamp(2.8rem,5.4vw,4.9rem);line-height:.92;font-weight:900;letter-spacing:-.02em}.devlog-excerpt{max-width:46rem;margin:1.15rem 0 0;color:#ffffffa8;font-size:1.02rem;line-height:1.78}.devlog-meta-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem;align-content:start}.devlog-meta-card{display:grid;gap:.55rem;min-height:5.75rem;padding:.9rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.devlog-meta-card strong{color:#fff;font-size:.96rem;line-height:1.5;font-weight:600}.devlog-meta-card a{color:#ffffffd1;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;transition:color .18s ease}.devlog-meta-card a:hover{color:#facc15}.devlog-tag-row{display:flex;flex-wrap:wrap;gap:.42rem}.devlog-tag-row span{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid rgba(255,255,255,.11);padding:.24rem .55rem;color:#ffffff9e;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.devlog-mobile-toc{display:none;overflow:hidden;margin-bottom:1rem}.devlog-mobile-toc summary{display:flex;justify-content:space-between;gap:.75rem;padding:.95rem 1rem;cursor:pointer;list-style:none;color:#ffffffc7;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.devlog-mobile-toc summary::-webkit-details-marker{display:none}.devlog-mobile-toc-hint{color:#ffffff61;font-size:.64rem}.devlog-mobile-toc nav{padding:0 1rem 1rem}.devlog-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:1rem;align-items:start}.devlog-article{min-width:0;padding:clamp(1.35rem,3vw,2rem);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%),#080808b8;box-shadow:0 24px 70px #00000026}.devlog-toc-panel{position:sticky;top:6.2rem}.devlog-toc-card{padding:1rem}.devlog-toc-list{display:grid;gap:.35rem;margin:.9rem 0 0;padding:0;list-style:none}.devlog-toc-list li.is-subheading a{padding-left:1rem;color:#ffffff70;font-size:.76rem}.devlog-toc-list a{display:block;padding:.45rem .55rem;border-left:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.8rem;line-height:1.4;transition:color .18s ease,border-color .18s ease,background .18s ease}.devlog-toc-list a:hover,.devlog-toc-list a.is-active{color:#facc15;border-color:#facc1566;background:#facc150f}.devlog-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.devlog-nav-card{display:grid;gap:.6rem;min-height:8rem;padding:1rem;transition:border-color .2s ease,transform .2s ease,background .2s ease}.devlog-nav-card strong{color:#fff;font-size:1.08rem;line-height:1.4}.devlog-nav-card:hover{border-color:#facc1547;transform:translateY(-2px);background:linear-gradient(180deg,#facc150f,#ffffff03),#080808e6}.devlog-nav-card.is-empty{opacity:0;pointer-events:none}.devlog-nav-path{color:#ffffff70;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.74rem;line-height:1.5}:global(.devlog-article h2[id]),:global(.devlog-article h3[id]){scroll-margin-top:5.5rem}:global(.devlog-article h2){margin-top:2.4rem;color:#fff;font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.1}:global(.devlog-article h3){color:#ffffffe6;font-size:clamp(1.15rem,2.2vw,1.4rem)}:global(.devlog-article hr){border-color:#ffffff14}:global(.devlog-article p),:global(.devlog-article li){color:#ffffffbd;line-height:1.85}:global(.devlog-article a){color:#facc15}@media(max-width:1080px){.devlog-content-grid{grid-template-columns:minmax(0,1fr)}.devlog-toc-panel{display:none}.devlog-mobile-toc{display:block}}@media(max-width:860px){.devlog-page-shell{width:calc(100% - 1rem);padding-top:7rem}.devlog-hero-grid,.devlog-meta-panel,.devlog-nav-grid{grid-template-columns:1fr}.devlog-nav-card.is-empty{display:none}}@media(max-width:640px){.devlog-progress-shell{top:3.7rem}.devlog-title{font-size:clamp(2.2rem,12vw,3.1rem)}.devlog-excerpt{font-size:.96rem;line-height:1.7}.devlog-article{padding:1.1rem}}@media(prefers-reduced-motion:reduce){.devlog-progress-bar,.devlog-back-link,.devlog-copy-link,.devlog-toc-list a,.devlog-nav-card{transition:none}}
