*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}#app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}header h1{font-size:3rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.5rem;opacity:.9;margin-top:.5rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.game-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s;cursor:pointer;border:2px solid rgba(255,255,255,.2)}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0003}.game-card.coming-soon{opacity:.7;cursor:default}.game-card.playable{cursor:pointer;opacity:1}.game-icon{font-size:4rem;margin-bottom:1rem}.game-card h2{font-size:1.5rem;margin-bottom:.5rem}.game-card p{opacity:.85;margin-bottom:1rem}.age-badge{display:inline-block;background:#ffffff40;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600}.status-badge{display:inline-block;background:#ffc8004d;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600;margin-left:.5rem}.play-badge{display:inline-block;background:#32cd3280;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:700;margin-left:.5rem;letter-spacing:.03em}#game-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#game-container.active{display:block}body.game-active{overflow:hidden}