#apps .app-discovery{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0 12px}#apps .app-view-toggle{display:flex;background:#e7eee7;padding:5px;border-radius:40px;gap:4px}#apps .app-view-toggle button{padding:12px 19px;border:0;border-radius:30px;min-height:46px;font:inherit;font-size:14px;color:#183c34;background:transparent;cursor:pointer}#apps .app-view-toggle button[aria-pressed=true]{background:#183c34;color:white;box-shadow:0 3px 8px #183c3422}#apps .app-search{display:grid;gap:6px;font-size:12px;font-weight:650;color:#183c34;min-width:240px}#apps .app-search input{font:inherit;font-size:16px;padding:13px 16px;min-height:46px;border:1px solid #9aafa5;border-radius:12px;background:#fffdf8;color:#183c34}#apps .app-carousel-viewport{width:100%;position:relative}#apps.app-carousel-mode .app-carousel-viewport{height:var(--carousel-height,840px);perspective:1500px;overflow:clip;touch-action:pan-y;cursor:grab;padding-top:36px}#apps.app-carousel-mode .card-grid{display:block;position:relative;height:100%;transform-style:preserve-3d;margin:0;gap:0}#apps.app-carousel-mode .app-card{position:absolute;left:50%;top:0;width:var(--carousel-card-width,350px);max-width:none;margin:0;will-change:transform,opacity;transform-origin:50% 35%;backface-visibility:hidden;transition:none!important;animation:none!important;user-select:none;-webkit-user-select:none}#apps.app-carousel-mode .app-card .cinema-card-face{transform:none!important;transition:none!important;box-shadow:0 20px 45px #132a3028;border:1px solid #b6c7c0;min-height:100%;overflow:hidden}#apps.app-carousel-mode .app-card .card-body{transform:none!important;padding:22px}#apps.app-carousel-mode .app-card .card-image{height:210px;min-height:0}#apps.app-carousel-mode .app-card .card-image img{height:100%;object-fit:cover}#apps.app-carousel-mode .app-card .games-miniatures img{width:72px;height:72px;object-fit:contain}#apps.app-carousel-mode .app-card h3{font-size:26px}#apps.app-carousel-mode .app-card .cinema-edge{display:none}#apps.app-carousel-mode .app-card.carousel-selected .cinema-card-face{box-shadow:0 22px 50px #132a3030;border-color:#7a9f91}#apps .carousel-open-app{display:none}#apps.app-carousel-mode .carousel-open-app{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;margin-top:18px;border-radius:10px;background:#183c34;color:white;font-size:14px;font-weight:650;text-decoration:none}#apps.app-carousel-mode .app-card:not(.carousel-selected) .carousel-open-app{pointer-events:none}#apps .app-carousel-controls{display:grid;grid-template-columns:48px minmax(150px,340px) 48px;justify-content:center;align-items:center;gap:14px;margin:8px 0 38px;text-align:center;color:#183c34}#apps .app-carousel-controls[hidden],#apps .app-carousel-viewport[hidden]{display:none}#apps .app-carousel-controls button{width:48px;height:48px;border:1px solid #9aafa5;border-radius:50%;background:#fffdf8;color:#183c34;font-size:24px;cursor:pointer}#apps .app-carousel-controls button:hover{background:#e5eee9}#apps .app-carousel-controls button:disabled{opacity:.35;cursor:default}#apps .app-current-name{display:block;font-size:17px}#apps .app-position{display:block;margin-top:5px;font-size:13px;color:#536c61}#apps .app-carousel-controls p{grid-column:1/-1;margin:0;font-size:12px;color:#536c61}#apps.carousel-dragging,#apps.carousel-dragging *{cursor:grabbing!important;user-select:none!important}#apps .app-discovery button:focus-visible,#apps .app-discovery input:focus-visible,#apps .app-carousel-controls button:focus-visible,#apps .app-carousel-viewport:focus-visible,#apps .carousel-open-app:focus-visible{outline:3px solid #1f7f94;outline-offset:4px}#apps .app-filter-empty button{margin:10px;padding:12px 18px;border:1px solid #183c34;border-radius:9px;cursor:pointer}#apps .app-filter-controls{gap:14px}#apps .app-carousel-viewport:not(:has(.app-card)){height:auto}@media(max-width:640px){#apps .app-discovery{gap:14px}#apps .app-search{width:100%}#apps .app-view-toggle{width:100%}#apps .app-view-toggle button{flex:1}#apps.app-carousel-mode .app-card .card-body{padding:17px}#apps.app-carousel-mode .app-card h3{font-size:23px}#apps.app-carousel-mode .app-card .card-image{height:175px}#apps .app-carousel-controls{gap:8px;grid-template-columns:46px minmax(120px,1fr) 46px}}@media(prefers-reduced-motion:reduce){#apps.app-carousel-mode .app-card{will-change:auto}#apps .app-carousel-controls *{transition:none!important}}