:root{--bg-top: #0b2b63;--bg-bottom: #0a1c37;--card: rgba(255, 255, 255, .08);--card-strong: rgba(255, 255, 255, .14);--text: #ffffff;--text-muted: rgba(255, 255, 255, .8);--primary-start: #3be0c8;--primary-end: #537cff;--danger: #d9534f;--success: #3ad46b;--shadow: 0 8px 24px rgba(0, 0, 0, .3);--radius: 16px}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}.screen{min-height:100%;box-sizing:border-box;padding:16px 16px 92px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 16px;border-radius:12px;color:#fff;border:none;cursor:pointer;background:linear-gradient(90deg,var(--primary-start),var(--primary-end));box-shadow:0 6px 16px #4379ff80}.btn.secondary{background:var(--card-strong);box-shadow:none}.btn.success{background:linear-gradient(90deg,#2ecc71,#27ae60)}.btn.danger{background:linear-gradient(90deg,#e74c3c,#c0392b)}.btn.block{width:100%}.input{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;outline:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#0a1428e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top-left-radius:16px;border-top-right-radius:16px}.bottom-item{text-align:center;padding:10px 6px;border-radius:12px;color:var(--text-muted)}.bottom-item.active{background:#ffffff14;color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-card{border-radius:12px;overflow:hidden;background:#123253}.game-card img{width:100%;height:120px;object-fit:cover;display:block}.game-card-title{padding:8px 10px 12px}.muted{color:var(--text-muted)}.header{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 12px}.header-btn{padding:8px 12px;background:#ffffff14;border-radius:20px}.modal-sheet{position:fixed;left:0;right:0;bottom:0;background:#0b1a34fa;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:var(--shadow);padding:16px}.tags{display:flex;gap:8px}.tag{background:#ffffff24;padding:6px 10px;border-radius:20px;font-size:12px}.gallery{border-radius:12px;overflow:hidden}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.thumbs img{width:100%;height:56px;object-fit:cover;border-radius:8px}