:root{--gp-primary:#ff6b35;--gp-primary-dark:#e55a2b;--gp-secondary:#004e89;--gp-bg:#121212;--gp-surface:#1a1a20;--gp-surface-light:#22222a;--gp-border:#2a2a35;--gp-text:#ffffff;--gp-text-muted:#a0a0b0;--gp-text-dim:#666670;--gp-sidebar-w:80px;--gp-sidebar-expanded:260px;--gp-topbar-h:60px;--gp-radius:10px;--gp-radius-sm:6px;--gp-transition:0.25s ease;--gp-font:'Nunito',sans-serif;--gp-font-head:'Poppins',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--gp-font);background:var(--gp-bg);color:var(--gp-text);line-height:1.6;overflow-x:hidden}a{color:var(--gp-primary);text-decoration:none;transition:color var(--gp-transition)}a:hover{color:var(--gp-primary-dark)}.gp-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--gp-sidebar-w);background:var(--gp-surface);border-right:1px solid var(--gp-border);z-index:1000;overflow-y:auto;overflow-x:hidden;transition:width var(--gp-transition);display:flex;flex-direction:column}.gp-sidebar.expanded{width:var(--gp-sidebar-expanded)}.gp-sidebar::-webkit-scrollbar{width:4px}.gp-sidebar::-webkit-scrollbar-thumb{background:var(--gp-border);border-radius:4px}.gp-sidebar-logo{padding:16px 18px;border-bottom:1px solid var(--gp-border);text-align:center;overflow:hidden;white-space:nowrap}.gp-logo-img{max-height:36px;max-width:100%;vertical-align:middle}.gp-sidebar-nav{flex:1;padding:12px 0}.gp-sidebar-item{display:flex;align-items:center;gap:14px;padding:12px 22px;color:var(--gp-text-muted);font-size:14px;font-weight:600;white-space:nowrap;transition:all var(--gp-transition)}.gp-sidebar-item i{font-size:18px;width:24px;text-align:center;flex-shrink:0}.gp-sidebar-item span{opacity:0;transition:opacity 0.15s}.gp-sidebar.expanded .gp-sidebar-item span{opacity:1}.gp-sidebar-item:hover,.gp-sidebar-item.active{background:var(--gp-surface-light);color:var(--gp-primary);border-left:3px solid var(--gp-primary);padding-left:19px}.gp-sidebar-divider{height:1px;background:var(--gp-border);margin:12px 20px}.gp-sidebar-cats-label{padding:8px 22px;font-size:11px;text-transform:uppercase;color:var(--gp-text-dim);font-weight:700;letter-spacing:1px;opacity:0;transition:opacity 0.15s}.gp-sidebar.expanded .gp-sidebar-cats-label{opacity:1}.gp-sidebar-categories{padding:0}.gp-sidebar-cat-item{display:flex;align-items:center;gap:14px;padding:9px 22px;color:var(--gp-text-muted);font-size:13px;white-space:nowrap;transition:all var(--gp-transition)}.gp-sidebar-cat-item i{font-size:15px;width:24px;text-align:center;flex-shrink:0}.gp-sidebar-cat-item span{opacity:0;transition:opacity 0.15s}.gp-sidebar.expanded .gp-sidebar-cat-item span{opacity:1}.gp-sidebar-cat-item:hover{background:var(--gp-surface-light);color:var(--gp-primary)}.gp-sidebar-footer{border-top:1px solid var(--gp-border);padding:12px 0}.gp-sidebar-login{color:var(--gp-primary)}.gp-main-wrapper{margin-left:var(--gp-sidebar-w);transition:margin-left var(--gp-transition);min-height:100vh;display:flex;flex-direction:column}.gp-main-wrapper.expanded{margin-left:var(--gp-sidebar-expanded)}.gp-topbar{position:sticky;top:0;z-index:900;height:var(--gp-topbar-h);background:var(--gp-surface);border-bottom:1px solid var(--gp-border);display:flex;align-items:center}.gp-topbar-container{width:100%;max-width:1600px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px}.gp-menu-toggle,.gp-sidebar-collapse{background:none;border:none;color:var(--gp-text-muted);font-size:20px;cursor:pointer;padding:8px;transition:color var(--gp-transition)}.gp-menu-toggle:hover,.gp-sidebar-collapse:hover{color:var(--gp-primary)}.gp-sidebar-collapse{display:block}.gp-search-form{flex:1;max-width:500px}.gp-search-box{position:relative}.gp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gp-text-dim);font-size:14px}.gp-search-input{width:100%;padding:10px 14px 10px 40px;background:var(--gp-surface-light);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);color:var(--gp-text);font-size:14px;font-family:var(--gp-font);transition:border-color var(--gp-transition)}.gp-search-input:focus{outline:none;border-color:var(--gp-primary)}.gp-search-input::placeholder{color:var(--gp-text-dim)}.gp-search-toggle{display:none;background:none;border:none;color:var(--gp-text-muted);font-size:18px;cursor:pointer}.gp-topbar-right{margin-left:auto}.gp-login-btn{padding:8px 20px;background:var(--gp-primary);color:#fff !important;border-radius:var(--gp-radius-sm);font-weight:700;font-size:14px;transition:background var(--gp-transition)}.gp-login-btn:hover{background:var(--gp-primary-dark)}.gp-user-chip{font-size:22px;color:var(--gp-text-muted)}.gp-user-chip:hover{color:var(--gp-primary)}.gp-main-content{flex:1;padding:20px 24px;max-width:1600px;width:100%;margin:0 auto}.gp-hero{background:linear-gradient(135deg,var(--gp-secondary) 0%,#003366 100%);border-radius:var(--gp-radius);padding:40px;margin-bottom:28px;text-align:center}.gp-hero-title{font-family:var(--gp-font-head);font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.gp-hero-subtitle{color:rgba(255,255,255,0.8);font-size:15px;margin-bottom:18px}.gp-hero-btn{display:inline-block;padding:12px 28px;background:var(--gp-primary);color:#fff !important;border-radius:var(--gp-radius-sm);font-weight:700;font-size:15px;transition:background var(--gp-transition)}.gp-hero-btn:hover{background:var(--gp-primary-dark)}.gp-section{margin-bottom:32px}.gp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gp-section-title{font-family:var(--gp-font-head);font-size:18px;font-weight:600;color:var(--gp-text);display:flex;align-items:center;gap:8px}.gp-section-title i{color:var(--gp-primary)}.gp-view-all{font-size:13px;font-weight:600;color:var(--gp-text-muted);display:flex;align-items:center;gap:4px}.gp-view-all:hover{color:var(--gp-primary)}.gp-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.gp-game-grid-full{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gp-game-item{display:block;background:var(--gp-surface);border-radius:var(--gp-radius);overflow:hidden;transition:transform var(--gp-transition),box-shadow var(--gp-transition)}.gp-game-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.4)}.gp-game-thumb{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--gp-surface-light)}.gp-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gp-game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,107,53,0.85);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--gp-transition)}.gp-game-overlay i{font-size:28px;color:#fff}.gp-game-item:hover .gp-game-overlay{opacity:1}.gp-game-info{padding:10px 12px}.gp-game-title{font-size:13px;font-weight:600;color:var(--gp-text);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-game-meta{display:flex;gap:10px;font-size:11px;color:var(--gp-text-dim)}.gp-plays,.gp-rating{display:flex;align-items:center;gap:3px}.gp-plays i,.gp-rating i{font-size:10px}.gp-rating i{color:#ffc107}.gp-game-play-area{background:#000;border-radius:var(--gp-radius);overflow:hidden;margin-bottom:16px}.gp-game-iframe-wrap{position:relative;width:100%;padding-top:56.25%}.gp-game-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.gp-game-play-area.fullscreen .gp-game-iframe-wrap{padding-top:0;height:100vh}.gp-game-controls{display:flex;gap:10px;margin-bottom:20px}.gp-game-btn{padding:8px 16px;background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);color:var(--gp-text-muted);font-size:13px;cursor:pointer;transition:all var(--gp-transition);display:flex;align-items:center;gap:6px}.gp-game-btn:hover{border-color:var(--gp-primary);color:var(--gp-primary)}.gp-game-detail{margin-bottom:24px}.gp-game-detail-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.gp-game-h1{font-family:var(--gp-font-head);font-size:24px;font-weight:700}.gp-game-stats{display:flex;gap:16px;font-size:14px;color:var(--gp-text-muted)}.gp-stat{display:flex;align-items:center;gap:5px}.gp-game-actions{display:flex;gap:10px}.gp-vote-btn,.gp-fav-btn{padding:8px 16px;background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);color:var(--gp-text-muted);font-size:13px;cursor:pointer;transition:all var(--gp-transition);display:flex;align-items:center;gap:6px}.gp-vote-btn:hover,.gp-fav-btn:hover{border-color:var(--gp-primary);color:var(--gp-primary)}.gp-vote-btn.active{color:var(--gp-primary);border-color:var(--gp-primary)}.gp-game-description,.gp-game-instructions{margin-bottom:24px}.gp-game-section-title{font-family:var(--gp-font-head);font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.gp-game-section-title i{color:var(--gp-primary)}.gp-game-desc-text,.gp-game-instr-text{color:var(--gp-text-muted);line-height:1.8;font-size:14px}.gp-game-cats-tags{margin-bottom:24px}.gp-cats-label{font-size:14px;color:var(--gp-text-dim);margin-right:8px}.gp-cat-tag{display:inline-block;padding:4px 12px;background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:20px;font-size:12px;margin:3px;color:var(--gp-text-muted)}.gp-cat-tag:hover{border-color:var(--gp-primary);color:var(--gp-primary)}.gp-leaderboard{margin-bottom:24px}.gp-leaderboard-list{background:var(--gp-surface);border-radius:var(--gp-radius);overflow:hidden}.gp-leaderboard-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gp-border)}.gp-leaderboard-item:last-child{border-bottom:none}.gp-rank{width:32px;font-weight:700;color:var(--gp-primary)}.gp-lb-name{flex:1;font-size:14px}.gp-lb-score{font-weight:700;color:var(--gp-text-muted)}.gp-comments-section{margin-bottom:24px}.gp-archive-header{margin-bottom:24px}.gp-archive-title{font-family:var(--gp-font-head);font-size:26px;font-weight:700;margin-bottom:6px}.gp-archive-info{display:flex;gap:16px;font-size:14px;color:var(--gp-text-muted)}.gp-empty-state{text-align:center;padding:60px 20px;color:var(--gp-text-dim)}.gp-empty-state i{font-size:48px;margin-bottom:16px}.gp-pagination{display:flex;gap:6px;justify-content:center;margin:28px 0}.gp-pagination a,.gp-pagination span{padding:8px 14px;background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:var(--gp-radius-sm);font-size:14px;color:var(--gp-text-muted)}.gp-pagination a:hover{border-color:var(--gp-primary);color:var(--gp-primary)}.gp-pagination .current{background:var(--gp-primary);color:#fff;border-color:var(--gp-primary)}.gp-404{text-align:center;padding:60px 20px}.gp-404-code{font-size:80px;font-weight:800;color:var(--gp-primary);font-family:var(--gp-font-head)}.gp-404-text{font-size:16px;color:var(--gp-text-muted);margin-bottom:20px}.gp-404-btn{display:inline-block;padding:12px 28px;background:var(--gp-primary);color:#fff !important;border-radius:var(--gp-radius-sm);font-weight:700}.gp-404-btn:hover{background:var(--gp-primary-dark)}.gp-seo-content{background:var(--gp-surface);border-top:1px solid var(--gp-border);margin-top:40px;padding:36px 0}.gp-seo-container{max-width:1200px;margin:0 auto;padding:0 24px}.gp-seo-text p{font-size:15px;color:var(--gp-text-muted);line-height:1.8;margin-bottom:14px}.gp-seo-text strong{color:var(--gp-text);font-weight:700}.gp-seo-cta{margin-top:20px;padding-top:20px;border-top:1px dashed var(--gp-border)}.gp-seo-cta p{font-size:16px;color:var(--gp-text);font-weight:600}.gp-seo-cta strong{color:var(--gp-primary)}.gp-footer{background:#0f0f13;border-top:1px solid var(--gp-border)}.gp-footer-container{max-width:1600px;margin:0 auto;padding:40px 24px 20px}.gp-footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:24px}.gp-footer-title{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--gp-text)}.gp-footer-text{color:var(--gp-text-muted);font-size:13px;line-height:1.7}.gp-footer-links{display:flex;flex-direction:column;gap:8px}.gp-footer-links a{color:var(--gp-text-muted);font-size:13px}.gp-footer-links a:hover{color:var(--gp-primary)}.gp-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:20px;border-top:1px solid var(--gp-border);color:var(--gp-text-dim);font-size:12px}.gp-admin-link{color:var(--gp-primary);font-size:12px}.gp-search-overlay{position:fixed;top:0;left:0;right:0;background:rgba(18,18,18,0.98);z-index:2000;padding:20px;display:none}.gp-search-overlay.active{display:block}.gp-search-overlay-form{max-width:600px;margin:40px auto 0;display:flex;align-items:center;gap:12px;background:var(--gp-surface-light);border:1px solid var(--gp-border);border-radius:var(--gp-radius);padding:12px 18px}.gp-search-overlay-form i{font-size:18px;color:var(--gp-text-dim)}.gp-search-overlay-form input{flex:1;background:none;border:none;color:var(--gp-text);font-size:18px;font-family:var(--gp-font)}.gp-search-overlay-form input:focus{outline:none}#gpSearchClose{background:none;border:none;color:var(--gp-text-muted);font-size:18px;cursor:pointer}.gp-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:999}.gp-game-item{opacity:0;transform:translateY(20px)}.gp-game-item.gp-visible{opacity:1;transform:translateY(0);transition:opacity 0.4s,transform 0.4s}@media (max-width:1024px){.gp-sidebar{transform:translateX(-100%);width:var(--gp-sidebar-expanded)}.gp-sidebar.mobile-open{transform:translateX(0)}.gp-sidebar.expanded{width:var(--gp-sidebar-expanded)}.gp-sidebar .gp-sidebar-item span,.gp-sidebar .gp-sidebar-cat-item span,.gp-sidebar .gp-sidebar-cats-label{opacity:1}.gp-main-wrapper{margin-left:0}.gp-main-wrapper.expanded{margin-left:0}.gp-sidebar-collapse{display:none}.gp-menu-toggle{display:block}.gp-mobile-overlay.active{display:block}.gp-footer-content{grid-template-columns:1fr 1fr;gap:24px}.gp-footer-about{grid-column:1 / -1}}@media (max-width:640px){.gp-main-content{padding:14px}.gp-game-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.gp-game-title{font-size:12px}.gp-game-info{padding:8px}.gp-hero{padding:18px;margin-bottom:18px}.gp-hero-title{font-size:20px}.gp-section{margin-bottom:22px}.gp-section-title{font-size:15px}.gp-game-h1{font-size:18px}.gp-footer-container{padding:28px 16px 16px}.gp-footer-content{grid-template-columns:1fr;gap:20px}.gp-topbar-container{padding:0 14px}.gp-search-form{display:none}.gp-search-toggle{display:block;margin-left:auto}.gp-seo-container{padding:0 16px}.gp-seo-text p{font-size:14px}.gp-game-controls{flex-wrap:wrap}}@media (max-width:768px){.gp-main-content{padding:8px !important}.gp-game-play-area{border-radius:0 !important;margin:0 -8px 12px -8px !important}.gp-game-iframe-wrap{padding-top:0 !important;height:70vh !important;min-height:420px !important}.gp-game-iframe{position:relative !important;width:100% !important;height:70vh !important;min-height:420px !important}.gp-game-play-area.fullscreen .gp-game-iframe-wrap,.gp-game-play-area.fullscreen .gp-game-iframe{height:100vh !important;min-height:100vh !important}}@media (max-width:640px){.gp-main-content{padding:6px !important}.gp-game-play-area{margin:0 -6px 10px -6px !important}.gp-game-iframe-wrap,.gp-game-iframe{height:65vh !important;min-height:380px !important}}.gp-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 0;margin-bottom:8px;font-size:13px;color:var(--gp-text-muted,#888)}.gp-breadcrumb a{color:var(--gp-text-secondary,#aaa);text-decoration:none;transition:color 0.2s}.gp-breadcrumb a:hover{color:var(--gp-accent,#ff6b35)}.gp-breadcrumb .gp-bc-separator{color:var(--gp-text-muted,#555);font-size:11px}.gp-breadcrumb .gp-bc-current{color:var(--gp-text-primary,#eee);font-weight:600}.gp-static-page{background:#1e1e1e;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,0.4);border:1px solid #2a2a2a}.gp-static-page-header{border-bottom:1px solid #2a2a2a;padding-bottom:20px;margin-bottom:24px}.gp-static-page-title{color:#ff6b35;font-size:2rem;font-weight:700;margin:0 0 12px}.gp-static-page-meta{color:#888;font-size:0.9rem}.gp-static-page-meta i{margin-right:6px;color:#ff6b35}.gp-static-page-content{color:#d0d0d0;font-size:1rem;line-height:1.8}.gp-static-page-content h2{color:#ff6b35;font-size:1.4rem;margin:28px 0 14px;font-weight:600}.gp-static-page-content h3{color:#ff8c5a;font-size:1.15rem;margin:22px 0 12px;font-weight:600}.gp-static-page-content p{margin:0 0 16px}.gp-static-page-content ul,.gp-static-page-content ol{margin:0 0 16px 24px}.gp-static-page-content li{margin-bottom:8px}.gp-static-page-content a{color:#ff6b35;text-decoration:none;border-bottom:1px dotted #ff6b35}.gp-static-page-content a:hover{color:#ff8c5a;border-bottom-color:#ff8c5a}.gp-static-page-content code{background:#2a2a2a;padding:2px 8px;border-radius:4px;font-family:'Courier New',monospace;font-size:0.9em;color:#ff8c5a}.gp-static-page-footer{margin-top:32px;padding-top:20px;border-top:1px solid #2a2a2a}.gp-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ff6b35 0%,#ff8c5a 100%);color:#fff !important;border-radius:8px;text-decoration:none !important;font-weight:600;transition:all 0.2s ease;border:none !important}.gp-back-btn:hover{transform:translateX(-3px);box-shadow:0 4px 12px rgba(255,107,53,0.4);rgba:255,255,255,1}@media (max-width:768px){.gp-static-page{padding:20px}.gp-static-page-title{font-size:1.5rem}}.gp-footer-bottom-links{display:inline-flex;gap:20px;margin-left:20px;flex-wrap:wrap}.gp-footer-bottom-links a{color:#888;text-decoration:none;font-size:0.9rem;transition:color 0.2s ease}.gp-footer-bottom-links a:hover{color:#ff6b35}@media (max-width:768px){.gp-footer-bottom-links{margin-left:0;margin-top:12px;width:100%;justify-content:center;gap:16px}.gp-footer-bottom{flex-direction:column;text-align:center}}.gp-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:24px 0}.gp-blog-card{background:#252525;border:1px solid #2a2a2a;border-radius:10px;padding:20px;transition:all 0.2s ease}.gp-blog-card:hover{border-color:#ff6b35;transform:translateY(-2px)}.gp-blog-card h3{color:#ff6b35;font-size:1.1rem;margin:0 0 8px;font-weight:600}.gp-blog-card p{color:#d0d0d0;font-size:0.9rem;margin:0;line-height:1.5}.gp-share-buttons{display:flex;align-items:center;gap:8px;margin:12px 0;padding:10px 16px;background:var(--gp-card-bg,#1a1a2e);border-radius:10px}.gp-share-label{font-size:14px;color:var(--gp-text-muted,#8892a6);margin-right:4px;display:flex;align-items:center;gap:6px}.gp-share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#fff;font-size:15px;transition:all 0.2s ease;text-decoration:none}.gp-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.gp-share-fb{background:#1877f2}.gp-share-tw{background:#1da1f2}.gp-share-pin{background:#e60023}.gp-share-reddit{background:#ff4500}.gp-share-wa{background:#25d366}@media (max-width:768px){.gp-share-buttons{flex-wrap:wrap;gap:6px;padding:8px 10px}.gp-share-btn{width:32px;height:32px;font-size:13px}}