@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--background: #0a0a0a;--surface: #141414;--text: #ffffff;--text-secondary: #a0a0a0;--accent: #ffffff;--border: rgba(255, 255, 255, .1);--title-stroke: #000000;--title-shadow: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text);font-family:Inter,sans-serif;line-height:1.5;min-height:100vh;position:relative;transition:background-color .3s ease,color .3s ease}body.light-theme{--background: #f5f5f5;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #4a4a4a;--accent: #000000;--border: rgba(0, 0, 0, .1);--title-stroke: #ffffff;--title-shadow: rgba(255, 255, 255, .5)}body.light-theme #background-grid{filter:blur(8px) brightness(1.2)}.theme-toggle{position:fixed;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;z-index:2;transition:background .3s,color .3s}.theme-toggle:hover{background:var(--accent);color:var(--background)}#background-grid{position:fixed;top:-50%;left:-50%;width:300%;height:300%;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-auto-rows:20rem;gap:.5rem;pointer-events:none;overflow:hidden;filter:blur(8px) brightness(.4);transform:rotate(-12deg);animation:bg-circle 120s linear infinite}#background-grid img{width:100%;height:100%;object-fit:cover}#background-grid img.wide{grid-column:span 2;aspect-ratio:16 / 9}#background-grid img.square{aspect-ratio:1}@keyframes bg-circle{0%{transform:rotate(-12deg) translate(-25%)}25%{transform:rotate(-12deg) translate(-25%,-25%)}50%{transform:rotate(-12deg) translateY(-25%)}75%{transform:rotate(-12deg) translate(0)}to{transform:rotate(-12deg) translate(-25%)}}.container{width:100%;max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.stats{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;position:relative}.stats-wrapper{display:flex;justify-content:center;width:100%;margin:2rem 0 0}.modal-details{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;max-width:1500px;width:100%;margin:0 auto}.play-wrapper{display:flex;justify-content:center;margin:0rem 0 0 -0rem;width:100%}.stat-header{font-size:2.5rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:2rem;letter-spacing:-.5px}.stat-block{background:var(--surface);border-radius:.75rem;padding:1.75rem 2rem;width:100%;max-width:800px;height:100px;border:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.stat-block:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 20px 40px #0000004d}.stat-title{color:var(--text-secondary);font-size:1rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text);margin-top:.25rem;letter-spacing:-1px}.rate{color:var(--accent);font-size:.875rem;font-weight:600}.stat-footer{color:var(--text-secondary);font-size:.875rem;text-align:center;margin-top:1rem;letter-spacing:.5px}.scroll-button{position:absolute;bottom:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-button:hover{background:var(--text);color:var(--background);transform:translateY(-2px)}.games-section{padding:6rem 0}.games-section h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text);letter-spacing:-.5px}#games-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:1rem;justify-content:center}.card{position:relative;width:100%;aspect-ratio:1;border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .3s ease;background:var(--surface);border:1px solid var(--border)}.card img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.card h2{position:absolute;bottom:-2rem;left:1rem;right:1rem;color:var(--text);font-size:1rem;font-weight:600;text-shadow:0 2px 4px var(--title-shadow);transition:all .3s ease;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:var(--title-stroke);paint-order:stroke fill}.card:hover{transform:scale(1.02);border-color:#fff3}.card:hover img{transform:scale(1.1)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:var(--surface);border-radius:1rem;width:90%;max-width:1200px;position:relative;display:flex;max-height:90vh;overflow-y:auto;border:1px solid var(--border)}.modal-flex{display:flex;align-items:flex-start;gap:32px}.modal-thumb{width:500px;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;box-shadow:0 2px 12px #00000026;flex-shrink:0}.modal-body{padding:2.5rem;display:flex;flex-direction:column;flex-grow:1}.modal-body h2{font-size:2rem;margin-bottom:1rem;letter-spacing:-.5px}.modal-body p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.modal-close{position:absolute;top:1.5rem;right:1.5rem;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;z-index:2;transition:color .3s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid var(--border)}.modal-close:hover{color:var(--text);border-color:var(--text)}.modal-desc{position:relative;max-height:9em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;transition:max-height .3s}.modal-desc.expanded{max-height:1000px;-webkit-line-clamp:unset;overflow:visible}.read-more-link{color:var(--accent, #1faaff);cursor:pointer;font-weight:500;margin-left:.3em;text-decoration:underline;-webkit-user-select:none;user-select:none}.modal-details li{padding:1rem;background:#ffffff08;border-radius:.5rem;border:1px solid var(--border);min-width:120px;list-style:none}.modal-details li strong{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.play-button{display:inline-block;padding:1rem 2rem;background:var(--text);color:var(--background);text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease;text-align:center;margin-top:auto;align-self:flex-start;width:100%}.play-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}@media (max-width: 768px){.modal{align-items:flex-start}.modal-content{flex-direction:column}.modal-thumb{width:100%;height:220px;aspect-ratio:unset}.modal-flex{flex-direction:column;gap:1rem}.modal-details{grid-template-columns:1fr}.stat-header{font-size:2rem}.stat-block{padding:1.5rem;height:auto}.stat-value{font-size:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}