:root{--cg-bg:#141519;--cg-panel:#1b1d22;--cg-panel2:#22242b;--cg-border:#2a2d34;--cg-text:#f2f3f5;--cg-muted:#9aa0a8;--cg-accent:#8b5cf6;--cg-lime:#a3e635;--cg-green:#22c55e;--cg-radius:14px;--cg-sidebar:220px;--cg-header:56px;--cg-max:1550px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cg-bg);color:var(--cg-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.cg-header{position:fixed;top:0;left:0;right:0;height:var(--cg-header);z-index:100;background:#101114;border-bottom:1px solid var(--cg-border);display:flex;align-items:center;gap:12px;padding:0 12px;flex-wrap:wrap}.cg-menu-btn{background:none;border:1px solid var(--cg-border);color:var(--cg-text);border-radius:10px;width:40px;height:40px;font-size:20px;cursor:pointer;flex:none}.cg-logo{font-weight:800;font-size:19px;letter-spacing:.2px;white-space:nowrap;display:flex;align-items:center;gap:8px}.cg-logo img{height:32px;width:auto}.cg-logo-mark{width:32px;height:32px;border-radius:9px;background:var(--cg-accent);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex:none}.cg-search{flex:1;display:flex;align-items:center;gap:8px;background:#23252d;border:1px solid var(--cg-border);border-radius:999px;padding:0 14px;height:40px;min-width:160px;max-width:560px;margin:0 auto}.cg-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--cg-text)}.cg-search input::placeholder{color:var(--cg-muted)}.cg-search button{background:none;border:0;color:var(--cg-muted);cursor:pointer;font-size:17px}.cg-header-actions{display:flex;align-items:center;gap:8px;flex:none}.cg-pill{border:1px solid var(--cg-border);background:var(--cg-panel);color:var(--cg-text);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.cg-pill--lime{background:var(--cg-lime);color:#111;border-color:var(--cg-lime)}.cg-pill--green{background:var(--cg-green);color:#fff;border-color:var(--cg-green)}.cg-bell{background:var(--cg-panel);border:1px solid var(--cg-border);color:var(--cg-text);border-radius:50%;width:40px;height:40px;font-size:17px;cursor:pointer}.cg-profile{position:relative}.cg-profile-btn{display:flex;align-items:center;gap:8px;background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:999px;padding:4px 10px 4px 4px;color:var(--cg-text);cursor:pointer}.cg-profile-btn img{width:32px;height:32px;border-radius:50%;object-fit:cover}.cg-dropdown{display:none;position:absolute;right:0;top:48px;background:var(--cg-panel2);border:1px solid var(--cg-border);border-radius:12px;min-width:200px;padding:8px;z-index:120}.cg-dropdown.open{display:block}.cg-dropdown a{display:block;padding:9px 12px;border-radius:8px;font-size:14px}.cg-dropdown a:hover{background:#2e313a}.cg-layout{display:flex;padding-top:var(--cg-header);min-height:100vh}.cg-sidebar{width:var(--cg-sidebar);flex:none;position:fixed;top:var(--cg-header);bottom:0;left:0;overflow-y:auto;scrollbar-width:none !important;-ms-overflow-style:none !important;overflow-y:auto;background:#101114;border-right:1px solid var(--cg-border);box-shadow:4px 0 20px rgba(0,0,0,.35);padding:12px;display:flex;flex-direction:column;z-index:90}.cg-sidebar::-webkit-scrollbar,.cg-sidebar--narrow::-webkit-scrollbar,.cg-sidebar--collapsed::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important;background:transparent !important}.cg-sidebar::-webkit-scrollbar-thumb,.cg-sidebar::-webkit-scrollbar-track{background:transparent !important}.cg-sidebar nav{flex:1;min-height:0}.cg-nav-top{position:sticky;top:0;z-index:2;background:#101114;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--cg-border)}.cg-nav-top .cg-nav-link{font-weight:600}.cg-nav-top .cg-nav-link.active{background:#262932;box-shadow:inset 0 0 0 1px #343842}.cg-nav-scroll{padding-top:2px}.cg-sidebar--narrow{width:60px}.cg-sidebar--narrow .cg-nav-label,.cg-sidebar--narrow .cg-nav-group-title,.cg-sidebar--narrow .cg-sidebar-footer{display:none}.cg-sidebar--narrow .cg-nav-link{justify-content:center;padding:10px 4px}.cg-nav-group-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cg-muted);padding:14px 10px 6px}.cg-nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;color:#c9cdd4}.cg-nav-link:hover{background:var(--cg-panel2);color:#fff}.cg-nav-link.active{background:#262932;color:#fff}.cg-nav-icon{width:22px;text-align:center;flex:none;color:var(--cg-accent)}.cg-nav-link.active .cg-nav-icon{color:var(--cg-lime)}.cg-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--cg-border)}.cg-sidebar-footer a{display:inline-block;font-size:12px;color:var(--cg-muted);padding:4px 8px 4px 0}.cg-sidebar-footer p{font-size:11px;color:var(--cg-muted);margin:8px 0 0}.cg-main{flex:1;min-width:0;margin-left:var(--cg-sidebar);padding:18px 20px 24px}.cg-layout--narrow .cg-main{margin-left:60px}.cg-section{margin:22px 0}.cg-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cg-section-head h2,.cg-section-head h1{margin:0;font-size:21px;font-weight:800}.cg-section-head a{font-size:13px;color:var(--cg-muted);white-space:nowrap}.cg-mood-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cg-mood{border-radius:var(--cg-radius);padding:20px;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--cg-panel2);border:1px solid var(--cg-border);overflow:hidden}.cg-mood b{font-size:16px}.cg-mood span{font-size:13px;color:var(--cg-muted)}.cg-tint-1{background:#1e2a2e}.cg-tint-2{background:#2b1e2e}.cg-tint-3{background:#232b1e}.cg-tint-4{background:#2e2418}.cg-tint-5{background:#1e2436}.cg-tint-6{background:#2e1e1e}.cg-tint-7{background:#1e2e28}.cg-tint-8{background:#2b2b1e}.cg-carousel{position:relative}.cg-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}.cg-row::-webkit-scrollbar{display:none}.cg-row .cg-card{flex:0 0 260px;scroll-snap-align:start}.cg-row .cg-card--wide{flex-basis:380px}
.cg-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:0;border:1px solid var(--cg-border);border-radius:var(--cg-radius);overflow:hidden;background:var(--cg-panel);margin:4px 0 22px}
.cg-hero-media{display:block;aspect-ratio:16/9;background:#23252d;overflow:hidden}
.cg-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.cg-hero-body{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.cg-hero-body h1{margin:0;font-size:30px;line-height:1.15}
.cg-hero-body p{margin:0;color:var(--cg-muted);font-size:14px}
.cg-hero-play{display:inline-block;background:var(--cg-lime);color:#111;font-weight:800;border-radius:999px;padding:12px 22px;width:fit-content}
@media(max-width:768px){.cg-hero{grid-template-columns:1fr}.cg-hero-body h1{font-size:24px}}.cg-arrow{position:absolute;top:38%;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--cg-border);background:rgba(0,0,0,.65);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cg-arrow--left{left:2px}.cg-arrow--right{right:2px}.cg-arrow[hidden]{display:none}.cg-card{display:block;border-radius:var(--cg-radius);overflow:hidden;background:var(--cg-panel);border:1px solid var(--cg-border);position:relative}.cg-card-media{display:block;aspect-ratio:16/9;background:#23252d;position:relative;overflow:hidden}.cg-card-media img{width:100%;height:100%;object-fit:cover;display:block}.cg-badge{position:absolute;top:8px;left:8px;background:var(--cg-accent);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase}.cg-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 9px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff;display:block}.cg-card-title{display:block;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cg-card-meta{display:block;font-size:12px;color:#d3d6db;opacity:0;transition:opacity .15s}.cg-card:hover .cg-card-meta,.cg-card:focus-visible .cg-card-meta{opacity:1}.cg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cg-grid .cg-card-media{aspect-ratio:16/9}.cg-breadcrumb{font-size:13px;color:var(--cg-muted);margin-bottom:8px}.cg-breadcrumb a{color:var(--cg-muted)}.cg-page-title{font-size:30px;font-weight:800;text-transform:uppercase;margin:0 0 6px}.cg-intro{color:var(--cg-muted);margin:0 0 16px}.cg-sort{float:right;background:var(--cg-panel);color:var(--cg-text);border:1px solid var(--cg-border);border-radius:999px;padding:8px 12px;font-size:13px}.cg-pagination{display:flex;gap:8px;justify-content:center;margin:22px 0;flex-wrap:wrap}.cg-pagination a,.cg-pagination span{border:1px solid var(--cg-border);background:var(--cg-panel);border-radius:10px;padding:8px 14px;font-size:14px}.cg-pagination span.active{background:var(--cg-accent);border-color:var(--cg-accent)}.cg-seo{background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:var(--cg-radius);padding:18px;margin-top:28px}.cg-seo h2{font-size:19px;margin:18px 0 8px}.cg-seo h2:first-child{margin-top:0}.cg-seo p,.cg-seo li{color:var(--cg-muted);font-size:14px}.cg-tag-tiles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cg-tag-tiles a{background:var(--cg-panel2);border:1px solid var(--cg-border);border-radius:999px;padding:7px 13px;font-size:13px}.cg-bottom-actions{display:flex;gap:10px;justify-content:center;margin:24px 0 8px;flex-wrap:wrap}.cg-ad{border:1px dashed var(--cg-border);border-radius:12px;padding:10px;text-align:center;overflow:hidden;max-width:100%}.cg-ad-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cg-muted);display:block;margin-bottom:6px}.cg-job-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.cg-player{aspect-ratio:16/9;background:#000;border-radius:var(--cg-radius);overflow:hidden;border:1px solid var(--cg-border);position:relative;width:100%}.cg-player iframe{width:100%;height:100%;border:0;display:block}.cg-toolbar{background:#000;border:1px solid var(--cg-border);border-top:0;border-radius:0 0 var(--cg-radius) var(--cg-radius);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cg-toolbar b{font-size:15px}.cg-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cg-icon-btn{background:var(--cg-panel2);border:1px solid var(--cg-border);color:var(--cg-text);border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer}.cg-icon-btn.active{background:var(--cg-accent);border-color:var(--cg-accent)}.cg-meta-card{background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:var(--cg-radius);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:18px 0}.cg-meta-card dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cg-muted)}.cg-meta-card dd{margin:2px 0 0;font-size:14px}.cg-desc h2{font-size:19px;margin:22px 0 8px}.cg-desc p,.cg-desc li{color:var(--cg-muted);font-size:15px}.cg-playnext h2{font-size:17px;margin:0 0 12px}.cg-playnext .cg-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.cg-playnext .cg-card{border-radius:18px;border:0;background:transparent}
.cg-playnext .cg-card-media{border-radius:18px}
.cg-playnext .cg-card-overlay{opacity:0;transition:opacity .2s ease;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}
.cg-playnext .cg-card:hover .cg-card-overlay,.cg-playnext .cg-card:focus-visible .cg-card-overlay{opacity:1}
@media(hover:none){.cg-playnext .cg-card-overlay{opacity:1}}.cg-form{max-width:420px;margin:40px auto;background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:var(--cg-radius);padding:22px}.cg-form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--cg-muted);margin:14px 0 5px}.cg-form input,.cg-form textarea{width:100%;background:#23252d;border:1px solid var(--cg-border);border-radius:10px;padding:12px;color:var(--cg-text);outline:0}.cg-form input:focus,.cg-form textarea:focus{border-color:var(--cg-accent)}.cg-btn{width:100%;background:var(--cg-accent);color:#fff;border:0;border-radius:10px;padding:13px;font-weight:700;cursor:pointer;margin-top:16px}.cg-alert{background:#7f1d1d;color:#fff;border-radius:10px;padding:12px;text-align:center;margin-bottom:14px}.cg-alert--ok{background:#14532d}.cg-error{color:#fca5a5;font-size:13px}.cg-card-user{background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:var(--cg-radius);padding:18px;text-align:center}.cg-card-user img{width:120px;height:120px;border-radius:50%;object-fit:cover}.cg-comment{display:flex;gap:12px;margin-bottom:18px}.cg-comment img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}.cg-404{text-align:center;padding:80px 16px}.cg-404 b{font-size:96px;line-height:1;display:block}.cg-footer-strip{border-top:1px solid var(--cg-border);padding:16px 0;color:var(--cg-muted);font-size:12px;text-align:center}.cg-backdrop{display:none}@media(max-width:1100px){.cg-grid{grid-template-columns:repeat(4,1fr)}.cg-mood-row{grid-template-columns:repeat(2,1fr)}.cg-job-layout{grid-template-columns:1fr}.cg-playnext .cg-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){:root{--cg-sidebar:0px}.cg-header{height:auto;padding:10px 12px}.cg-search{order:3;flex-basis:100%;max-width:none;margin:0}.cg-header-actions .cg-pill:not(.cg-pill--lime){display:none}.cg-sidebar{transform:translateX(-105%);transition:transform .2s;top:0;padding-top:112px;width:260px}.cg-sidebar.open{transform:translateX(0)}.cg-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80}.cg-main,.cg-layout--narrow .cg-main{margin-left:0;padding:14px 12px}.cg-layout{padding-top:116px}.cg-sidebar--narrow{width:260px}.cg-sidebar--narrow .cg-nav-label,.cg-sidebar--narrow .cg-nav-group-title,.cg-sidebar--narrow .cg-sidebar-footer{display:block}.cg-grid{grid-template-columns:repeat(2,1fr)}.cg-playnext .cg-grid{grid-template-columns:repeat(2,1fr)}.cg-row .cg-card{flex-basis:168px}.cg-row .cg-card--wide{flex-basis:250px}.cg-page-title{font-size:24px}.cg-meta-card{grid-template-columns:1fr}.cg-toolbar{flex-direction:column;align-items:flex-start}}@media(max-width:400px){.cg-logo{font-size:16px}.cg-row .cg-card{flex-basis:150px}.cg-mood-row{grid-template-columns:1fr 1fr}}@media(hover:none){.cg-card-meta{opacity:1}}
/* v2: hover lift, hero card, article, TOC, FAQ */
.cg-card,.cg-mood{transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s ease;will-change:transform}
.cg-card-media img{transition:transform .3s ease}
@media (hover:hover){
.cg-card:hover,.cg-card:focus-visible,.cg-mood:hover,.cg-mood:focus-visible{transform:translateY(-8px);box-shadow:0 18px 32px rgba(0,0,0,.55)}
.cg-card:hover .cg-card-media img,.cg-card:focus-visible .cg-card-media img{transform:scale(1.06)}
.cg-row .cg-card--wide:hover,.cg-row .cg-card--wide:focus-visible{transform:translateY(-10px);box-shadow:0 20px 36px rgba(0,0,0,.55)}
.cg-hero-card:hover,.cg-hero-card:focus-visible{transform:perspective(900px) translateY(-8px) rotateX(1.5deg);box-shadow:0 22px 38px rgba(0,0,0,.55)}
.cg-hero-card:hover .cg-card-media img{transform:scale(1.05)}
.cg-preview-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;pointer-events:none}
.cg-back-to-game{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(24px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;background:var(--cg-accent);color:#fff;border:0;border-radius:999px;padding:14px 28px;font-weight:800;font-size:16px;cursor:pointer;z-index:200;box-shadow:0 12px 28px rgba(0,0,0,.55)}
.cg-back-to-game.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.cg-card.cg-previewing{transform:translateY(-8px);box-shadow:0 18px 32px rgba(0,0,0,.55)}
.cg-toc:hover .cg-toc-list{display:block}
}
@media (hover:none){
.cg-card:hover,.cg-card:focus-visible,.cg-mood:hover,.cg-hero-card:hover{transform:none;box-shadow:none}
}
.cg-hero-card{display:block;margin:16px 0 4px;width:100%}
.cg-hero-card .cg-card-media{aspect-ratio:16/9}
.cg-hero-placeholder .cg-card-media{display:flex;align-items:center;justify-content:center}
.cg-article{margin-top:22px}
.cg-article h2{font-size:20px;margin:24px 0 10px}
.cg-article p,.cg-article li{color:var(--cg-muted);font-size:15px}
.cg-article p b,.cg-article li b{color:var(--cg-text)}
.cg-article-intro{color:var(--cg-text)!important;font-size:16px}
.cg-article-meta{font-size:13px}
.cg-article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.cg-article th,.cg-article td{border:1px solid var(--cg-border);padding:8px 10px;text-align:left;vertical-align:top}
.cg-article th{background:var(--cg-panel2);color:var(--cg-text)}
.cg-article-related{margin:20px 0}
.cg-toc{background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:var(--cg-radius);padding:14px 16px;margin:22px 0}
.cg-toc-toggle{background:var(--cg-panel2);border:1px solid var(--cg-border);color:var(--cg-text);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;width:100%;text-align:left}
.cg-toc-list{display:none;margin:12px 0 4px;padding-left:22px}
.cg-toc.open .cg-toc-list{display:block}
.cg-toc-list li{margin:6px 0}
.cg-toc-list a{color:var(--cg-muted)}
.cg-toc-list a:hover{color:var(--cg-text)}
.cg-faq details{background:var(--cg-panel);border:1px solid var(--cg-border);border-radius:12px;padding:12px 14px;margin:10px 0}
.cg-faq summary{cursor:pointer;font-weight:700;color:var(--cg-text);list-style-position:inside}
.cg-faq details[open] summary{margin-bottom:8px}

/* v2-sidebar: icon sizing, collapsed rail, hover-expand (desktop only) */
.cg-nav-icon svg{width:22px;height:22px;display:block}
.cg-nav-icon--grey{color:#9aa0a8}
@media (min-width:769px) and (hover:hover){
.cg-sidebar{transition:width .2s ease,transform .2s ease}
.cg-layout--collapsed .cg-sidebar,.cg-sidebar--collapsed{width:60px}
.cg-layout--collapsed .cg-main{margin-left:60px}
.cg-sidebar--collapsed .cg-nav-label,.cg-sidebar--collapsed .cg-nav-group-title,.cg-sidebar--collapsed .cg-sidebar-footer{display:none}
.cg-sidebar--collapsed .cg-nav-link{justify-content:center;padding:10px 4px}
.cg-sidebar--collapsed:hover,.cg-sidebar--narrow:hover{width:220px;box-shadow:18px 0 30px rgba(0,0,0,.45)}
.cg-sidebar--collapsed:hover .cg-nav-label,.cg-sidebar--collapsed:hover .cg-nav-group-title,.cg-sidebar--collapsed:hover .cg-sidebar-footer,.cg-sidebar--narrow:hover .cg-nav-label,.cg-sidebar--narrow:hover .cg-nav-group-title,.cg-sidebar--narrow:hover .cg-sidebar-footer{display:block}
.cg-sidebar--collapsed:hover .cg-nav-link,.cg-sidebar--narrow:hover .cg-nav-link{justify-content:flex-start}
}
@media (min-width:769px){
.cg-sidebar{transition:width .2s ease,transform .2s ease}
.cg-layout--collapsed .cg-sidebar,.cg-sidebar--collapsed{width:60px}
.cg-layout--collapsed .cg-main{margin-left:60px}
.cg-sidebar--collapsed .cg-nav-label,.cg-sidebar--collapsed .cg-nav-group-title,.cg-sidebar--collapsed .cg-sidebar-footer{display:none}
.cg-sidebar--collapsed .cg-nav-link{justify-content:center;padding:10px 4px}
}

html{scrollbar-width:thin;scrollbar-color:#2a2d34 #101114}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#101114}::-webkit-scrollbar-thumb{background:#2a2d34;border-radius:8px}

/* v14 fixes: sidebar footer + card hover */
.cg-sidebar{display:block}
.cg-sidebar nav{flex:none}
.cg-sidebar-footer{margin-top:0;padding-bottom:12px}
.cg-nav-top{position:sticky;top:0}
.cg-card{transition:transform .12s ease,box-shadow .12s ease}
.cg-card:hover,.cg-card:focus-visible{transform:translateY(-12px)!important;box-shadow:0 22px 38px rgba(0,0,0,.6)}
.cg-row .cg-card--wide:hover,.cg-row .cg-card--wide:focus-visible{transform:translateY(-14px)!important}
.cg-card:hover .cg-card-media img,.cg-card:focus-visible .cg-card-media img{transform:scale(1.08)}
.cg-playnext .cg-card:hover,.cg-playnext .cg-card:focus-visible{transform:translateY(-8px)!important}

/* v15: hover frame like the screenshot — bigger card, purple frame, fast */
.cg-row{padding:14px 2px 14px}
.cg-card{transition:transform .12s ease,box-shadow .12s ease,outline .12s ease}
.cg-card:hover,.cg-card:focus-visible{transform:translateY(-10px) scale(1.07)!important;box-shadow:0 24px 40px rgba(0,0,0,.65),0 0 0 2px #8b5cf6!important;z-index:20}
.cg-row .cg-card--wide:hover,.cg-row .cg-card--wide:focus-visible{transform:translateY(-12px) scale(1.06)!important}
.cg-playnext .cg-card:hover,.cg-playnext .cg-card:focus-visible{transform:translateY(-8px) scale(1.05)!important}
.cg-card:hover .cg-card-media img,.cg-card:focus-visible .cg-card-media img{transform:scale(1.08);transition:transform .12s ease}
.cg-card-overlay{background:linear-gradient(to top,rgba(124,58,237,.95),rgba(124,58,237,.55) 45%,transparent)!important;padding:36px 12px 12px}
.cg-card-title{font-size:16px}
.cg-card-meta{display:flex!important;gap:10px;align-items:center;flex-wrap:wrap}
.cg-card:hover .cg-card-meta,.cg-card:focus-visible .cg-card-meta{opacity:1!important}
.cg-card-cat{background:rgba(0,0,0,.45);border-radius:999px;padding:2px 10px;font-weight:700;color:#fff}
.cg-card-plays,.cg-card-likes{font-size:13px;color:#fff;font-weight:600}

/* v16: category cards with a real game picture, CrazyGames-style lift */
.cg-mood{padding:0;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}
.cg-mood img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cg-mood b{padding:14px 16px 0}
.cg-mood span{padding:0 16px 16px}
.cg-mood:hover,.cg-mood:focus-visible{transform:translateY(-12px) scale(1.03)!important;box-shadow:0 22px 38px rgba(0,0,0,.6),0 0 0 2px #8b5cf6!important}

/* v21: sidebar is ONE list — top group (Home..AutoPlay) is no longer sticky,
   it scrolls together with Categories and the footer, as a single column. */
.cg-nav-top{position:static!important;top:auto!important;background:transparent!important;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--cg-border)}
.cg-nav-scroll{padding-top:2px}
/* v21: instant motion on hover — the picture starts moving the moment the
   mouse lands on a card (no wait), while the real game loads behind it. */
@keyframes cg-card-motion{0%{transform:scale(1.08) translateX(0)}50%{transform:scale(1.16) translateX(-2%)}100%{transform:scale(1.08) translateX(0)}}
.cg-card:hover .cg-card-media img,.cg-card:focus-visible .cg-card-media img{animation:cg-card-motion 2.5s ease-in-out infinite}
.cg-preview-frame{opacity:0;transition:opacity .3s ease}
.cg-previewing.cg-preview-loaded .cg-preview-frame{opacity:1}

/* v23: hero slider controls + fade between slides */
.cg-hero-slider .cg-hero-media img{transition:opacity .4s ease}
.cg-hero-slider.cg-hero-fading .cg-hero-media img{opacity:0}
.cg-hero-controls{display:flex;align-items:center;gap:10px;margin-top:6px}
.cg-hero-arrow{background:var(--cg-panel2);border:1px solid var(--cg-border);color:var(--cg-text);border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;line-height:1}
.cg-hero-dots{display:flex;gap:6px}
.cg-hero-dot{width:10px;height:10px;border-radius:50%;border:0;background:#4a4e57;cursor:pointer;padding:0}
.cg-hero-dot.active{background:var(--cg-lime)}

/* v1.3: job detail related rail — like Game's Play next, cards stacked in
   the 300px side rail on desktop, not squeezed into 2 tiny columns. When
   the layout stacks (<=1100px) the rail goes full-width below the article
   and cards spread out again; on mobile it is 2 across. */
.cg-playnext .cg-grid{grid-template-columns:1fr;gap:12px}
@media(max-width:1100px){.cg-playnext .cg-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.cg-playnext .cg-grid{grid-template-columns:repeat(2,1fr)}}

/* v1.7.0: share box under Apply now (job page), article tables + FAQ */
.cg-share-box{border:1px solid var(--cg-border);border-radius:var(--cg-radius);background:var(--cg-panel);padding:16px;margin:20px 0;text-align:center}
.cg-share-title{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--cg-muted)}
.cg-share-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}
.cg-share-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#fff;font-weight:800;font-size:15px;border:0;cursor:pointer;text-decoration:none}
.cg-share-btn--fb{background:#1877f2}.cg-share-btn--x{background:#000}.cg-share-btn--in{background:#0a66c2}.cg-share-btn--wa{background:#25d366}.cg-share-btn--tg{background:#229ed9}
.cg-share-btn--mail{background:var(--cg-panel2);color:var(--cg-text);border:1px solid var(--cg-border)}
.cg-share-btn--copy{width:auto;border-radius:999px;padding:0 16px;background:var(--cg-panel2);color:var(--cg-text);border:1px solid var(--cg-border);font-size:13px}
.cg-theme-btn{background:var(--cg-panel);border:1px solid var(--cg-border);color:var(--cg-text);border-radius:50%;width:40px;height:40px;font-size:17px;cursor:pointer;flex:none}
.cg-seo table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.cg-seo th,.cg-seo td{border:1px solid var(--cg-border);padding:8px 10px;text-align:left;vertical-align:top}
.cg-seo th{background:var(--cg-panel2);color:var(--cg-text)}
.cg-seo td{color:var(--cg-muted)}
.cg-seo details{background:var(--cg-panel2);border:1px solid var(--cg-border);border-radius:12px;padding:12px 14px;margin:10px 0}
.cg-seo summary{cursor:pointer;font-weight:700;color:var(--cg-text);list-style-position:inside}
.cg-seo details[open] summary{margin-bottom:8px}

/* v1.7.0: day theme. Night (dark) stays the default; a visitor switches
   with the header button and the choice is remembered in localStorage. */
[data-theme="day"]{--cg-bg:#f3f4f6;--cg-panel:#ffffff;--cg-panel2:#eef0f3;--cg-border:#dde1e7;--cg-text:#16181d;--cg-muted:#5b6470}
[data-theme="day"] .cg-header,[data-theme="day"] .cg-sidebar,[data-theme="day"] .cg-nav-top{background:#ffffff}
[data-theme="day"] .cg-search{background:#eef0f3}
[data-theme="day"] .cg-nav-link{color:#3d434e}
[data-theme="day"] .cg-nav-link.active,[data-theme="day"] .cg-nav-top .cg-nav-link.active{background:#e8eaf0;color:#16181d}
[data-theme="day"] .cg-dropdown a:hover{background:#eef0f3}
[data-theme="day"] .cg-form input,[data-theme="day"] .cg-form textarea{background:#f3f4f6}
[data-theme="day"] .cg-card-media,[data-theme="day"] .cg-hero-media{background:#e5e7eb}
[data-theme="day"] .cg-sidebar{box-shadow:4px 0 20px rgba(0,0,0,.08)}
[data-theme="day"] .cg-share-btn--x{background:#16181d}
.cg-share-btn svg{width:22px;height:22px;display:block}

/* TOC + FAQ toggles (v1.7.9): the theme already styles .cg-toc/.cg-faq
   and reveals the TOC list on hover; these rules complete them — the
   TOC list also stays visible once clicked open, the summary has no
   double marker, and FAQ answers reveal on hover as well as on click. */
.cg-toc summary{list-style:none}
.cg-toc summary::-webkit-details-marker{display:none}
.cg-toc[open] .cg-toc-list{display:block}
.cg-faq details:not([open]):hover > p{display:block}