.catsearch{--cat-accent:#d4ff28;--cat-text:#282828;margin-top:24px;margin-bottom:40px}.catsearch--dark{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-primary);padding:40px 48px}[data-theme=dark] .catsearch--dark{color:#fff;background:#282828;border:1px solid #ffffff1f;box-shadow:0 16px 40px #00000040}.catsearch--dark .catsearch__title{color:#fff}.catsearch--dark .catsearch__subtitle{color:#ffffffa6}.catsearch--dark .catsearch__back{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.catsearch--dark .catsearch__back:hover{background:#fff3;border-color:#d4ff28}.catsearch--dark .catsearch__popin-box{background:#1e1e1e;border-color:#ffffff1f;box-shadow:0 10px 30px #0000004d}.catsearch--dark .catsearch__popin-title{color:#fff}.catsearch--dark .catsearch__popin-header{border-bottom-color:#ffffff1a}.catsearch--dark .catsearch__popin-count{color:#ffffffb3;background:#ffffff14}.catsearch--dark .catsearch__game-card-item{color:#fff;background:#252525;border-color:#ffffff1f}.catsearch--dark .catsearch__game-card-item:hover{background:#303030;border-color:#d4ff28}.catsearch--dark .catsearch__game-name{color:#fff}.catsearch--dark .catsearch__game-sub{color:#ffffff8c}.catsearch__header{text-align:left;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex;position:relative}.catsearch__header-left{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.catsearch__title{color:var(--text-primary);letter-spacing:normal;text-align:left;margin:0;font-size:1rem;font-weight:600}.catsearch__subtitle{color:var(--text-muted);text-align:left;font-size:.82rem;font-weight:500}.catsearch__back{background:var(--bg-hover);border:1px solid var(--border-primary);cursor:pointer;color:var(--text-primary);border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.catsearch__back:hover{background:var(--bg-card);border-color:#d4ff28}.catsearch--hero .catsearch__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:36px}.catsearch--hero .catsearch__header-left{text-align:center;align-items:center;gap:8px}.catsearch--hero .catsearch__title{letter-spacing:-.03em;font-size:70px;font-weight:900;line-height:1.05}.catsearch--hero .catsearch__subtitle{font-size:1.05rem}.catsearch--hero .catsearch__back{position:absolute;top:50%;right:0;transform:translateY(-50%)}.catsearch--hero .catsearch__groups-grid{justify-content:center}.catsearch__stage{grid-template-rows:1fr;grid-template-columns:1fr;min-height:270px;display:grid;position:relative}.catsearch__groups-grid{flex-wrap:wrap;grid-area:1/1;place-content:flex-start;align-items:stretch;gap:20px;min-height:270px;display:flex}.catsearch__group-card{color:#282828;cursor:pointer;text-align:left;background:#d4ff28;border:1px solid #d4ff28;border-radius:32px;flex-direction:column;justify-content:space-between;width:260px;height:260px;padding:26px 28px;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000014}.catsearch__group-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000029}.catsearch__group-top{flex-direction:column;width:100%;display:flex}.catsearch__group-header-row{align-items:center;gap:12px;display:flex}.catsearch__group-icon{color:#282828;flex-shrink:0;justify-content:center;align-items:center;display:flex}.catsearch__group-icon svg{stroke-width:2.2px;width:34px;height:34px}.catsearch__group-label{color:#282828;letter-spacing:-.02em;font-size:1.55rem;font-weight:800;line-height:1.1}.catsearch__group-desc{color:#282828;opacity:.85;margin-top:14px;font-size:.95rem;font-weight:500;line-height:1.35}.catsearch__group-badge{color:#282828;background:#00000024;border-radius:999px;flex-shrink:0;align-self:flex-end;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.catsearch__group-card:hover .catsearch__group-badge{background:#0000003d;transform:scale(1.03)}.catsearch__expanded-layout{grid-area:1/1;grid-template-columns:260px 1fr;align-items:stretch;gap:20px;min-height:270px;display:grid}.catsearch__active-panel{color:#282828;cursor:pointer;text-align:left;background:#d4ff28;border:1px solid #d4ff28;border-radius:32px;flex-direction:column;justify-content:space-between;width:260px;height:260px;padding:26px 28px;display:flex;box-shadow:0 6px 24px #0000001a}.catsearch__active-hint{color:#282828;opacity:.8;text-transform:uppercase;letter-spacing:.04em;margin-top:14px;font-size:.85rem;font-weight:700}.catsearch__active-icon{width:44px;height:44px;color:var(--accent-text);background:#0000001f;border-radius:12px;justify-content:center;align-items:center;display:flex}.catsearch__active-info{flex-direction:column;gap:4px;margin-top:24px;display:flex}.catsearch__active-label{color:var(--accent-text);font-size:1.2rem;font-weight:800}.catsearch__popin-box{background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:22px 24px;display:flex}.catsearch__popin-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.catsearch__popin-title{color:var(--text-primary);font-size:1rem;font-weight:700}.catsearch__popin-count{color:var(--text-muted);background:var(--bg-hover);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.catsearch__popin-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.catsearch__game-card-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.catsearch__game-card-item:hover{background:var(--bg-hover);border-color:#d4ff28;transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.catsearch__game-avatar{color:#282828;background:#d4ff28;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.catsearch__game-avatar img{object-fit:cover;width:100%;height:100%}.catsearch__game-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.catsearch__game-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.catsearch__game-sub{color:var(--text-muted);font-size:.74rem;font-weight:500}.catsearch__game-card-item svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s,color .2s}.catsearch__game-card-item:hover svg{color:#282828;transform:translate(3px)}@media (max-width:680px){.catsearch__groups-grid{flex-direction:column}.catsearch__group-card,.catsearch__active-panel{width:100%;height:auto;min-height:180px}.catsearch__expanded-layout{grid-template-columns:1fr}.catsearch__active-info{margin-top:12px}}.catsearch__skeleton{background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:32px;width:260px;height:220px;animation:1.5s ease-in-out infinite catsearch-pulse}@keyframes catsearch-pulse{0%,to{opacity:.5}50%{opacity:1}}