@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg: #080c10;--bg-card: #0d1117;--bg-surface: #161b22;--bg-surface-2: #1c2230;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--text: #e6edf3;--text-muted: #8b949e;--text-dim: #4d5566;--accent-blue: #58a6ff;--accent-purple: #a371f7;--accent-cyan: #39d353;--accent-green: #3fb950;--accent-orange: #d29922;--players-glow: rgba(63, 185, 80, .18);--danger: #f85149;--price-bg: rgba(63, 185, 80, .1);--price-border: rgba(63, 185, 80, .3);--sale-bg: rgba(210, 153, 34, .12);--sale-border: rgba(210, 153, 34, .35);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 16px 40px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(88,166,255,.05),transparent)}.container{max-width:960px;margin:0 auto;padding:3.5rem 1.5rem}.header{text-align:center;margin-bottom:2.5rem}.title{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#e6edf3 30%,#58a6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.4rem}.subtitle{color:var(--text-muted);font-size:.95rem;letter-spacing:.01em}.search-container{max-width:540px;margin:0 auto 3rem}.search-wrapper{position:relative;border-radius:var(--radius);padding:1.5px;background:var(--border);transition:background .3s ease}.search-wrapper.focused{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-blue));background-size:200% 100%;animation:gradientShift 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}.search-inner{background:var(--bg-surface);border-radius:calc(var(--radius) - 1.5px);display:flex;align-items:center;overflow:hidden}.search-input{flex:1;padding:1rem 1.2rem;background:transparent;border:none;outline:none;color:var(--text);font-size:1rem;font-family:inherit}.search-input::placeholder{color:var(--text-dim)}.search-button{margin:6px;padding:.6rem 1.1rem;background:var(--accent-blue);border:none;color:#fff;font-weight:600;font-size:.9rem;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:background .2s,transform .1s;letter-spacing:.01em}.search-button:hover{background:#79b8ff}.search-button:active{transform:scale(.97)}.loading{text-align:center;margin:1.5rem 0;opacity:0;transition:opacity .25s ease}.loading.show{opacity:1}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#f8514912;border:1px solid rgba(248,81,73,.3);color:#ff9492;padding:1rem 1.25rem;border-radius:var(--radius);text-align:center}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-card);opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;overflow:hidden}.result-card.show{opacity:1;transform:translateY(0)}.result-card.soundtrack{border-color:#a371f733}.app-image-container{position:relative;width:100%;height:260px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.app-image{width:100%;height:100%;object-fit:cover;display:block}.app-image-overlay{position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,transparent,var(--bg-card))}.app-content{padding:1.75rem 1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.app-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem}.app-name{font-size:1.8rem;font-weight:700;letter-spacing:-.025em;flex-basis:100%}.pill{padding:0 .75rem;height:26px;border:1px solid var(--border);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--bg-surface);letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}.pill.soundtrack{background:#a371f71a;border-color:#a371f759;color:#c39af7}.price.regular{background:var(--price-bg);border-color:var(--price-border);color:var(--accent-green)}.price.sale{background:var(--sale-bg);border-color:var(--sale-border);color:#e3b341}.price.free{background:var(--price-bg);border-color:var(--price-border);color:var(--accent-green)}.players-hero{background:linear-gradient(135deg,#3fb95014,#39d3530a);border:1px solid rgba(63,185,80,.25);border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden}.players-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:130px;height:130px;background:radial-gradient(circle,rgba(63,185,80,.12),transparent 70%);pointer-events:none}.players-live-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 #3fb95099;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 #3fb95099}50%{box-shadow:0 0 0 7px #3fb95000}}.players-text{display:flex;flex-direction:column;gap:.1rem}.players-count{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#7ee787;line-height:1}.players-label{font-size:.82rem;color:#7ee787a6;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.stats-section{display:flex;flex-direction:column;gap:.5rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.meta-item{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-sm);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.2rem;transition:border-color .2s,background .2s}.meta-item:hover{border-color:var(--border-hover);background:var(--bg-surface-2)}.meta-label{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.meta-value{color:var(--text);font-size:.95rem;font-weight:500;overflow-wrap:anywhere}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.section-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.section-line{flex:1;height:1px;background:var(--border)}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{border:1px solid var(--border);border-radius:6px;padding:.25rem .55rem;font-size:.78rem;color:var(--text-muted);background:var(--bg-surface);transition:border-color .15s,color .15s}.tag:hover{border-color:var(--border-hover);color:var(--text)}.tag.genre{border-color:#58a6ff33;color:#79c0ff;background:#58a6ff0f}.tag.genre:hover{border-color:#58a6ff66}.tag.category{border-color:#a371f738;color:#c39af7;background:#a371f70f}.tag.category:hover{border-color:#a371f766}.reviews-badge{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.reviews-pct{color:var(--accent-green)}.reviews-pct.mixed{color:var(--accent-orange)}.reviews-pct.negative{color:var(--danger)}.mc-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-weight:700;font-size:1rem;background:#63c8621f;border:1.5px solid rgba(99,200,98,.35);color:#6bc96b}.mc-badge.mixed{background:#ffb4001a;border-color:#ffb40059;color:#ffb400}.mc-badge.negative{background:#f851491a;border-color:#f8514959;color:#f85149}details.accordion{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);overflow:hidden;transition:border-color .2s}details.accordion[open]{border-color:var(--border-hover)}details.accordion summary{cursor:pointer;color:var(--text-muted);padding:.85rem 1rem;font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem;list-style:none;transition:color .15s}details.accordion summary::-webkit-details-marker{display:none}details.accordion summary:before{content:"›";font-size:1.1rem;line-height:1;transition:transform .2s;display:inline-block;color:var(--text-dim)}details.accordion[open] summary:before{transform:rotate(90deg)}details.accordion summary:hover{color:var(--text)}details.accordion .content{padding:0 1rem .9rem;color:var(--text-muted);font-size:.9rem;line-height:1.7}.btns{display:flex;flex-wrap:wrap;gap:.6rem}.btn{text-decoration:none;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);padding:.6rem 1rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,background .2s,transform .1s;font-family:inherit}.btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-surface-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#58a6ff1a;border-color:#58a6ff4d;color:var(--accent-blue)}.btn-primary:hover{background:#58a6ff2e;border-color:#58a6ff80;color:#79b8ff}.media-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.media-item{position:relative;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s;aspect-ratio:16/9;background:var(--bg-surface);will-change:transform;backface-visibility:hidden;transform:translateZ(0);transform-origin:center center}.media-item:hover{transform:translateZ(0) scale(1.03);box-shadow:0 8px 24px #00000080;border-color:var(--border-hover)}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block}.media-item[data-video=true]:before{content:"";position:absolute;inset:0;background:#0003;transition:background .2s;pointer-events:none;z-index:1}.media-item:hover:before{background:#00000059}.media-item[data-video=true]:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;opacity:.85;transition:opacity .2s,transform .2s;pointer-events:none;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.8)}.media-item[data-video=true]:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1.12)}.overlay-count{position:absolute;inset:0;background:#000000ad;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff}.full-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}.full-media-gallery .media-item{aspect-ratio:16/9}.lightbox{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:1000}.lightbox.show{display:flex}.lightbox-content{max-width:min(90vw,1200px);max-height:min(85vh,800px);width:auto;height:auto}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--radius);object-fit:contain}body.lightbox-open{overflow:hidden}.lightbox-close{position:absolute;top:20px;right:24px;font-size:1.8rem;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.7;transition:opacity .2s}.lightbox-nav:hover{opacity:1}.lightbox-prev{left:20px}.lightbox-next{right:20px}.requirements-container{display:flex;flex-direction:column;gap:.75rem}.requirements-grid{display:flex;flex-direction:column;gap:1.25rem;padding-top:.5rem}.requirement-row{display:flex;gap:1rem;align-items:flex-start}.requirement-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);border:1px solid var(--border)}.requirement-info{display:flex;flex-direction:column;gap:.2rem;flex:1}.requirement-label{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.requirement-value{font-size:.9rem;color:var(--text);line-height:1.4}video{border-radius:var(--radius-sm)}canvas{background:#0f0f0f;border:1px solid var(--border);border-radius:10px;padding:.5rem}@media (max-width: 900px){.container{padding:2.5rem 1.25rem}.title{font-size:2rem}.grid{gap:.4rem}.media-gallery{grid-template-columns:repeat(2,1fr);gap:.5rem}.full-media-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.app-image-container{height:220px}.app-content{padding:1.5rem;gap:1.25rem}}@media (max-width: 600px){.container{padding:1.5rem 1rem}.title{font-size:1.7rem}.grid{grid-template-columns:1fr}.search-container{margin-bottom:2rem}.app-content{padding:1.25rem 1rem;gap:1rem}.app-name{font-size:1.5rem}.players-count{font-size:1.7rem}.btns{gap:.5rem}.media-gallery,.full-media-gallery{grid-template-columns:repeat(2,1fr)}.app-image-container{height:190px}}@media (max-width: 400px){.container{padding:1rem .75rem}.title{font-size:1.45rem}.search-input{font-size:16px}.app-image-container{height:160px}.media-gallery{grid-template-columns:1fr}}