.features-section{background-color:var(--color-bg-secondary);overflow:hidden}.features-layout{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.section-description{font-family:var(--font-sans);color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.game-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.game-item:hover{background:#6a7b9c1a;border-color:#d4af371a}.game-item.active{background:var(--color-bg);border-color:#d4af374d;box-shadow:0 4px 15px #0000000d}.game-bullet{color:var(--color-primary);opacity:.5;font-size:1.5rem;line-height:1;transition:opacity .3s}.game-item.active .game-bullet{opacity:1;transform:scale(1.2)}.game-name{font-family:var(--font-serif);color:var(--color-text-primary);margin-bottom:.2rem;font-size:1.1rem;display:block}.game-desc{color:var(--color-text-secondary);font-size:.95rem}.game-progress-bar{background:#d4af371a;width:100%;height:3px;position:absolute;bottom:0;left:0}.progress-fill{background:var(--color-primary);width:0%;height:100%;animation:linear forwards progressFill}@keyframes progressFill{0%{width:0%}to{width:100%}}.phone-mockup-abstract{perspective:1000px;width:300px;max-width:100%;height:600px;margin:0 auto}.mockup-frame{background:#111;border:8px solid #1a1a1a;border-radius:40px;width:100%;height:100%;transition:transform .5s;position:relative;overflow:hidden;transform:rotateY(-5deg);box-shadow:0 30px 60px #00000026}.features-layout:hover .mockup-frame{transform:rotateY(0)}.mockup-screen-gif{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-gif{object-fit:cover;width:100%;height:100%}.gif-overlay-interaction{background:var(--color-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #c5a87c33;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;animation:2s infinite pulseBadge;display:flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 10px 30px #0006}.interaction-badge{font-size:1.5rem}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}@media (max-width:768px){.features-layout{text-align:center;grid-template-columns:1fr}}