.blog-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.blog-sidebar{padding:24px 16px;border-right:1px solid var(--border);background:var(--panel)}.blog-sidebar img{width:170px;max-width:100%}.blog-sidebar nav{display:grid;gap:8px;margin-top:28px}.blog-sidebar a{padding:10px;border-radius:6px}.blog-sidebar a[aria-current]{background:#a487f333;color:#c4adff}.blog-main{padding:40px clamp(20px,5vw,90px);min-width:0}.blog-main>header,.blog-search,.blog-grid,.blog-pagination,.blog-main>footer{max-width:1200px;margin:0 auto 28px}.blog-search{display:flex;gap:12px}.blog-search input{flex:1;min-width:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}.blog-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.blog-card>img{width:100%;height:190px;object-fit:cover}.blog-card>div{padding:22px}.blog-card h2{font-size:21px;line-height:1.35}.blog-card p{font-size:14px;line-height:1.7;color:var(--muted)}.blog-pagination{display:flex;gap:8px;flex-wrap:wrap}.blog-pagination a{padding:10px 14px;border:1px solid var(--border);border-radius:5px}.blog-pagination [aria-current]{background:#7150b4}.editorial-article{max-width:900px;margin:auto}.editorial-article h1{font-size:clamp(28px,4vw,46px);line-height:1.2}.editorial-meta{color:var(--muted);font-size:13px}.blog-hero{width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin:24px 0}.editorial-richtext{font-size:17px;line-height:1.85;overflow-wrap:anywhere;display:flow-root}.editorial-richtext h2{font-size:26px;margin:1.8em 0 .6em}.editorial-richtext h3{font-size:21px}.editorial-richtext img{max-width:100%;height:auto;border-radius:6px}.editorial-richtext figure{margin:24px 0}.editorial-richtext figcaption{font-size:12px;color:var(--muted)}.editorial-richtext a{text-decoration:underline;color:#b49af5}.editorial-richtext blockquote{margin:24px 0;padding:20px 26px;border-left:4px solid #a487f3;background:#a487f312;border-radius:6px}.editorial-richtext table{border-collapse:collapse;width:100%;margin:20px 0}.editorial-richtext td,.editorial-richtext th{padding:10px;border:1px solid var(--border)}.editorial-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editorial-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:12px;background:var(--panel);border:1px solid var(--border);position:sticky;top:0;z-index:5}.editorial-toolbar button{font-size:11px;padding:7px}.editorial-toolbar label{font-size:12px;display:flex;align-items:center;gap:6px}.editorial-editor{min-height:450px;border:1px solid var(--border);padding:28px;background:var(--bg)}.editorial-image-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--panel)}.editorial-image-tools[hidden]{display:none}.blog-admin-list{display:grid;gap:8px;margin:22px 0}.blog-admin-list button{display:flex;justify-content:space-between;text-align:left;gap:18px}.blog-admin-list span{font-size:12px;color:var(--muted)}.editorial-preview{width:min(1000px,95vw);max-height:90vh;overflow:auto;background:var(--bg);color:inherit;border:1px solid var(--border);padding:28px}.editorial-preview::backdrop{background:#000a}.game-about{margin-top:24px;padding:28px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.game-about p{white-space:pre-line;line-height:1.8;color:var(--muted)}@media(max-width:700px){.blog-shell{grid-template-columns:1fr}.blog-sidebar{border-right:0;border-bottom:1px solid var(--border);padding:12px}.blog-sidebar img{width:130px}.blog-sidebar nav{display:flex;overflow:auto;margin-top:12px;white-space:nowrap}.blog-main{padding:24px 16px}.editorial-fields{grid-template-columns:1fr}.editorial-richtext{font-size:16px}.blog-admin-list button{align-items:flex-start;flex-direction:column}}

.blog-search input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:12px 16px}.editorial-richtext img[style*="float:left"]{margin:0 24px 16px 0}.editorial-richtext img[style*="float:right"]{margin:0 0 16px 24px}.blog-main a.blog-card:hover{border-color:#a487f3;transform:translateY(-2px)}.blog-card{transition:border-color .15s,transform .15s}.blog-main footer{padding-top:30px;border-top:1px solid var(--border)}