:root{--primary-color:#ab1c1c;--secondary-color:#1a1a2e;--accent-color:#0f5d8a;--buton-color:#0c640e;--text-color:#333;--light-gray:#f8f9fa;--bg-color:#fff;--footer-color:#727272;--white:#fff;--shadow:0 4px 6px #0000001a;--transition:all .3s ease}@media (prefers-color-scheme: dark){:root{--primary-color:#ab1c1c;--secondary-color:#1a1a2e;--accent-color:#0f5d8a;--buton-color:#0c640e;--text-color:#fff;--light-gray:#4f4f4f;--bg-color:#2c2c2c;--footer-color:#2d2d2d;--white:#fff;--shadow:0 4px 6px #0000004d}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-size:15px;color:var(--text-color);background:var(--light-gray)}header{background:linear-gradient(0deg,#802828 0%,#e00a0a 50%,#f00 100%);position:relative}header a{display:inline-block;margin-left:10px}header .logo{background:url(../images/logo.webp) top left no-repeat;background-size:contain;height:150px;width:316px}header .logo:hover{transform:scale(1.02)}nav{background:linear-gradient(to right,#2c3e50,#3498db);box-shadow:var(--shadow)}.menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:23px;padding:4px 10px;cursor:pointer}nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}nav ul li{position:relative;border-right:1px solid #ffffff1a}nav ul li:last-child{border-right:none}nav ul li a{color:var(--white);text-decoration:none;padding:10px 16px;display:block;transition:var(--transition)}nav ul li a:hover{background:#ffffff1a;transform:translateY(-2px)}nav ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--white);transition:var(--transition);transform:translateX(-50%)}nav ul li a:hover::after{width:80%}main{max-width:1600px;margin:1rem auto 0;display:grid;grid-template-columns:70% 30%}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}.download-section{background:var(--bg-color);padding:1.5rem;margin:0 .5rem 0 1rem;border-radius:8px;box-shadow:var(--shadow)}.platform-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0}button{font-size:15px;padding:.75rem 1.5rem;border:none;border-radius:4px;background:var(--accent-color);color:var(--white);cursor:pointer;transition:var(--transition)}button.active{background:var(--primary-color)}button:hover{background:var(--primary-color)}.download-steps{margin-top:10px}.step{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--light-gray)}.step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.download-button{display:inline-block;background:var(--buton-color);color:var(--white);width:600px;margin:4px 0;padding:8px 12px;text-decoration:none;border-radius:4px;transition:var(--transition)}.download-button:hover{background:var(--accent-color);transform:translateX(5px)}.play-online{height:fit-content;background:var(--bg-color);padding:1.5rem;margin:0 1rem 0 .5rem;border-radius:8px;box-shadow:var(--shadow)}.game-cards{display:flex;flex-direction:column;gap:10px}.game-card{border-radius:8px;overflow:hidden;transition:var(--transition)}.game-card:hover{transform:translateY(-5px)}.game-card img{height:auto;display:block}.play-button{display:flex;align-items:center;gap:10px;background:var(--accent-color);color:var(--white);text-decoration:none;padding:.75rem;transition:var(--transition)}.play-button:hover{background:var(--primary-color)}.about{grid-column:1 / -1;background:var(--bg-color);padding:1.5rem;margin:1rem;border-radius:8px;box-shadow:var(--shadow)}.about h2{margin-bottom:5px}.about ul{list-style:none}.about li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.about li::before{content:'💎';position:absolute;left:0}.about li li::before{content:'💠'}footer{background:var(--footer-color);color:var(--white);padding:10px;text-align:center}footer p{margin:.5rem 0;font-size:12px}@media (max-width: 1070px){main{grid-template-columns:1fr}.download-section,.play-online,.about{margin:.5rem 1rem}}@media (max-width: 876px){.menu-toggle{display:block}nav ul{display:none;width:100%;flex-direction:column;align-items:center}nav ul.show{display:flex}nav ul li{width:100%;border-right:none;border-bottom:1px solid #ffffff1a}nav ul li a:hover{transform:none}nav ul li a::after{content:none}nav ul li a:hover::after{width:0}.download-button{width:100%}.platform-buttons{justify-content:center}}