*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#333;background:#fff;font:16px/1.8 'Segoe UI','Malgun Gothic',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#777}a:focus-visible,button:focus-visible{outline:3px solid #428acc;outline-offset:5px}header{background:rgba(12,12,12,.94);height:81px;position:absolute;top:0;width:100%;z-index:2;color:#ccc}.header-inner{max-width:1140px;height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.brand img{display:block;max-width:100%;object-fit:contain}.brand span{font-size:12px;letter-spacing:2px;padding:3px 0 5px;color:#fff}nav{display:flex;gap:36px}nav a{font-size:12px;letter-spacing:2px;font-weight:600}nav a:hover{color:#fff}.menu-toggle{display:none}.hero{height:370px;display:grid;place-items:center;padding:90px 20px 40px;background:linear-gradient(#0005,#0005),url('assets/hero.jpg') center/cover;color:#fff}.hero h1{font-size:30px;font-weight:400;letter-spacing:4px;text-align:center;margin:0}main{max-width:1170px;margin:auto;padding:125px 15px 55px;display:grid;grid-template-columns:minmax(0,750px) minmax(0,260px);gap:110px}.posts{min-width:0}article{margin-bottom:80px}.game-image{width:100%;height:auto;display:block}article h2{font-weight:400;font-size:23px;line-height:1.5;letter-spacing:2px;text-transform:uppercase;border-bottom:1px dotted #ddd;padding-bottom:17px;margin:17px 0}article p{color:#777;margin:18px 0 20px;overflow-wrap:anywhere}.more{font-size:15px}aside h2{font-weight:400;font-size:14px;letter-spacing:2px;border-bottom:1px dotted #ddd;margin:0 0 20px;padding-bottom:12px}aside ul{padding:0;margin:0;list-style:none}aside li{font-size:15px;line-height:2.1;display:flex;gap:12px}aside li:before{content:'»';color:#999}footer{background:#111;color:#ccc;padding:28px 20px}footer>div{max-width:1140px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer span{font-size:13px;letter-spacing:2px}footer small{font-size:12px;color:#aaa}@media(max-width:1199px){main{gap:55px;max-width:970px;grid-template-columns:minmax(0,2.7fr) minmax(0,1fr)}.header-inner{max-width:970px}}@media(max-width:767px){header{position:relative;background:#222;height:81px}.header-inner{padding:0 20px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:#ddd}nav{display:none;position:absolute;top:81px;left:0;right:0;background:#222;padding:15px 22px 22px;gap:0}nav.open{display:flex;flex-direction:column}nav a{padding:10px 0;font-size:13px}.hero{height:278px;padding:30px 15px;background:#111}.hero h1{font-size:26px;letter-spacing:3px}main{display:block;padding:125px 15px 50px}article{margin-bottom:65px}article h2{font-size:22px}article p{font-size:16px}aside{margin-top:50px}footer>div{display:block}footer small{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}