.home-container.svelte-ypbj28{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4vh;min-height:calc(100vh - 120px);width:100%;padding-left:24px;padding-right:24px}.hero-content.svelte-ypbj28{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:800px;z-index:10}.title-group.svelte-ypbj28{margin-bottom:24px}.hero-title.svelte-ypbj28{font-size:72px;font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:24px;color:var(--text-main)}.gradient-text.svelte-ypbj28{background:linear-gradient(135deg,var(--primary),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-subtitle.svelte-ypbj28{font-size:18px;color:var(--text-muted);max-width:500px;margin:0 auto;line-height:1.6}.search-box.svelte-ypbj28{display:flex;align-items:center;width:100%;max-width:680px;height:72px;border-radius:36px;padding:8px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;border:1px solid rgba(255,255,255,.2)}.search-box.svelte-ypbj28:focus-within{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px #7c3aed4d;border-color:#7c3aed80}.search-box.svelte-ypbj28:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--primary),#ec4899);border-radius:37px;z-index:-1;opacity:0;transition:opacity .3s}.search-box.svelte-ypbj28:focus-within:after{opacity:.15}.region-select-wrapper.svelte-ypbj28{position:relative;display:flex;align-items:center;padding:0 16px 0 24px}.region-select.svelte-ypbj28{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:var(--text-main);font-size:16px;font-weight:600;outline:none;cursor:pointer;padding-right:20px}.region-select.svelte-ypbj28 option:where(.svelte-ypbj28){background-color:#0f172a;color:#fff}.select-icon{position:absolute;right:12px;color:var(--text-muted);pointer-events:none}.divider.svelte-ypbj28{width:1px;height:32px;background:var(--surface-border);margin:0 8px}.search-input.svelte-ypbj28{flex-grow:1;height:100%;background:transparent;border:none;outline:none;font-size:18px;color:var(--text-main);padding:0 16px;font-weight:500}.search-input.svelte-ypbj28::placeholder{color:var(--text-muted);opacity:.6}.search-btn.svelte-ypbj28{position:relative;width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;flex-shrink:0;transition:transform .2s}.search-btn.svelte-ypbj28:hover{transform:scale(1.05)}.btn-bg.svelte-ypbj28{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary),#8b5cf6);z-index:0}.search-icon{position:relative;z-index:1}.quick-favorites.svelte-ypbj28{margin-top:24px;display:flex;align-items:center;gap:8px;width:100%;max-width:680px}.fav-list.svelte-ypbj28{display:flex;flex-wrap:wrap;gap:8px}.fav-item.svelte-ypbj28{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 12px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-main);transition:transform .2s,background .2s}.fav-item.svelte-ypbj28:hover{transform:translateY(-2px);background:#7c3aed1a;color:var(--primary)}.fav-name.svelte-ypbj28{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-fav-btn.svelte-ypbj28{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.remove-fav-btn.svelte-ypbj28:hover{color:#ef4444;background:#ef44441a}@media (max-width: 768px){.home-container.svelte-ypbj28{justify-content:flex-start;padding-top:10px}.title-group.svelte-ypbj28{margin-bottom:20px}.hero-title.svelte-ypbj28{font-size:32px;line-height:1.2;margin-bottom:12px}.hero-subtitle.svelte-ypbj28{font-size:14px}.search-box.svelte-ypbj28{height:auto;flex-direction:column;border-radius:16px;padding:12px;max-width:100%}.search-box.svelte-ypbj28:focus-within{transform:none;box-shadow:none}.region-select-wrapper.svelte-ypbj28{width:100%;padding:0 8px 12px;border-bottom:1px solid var(--surface-border)}.divider.svelte-ypbj28{display:none}.search-input.svelte-ypbj28{width:100%;padding:12px 8px;font-size:16px}.search-btn.svelte-ypbj28{width:100%;border-radius:8px;height:48px;margin-top:8px}}.live-games-container.svelte-ypbj28{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:800px;margin-top:48px;padding:0 12px}.games-section.svelte-ypbj28{padding:20px;border-radius:16px;border:1px solid var(--surface-border);background:#0f172a66;text-align:left}.section-title.svelte-ypbj28{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:16px;display:flex;align-items:center;gap:8px}.game-list.svelte-ypbj28{display:flex;flex-direction:column;gap:12px}.game-card.svelte-ypbj28{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.game-info.svelte-ypbj28{display:flex;flex-direction:column;gap:4px}.pro-name.svelte-ypbj28{font-weight:700;font-size:14px;color:var(--primary)}.game-time.svelte-ypbj28{font-size:12px;color:var(--text-muted)}.spectate-btn.svelte-ypbj28{font-size:12px;font-weight:700;background:#10b98126;color:var(--text-win);border:1px solid var(--text-win);padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s}.spectate-btn.svelte-ypbj28:hover{background:#10b9814d;transform:translateY(-1px)}@media (max-width: 768px){.live-games-container.svelte-ypbj28{grid-template-columns:1fr;margin-top:32px;padding:0 8px}}