:root{--bg-color: #f8fafc;--text-color: #1e293b;--card-bg: #ffffff;--border-color: #e2e8f0;--pink: #FF6584;--hover-pink: #FF4772;--purple: #8C7AE6;--nav-bg: rgba(255, 255, 255, .95)}html.dark{--bg-color: #0B0F19;--text-color: #f8fafc;--card-bg: #151D30;--border-color: #232E4A;--nav-bg: rgba(21, 29, 48, .95)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .2s,color .2s;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.hidden{display:none!important}.top-navbar{position:sticky;top:0;z-index:30;background:var(--nav-bg);border-bottom:1px solid var(--border-color);backdrop-filter:blur(8px);height:60px;display:flex;align-items:center}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-left{display:flex;align-items:center;gap:.75rem}.site-logo{text-decoration:none;font-size:1.4rem;font-weight:900;background:linear-gradient(to right,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.35rem}.icon-btn{background:#f1f5f9;border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;border-radius:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}html.dark .icon-btn{background:#1e293b;color:#cbd5e1}.theme-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:.85rem;background:#f1f5f9;border:1px solid var(--border-color);color:var(--text-color);font-size:.8rem;font-weight:800;cursor:pointer}html.dark .theme-btn{background:#1e293b;color:#facc15}.menu-overlay{position:fixed;inset:0;background:#000000b3;z-index:40}.sidebar{position:fixed;top:0;left:0;width:280px;max-width:80vw;height:100%;background:var(--card-bg);border-right:1px solid var(--border-color);z-index:50;transform:translate(-100%);transition:transform .3s ease-out;display:flex;flex-col:column;justify-content:space-between;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.brand{display:flex;align-items:center;gap:.5rem}.emoji-logo{font-size:1.5rem}.brand-name{font-weight:900;color:var(--pink);font-size:1.2rem}.sidebar-nav{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{text-decoration:none;padding:.75rem 1rem;border-radius:.85rem;color:var(--text-color);font-weight:700;font-size:.9rem;transition:background .2s}.nav-item.active{background:#ff65841f;color:var(--pink)}.nav-item:hover{background:#0000000d}html.dark .nav-item:hover{background:#ffffff0d}.sidebar-footer{padding:1rem;text-align:center;border-top:1px solid var(--border-color);font-size:.75rem;opacity:.6}.main-content{padding:1.5rem 1rem}.featured-section{display:flex;flex-direction:column;align-items:center}.game-screen-box{width:100%;max-width:800px;background:#0b0f19;border-radius:1.5rem;overflow:hidden;border:3px solid var(--border-color);box-shadow:0 20px 40px #0006;position:relative}.aspect-video-box{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.hero-cover{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b1433,#0e1322,#1a0f1d);cursor:pointer;overflow:hidden}.hero-glow-blob1{position:absolute;top:-20%;left:-10%;width:250px;height:250px;background:#ff658440;border-radius:50%;filter:blur(50px)}.hero-glow-blob2{position:absolute;bottom:-20%;right:-10%;width:250px;height:250px;background:#8c7ae640;border-radius:50%;filter:blur(50px)}.hero-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.hero-icon-box{width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 10px 20px #0000004d}.badge-featured{background:var(--pink);color:#fff;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;padding:.25rem .75rem;border-radius:999px}.hero-title{color:#fff;font-size:clamp(1.2rem,4vw,2.2rem);font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.5)}.btn-play-hero{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.8rem;background:linear-gradient(to right,var(--pink),var(--purple));color:#fff;font-weight:900;font-size:1rem;border:none;border-radius:1rem;cursor:pointer;box-shadow:0 10px 25px #ff658466;transition:transform .2s}.btn-play-hero:hover{transform:scale(1.05)}.game-iframe{width:100%;height:100%;border:none}.fullscreen-wrapper{margin-top:.75rem}.btn-fullscreen{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;background:linear-gradient(to right,var(--purple),var(--pink));color:#fff;font-weight:800;font-size:.8rem;border:none;border-radius:.85rem;cursor:pointer}.games-section{margin-top:2.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:900}.count-badge{font-size:.75rem;font-weight:800;background:var(--card-bg);border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:999px}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.games-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1024px){.games-grid{grid-template-columns:repeat(6,1fr)}}.game-card{position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;border:2px solid var(--border-color);transition:transform .25s,box-shadow .25s,border-color .25s;background-color:#0b0f19}.game-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0000004d;border-color:var(--pink)}.small-card{aspect-ratio:16 / 11}.big-card{grid-column:span 2;aspect-ratio:16 / 9}@media (min-width: 640px){.big-card{grid-column:span 3}}@media (min-width: 1024px){.big-card{grid-column:span 3}}.card-badge{position:absolute;top:.6rem;left:.6rem;z-index:10;background:var(--pink);color:#fff;font-size:.65rem;font-weight:900;padding:.2rem .55rem;border-radius:999px}.card-center-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;transition:transform .3s}.big-icon{font-size:2.75rem}.game-card:hover .card-center-icon{transform:scale(1.15)}.hover-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.game-card:hover .hover-video{opacity:1}.card-bottom-info{position:absolute;bottom:0;inset-inline:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.95),transparent);display:flex;align-items:center;justify-content:space-between;z-index:10}.card-bottom-info.compact{padding:.45rem .6rem}.card-title-big{display:block;color:#fff;font-weight:900;font-size:1rem}.card-category{display:block;color:#cbd5e1;font-size:.75rem}.card-title-small{color:#fff;font-weight:800;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.btn-card-play{background:linear-gradient(to right,var(--pink),var(--purple));color:#fff;font-size:.75rem;font-weight:900;padding:.35rem .75rem;border-radius:.6rem}.btn-card-play-sm{background:var(--pink);color:#fff;font-size:.6rem;font-weight:900;padding:.15rem .45rem;border-radius:999px}.explore-wrapper{margin-top:2rem;text-align:center}.btn-explore{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;background:linear-gradient(to right,var(--pink),var(--purple));color:#fff;font-weight:900;font-size:1rem;border-radius:999px;border:none;cursor:pointer;box-shadow:0 10px 25px #ff65844d}.site-footer{margin-top:4rem;border-top:1px solid var(--border-color);background:var(--card-bg);padding:2rem 0}.footer-card{background:#00000008;border:1px solid var(--border-color);border-radius:1rem;padding:1rem;margin-bottom:1.5rem}html.dark .footer-card{background:#0000004d}.footer-card h3{font-size:.7rem;font-weight:900;letter-spacing:1px;opacity:.6;margin-bottom:.5rem}.backlinks{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.85rem;font-weight:700}.backlinks a{color:inherit;text-decoration:none}.backlinks a:hover{color:var(--pink)}.footer-bottom{text-align:center;font-size:.75rem;opacity:.6}.btn-back-to-game{position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:linear-gradient(to right,var(--pink),var(--purple));color:#fff;font-size:.8rem;font-weight:800;border-radius:999px;border:2px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #ff658466;cursor:pointer;transition:opacity .3s,transform .3s}.hidden-floating{opacity:0;pointer-events:none;transform:translateY(15px)}.bounce-icon{animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}