@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);@keyframes pulse-purple{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(108,92,231,.7)}70%{transform:scale(1);box-shadow:0 0 0 20px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}:root{--bg-dark:#0a0a12;--bg-light:#151525;--card-bg:rgba(30, 30, 45, 0.6);--glass-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--glass-highlight:rgba(255, 255, 255, 0.15);--text-primary:#ffffff;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6c5ce7;--primary-gradient:linear-gradient(135deg, #6c5ce7, #a29bfe);--secondary:#00d2ff;--secondary-gradient:linear-gradient(135deg, #00d2ff, #3a7bd5);--success:#00b894;--warning:#fdcb6e;--danger:#ff7675;--shadow-sm:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.2);--glow-primary:0 0 20px rgba(108, 92, 231, 0.4);--glow-secondary:0 0 20px rgba(0, 210, 255, 0.3);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%,rgba(108,92,231,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,210,255,.08),transparent 25%);background-attachment:fixed;min-height:100vh;line-height:1.6}a{text-decoration:none;color:inherit;transition:color .2s}button{font-family:inherit;border:0;background:0 0}.container{max-width:1440px;margin:0 auto;padding:0 24px}header{background:rgba(10,10,18,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}header h1{font-size:1.5rem;margin-right:20px}.header-right,.header-stats,header h1 a{display:flex;align-items:center;gap:10px}#site-title{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.5px}.header-right,.header-stats{gap:16px}.header-stats{font-size:.9rem;color:var(--text-secondary);background:var(--glass-bg);padding:6px 16px;border:1px solid var(--glass-border);gap:8px}#game-count{color:var(--secondary);font-weight:700}.header-stats,.lang-btn,.lang-switch{border-radius:var(--radius-full)}.lang-switch{display:flex;background:var(--glass-bg);padding:3px;border:1px solid var(--glass-border)}.lang-btn{padding:6px 14px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.lang-btn:hover,body{color:var(--text-primary)}.lang-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px rgba(108,92,231,.3)}.filters-wrapper{position:sticky;top:73px;z-index:90;background:rgba(10,10,18,.9);backdrop-filter:blur(10px);margin:0-24px 30px;padding:15px 24px;border-bottom:1px solid var(--glass-border)}.filters{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{display:none}.filter-btn{padding:10px 20px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s;white-space:nowrap;display:flex;align-items:center;gap:6px}.filter-btn:hover{border-color:rgba(255,255,255,.2);color:var(--text-primary);background:rgba(255,255,255,.05)}.filter-btn.active{background:var(--text-primary);color:var(--bg-dark);border-color:var(--text-primary);font-weight:700}.search-section{margin-bottom:30px;position:relative}.search-container{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:16px 50px 16px 20px;background:var(--card-bg);border:2px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s;outline:0}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary);box-shadow:var(--glow-primary);background:rgba(30,30,45,.9)}.search-btn,.search-clear{position:absolute;top:50%;transform:translateY(-50%);border:0;cursor:pointer}.search-btn{right:8px;background:var(--primary);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s}.search-btn:hover{background:#5f4dd1;transform:translateY(-50%) scale(1.05)}.search-clear{right:55px;background:0 0;color:var(--text-muted);font-size:18px;padding:5px 10px;transition:color .2s}.hot-header h3,.search-clear:hover{color:var(--text-primary)}.search-suggestions{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;max-width:500px;background:rgba(20,20,35,.98);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-top:8px;max-height:300px;overflow-y:auto;z-index:100;display:none;box-shadow:var(--shadow-lg)}.search-suggestions.active{display:block}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;text-decoration:none;color:inherit}.suggestion-item:hover{background:rgba(108,92,231,.2)}.suggestion-thumb{width:50px;height:38px;border-radius:6px;object-fit:cover;background:var(--bg-dark)}.suggestion-info{flex:1;min-width:0}.suggestion-title{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-category{font-size:.8rem;color:var(--text-muted)}.suggestion-highlight{color:var(--primary);font-weight:600}.search-no-result{padding:20px;text-align:center;color:var(--text-secondary)}.search-no-result .similar-title{color:var(--text-muted);font-size:.9rem;margin-top:10px;margin-bottom:8px}.search-tag{display:inline-block;padding:4px 10px;margin:4px;background:rgba(108,92,231,.2);border-radius:var(--radius-full);font-size:.8rem;color:var(--primary);cursor:pointer;transition:all .2s}.search-tag:hover{background:var(--primary);color:#fff}#search-result-text{margin-left:10px;color:var(--primary)}.game-stats{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px;padding-left:4px}#showing-count{color:var(--text-primary);font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.game-card{background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg),var(--glow-primary);border-color:rgba(108,92,231,.3);z-index:10}.game-thumb-container{position:relative;aspect-ratio:16/11;overflow:hidden;background:#1a1a2e}.game-thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.game-card:hover .game-thumb,.hot-card:hover .hot-thumb img,.hot-nav-btn:hover{transform:scale(1.1)}.game-overlay,.play-icon{display:flex;align-items:center;justify-content:center}.game-overlay{position:absolute;inset:0;background:rgba(10,10,18,.4);opacity:0;transition:all .3s;backdrop-filter:blur(2px)}.game-card:hover .game-overlay,.hot-scroll-container.scrolled::before{opacity:1}.play-icon{width:50px;height:50px;background:var(--text-primary);color:var(--bg-dark);border-radius:50%;font-size:20px;transform:scale(.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px rgba(255,255,255,.3)}.game-card:hover .play-icon{transform:scale(1)}.game-info{padding:16px;flex:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,rgba(30,30,45,0),rgba(30,30,45,.8))}.game-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.game-tag{font-size:.7rem;padding:4px 10px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(108,92,231,.15);color:var(--primary)}.cat-puzzle{background:rgba(0,184,148,.15);color:#00b894}.cat-action{background:rgba(255,118,117,.15);color:#ff7675}.cat-racing{background:rgba(253,203,110,.15);color:#fdcb6e}.cat-shooting{background:rgba(162,155,254,.15);color:#a29bfe}.cat-arcade{background:rgba(116,185,255,.15);color:#74b9ff}.cat-adventure{background:rgba(85,239,196,.15);color:#55efc4}.cat-casual{background:rgba(250,177,160,.15);color:#fab1a0}.cat-sports{background:rgba(255,159,67,.15);color:#ff9f43}.game-desc,.game-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.game-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4;-webkit-line-clamp:1;line-clamp:1}.game-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;-webkit-line-clamp:2;line-clamp:2;margin-bottom:8px}.hot-section{margin-bottom:50px;position:relative}.hot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.hot-header h3{font-size:1.4rem;margin:0}.hot-nav{display:flex;gap:8px}.hot-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.hot-nav-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.hot-nav-btn:active{transform:scale(.95)}.hot-scroll-container{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0 20px;margin:-10px 0;cursor:grab}.hot-scroll-container::-webkit-scrollbar{display:none}.hot-scroll-container:active{cursor:grabbing}.hot-games-grid{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;height:370px;gap:16px;padding:4px;width:max-content}.hot-games-grid .game-card{width:160px;height:170px;transition:all .3s ease;flex-shrink:0}.hot-games-grid .game-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 15px 30px rgba(255,100,50,.2)}.hot-thumb{width:100%;height:105px;overflow:hidden;background:#1a1a2e}.hot-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}.hot-games-grid .game-info{padding:10px 12px}.hot-games-grid .game-title{font-size:.85rem;margin-bottom:4px}.hot-games-grid .game-desc{display:none}.hot-games-grid .game-cat{font-size:.7rem}@media (max-width:768px){.hot-games-grid{height:320px;gap:12px}.hot-games-grid .game-card{width:135px;height:148px}.hot-thumb{height:90px}.hot-games-grid .game-info{padding:8px 10px}.hot-nav-btn{width:36px;height:36px}}.hot-scroll-container::after,.hot-scroll-container::before{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2}.hot-scroll-container::before{left:0;background:linear-gradient(to right,var(--bg-dark) 0%,transparent 100%);opacity:0;transition:opacity .3s}.hot-scroll-container::after{right:0;background:linear-gradient(to left,var(--bg-dark) 0%,transparent 100%)}.load-more-container{text-align:center;margin:60px 0}.load-more-btn{padding:14px 40px;background:0 0;border:2px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.load-more-btn:hover{background:var(--text-primary);color:var(--bg-dark);border-color:var(--text-primary);box-shadow:0 0 20px rgba(255,255,255,.2)}.ad-space,footer p{color:var(--text-muted)}.ad-space{background:rgba(255,255,255,.02);border:1px dashed var(--glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.8rem;margin:30px auto;overflow:hidden}.ad-banner{max-width:728px;height:90px}.ad-sidebar{width:100%;height:250px}footer{border-top:1px solid var(--glass-border);background:rgba(10,10,18,.5);padding:60px 20px;text-align:center;margin-top:60px}footer p{font-size:.9rem;margin-bottom:10px}.click-content p,footer a{color:var(--text-secondary)}footer a{margin:0 10px;position:relative}footer a:hover{color:var(--primary)}.game-layout{display:grid;grid-template-columns:1fr 340px;gap:30px;padding:30px 24px;max-width:1440px;margin:0 auto}.game-main{background:var(--bg-light);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);position:relative;display:flex;flex-direction:column}.back-btn,.game-controls{display:flex;align-items:center}.game-controls{padding:15px 20px;background:rgba(0,0,0,.3);border-bottom:1px solid var(--glass-border);justify-content:space-between;gap:10px}.back-btn{gap:6px;color:var(--text-secondary);font-weight:500;font-size:.9rem}.back-btn:hover{color:var(--text-primary)}.game-title-area{text-align:center;flex:1}#game-title-display{font-weight:700;font-size:1.1rem;display:block}#game-controls-display{font-size:.8rem;color:var(--text-muted)}.fullscreen-btn{background:var(--glass-bg);border:1px solid var(--glass-border);padding:8px 16px;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-size:.85rem}.fullscreen-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.game-frame{width:100%;height:calc(100vh - 180px);min-height:400px;max-height:800px;background:#000;border:0;display:block}.click-to-play,.play-button-large{display:flex;align-items:center;justify-content:center}.click-to-play{position:absolute;inset:0;top:60px;background:radial-gradient(circle at center,#1e1e2f 0,#0a0a12 100%);flex-direction:column;z-index:20;cursor:pointer;transition:opacity .5s}.click-to-play.hidden{opacity:0;pointer-events:none}.play-button-large{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;font-size:32px;color:#fff;box-shadow:0 0 0 0 rgba(108,92,231,.7);animation:pulse-purple 2s infinite;margin-bottom:20px;transition:transform .3s}.click-to-play:hover .play-button-large{transform:scale(1.1)}.click-content p{font-size:1.2rem;letter-spacing:1px}.game-sidebar{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--card-bg);border-radius:var(--radius-md);padding:24px;border:1px solid var(--glass-border)}.info-card h3,.info-row{display:flex;align-items:center}.info-card h3{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary);gap:8px}.info-card h3::before{content:"";display:block;width:4px;height:18px;background:var(--primary);border-radius:2px}.info-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--glass-border)}.info-row:last-child{border-bottom:none}.info-label,.info-value{color:var(--text-muted);font-size:.9rem}.info-value{color:var(--text-primary);text-align:right}.tips-text{white-space:pre-line;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.source-link{display:inline-block;margin-top:15px;color:var(--primary);font-size:.9rem;font-weight:500}.source-link:hover{text-decoration:underline}.more-games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.more-game-item{border-radius:var(--radius-sm);overflow:hidden;position:relative;aspect-ratio:4/3;background:#000;display:block}.more-game-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s;opacity:.8}.more-game-item:hover img{transform:scale(1.1);opacity:1}.fullscreen-container{display:none;position:fixed;inset:0;z-index:9999;background:#000}.fullscreen-container.active,.fullscreen-container.active .fullscreen-exit-btn{display:block}.fullscreen-container iframe{width:100%;height:100%;border:0}.fullscreen-exit-btn{position:fixed;top:20px;right:20px;z-index:10000;padding:10px 20px;background:rgba(0,0,0,.7);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:#fff;font-size:14px;cursor:pointer;backdrop-filter:blur(10px);display:none}.fullscreen-exit-btn:hover{background:var(--danger);border-color:var(--danger)}@media (max-width:1024px){.game-layout{grid-template-columns:1fr;padding:20px 24px}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.game-sidebar .ad-space{grid-column:1/-1}}@media (max-width:768px){.container{padding:0 16px}header{padding:12px 16px}header h1{font-size:1.2rem}.header-stats{display:none}.filters-wrapper{margin:0-16px 20px;padding:12px 16px;top:61px}.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}.game-card{border-radius:10px}.game-thumb-container{aspect-ratio:16/10}.game-info{padding:10px}.game-sidebar{display:flex;flex-direction:column;width:100%}.ad-sidebar{height:100px;margin-bottom:10px}.info-card{width:100%}.game-layout{padding:16px}.fullscreen-exit-btn{top:auto;bottom:30px;right:50%;transform:translateX(50%);padding:12px 30px}}@media (max-width:480px){.container{padding:0 12px}.filters-wrapper{margin:0-12px 20px;padding:10px 12px}.game-grid{grid-template-columns:repeat(3,1fr);gap:12px 8px}.game-card{background:0 0;border:0;box-shadow:none;border-radius:0}.game-card:hover{transform:none}.game-thumb-container{aspect-ratio:1;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.3);margin-bottom:8px;border:1px solid var(--glass-border)}.game-info{padding:0;background:0 0;align-items:center}.game-tags{display:none}.game-title{font-size:.75rem;margin-bottom:0;text-align:center;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.game-desc,.game-overlay{display:none}header{padding:10px 16px;background:rgba(10,10,18,.95)}header h1{font-size:1.2rem}.filter-btn{padding:6px 14px;font-size:.75rem;border:0;background:rgba(255,255,255,.08);border-radius:20px}.filter-btn.active{background:var(--text-primary);color:var(--bg-dark);box-shadow:0 2px 10px rgba(255,255,255,.2)}}.game-main.fixed-fullscreen,.game-main:fullscreen{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;z-index:9999;border-radius:0!important;border:0!important;margin:0!important;display:grid!important;place-items:center;box-sizing:border-box;padding:max(2px,env(safe-area-inset-top)) max(2px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(2px,env(safe-area-inset-left))}.game-main.fixed-fullscreen{background:#000}.game-main.fixed-fullscreen .game-controls{display:none!important}.game-main.fixed-fullscreen .game-frame,.game-main:fullscreen .game-frame{position:static!important;border-radius:2px!important;z-index:1}.game-main.fixed-fullscreen .game-frame{width:100%!important;height:100%!important}.game-main .fullscreen-exit-btn{display:none;position:absolute;top:20px;right:20px;z-index:10005;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff}.game-main.fixed-fullscreen .fullscreen-exit-btn,.game-main:fullscreen .fullscreen-exit-btn{display:flex!important;align-items:center;justify-content:center}@media (max-width:768px){.game-main .fullscreen-exit-btn{top:max(0px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);width:60px;height:24px;border-radius:0 0 12px 12px;padding:0;font-size:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-top:none;backdrop-filter:blur(2px);opacity:.5;transition:all .3s;z-index:10005}.game-main .fullscreen-exit-btn:active,.game-main .fullscreen-exit-btn:hover{opacity:1;height:34px;background:rgba(220,50,50,.8)}.game-main .fullscreen-exit-btn::before{content:"✕";font-size:12px;color:rgba(255,255,255,.8);font-weight:700}}#fullscreen-container{display:none!important}.hero-section{position:relative;height:380px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:40px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);background:#000}.hero-bg,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity .8s ease-in-out;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.hero-slide.active{opacity:1;z-index:2;pointer-events:auto}.hero-bg{background-size:cover;background-position:center;filter:blur(25px) brightness(.4);transform:scale(1.1)}.hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:40px;max-width:1000px;padding:0 40px;width:100%}.hero-thumb-wrapper{flex-shrink:0;perspective:1000px}.hero-thumb{width:280px;height:210px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 20px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);transform:rotateY(10deg);transition:transform .6s cubic-bezier(.23,1,.32,1)}.hero-slide.active .hero-thumb{transform:rotateY(5deg)}.hero-slide:hover .hero-thumb{transform:rotateY(0deg) scale(1.02)}.hero-info-box{flex:1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:0;transform:translateY(20px);transition:all .8s .2s}.hero-slide.active .hero-info-box{opacity:1;transform:translateY(0)}.hero-title{font-size:2.8rem;font-weight:800;margin-bottom:12px;background:linear-gradient(to right,#fff,#b4b4b4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-meta{display:flex;gap:10px;margin-bottom:20px;align-items:center}.hero-tag{padding:6px 14px;background:rgba(255,255,255,.15);border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(4px);letter-spacing:.5px;text-transform:uppercase}.hero-desc{font-size:1.1rem;color:rgba(255,255,255,.85);margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;max-width:600px}.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--primary);color:#fff;border-radius:40px;font-weight:700;font-size:1.1rem;transition:all .3s;box-shadow:0 8px 20px rgba(108,92,231,.4);border:1px solid rgba(255,255,255,.1)}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(108,92,231,.6);background:#7a6bf0}.hero-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s}.hero-dot:hover{background:rgba(255,255,255,.5)}.hero-dot.active{background:#fff;width:24px;border-radius:4px}@media (max-width:768px){.hero-section{height:360px;margin-bottom:30px}.hero-content{flex-direction:column;text-align:center;padding:20px 16px;gap:10px;justify-content:center}.hero-thumb{width:140px;height:105px;transform:rotateY(0)!important;box-shadow:0 5px 15px rgba(0,0,0,.3);margin-bottom:5px}.hero-info-box{width:100%}.hero-title{font-size:1.5rem;margin-bottom:6px}.hero-meta{justify-content:center;margin-bottom:10px;gap:6px}.hero-tag{font-size:.7rem;padding:4px 10px}.hero-desc{display:none}.hero-btn{width:100%;justify-content:center;padding:10px 20px;font-size:1rem;margin-top:5px}.hero-dots{bottom:15px}}.history-wrapper{position:relative}.history-btn,.history-dropdown{border:1px solid var(--glass-border)}.history-btn{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:1.2rem}.history-btn.active,.history-btn:hover{background:var(--primary);color:#fff;box-shadow:var(--glow-primary)}.history-dropdown{position:absolute;top:120%;right:0;width:320px;background:rgba(15,15,25,.95);backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:15px;box-shadow:var(--shadow-lg);z-index:1000;display:none;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.history-dropdown.show{display:block;opacity:1;transform:translateY(0)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--glass-border);font-size:.9rem;font-weight:600;color:var(--text-primary)}.history-list{max-height:300px;overflow-y:auto}.history-item{display:flex;gap:12px;padding:8px;border-radius:8px;transition:background .2s;align-items:center}.history-item:hover{background:rgba(255,255,255,.05)}.history-thumb{width:50px;height:50px;border-radius:8px;object-fit:cover}.history-info{flex:1;overflow:hidden}.history-title{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-cat{font-size:.75rem;color:var(--text-secondary)}.history-empty{text-align:center;color:var(--text-muted);padding:20px 0;font-size:.9rem}@media (max-width:768px){.carousel-track .game-card{min-width:160px;width:160px}.history-dropdown{position:fixed;top:60px;left:10px;right:10px;width:auto}.carousel-btn{display:none}}.game-main.fixed-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;background:#000!important;margin:0!important;padding:0!important;border-radius:0!important}.game-main.fixed-fullscreen .game-controls{display:none!important}.game-main.fixed-fullscreen .click-to-play{top:0!important}.game-main.fixed-fullscreen .game-frame{width:100%!important;height:100%!important;aspect-ratio:unset!important}.game-main.fixed-fullscreen .fullscreen-exit-btn{display:block!important;position:fixed!important;top:15px!important;right:15px!important;z-index:100000!important}.game-main.rotate-landscape{transform:rotate(90deg)!important;transform-origin:center center!important;width:100vh!important;height:100vw!important;position:fixed!important;top:50%!important;left:50%!important;margin-top:-50vw!important;margin-left:-50vh!important}.game-main.rotate-landscape .fullscreen-exit-btn{transform:rotate(-90deg)!important;top:auto!important;bottom:15px!important;right:auto!important;left:15px!important}.game-main:fullscreen{width:100%!important;height:100%!important;background:#000!important}.game-main:fullscreen .game-controls{display:none!important}.game-main:fullscreen .game-frame{width:100%!important;height:100%!important;aspect-ratio:unset!important}.game-main:fullscreen .fullscreen-exit-btn{display:block!important}.game-main:fullscreen .click-to-play{top:0!important}.game-main:-webkit-full-screen{background:#000!important}.game-main:-webkit-full-screen .game-controls{display:none!important}.game-main:-webkit-full-screen,.game-main:-webkit-full-screen .game-frame{width:100%!important;height:100%!important}.game-main:-webkit-full-screen .fullscreen-exit-btn{display:block!important}