.Blog{background:var(--RataWhite);min-height:100vh}.BlogContent{max-width:1400px;margin:0 auto;padding:20px}.PostGrid{display:grid;grid-template-columns:1fr minmax(400px,800px) 1fr;gap:30px;margin-top:40px}.Author{grid-column:1;justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;font-family:monospace;height:fit-content;margin-right:40px}.AuthorAvatar{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.AuthorDetails{display:flex;flex-direction:column;gap:0px;margin:0}.AuthorDetails .Label{font-weight:700;font-size:.9rem;color:var(--RataBlack)}.AuthorDetails .AuthorName,.AuthorDetails .Date{display:flex;flex-direction:column;color:#666;font-size:.9rem;margin-bottom:10px}.blogText{grid-column:2;font-size:1.1rem;line-height:1.8;min-width:0}.Header{position:relative;width:100%;height:450px;margin-bottom:20px;border:4px solid var(--RataBlack);box-shadow:8px 8px 0 0 var(--RataBlack);overflow:hidden;background-color:var(--RataBlack)}.HeaderImage{width:100%;height:100%;object-fit:cover;display:block}.LogoContent{position:absolute;bottom:20px;left:20px;z-index:10;display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:60%}.GameLogoLink img{height:120px;width:auto;transition:transform .1s}.GameLogoLink:hover img{transform:scale(1.1)}.OverlaidTitle{font-size:3rem;margin:0;line-height:1;color:var(--RataWhite)}.Tags{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:10;align-items:flex-end}.Tag{background:var(--RataWhite);color:var(--RataBlack);border:2px solid var(--RataBlack);padding:2px 8px;font-size:.8rem;font-weight:700;font-family:monospace;text-transform:uppercase}.BackLink{display:inline-block;margin-bottom:20px;color:var(--RataBlack);text-decoration:none;font-weight:700;border:2px solid var(--RataBlack);padding:5px 15px;box-shadow:3px 3px 0 0 var(--RataBlack);transition:all .1s;background:var(--RataWhite)}.BackLink:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--RataBlack)}.BackLink:active{transform:translate(1px,1px);box-shadow:2px 2px 0 0 var(--RataBlack)}.blogText h2{font-size:2rem;margin-top:2em;margin-bottom:1em;border-bottom:2px solid var(--RataBlack);padding-bottom:10px}.blogText p{margin-bottom:1.5em}.blogText a{color:var(--RataRed);font-weight:700}.blogText img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:4px solid var(--RataBlack);box-shadow:6px 6px 0 0 var(--RataBlack);margin-bottom:1.5em}.blogText ul,.blogText ol{margin-bottom:1.5em;padding-left:2em}.blogText li{margin-bottom:.5em}.blogText blockquote{border-left:4px solid var(--RataBlack);background:#f0f0f0;padding:20px;font-style:italic;margin:20px 0}.blogText .highlight{border:3px solid var(--RataBlack);padding:15px;line-height:1.5;box-shadow:4px 4px 0 0 var(--RataBlack);overflow-wrap:anywhere}.blogText .highlight p{margin:0;line-height:1}.blogText .highlight.yellow{background-color:#fff9c4}.blogText .highlight.red{background-color:#ffcdd2}.blogText .highlight.blue{background-color:#bbdefb}.blogText .highlight.alert{background-color:var(--RataRed);display:flex;align-items:center;gap:20px;color:#fff}.blogText .highlight.alert:before{content:"⚠";font-size:3.5rem;flex-shrink:0}.blogText .highlight.alert p{line-height:1.4;margin:0}.blogText .highlight.info{background-color:var(--RataYellow);display:flex;align-items:center;gap:20px;color:#000}.blogText .highlight.info:before{content:"🛈";font-size:3.5rem;flex-shrink:0}.blogText .highlight.info p{line-height:1.4;margin:0}.blogText .highlight.check{background-color:var(--RataGreen);display:flex;align-items:center;gap:20px;color:#fff}.blogText .highlight.check:before{content:"✔";font-size:3.5rem;flex-shrink:0}.blogText .highlight.check p{line-height:1.4;margin:0}.blogText .mediaTextLeft,.blogText .mediaTextRight,.blogText .mediaTextBottom{display:flex;gap:20px;margin:20px 0;align-items:center;background:#f0f0f0;padding:15px;border:4px solid var(--RataBlack);box-shadow:6px 6px 0 0 var(--RataBlack)}.blogText .mediaTextRight{flex-direction:row-reverse}.blogText .mediaTextBottom{flex-direction:column;width:100%}.blogText .mediaTextLeft img,.blogText .mediaTextRight img,.blogText .mediaTextLeft .lightboxWrapper,.blogText .mediaTextRight .lightboxWrapper,.blogText .mediaTextLeft .youtube-embed,.blogText .mediaTextRight .youtube-embed{width:350px;aspect-ratio:16 / 9;height:auto;border:4px solid var(--RataBlack);box-shadow:none;flex-shrink:0;object-fit:cover;margin:0;display:block}.blogText .mediaTextLeft .lightboxWrapper img,.blogText .mediaTextRight .lightboxWrapper img{width:100%;height:100%;border:none;margin:0}.blogText .mediaTextLeft .audio-embed,.blogText .mediaTextRight .audio-embed{width:350px;height:auto;padding:0;background:transparent;border:none;box-shadow:none;flex-shrink:0;margin:0}.blogText .mediaTextLeft iframe,.blogText .mediaTextRight iframe{width:100%;height:100%}.blogText .mediaTextBottom img,.blogText .mediaTextBottom .lightboxWrapper,.blogText .mediaTextBottom .youtube-embed,.blogText .mediaTextBottom .audio-embed{width:100%;border:4px solid var(--RataBlack);box-shadow:none;margin:0;display:block}.blogText .mediaTextBottom .lightboxWrapper img{width:100%;height:100%;border:none}.blogText .mediaTextBottom img,.blogText .mediaTextBottom .youtube-embed{aspect-ratio:16 / 9;object-fit:cover;height:auto}.blogText .mediaTextBottom .audio-embed{padding:0;background:transparent;border:none;box-shadow:none}.blogText .mediaTextLeft .mediaTextContent,.blogText .mediaTextRight .mediaTextContent,.blogText .mediaTextBottom .mediaTextContent{flex:1;width:100%;min-width:0;word-break:break-word;overflow-wrap:anywhere}@media(max-width:900px){.PostGrid{grid-template-columns:1fr;gap:30px}.Author{flex-direction:row;align-items:center;position:static;border-bottom:2px solid #eee;padding-bottom:20px;width:100%}.AuthorDetails{margin-left:20px}.blogText .mediaTextLeft,.blogText .mediaTextRight{flex-direction:column}.blogText .mediaTextLeft img,.blogText .mediaTextRight img{width:100%}}.RecentBlogs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.RecentCard{border:4px solid var(--RataBlack);text-decoration:none;color:var(--RataBlack);background:#fff;transition:transform .2s;display:flex;flex-direction:column}.RecentCard:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 0 var(--RataBlack)}.RecentCard img{width:100%;height:150px;object-fit:cover;border-bottom:4px solid var(--RataBlack)}.RecentContent{padding:15px}.RecentContent h4{font-size:1.2rem;margin-bottom:5px}.RecentContent span{font-size:.8rem;color:#666;font-family:monospace}.rPurple{color:var(--RataPurple)}.rYellow{color:var(--RataYellow);background-color:var(--RataBlack);padding:0 4px}.rRed{color:var(--RataRed)}.rGreen{color:var(--RataGreen)}.rAccent{color:var(--RataAccent)}.carouselWrapper{margin:40px 0;border:4px solid var(--RataBlack)!important;box-shadow:6px 6px 0 0 var(--RataBlack)!important;background:#f0f0f0;position:relative;overflow:hidden;height:500px}.carouselImages{display:flex;overflow-x:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0;box-sizing:border-box;gap:0px;background:#f0f0f0;align-items:center;height:100%}.rata-rich-text{margin-bottom:2em;line-height:1.8}.rata-rich-text span{font-weight:700}.carouselItem{flex:0 0 100%;scroll-snap-align:center;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;background:#f0f0f0;overflow:hidden}.carouselImages>.carouselImg{flex:0 0 100%;scroll-snap-align:center;width:100%;height:100%;object-fit:contain;background:#f0f0f0;display:block;opacity:1;transform:scale(.9);transition:all .3s ease;border:none!important;box-shadow:none!important}.carouselItem .carouselImg{width:100%;height:100%;object-fit:contain;opacity:1;transform:scale(.9);transition:all .3s ease;border:none!important;box-shadow:none!important;background:transparent}.lightboxWrapper.carouselImg{border:none!important;box-shadow:none!important;margin:0!important;background:#f0f0f0!important}.carouselImg.active,.carouselItem.active .carouselImg{transform:scale(1);z-index:10}.carouselCaption{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:90%;background:#ffffffe6;color:var(--RataBlack);padding:10px 20px;text-align:center;font-family:monospace;font-weight:700;border:2px solid var(--RataBlack);box-shadow:4px 4px #0003;z-index:20;opacity:0;transition:opacity .3s .2s;pointer-events:none}.carouselCaption p,.carouselCaption div{margin:0;line-height:1.4}.carouselItem:hover .carouselCaption,.carouselItem.active .carouselCaption{opacity:1}.carouselCounter{position:absolute;top:10px;right:10px;background:#0009;backdrop-filter:blur(2px);color:#fff;padding:4px 8px;border-radius:4px;font-family:monospace;font-weight:700;font-size:.8rem;z-index:30;pointer-events:none;opacity:0;transition:opacity .3s ease}.carouselWrapper:hover .carouselCounter{opacity:1}.carouselArrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--RataBlack);color:var(--RataWhite);border:none;width:40px;height:40px;border-radius:8px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;opacity:.8;transition:opacity .2s;padding:0;line-height:1}.carouselArrow:hover{opacity:1}.carouselArrow.left{left:10px}.carouselArrow.right{right:10px}.carouselArrow:disabled{opacity:.3;cursor:default;pointer-events:none}.carouselImages::-webkit-scrollbar{display:none}.carouselImages{-ms-overflow-style:none;scrollbar-width:none}#lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;flex-direction:column;justify-content:center;align-items:center}#lightbox.active{display:flex;animation:fadeIn .3s}#lightbox img{max-width:90%;max-height:90%;border:4px solid white;box-shadow:0 0 20px #00000080;object-fit:contain}#lightbox .close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:.3s;z-index:1001}#lightbox .close:hover,#lightbox .close:focus{color:#bbb;text-decoration:none;cursor:pointer}.lightboxWrapper{position:relative;display:block;width:100%;cursor:pointer;margin-bottom:1.5em}.lightboxWrapper img{display:block;margin-bottom:0!important}.lightboxWrapper.carouselImg{margin-bottom:0}.maximizeIcon{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;width:32px;height:32px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10;display:flex;justify-content:center;align-items:center}.maximizeIcon svg{width:20px;height:20px}.lightboxWrapper:hover .maximizeIcon{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}