.devlog-page{color:#f4f4f4;background:#080808;padding:clamp(7rem,11vw,10rem) 1.2rem 5rem}.devlog-page article{max-width:1100px;margin:auto}.devlog-back{color:#bbb;text-underline-offset:4px}.devlog-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;margin:2rem 0 1.2rem;display:flex}.devlog-meta{color:#aaa;margin:0;font:.85rem/1.5 Consolas,monospace}.devlog-page .devlog-share{color:#f4f4f4;background:#171717;border:1px solid #777;border-radius:4px;justify-content:center;align-items:center;gap:.6rem;min-height:44px;padding:.6rem 1rem;font-size:.9rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.devlog-page .devlog-share:hover{background:#303030;border-color:#ddd}.devlog-page .devlog-share:focus-visible{outline-offset:4px;outline:2px solid #ffe0a4}.devlog-page h1{letter-spacing:-.035em;max-width:24ch;font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.1}.devlog-play-row{margin:1.5rem 0}.devlog-page .devlog-play{color:#17120a;background:#ffe0a4;border:1px solid #ffe0a4;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;min-height:48px;padding:.75rem 1.25rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.devlog-page .devlog-play:hover{background:#fff0cf;border-color:#fff0cf}.devlog-page .devlog-play:focus-visible{outline-offset:4px;outline:2px solid #ffe0a4}.devlog-lede{color:#ccc;max-width:75ch;margin:1.5rem 0;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.7}.devlog-page figure{margin:2rem 0}.devlog-page img{border:1px solid #333;width:100%;height:auto;display:block}.devlog-page figcaption{color:#aaa;margin:.65rem 0;font-size:.85rem;line-height:1.6}.devlog-page section{margin:2.8rem 0}.devlog-page h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.devlog-page section p{color:#ccc;max-width:78ch;margin:1rem 0;line-height:1.8}.devlog-actions{border-top:1px solid #555;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1.5rem 0;display:flex}.devlog-actions a{color:#ffe0a4;text-underline-offset:5px;font-weight:700;line-height:1.6}.devlog-source{color:#aaa;margin:1.25rem 0 2rem;font-size:.9rem;line-height:1.7}.devlog-source a,.devlog-body a{color:#ffe0a4;text-underline-offset:4px;overflow-wrap:anywhere}.devlog-body{margin:2rem 0}.devlog-body p,.devlog-body ul,.devlog-body ol,.devlog-body blockquote{color:#ccc;max-width:78ch;margin:1.2rem 0;line-height:1.8}.devlog-body h2{margin:2.8rem 0 1rem}.devlog-body h3{margin:2rem 0 1rem;font-size:1.3rem}.devlog-body ul,.devlog-body ol{padding-left:1.5rem}.devlog-body ul{list-style:outside}.devlog-body ol{list-style:decimal}.devlog-body li{margin:.6rem 0;padding-left:.25rem}.devlog-body strong{color:#eee}.devlog-body p:has(>img){max-width:none;margin-top:2rem}.devlog-body p:has(>img)+p:has(>em:only-child){color:#aaa;margin-top:.65rem;font-size:.85rem}.devlog-body pre{overflow-x:auto}.devlog-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.devlog-gallery-grid a:focus-visible{outline-offset:4px;outline:2px solid #ffe0a4}@media (max-width:720px){.devlog-gallery-grid{grid-template-columns:1fr}}