@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Lora:wght@600;700&display=swap";:root{--primary: #ff69b4;--secondary: #ffd700;--bg: #e0ffff;--card: #ffffff;--text: #2c2f40;--muted: #6b7280;--border: #bde6f5;--shadow: 0 10px 28px rgba(0, 0, 0, .08);--footer-height: 70px;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,105,180,.08),transparent 30%),radial-gradient(circle at 80% 10%,rgba(255,215,0,.12),transparent 30%),linear-gradient(135deg,#e0ffffe6,#e0ffffb3);color:var(--text);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:var(--footer-height)}#app{max-width:1200px;margin:0 auto;padding:20px 18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);margin-bottom:16px}.brand-logo{width:48px;height:48px;border-radius:12px;object-fit:cover}.search-shell{flex:1;max-width:400px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.search-shell input{flex:1;border:none;outline:none;background:transparent;font-size:1rem}.category-ribbon{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 16px;scrollbar-width:none;-ms-overflow-style:none}.category-ribbon::-webkit-scrollbar{display:none}.tag-pill{white-space:nowrap;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:700;color:var(--muted);transition:all .12s ease;box-shadow:var(--shadow)}.tag-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 20px #ff69b44d}.grid-section{margin-bottom:24px}.section-title{font-size:1.2rem;font-weight:800;margin-bottom:12px;color:var(--text)}.games-inner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.game-card{position:relative;background:var(--card);border-radius:20px;border:1px solid var(--border);overflow:hidden;cursor:pointer;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease}.game-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0000001f}.game-card.cloud{filter:grayscale(.4) opacity(.85);border-style:dashed}.game-card.cloud:hover{filter:none;opacity:1}.game-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 60%);color:#fff}.game-name{font-weight:800;font-size:.95rem;margin-bottom:4px}.game-status-icon{position:absolute;top:10px;right:10px;background:#00000080;padding:4px;border-radius:50%;font-size:.8rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.progress-bar-container{position:absolute;bottom:0;left:0;right:0;height:6px;background:#ffffff4d}.progress-bar-fill{height:100%;background:var(--primary);width:30%;animation:loading-pulse 1.5s infinite}@keyframes loading-pulse{0%{opacity:.6;width:0%}50%{opacity:1;width:100%}to{opacity:.6;width:100%}}.manager-list{display:flex;flex-direction:column;gap:12px}.manager-row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}.manager-info{display:flex;align-items:center;gap:12px}.manager-thumb{width:50px;height:50px;border-radius:10px;object-fit:cover}.manager-name{font-weight:800;font-size:1rem}.manager-status{font-size:.8rem;color:var(--muted)}.manager-actions button{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:8px;transition:transform .12s ease}.manager-actions button:hover{transform:scale(1.1)}.manager-actions-global{display:flex;gap:12px;margin-bottom:16px}.fixed-footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -4px 20px #0000000d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--muted);transition:color .12s ease}.nav-item.active{color:var(--primary)}.nav-icon{font-size:1.5rem}.nav-label{font-size:.75rem;font-weight:700}.solid-button,.ghost-button{padding:12px 20px;border-radius:12px;font-weight:800;cursor:pointer;transition:all .12s ease}.solid-button{background:var(--primary);color:#fff;border:none}.ghost-button{background:#fff;color:var(--text);border:1px solid var(--border)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--text);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 24px #0003;z-index:150;opacity:0;transition:all .15s ease}.toast.visible{opacity:1;transform:translate(-50%)}.hidden{display:none}@media(max-width:600px){.games-inner-grid{grid-template-columns:repeat(2,1fr)}}