*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#000;background-color:#fff;padding:20px}a{color:#000;text-decoration:underline}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:700}p{margin-bottom:1rem}button{background-color:#fff;color:#000;border:1px solid #000000;padding:10px 20px;cursor:pointer;font-family:inherit;font-size:1rem}button:hover{background-color:#000;color:#fff}.container{max-width:800px;margin:0 auto}.site-header,.section-header{text-align:center;padding-left:10px;border-bottom:2px solid black;padding-bottom:10px}.page-header{text-align:center;border-bottom:2px solid black;padding-bottom:10px;margin-bottom:20px}.section-link{text-decoration:none}.section-link:hover{text-decoration:underline}.post-title{font-size:1.25rem;font-weight:700;margin-left:10px}.post-page-title{font-size:32px;font-weight:700}.post-list{list-style:none;margin-bottom:20px}.post-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #000000;padding:10px 0}.post-item:last-child{border-bottom:none}.post-link{text-decoration:none}.post-link:hover .post-title{text-decoration:underline}.post-date{color:#666;font-size:.85rem;margin-right:10px}.post-content{border-left:1px solid #000000;padding-left:25px;margin-bottom:20px}.back-link{display:inline-block;margin-bottom:20px}.about{margin:10px;color:#000}.games-section{border-top:1px solid #000}.blog-section{margin-bottom:40px}@media(max-width:768px){body{padding:10px}.post-title{font-size:1.2rem}h1{font-size:1.8rem}.post-content{padding:15px}}.mini-game-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #000000;padding:10px 0}.mini-game-card:last-child{border-bottom:none}.mini-game-card__left{display:flex;flex-direction:row;align-items:center;gap:15px}.mini-game-card__visual{width:75px;min-width:75px;height:56.25px;position:relative}.mini-game-card__title{font-size:1rem;font-weight:700}.mini-game-card__links{display:flex;flex-direction:row;gap:10px;margin-left:15px}.mini-game-card__link{text-decoration:underline;color:#000;font-size:.9rem}.mini-game-card__link:hover{text-decoration:none}.mini-game-card__right{display:flex;align-items:center}.mini-game-card__release-date{font-size:.85rem;color:#666;margin-right:10px}@media(max-width:768px){.mini-game-card__visual{width:60px;min-width:60px;height:45px}.mini-game-card__title{font-size:.9rem}.mini-game-card__links{margin-left:10px}}.blog-highlight{background-color:#f5f5f5;padding:15px;border-left:3px solid #000000;margin:20px 0}.blog-code-block{background-color:#f5f5f5;padding:15px;border:1px solid #000000;font-family:Courier New,monospace;margin:15px 0}.blog-quote{border-left:3px solid #000000;padding-left:20px;margin:20px 0;font-style:italic}.blog-image{max-width:100%;height:auto;border:1px solid #000000;margin:20px 0}.blog-caption{font-size:.9rem;color:#666;text-align:center;margin-top:5px}.game-card{display:flex;align-items:stretch;border-bottom:1px solid #000000;padding-top:15px;padding-bottom:15px}.game-card:last-child{border-bottom:none}.game-visual{width:150px;min-width:150px;height:112.5px;margin-right:20px;position:relative}.game-info{flex:1;display:flex;flex-direction:column;justify-content:center}.game-title{font-size:1.5rem;font-weight:700}.game-release-date{font-size:.9rem;color:#666;margin-bottom:5px}.game-description{color:#000;margin-bottom:5px}.game-links{display:flex;flex-direction:row;gap:15px}.game-link{text-decoration:underline;color:#000}.game-link:hover{text-decoration:none}@media(max-width:768px){.game-card{flex-direction:column;padding:15px}.game-visual{width:100%;margin-right:0;margin-bottom:15px}.game-title{font-size:1.2rem}}.navbar-container{border-bottom:2px solid #000;max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:7px}.navbar-subcontainer{display:flex;align-items:baseline}.navbar-brand{font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-brand:hover{text-decoration:underline}.navbar-links{display:flex;gap:20px;margin-left:20px}.navbar-link{font-size:.9rem;text-decoration:none}.navbar-link:hover{text-decoration:underline}
