/*
Theme Name: MeanLuck
Description: Clean games + learning + blog theme (inspired by meanluck.com). Hero, featured games, latest articles, sidebar, dark footer.
Version: 1.0
Author: You
Text Domain: meanluck
*/
:root{--bg:#f6f7fb;--card:#fff;--text:#1f2433;--muted:#6b7280;--p:#6c4cf1;--p2:#3b82f6;--accent:#ff7a59;--border:#e6e8f0;--radius:16px;--shadow:0 6px 20px rgba(30,30,70,.07)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--p);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.topbar{background:linear-gradient(90deg,var(--p),var(--p2));color:#fff;text-align:center;font-size:13px;padding:6px 10px}
.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-size:22px;line-height:1.1}
.logo small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.logo:hover{text-decoration:none}
.main-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.main-nav a{display:block;padding:8px 14px;border-radius:10px;color:var(--text);font-weight:600}
.main-nav a:hover,.main-nav .current-menu-item a{background:#efeaff;color:var(--p);text-decoration:none}
.header-tools{display:flex;gap:8px}
.icon-btn{border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:40px;font-size:18px;cursor:pointer}
.menu-toggle{display:none}
.search-panel{display:none;background:#fff;border-bottom:1px solid var(--border);padding:14px 0}.search-panel.open{display:block}
.search-form{display:flex;gap:8px}.search-form input[type=search]{flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:15px}
.search-form input[type=submit],.btn{background:var(--p);color:#fff;border:0;padding:12px 22px;border-radius:12px;font-weight:700;cursor:pointer;display:inline-block}
.btn:hover{text-decoration:none;opacity:.92}.btn.alt{background:#fff;color:var(--p);border:2px solid var(--p)}
.hero{background:linear-gradient(135deg,#2a1a6e,var(--p) 55%,var(--p2));color:#fff;padding:70px 0;margin-bottom:40px;position:relative;overflow:hidden}
.hero .badge{display:inline-block;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:99px;font-size:14px;margin-bottom:14px}
.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.15;margin:0 0 14px;max-width:760px}
.hero p{max-width:620px;font-size:18px;opacity:.92;margin:0 0 26px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap}.hero .btn{background:#fff;color:var(--p)}.hero .btn.alt{background:transparent;color:#fff;border-color:#fff}
.hero .level{position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(-6deg);font-size:28px;font-weight:900;background:var(--accent);padding:14px 26px;border-radius:18px;box-shadow:var(--shadow)}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px}.section-head h2{margin:0;font-size:26px}
.grid{display:grid;gap:20px}.games{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.posts{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.game{padding:22px;text-align:center;transition:transform .2s}.game:hover{transform:translateY(-4px)}
.game .emoji{font-size:46px}.game .cat{font-size:12px;color:var(--p);font-weight:700;text-transform:uppercase}
.game h3{margin:4px 0;font-size:18px}.game .meta{color:var(--muted);font-size:14px;margin-bottom:12px}
.game .btn{padding:9px 16px;font-size:14px}
.post-card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#efeaff,#dbe9ff);display:block;object-fit:cover;width:100%}
.post-card .body{padding:18px}.post-card .tag{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase}
.post-card h3{margin:6px 0 8px;font-size:18px;line-height:1.35}.post-card h3 a{color:var(--text)}.post-card time{font-size:13px;color:var(--muted)}
.layout{display:grid;grid-template-columns:1fr 320px;gap:30px;margin:40px 0}
.widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}
.widget h2,.widget h3{margin-top:0;font-size:18px}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:7px 0;border-bottom:1px dashed var(--border)}.widget li:last-child{border:0}
.subscribe{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border-radius:var(--radius);padding:34px;text-align:center;margin:44px 0}
.subscribe form{display:flex;gap:8px;max-width:460px;margin:16px auto 0}.subscribe input[type=email]{flex:1;padding:12px;border:0;border-radius:10px}.subscribe button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer}
.ad-box{border:2px dashed var(--border);border-radius:12px;padding:24px;text-align:center;color:var(--muted);margin:20px 0;font-size:14px}
.entry{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.entry h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin-top:0}.entry .meta{color:var(--muted);font-size:14px;margin-bottom:20px}
.entry .content{font-size:17px}.entry .content h2,.entry .content h3{margin-top:1.6em}
.pagination{text-align:center;margin:30px 0}.pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:10px;margin:2px;background:#fff}.pagination .current{background:var(--p);color:#fff}
.site-footer{background:#14172a;color:#c5c9dd;padding:50px 0 20px;margin-top:50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h4{color:#fff;margin-top:0}
.site-footer a{color:#c5c9dd;display:block;padding:3px 0}.site-footer .logo{color:#fff}
.copy{border-top:1px solid #2a2f4a;margin-top:30px;padding-top:18px;text-align:center;font-size:14px}
#to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;border:0;background:var(--p);color:#fff;font-size:20px;cursor:pointer;display:none;box-shadow:var(--shadow)}
@media(max-width:860px){.layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.menu-toggle{display:block}
.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:10px 20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column}
.hero .level{display:none}.subscribe form{flex-direction:column}}

/* ---- Games page ---- */
.game-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.game-tab{background:#fff;border:1px solid var(--border);padding:9px 16px;border-radius:99px;color:var(--text);font-weight:600}
.game-tab:hover{text-decoration:none;border-color:var(--p)}.game-tab.on{background:var(--p);color:#fff;border-color:var(--p)}
.game-panel{padding:24px;text-align:center;margin-bottom:20px}.game-panel h2{margin:0}.g-desc{color:var(--muted);margin:4px 0 16px}
.g-info{margin:0 0 12px;font-size:16px}.g-msg{color:var(--muted);min-height:24px}
.g-big{background:var(--p);color:#fff;border:0;border-radius:18px;padding:30px 60px;font-size:24px;font-weight:800;cursor:pointer;touch-action:manipulation;user-select:none}
.g-big:active{transform:scale(.96)}
.g-btn{background:#efeaff;color:var(--p);border:0;border-radius:12px;padding:10px 20px;font-weight:700;cursor:pointer;margin-top:14px}
.g-react{height:200px;border-radius:16px;color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;margin-bottom:12px;padding:10px}
.g-react.wait{background:#3b82f6}.g-react.go{background:#22c55e}.g-react.early{background:#ef4444}
.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:380px;margin:0 auto}
.mem-card{aspect-ratio:1;font-size:34px;border:0;border-radius:12px;background:var(--p);color:#fff;cursor:pointer}
.mem-card.open{background:#fff;border:2px solid var(--p);color:var(--text)}.mem-card.done{background:#d1fae5;border:2px solid #22c55e;color:var(--text)}
.b2048{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#bbada0;padding:8px;border-radius:12px;max-width:360px;margin:0 auto}
.b2048 .t{aspect-ratio:1;border-radius:8px;background:#cdc1b4;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:#776e65}
.t2{background:#eee4da!important}.t4{background:#ede0c8!important}.t8{background:#f2b179!important;color:#fff!important}.t16{background:#f59563!important;color:#fff!important}
.t32{background:#f67c5f!important;color:#fff!important}.t64{background:#f65e3b!important;color:#fff!important}.t128{background:#edcf72!important;color:#fff!important;font-size:22px!important}
.t256{background:#edcc61!important;color:#fff!important;font-size:22px!important}.t512{background:#edc850!important;color:#fff!important;font-size:22px!important}
.t1024,.t2048,.tbig{background:#edc22e!important;color:#fff!important;font-size:18px!important}
.dpad{margin-top:12px;display:none}.dpad button,.lane-ctrl button{background:#efeaff;color:var(--p);border:0;border-radius:10px;padding:10px 18px;font-size:18px;margin:3px;cursor:pointer}
.g-canvas{max-width:100%;height:auto;border-radius:14px;display:block;margin:0 auto;touch-action:none}
.lane-ctrl{margin-top:10px;display:none}
@media(pointer:coarse),(max-width:860px){.dpad,.lane-ctrl{display:block}}