.books-grid{--reference-cover-slot-height: 300px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:2rem;margin:2rem 0}.books-grid>div{position:relative;display:grid;align-content:start;justify-items:center;text-align:center;transition:transform .3s ease}.books-grid>div>a:first-child{display:inline-flex;justify-content:center}.books-grid>div:hover{transform:translateY(-5px)}.books-grid img{width:100%;max-width:180px;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;transition:box-shadow .3s ease;margin:0 0 1rem}.books-grid strong{display:block;width:min(100%,18rem);margin:0 auto;line-height:1.25;text-align:center;text-wrap:balance}.books-grid:has(img[alt$="book cover"]){row-gap:3.5rem}.books-grid:has(img[alt$="book cover"])>div{grid-template-rows:var(--reference-cover-slot-height) auto}.books-grid:has(img[alt$="book cover"])>div>a:first-child{display:flex;align-items:flex-end;width:100%;min-height:var(--reference-cover-slot-height)}.books-grid:has(img[alt$="book cover"]) img{max-height:var(--reference-cover-slot-height);object-fit:contain;margin-bottom:0}.books-grid:has(img[alt$="book cover"]) strong{margin-top:1rem}.books-grid img:hover{box-shadow:0 8px 25px #00000040}.book-tooltip{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background:#1a1a1a;color:#f5f5f5;padding:1.5rem;border-radius:12px;font-size:.95rem;line-height:1.6;width:400px;max-width:90vw;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;pointer-events:none;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#1a1a1a}.books-grid>div:hover .book-tooltip{opacity:1;visibility:visible}details summary{padding-left:1.5rem;position:relative}details summary::marker{content:""}details summary:before{content:"▶";position:absolute;left:0;top:0;transition:transform .2s ease}details[open] summary:before{transform:rotate(90deg)}:is(.dark .post-page,.dark-themed-post){color:#e4e4e7}:is(.dark .post-page,.dark-themed-post) .post-back-link{color:#a1a1aa}:is(.dark .post-page,.dark-themed-post) .post-back-link:hover{color:#fafafa}:is(.dark .post-page,.dark-themed-post) .post-title{color:#fafafa}:is(.dark .post-page,.dark-themed-post) .post-meta,:is(.dark .post-page,.dark-themed-post) .translation-footer-text{color:#a1a1aa}:is(.dark .post-page,.dark-themed-post) .post-tag{background-color:#18181b;border-color:#27272a;color:#d4d4d8}:is(.dark .post-page,.dark-themed-post) .post-loader{background-color:#18181b}:is(.dark .post-page,.dark-themed-post) .translation-footer{border-color:#27272a}:is(.dark .post-page,.dark-themed-post) .translation-footer-link{color:#d4d4d8}:is(.dark .post-page,.dark-themed-post) .translation-footer-link:hover{color:#fafafa}:is(.dark .post-page,.dark-themed-post) .markdown-article :is(h2,h3,h4){color:#fafafa}:is(.dark .post-page,.dark-themed-post) .markdown-article :is(p,ul,ol,li){color:#e4e4e7}:is(.dark .post-page,.dark-themed-post) .markdown-article a{color:#60a5fa;text-decoration-color:currentColor;text-underline-offset:2px}:is(.dark .post-page,.dark-themed-post) .markdown-article a:hover{color:#93c5fd}:is(.dark .post-page,.dark-themed-post) .markdown-article blockquote{border-color:#3f3f46;color:#d4d4d8}:is(.dark .post-page,.dark-themed-post) .markdown-article table{background-color:#18181b}:is(.dark .post-page,.dark-themed-post) .markdown-article thead{background-color:#27272a}:is(.dark .post-page,.dark-themed-post) .markdown-article th{border-bottom-color:#3f3f46;color:#f4f4f5}:is(.dark .post-page,.dark-themed-post) .markdown-article td{border-bottom-color:#3f3f46;color:#e4e4e7}:is(.dark .post-page,.dark-themed-post) .markdown-article img{box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff14}.git-fabric-game-frame{width:100vw;margin:2rem calc(50% - 50vw);overflow:hidden;border-block:1px solid #27272a;background:#020617}.git-fabric-game-frame iframe{display:block;width:100%;height:min(760px,82vh);min-height:520px;border:0;background:#020617}.git-fabric-game-placeholder{display:grid;min-height:420px;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 30%,rgba(96,165,250,.2),transparent 42%),linear-gradient(135deg,#020617,#111827 62%,#020617)}.git-fabric-game-placeholder>div{max-width:34rem;text-align:center}.git-fabric-game-mobile-block{display:none;max-width:32rem;text-align:center}.git-fabric-game-mobile-block strong{display:block;margin-bottom:.65rem;color:#bfdbfe;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.git-fabric-game-mobile-block p,:is(.dark .post-page,.dark-themed-post) .markdown-article .git-fabric-game-placeholder p{margin-bottom:1.25rem;color:#dbeafe}.git-fabric-game-placeholder button{border:1px solid rgba(147,197,253,.45);border-radius:999px;background:#2563eb3d;color:#eff6ff;padding:.85rem 1.35rem;font-weight:700;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.git-fabric-game-placeholder button:hover{border-color:#bfdbfecc;background:#2563eb61;transform:translateY(-1px)}@media (max-width: 767px),(hover: none) and (pointer: coarse){.git-fabric-game-frame{display:grid;min-height:280px;place-items:center;padding:2rem 1rem}.git-fabric-game-frame iframe,.git-fabric-game-desktop-controls{display:none}.git-fabric-game-mobile-block{display:block}.git-fabric-game-mobile-block p{margin-bottom:0}}:is(.dark .post-page,.dark-themed-post) .books-grid>div{color:#e4e4e7}:is(.dark .post-page,.dark-themed-post) .books-grid img:hover{box-shadow:0 8px 28px #0009,0 0 0 1px #ffffff24}:is(.dark .post-page,.dark-themed-post) .books-grid strong{display:block;color:inherit}:is(.dark .post-page,.dark-themed-post) .books-grid strong a{color:#f4f4f5;text-decoration-color:currentColor}:is(.dark .post-page,.dark-themed-post) .book-tooltip{background:#18181bf5;color:#f4f4f5;box-shadow:0 10px 30px #0000008c,0 0 0 1px #ffffff1f}:is(.dark .post-page,.dark-themed-post) .book-tooltip:after{border-top-color:#18181bf5}:is(.dark .post-page,.dark-themed-post) details{background-color:#18181b;border-color:#3f3f46;color:#e4e4e7}:is(.dark .post-page,.dark-themed-post) summary{color:#e4e4e7}:is(.dark .post-page,.dark-themed-post) summary:hover{color:#fafafa}:is(.dark .post-page,.dark-themed-post) details[open] summary{border-bottom-color:#3f3f46}:is(.dark .post-page,.dark-themed-post) details sub{color:#a1a1aa}
