@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--neon-purple:#9d4edd;--neon-purple-dark:#7b2cbf;--neon-teal:#00f5ff;--neon-teal-dark:#00d9e3;--neon-pink:#ff006e;--neon-pink-dark:#c71f66;--glass-white:#ffffff14;--glass-border:#ffffff26;--glass-shadow:#00f5ff1a;--glass-blur:blur(10px);--bg-void:#0a0a0f;--bg-field:#12121a;--bg-panel:#12121ad9;--success:#00ffc2;--warning:#ffb700;--error:#f05;--font-display:"Orbitron","Rajdhani",monospace;--font-body:"Inter","Exo 2",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-mega:clamp(3rem,8vw,5rem);--text-large:clamp(1.5rem,3vw,2rem);--text-medium:clamp(1.125rem,2vw,1.25rem);--text-base:1rem;--text-small:0.875rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#0a0a0f;background:var(--bg-void);color:#fff;font-family:Inter,Exo\ 2,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);line-height:1.6;margin:0;overflow-x:hidden;position:relative}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#12121a;background:var(--bg-field)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7b2cbf,#00d9e3);background:linear-gradient(180deg,var(--neon-purple-dark),var(--neon-teal-dark))}::selection{background:#9d4edd;background:var(--neon-purple);color:#fff}@keyframes neonPulse{0%,to{box-shadow:0 0 20px #9d4edd,inset 0 0 20px #9d4edd1a;box-shadow:0 0 20px var(--neon-purple),inset 0 0 20px #9d4edd1a}50%{box-shadow:0 0 40px #00f5ff,inset 0 0 20px #00f5ff1a;box-shadow:0 0 40px var(--neon-teal),inset 0 0 20px #00f5ff1a}}@keyframes diagonalWipe{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes hologramGlitch{0%{transform:translateX(0)}20%{transform:translateX(-2px) skewX(1deg)}40%{transform:translateX(2px) skewX(-1deg)}60%{transform:translateX(-1px)}to{transform:translateX(0)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-panel{backdrop-filter:blur(10px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff14;background:var(--glass-white);border:1px solid #ffffff26;border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #00f5ff1a,inset 0 1px 0 0 #ffffff1a}.neon-gradient{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));background-size:200% 200%}.neon-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));-webkit-background-clip:text;background-clip:text}.diagonal-cut{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.app-root{background:radial-gradient(ellipse at top,#9d4edd1a 0,#0000 50%),radial-gradient(ellipse at bottom,#00f5ff1a 0,#0000 50%),#0a0a0f;background:radial-gradient(ellipse at top,#9d4edd1a 0,#0000 50%),radial-gradient(ellipse at bottom,#00f5ff1a 0,#0000 50%),var(--bg-void);min-height:100vh;overflow:visible;position:relative}.particles-bg{z-index:1}.background-container,.particles-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.background-container{z-index:0}.background-layer-back,.background-layer-mid{height:100%;left:0;position:absolute;top:0;width:100%}.neon-orb{animation:floatAnimation 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.neon-orb-1{animation-duration:25s;background:radial-gradient(circle,#9d4edd 0,#0000 70%);background:radial-gradient(circle,var(--neon-purple) 0,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.neon-orb-2{animation-delay:-5s;animation-duration:30s;background:radial-gradient(circle,#00f5ff 0,#0000 70%);background:radial-gradient(circle,var(--neon-teal) 0,#0000 70%);bottom:-300px;height:800px;right:-300px;width:800px}.grid-lines{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;transform:perspective(500px) rotateX(60deg) scale(2);transform-origin:center center;width:200%}.main-container{margin:0 auto;max-width:1400px;padding:1rem;padding:var(--space-md) var(--space-md);position:relative;z-index:2}.main-header{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;padding:.5rem 0;padding:var(--space-sm) 0;position:relative;text-align:center}.main-header:before{animation:floatAnimation 6s ease-in-out infinite;background:radial-gradient(circle,#9d4edd 0,#0000 70%);background:radial-gradient(circle,var(--neon-purple) 0,#0000 70%);content:"";filter:blur(60px);height:300px;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00f5ff);background:linear-gradient(135deg,#fff,var(--neon-teal));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-size:var(--text-mega);font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-sm);position:relative;text-shadow:0 0 40px #00f5ff80;text-transform:uppercase}.main-title:hover{animation:hologramGlitch .3s ease-in-out}.main-subtitle{color:#fffc;font-size:clamp(1.125rem,2vw,1.25rem);font-size:var(--text-medium);font-weight:300;letter-spacing:.05em;margin-bottom:1rem;margin-bottom:var(--space-md)}.xai-badge{align-items:center;background:linear-gradient(135deg,#ffffff14,#9d4edd1a);background:linear-gradient(135deg,var(--glass-white),#9d4edd1a);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:50px;display:inline-flex;font-size:.875rem;font-size:var(--text-small);font-weight:600;gap:.5rem;gap:var(--space-sm);letter-spacing:.05em;overflow:hidden;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.xai-badge:before{background:linear-gradient(45deg,#9d4edd,#00f5ff,#ff006e);background:linear-gradient(45deg,var(--neon-purple),var(--neon-teal),var(--neon-pink));border-radius:50px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:-1}.xai-badge:hover:before{opacity:1}.xai-badge:hover{box-shadow:0 10px 30px #9d4edd4d;transform:translateY(-2px)}.recommendation-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff14;background:var(--glass-white);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:20px;margin:0 auto 30px;max-width:720px;overflow:hidden;padding:1rem;padding:var(--space-md);position:relative}.recommendation-form:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#0000,#9d4edd,#00f5ff,#0000);background:linear-gradient(90deg,#0000,var(--neon-purple),var(--neon-teal),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.form-section{width:100%}.form-row{align-items:center;display:flex;gap:1rem;gap:var(--space-md);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.form-label{color:#ffffffe6;display:block;font-size:1rem;font-size:var(--text-base);font-weight:500;letter-spacing:.02em;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.gpt4o-glow{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));-webkit-background-clip:text;background-clip:text;font-weight:700}.form-select,.input-group,.input-text{position:relative;width:100%}.form-select,.input-text{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Inter,Exo\ 2,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);outline:none;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.input-text::placeholder{color:#fff6}.form-select:focus,.input-text:focus{background:#ffffff14;border-color:#9d4edd;border-color:var(--neon-purple);box-shadow:0 0 0 3px #9d4edd33,0 0 20px #9d4edd4d}.form-button{background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:1rem;font-size:var(--text-base);font-weight:700;letter-spacing:.05em;margin-top:1rem;margin-top:var(--space-md);overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.form-button:hover{box-shadow:0 10px 30px #9d4edd66;transform:translateY(-2px)}.form-button:hover:before{height:300px;width:300px}.form-button:active{transform:translateY(0)}.form-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-spinner{height:50px;margin:3rem auto;margin:var(--space-2xl) auto;position:relative;width:50px}.loading-spinner:after,.loading-spinner:before{border:3px solid #0000;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.loading-spinner:before{animation:spin 1s linear infinite;border-top-color:#9d4edd;border-top-color:var(--neon-purple)}.loading-spinner:after{animation:spin 1s linear infinite reverse;border-bottom-color:#00f5ff;border-bottom-color:var(--neon-teal)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{animation:diagonalWipe .5s ease-out;background:linear-gradient(135deg,#ff00551a,#ff00550d);border:1px solid #ff00554d;border-radius:12px;color:#fff;font-size:1rem;font-size:var(--text-base);margin:0 auto 2rem;margin:0 auto var(--space-xl) auto;max-width:720px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-align:center}.autocomplete-dropdown{animation:diagonalWipe .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#12121ad9;background:var(--bg-panel);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 40px #00000080;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.autocomplete-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:1rem;padding:var(--space-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:linear-gradient(90deg,#9d4edd1a,#00f5ff1a);padding-left:calc(1rem + 8px);padding-left:calc(var(--space-md) + 8px)}.autocomplete-item img{border-radius:8px;height:40px;margin-right:1rem;margin-right:var(--space-md);object-fit:cover;width:40px}.autocomplete-item img,.explain-message{border:1px solid #ffffff26;border:1px solid var(--glass-border)}.explain-message{animation:diagonalWipe .5s ease-out;background:linear-gradient(135deg,#ffffff14,#9d4edd0d);background:linear-gradient(135deg,var(--glass-white),#9d4edd0d);border-radius:12px;color:#00f5ff;color:var(--neon-teal);font-size:1rem;font-size:var(--text-base);font-weight:500;letter-spacing:.02em;margin:0 auto 2rem;margin:0 auto var(--space-xl) auto;max-width:720px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-align:center}.form-hint-container{margin-bottom:1rem;margin-bottom:var(--space-md);text-align:center}.form-hint{color:#fff9;font-style:italic}.form-hint,.prompt-preview{font-size:.875rem;font-size:var(--text-small)}.prompt-preview{animation:diagonalWipe .3s ease-out;background:#00f5ff0d;border:1px solid #00f5ff33;border-radius:8px;color:#fffc;margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md)}.prompt-preview b{color:#00f5ff;color:var(--neon-teal);font-weight:600}.filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff14;background:var(--glass-white);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:20px;margin:0 auto 30px;max-width:720px;overflow:hidden;padding:1rem;padding:var(--space-md);position:relative}.filter-panel:after{background:radial-gradient(circle,#00f5ff 0,#0000 70%);background:radial-gradient(circle,var(--neon-teal) 0,#0000 70%);content:"";filter:blur(40px);height:100px;opacity:.1;pointer-events:none;position:absolute;right:0;top:0;width:100px}.filter-panel h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-size:var(--text-large);letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-align:center;text-transform:uppercase}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-md)}.filter-row.advanced{border-top:1px solid #ffffff1a;margin-top:1rem;margin-top:var(--space-md);padding-top:1rem;padding-top:var(--space-md)}.filter-row select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,Exo\ 2,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-small);height:50px;min-width:130px;outline:none;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filter-row select:hover{background:#ffffff14;border-color:#fff3}.filter-row select:focus{border-color:#9d4edd;border-color:var(--neon-purple);box-shadow:0 0 0 2px #9d4edd33}.surprise-me-btn{background:linear-gradient(135deg,#ff006e,#9d4edd);background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:.875rem;font-size:var(--text-small);font-weight:700;height:50px;letter-spacing:.05em;min-width:130px;overflow:hidden;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.surprise-me-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.surprise-me-btn:hover:before{left:100%}.surprise-me-btn:hover{box-shadow:0 5px 20px #ff006e66;transform:scale(1.05)}.filter-toggle-row{align-items:center;display:flex;gap:10px;height:50px;justify-content:space-around;width:100%}.toggle-advanced-btn{align-items:center;align-self:center;background:#0000;border:1px solid #00f5ff;border:1px solid var(--neon-teal);border-radius:7px;color:#00f5ff;color:var(--neon-teal);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:25px;justify-content:center;letter-spacing:.05em;min-width:25px;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.toggle-advanced-btn:hover{background:#00f5ff;background:var(--neon-teal);box-shadow:0 0 20px #00f5ff66;color:#0a0a0f;color:var(--bg-void)}.filter-chips{display:flex;flex-wrap:wrap;margin-top:1rem;margin-top:var(--space-md)}.filter-chip,.filter-chips{gap:.5rem;gap:var(--space-sm)}.filter-chip{align-items:center;animation:diagonalWipe .3s ease-out;background:linear-gradient(135deg,#9d4edd33,#00f5ff33);border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--text-small);overflow:hidden;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);position:relative}.filter-chip:before{background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.filter-chip:hover:before{opacity:.1}.filter-chip button,.filter-chip-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ff006e;color:var(--neon-pink);cursor:pointer;display:flex;font-size:1.2em;justify-content:center;margin-left:.25rem;margin-left:var(--space-xs);min-height:20px;min-width:20px;padding:0;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast);z-index:2000}.filter-chip button:hover,.filter-chip-remove-btn:hover{background:#ff006e1a;transform:scale(1.2)}.clear-all-filters-btn{background:linear-gradient(135deg,#ff006e,#9d4edd);background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--text-small);font-weight:600;margin-left:.5rem;margin-left:var(--space-sm);padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.clear-all-filters-btn:hover{box-shadow:0 5px 20px #ff006e66;transform:scale(1.05)}.games-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1.5rem;margin-top:var(--space-lg)}.game-card,.games-grid{perspective:1000px;position:relative}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff14;background:var(--glass-white);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.game-card:before{background:linear-gradient(45deg,#9d4edd,#00f5ff,#ff006e);background:linear-gradient(45deg,var(--neon-purple),var(--neon-teal),var(--neon-pink));border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:-1}.game-card:hover{box-shadow:0 20px 40px #0000004d,0 0 60px #9d4edd33;transform:translateY(-4px) rotateX(2deg)}.game-card:hover:before{opacity:1}.game-card-image{height:200px;overflow:hidden;position:relative}.game-card-img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow);width:100%}.game-card:hover .game-card-img{transform:scale(1.1)}.game-card-metacritic{animation:floatAnimation 3s ease-in-out infinite;background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:1rem;font-size:var(--text-base);font-weight:700;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:absolute;right:1rem;right:var(--space-md);top:1rem;top:var(--space-md)}.game-card-content{padding:1.5rem;padding:var(--space-lg)}.game-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00f5ff);background:linear-gradient(135deg,#fff,var(--neon-teal));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:clamp(1.125rem,2vw,1.25rem);font-size:var(--text-medium);font-weight:700;letter-spacing:.02em;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.game-card-info{align-items:center;color:#fffc;display:flex;font-size:.875rem;font-size:var(--text-small);gap:.25rem;gap:var(--space-xs);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.game-card-label{color:#ffffff80;font-weight:500}.game-card-twitch-viewers{align-items:center;color:#ff006e;color:var(--neon-pink);display:flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.5rem;gap:var(--space-sm);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.game-card-twitch-viewers:before{animation:pulse 2s ease-in-out infinite;content:"🔴"}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-card-button{background:linear-gradient(135deg,#9d4edd,#00f5ff);background:linear-gradient(135deg,var(--neon-purple),var(--neon-teal));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:.875rem;font-size:var(--text-small);font-weight:700;letter-spacing:.05em;margin-top:1rem;margin-top:var(--space-md);overflow:hidden;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.game-card-button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.game-card-button:hover:after{height:200px;width:200px}.game-card-button:hover{box-shadow:0 5px 20px #9d4edd66;transform:translateY(-2px)}.modal-root{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-md);position:fixed;z-index:1000}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;inset:0;position:fixed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalZoom .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#12121ad9;background:var(--bg-panel);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:24px;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;padding:var(--space-xl);position:relative;width:100%}@keyframes modalZoom{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content:before{background:linear-gradient(90deg,#9d4edd,#00f5ff,#ff006e);background:linear-gradient(90deg,var(--neon-purple),var(--neon-teal),var(--neon-pink));border-radius:24px 24px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl)}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00f5ff);background:linear-gradient(135deg,#fff,var(--neon-teal));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Rajdhani,monospace;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-size:var(--text-large);font-weight:900;letter-spacing:.05em}.modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:40px}.modal-close:hover{background:#ff006e;background:var(--neon-pink);border-color:#ff006e;border-color:var(--neon-pink);transform:rotate(90deg)}.modal-loading{align-items:center;display:flex;height:200px;justify-content:center}.modal-screenshots{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--space-xl)}.modal-screenshot-img{border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;height:150px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.modal-screenshot-img:hover{box-shadow:0 10px 30px #00f5ff4d;transform:scale(1.05)}.modal-description{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;font-size:1rem;font-size:var(--text-base);line-height:1.8;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.modal-link{color:#00f5ff;color:var(--neon-teal);font-weight:600;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.modal-link:after{background:#00f5ff;background:var(--neon-teal);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.modal-link:hover:after{width:100%}.modal-no-details{color:#ffffff80;font-style:italic;text-align:center}@media (max-width:768px){:root{--text-mega:clamp(2rem,10vw,3rem);--text-large:clamp(1.25rem,4vw,1.5rem)}.main-container{padding:1rem;padding:var(--space-md)}.games-grid{gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-row select,.surprise-me-btn{width:100%}.filter-row select{font-size:.875rem;padding:.125em 1.5em .125em .75em}.modal-content{padding:1rem;padding:var(--space-md)}.modal-screenshots{grid-template-columns:1fr}}@media (min-width:1200px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #00f5ff;outline:2px solid var(--neon-teal);outline-offset:2px}@media (prefers-contrast:high){:root{--glass-white:#ffffff26;--glass-border:#ffffff4d}}.filter-row select,.filter-row.advanced select,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#23233a!important;border:1.5px solid #9d4edd;border:1.5px solid var(--neon-purple);border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff!important;font-size:1rem;padding:.5em 1.5em .5em .75em;transition:border .2s}select:focus{border-color:#00f5ff;border-color:var(--neon-teal);outline:2px solid #00f5ff;outline:2px solid var(--neon-teal)}option{background:#23233a!important;color:#fff!important}@media (prefers-contrast:high){option,select{background:#000!important;border-color:#fff;color:#fff!important}}.filter-panel.glass-panel{position:relative;z-index:10}.recommendation-form.glass-panel{position:relative;z-index:9}.explain-message.glass-panel{position:relative;z-index:8}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9d4edd,#00f5ff);background:linear-gradient(180deg,var(--neon-purple),var(--neon-teal));border-radius:4px;box-shadow:0 0 10px #9d4edd80}
/*# sourceMappingURL=main.3c1debc6.css.map*/