body{margin:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#222;background:#f7f7f7;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 2rem;display:flex}.logo{color:inherit;letter-spacing:1px;align-items:center;gap:.6rem;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo img{width:32px;height:32px;display:block}.navigation{align-items:center;gap:1.5rem;display:flex}.navigation a{color:inherit;font-weight:500;text-decoration:none;transition:opacity .2s}.navigation a:hover{opacity:.65}.language-switcher{align-items:center;gap:.4rem;display:flex}.language-switcher button{cursor:pointer;opacity:.45;background:0 0;border:none;padding:.25rem;transition:opacity .2s,transform .2s}.language-switcher button:hover{opacity:.8;transform:scale(1.1)}.language-switcher button.active{opacity:1}.language-switcher img{object-fit:cover;border-radius:2px;width:28px;height:19px;display:block}.hero{text-align:center;padding:3.5rem 2rem 2.5rem}.hero-content{max-width:700px;margin:0 auto}.hero-icon{width:42px;height:42px;margin:0 auto 1rem;display:block}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05}.hero p{color:#666;max-width:500px;margin:1rem auto 0;font-size:1.05rem;line-height:1.5}.games-section{width:min(100% - 2rem,900px);margin:0 auto;padding:2rem 0 4rem}.games-section h2{margin:0 0 1.25rem;font-size:32px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.game-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.game-thumbnail{aspect-ratio:16/9;background:#f1f1f1;position:relative;overflow:hidden}.game-thumbnail>img{object-fit:cover;width:100%;height:100%;display:block}.game-thumbnail-placeholder{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:100%;height:100%;display:flex}.game-thumbnail-placeholder img{width:48px;height:48px}.game-thumbnail-placeholder span{font-size:.85rem;font-weight:600}.game-status{color:#555;background:#ffffffeb;border-radius:999px;padding:.35rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.game-card-content{padding:1.25rem}.game-card-content h3{margin:0;font-size:1.15rem}.game-card-content p{color:#666;margin:.5rem 0 1.25rem;line-height:1.5}.play-button{color:#fff;background:#111;border-radius:7px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,opacity .2s;display:inline-flex}.play-button:hover{opacity:.8;background:#333;transform:translate(2px)}.about-section{max-width:1100px;margin:0 auto;padding:60px 40px 120px}.about-section h2{margin-top:0;font-size:32px}.about-section p{color:#666;font-size:18px}.site-footer{text-align:center;color:#777;border-top:1px solid #e5e5e5;margin-top:4rem;padding:2rem 1rem;font-size:.9rem}.site-footer p{margin:.25rem 0}@media (width<=700px){.header{gap:1rem;padding:.9rem 1rem}.navigation{gap:.9rem}.navigation a{font-size:.9rem}.games-grid{grid-template-columns:1fr}.games-section{width:min(100% - 2rem,900px);padding:2rem 0 4rem}.about-section{padding:40px 20px 100px}.language-switcher{gap:.2rem}.language-switcher img{width:24px;height:16px}}@media (width<=640px){.logo span{display:none}.logo img{width:30px;height:30px}}.game-page{width:100%;min-height:calc(100vh - 80px);padding:0}.game-page-header{margin-bottom:1.5rem}.game-back-link{color:#666;margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.game-back-link:hover{color:#222}.game-page-header h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.game-frame-wrapper{background:#111;border:1px solid #e5e5e5;border-radius:14px;width:100%;overflow:hidden}.game-frame{border:0;width:100%;height:calc(100vh - 80px);min-height:600px;display:block}.game-not-available{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:4rem 2rem}@media (width<=700px){.game-page{width:min(100% - 1rem,1200px);padding:1rem 0 3rem}.game-frame{height:800px}}