:root{--bg-color: #121212;--text-color: #e0e0e0;--accent-color: #00e5ff}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#000;border-bottom:1px solid #333}h1,h2{font-family:Orbitron,sans-serif;letter-spacing:1px}h1{margin:0;font-size:2rem}.cube-container{perspective:400px;width:50px;height:50px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotate-cube 8s infinite linear}.cube-face{position:absolute;width:50px;height:50px;border:2px solid rgba(0,229,255,.5);background:#00e5ff26;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;text-shadow:0 0 5px rgba(0,229,255,.8);box-shadow:inset 0 0 10px #00e5ff4d}.cube-face-front{transform:translateZ(25px)}.cube-face-back{transform:rotateY(180deg) translateZ(25px)}.cube-face-left{transform:rotateY(-90deg) translateZ(25px)}.cube-face-right{transform:rotateY(90deg) translateZ(25px)}.cube-face-top{transform:rotateX(90deg) translateZ(25px)}.cube-face-bottom{transform:rotateX(-90deg) translateZ(25px)}@keyframes rotate-cube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.controls{display:flex;align-items:center;gap:1rem}button{background-color:var(--accent-color);color:#000;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-weight:700;touch-action:manipulation}button:hover{opacity:.8}#offline-indicator{color:#03dac6;font-size:.9rem}.hidden{display:none!important}main{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}#game-list{padding:0 2rem 2rem}.filters-panel{display:flex;flex-wrap:wrap;gap:1rem;background-color:#222;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:150px}.filter-group label{font-size:.85rem;color:#ccc}.filter-group select{padding:.5rem;background-color:#333;color:#fff;border:1px solid #555;border-radius:4px;font-size:.95rem}#game-list ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:2rem}#game-list li{margin-bottom:1rem}#game-container{flex-grow:1;display:flex;flex-direction:column;height:100%}#btn-back{margin:.5rem;align-self:flex-start}#game-iframe{flex-grow:1;width:100%;border:none}#sleep-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:none;justify-content:center;align-items:center}#sleep-overlay.active{display:flex}.sleep-text{color:#333;font-size:1rem;-webkit-user-select:none;user-select:none}body.sleep-mode *{animation:none!important;transition:none!important}#settings-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#222;padding:2rem;border-radius:8px;box-shadow:0 10px 30px #00000080;min-width:300px}.setting-item{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.setting-item select{padding:.5rem;font-size:1rem;background-color:#333;color:#fff;border:1px solid #555;border-radius:4px}#gpu-prompt{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1001}.gpu-prompt-content{max-width:360px;text-align:center;border:1px solid var(--accent-color);box-shadow:0 0 30px #00e5ff59}.gpu-prompt-content h2{margin-top:0;color:var(--accent-color)}.gpu-prompt-content p{color:var(--text-color);line-height:1.5;margin-bottom:1.5rem}.gpu-prompt-actions{display:flex;gap:1rem;justify-content:center}.gpu-prompt-actions .btn-secondary{background-color:#333;color:var(--text-color)}body.low-quality-mode *{box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.low-quality-mode .cube{animation:none;transform:rotateX(20deg) rotateY(20deg)}.news-panel{background-color:#2a2a2a;padding:1rem;border-radius:8px;margin:1rem 2rem 2rem;border-left:4px solid var(--accent-color)}.news-panel .news-summary{margin-top:0;font-size:1.2rem;font-weight:700;color:var(--accent-color);cursor:pointer;-webkit-user-select:none;user-select:none}.news-panel[open] .news-summary{margin-bottom:1rem}.news-list{list-style-type:none;padding:0;margin:0;font-size:.9rem}.news-list li{margin-bottom:.5rem;color:#ccc}.news-list strong{color:#fff}.features-section{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 2rem .5rem}.feature-card{flex:1;min-width:250px;background-color:#1e1e1e;padding:1.5rem;border-radius:8px;border-top:3px solid var(--accent-color);box-shadow:0 4px 6px #0000004d}.feature-card h3{margin-top:0;margin-bottom:.8rem;font-size:1.1rem;color:#fff}.feature-card p{margin:0;font-size:.9rem;color:#bbb;line-height:1.4}.play-btn{background-color:#222;color:var(--text-color);border:2px solid transparent;padding:0;border-radius:12px;position:relative;display:flex;flex-direction:column;align-items:center;width:150px;transition:transform .2s,border-color .2s,box-shadow .2s}.play-btn:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 5px 15px #00e5ff4d;opacity:1}.game-thumb{width:100%;height:100px;background-color:#111;overflow:hidden;display:flex;justify-content:center;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px}.game-thumb img{width:100%;height:100%;object-fit:cover}.game-info{width:100%;padding:.8rem;text-align:center;background-color:#00000080;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.game-title{font-size:.9rem;font-weight:700;display:block}.game-item{position:relative;display:inline-block}.badge-new{position:absolute;top:-10px;right:-10px;background-color:#ff3b30;color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:12px;box-shadow:0 2px 5px #00000080;animation:bounce 2s infinite;pointer-events:none;z-index:10}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.game-stats{font-size:.8rem;color:#888;margin-top:.5rem;text-align:center}.app-footer{background-color:#0a0a0a;border-top:1px solid #222;padding:1.5rem;text-align:center;margin-top:auto}.footer-content{max-width:600px;margin:0 auto}.app-footer p{margin:.5rem 0;font-size:.9rem;color:#888}.app-footer .support-text{font-size:1rem;color:#aaa}.support-link{color:var(--accent-color);text-decoration:none;font-weight:700;position:relative;transition:color .2s ease,text-shadow .2s ease}.support-link:hover{color:#fff;text-shadow:0 0 8px var(--accent-color)}.kofi-button{display:inline-block;margin-top:.6rem;padding:.55rem 1.4rem;background-color:#72a4f2;color:#fff;font-weight:700;text-decoration:none;border-radius:8px;transition:transform .15s ease,box-shadow .2s ease}.kofi-button:hover{transform:translateY(-2px);box-shadow:0 0 12px #72a4f2b3}#feedback-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1001}.feedback-content{max-width:480px;width:min(480px,92vw);max-height:90vh;overflow-y:auto;border:1px solid var(--accent-color);box-shadow:0 0 30px #00e5ff59}.feedback-content h2{margin-top:0;color:var(--accent-color)}.feedback-content textarea,.feedback-content input[type=email]{padding:.5rem;font-size:1rem;background-color:#333;color:#fff;border:1px solid #555;border-radius:4px;font-family:inherit;resize:vertical}.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.feedback-status{min-height:1.2em;margin:.5rem 0;color:var(--accent-color)}.feedback-status.error{color:#ff5d5d}.feedback-actions{display:flex;gap:1rem;justify-content:flex-end}.feedback-actions .btn-secondary{background-color:#333;color:var(--text-color)}.feedback-line{margin-top:1rem}.feedback-link{background:none;border:none;padding:0;color:var(--accent-color);text-decoration:underline;cursor:pointer;font-size:inherit}.feedback-link:hover{text-shadow:0 0 8px var(--accent-color)}.visitor-counter{margin-top:.5rem;opacity:.7;font-size:.9rem}.main-logo-center{pointer-events:none}@media (max-width: 768px){body{overflow-y:auto}#app{height:auto;min-height:100vh;min-height:100dvh}main{overflow-y:visible}header{padding:1rem 1rem .75rem!important}h1{font-size:1.5rem}.controls{position:static!important;margin-bottom:.5rem}.main-logo-center{width:120px!important;height:120px!important;margin-top:.75rem!important;margin-bottom:0!important}.news-panel{margin:1rem}.features-section{margin:0 1rem .5rem;gap:.75rem}#game-list{padding:0 1rem 1rem}#game-list ul{gap:1rem .75rem;justify-content:center}.filters-panel{gap:.5rem;padding:.75rem}.filter-group{min-width:42%}.app-footer{padding:1rem}#game-container{height:100vh;height:100dvh}#game-container button{padding:.4rem .7rem;font-size:.85rem}}