/*
Theme Name: TKBTOP8 Velvet
Theme URI: https://www.tuxedosushi.com/
Author: TKBTOP8
Description: Purple-neon mobile-first WordPress theme with native SEO, subfolder hreflang mirror, game library and editorial article templates.
Version: 1.0.0
Text Domain: tkbtop8-velvet
*/
:root{--bg:#08010d;--surface:#1b0229;--surface2:#2d0644;--pink:#e879f9;--violet:#8b5cf6;--text:#fff;--muted:#d8cbe5;--border:#6b2d7c;--wrap:1240px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top,#4c0d70 0,#1b0229 38%,var(--bg) 78%);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans Thai",Tahoma,Arial,sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 15% 15%,rgba(232,121,249,.10),transparent 25%),radial-gradient(circle at 85% 5%,rgba(139,92,246,.12),transparent 22%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}.tkb8-wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.tkb8-skip{position:fixed;left:-9999px;top:8px;z-index:1000;background:#fff;color:#000;padding:8px 12px}.tkb8-skip:focus{left:8px}.tkb8-header{position:sticky;top:0;z-index:80;background:rgba(16,0,24,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,121,249,.24)}.tkb8-header__inner{min-height:76px;display:flex;align-items:center;gap:28px}.tkb8-brand{width:170px;flex:0 0 170px}.tkb8-brand img{width:100%;height:48px;object-fit:contain}.tkb8-nav{flex:1}.tkb8-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.tkb8-nav a{font-size:13px;font-weight:800;letter-spacing:.04em}.tkb8-nav a:hover{color:var(--pink)}.tkb8-header__actions{display:flex;align-items:center;gap:16px}.tkb8-link-login{font-size:13px;font-weight:800}.tkb8-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;font-weight:850;border:1px solid transparent;transition:.2s ease}.tkb8-btn--neon{background:linear-gradient(135deg,#7c3aed,#d946ef 62%,#8b5cf6);box-shadow:0 0 24px rgba(217,70,239,.38);color:#fff}.tkb8-btn--neon:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(217,70,239,.55)}.tkb8-btn--ghost{border-color:rgba(232,121,249,.45);background:rgba(217,70,239,.08);color:#f5d0fe}.tkb8-menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid rgba(232,121,249,.3);border-radius:10px;background:rgba(217,70,239,.08);padding:9px}.tkb8-menu-toggle span{height:2px;background:var(--pink);display:block;margin:5px 0}.tkb8-hero{padding:58px 0 42px}.tkb8-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);gap:54px;align-items:start}.tkb8-gallery{min-width:0}.tkb8-gallery__main{aspect-ratio:1;max-width:620px;margin:auto;border-radius:26px;overflow:hidden;border:1px solid rgba(232,121,249,.22);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 45px rgba(139,92,246,.16)}.tkb8-gallery__main img{width:100%;height:100%;object-fit:cover}.tkb8-gallery__thumbs{display:flex;gap:12px;margin-top:16px;justify-content:center}.tkb8-gallery-thumb{width:76px;height:76px;padding:0;border-radius:13px;overflow:hidden;border:1px solid rgba(232,121,249,.26);background:#100018;cursor:pointer;opacity:.7;transition:.2s}.tkb8-gallery-thumb img{width:100%;height:100%;object-fit:cover}.tkb8-gallery-thumb:hover,.tkb8-gallery-thumb.is-active{opacity:1;border-color:var(--pink);box-shadow:0 0 18px rgba(232,121,249,.3)}.tkb8-neon-card{background:linear-gradient(145deg,rgba(27,2,41,.98),rgba(76,13,112,.94) 50%,rgba(27,2,41,.98));border:1px solid rgba(232,121,249,.22);border-radius:26px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 55px rgba(139,92,246,.18)}.tkb8-neon-card header{padding:28px 28px 22px;border-bottom:1px dashed rgba(232,121,249,.3);background:linear-gradient(90deg,rgba(232,121,249,.07),rgba(139,92,246,.07))}.tkb8-neon-card header>span,.tkb8-mini-label,.tkb8-section-title>span,.tkb8-section-head span,.tkb8-page-head>div>span{display:block;color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 12px rgba(232,121,249,.45)}.tkb8-neon-card h1{font-size:clamp(26px,3vw,42px);line-height:1.22;margin:10px 0 12px;letter-spacing:-.03em}.tkb8-neon-card header p{color:var(--muted);margin:0}.tkb8-neon-card__stats{padding:20px 28px;display:grid;gap:12px}.tkb8-neon-card__stats>div{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:12px;border-bottom:4px solid rgba(232,121,249,.08)}.tkb8-neon-card__stats small{color:#d8cbe5;font-weight:700}.tkb8-neon-card__stats strong{font-size:13px}.tkb8-chips{padding:0 28px 12px;display:flex;flex-wrap:wrap;gap:8px}.tkb8-chips span{padding:7px 11px;border-radius:999px;background:rgba(217,70,239,.08);border:1px solid rgba(232,121,249,.26);font-size:11px;font-weight:800}.tkb8-neon-card__actions{padding:10px 28px 28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.tkb8-trust{padding:20px 0 50px}.tkb8-section-title{text-align:center;margin-bottom:22px}.tkb8-section-title h2{font-size:clamp(24px,3vw,36px);margin:7px 0}.tkb8-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tkb8-metric{min-height:130px;padding:24px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(45,6,68,.95),rgba(27,2,41,.97));border:1px solid rgba(232,121,249,.22);display:flex;flex-direction:column;justify-content:center;text-align:center}.tkb8-metric:before{content:"✦";color:var(--pink);font-size:24px;margin-bottom:8px}.tkb8-metric span{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em}.tkb8-metric strong{margin-top:7px;font-size:19px;color:#fff}.tkb8-game-zone{padding:54px 0;background:linear-gradient(180deg,rgba(16,0,24,.25),rgba(45,6,68,.35),rgba(16,0,24,.15));border-block:1px solid rgba(232,121,249,.12)}.tkb8-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.tkb8-section-head h2{font-size:30px;margin:5px 0 0}.tkb8-section-head p{margin:5px 0 0;color:var(--muted)}.tkb8-game-arrows{display:flex;gap:8px}.tkb8-game-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,121,249,.3);background:rgba(217,70,239,.08);color:#fff;cursor:pointer;font-size:24px}.tkb8-game-viewport{overflow-x:auto;scrollbar-width:none}.tkb8-game-viewport::-webkit-scrollbar{display:none}.tkb8-game-track{display:flex;width:max-content;gap:18px}.tkb8-game-group{display:flex;gap:18px}.tkb8-game-track.is-loop{animation:tkb8Scroll var(--duration,34s) linear infinite}.tkb8-game-viewport:hover .tkb8-game-track.is-loop{animation-play-state:paused}@keyframes tkb8Scroll{to{transform:translateX(calc(-50% - 9px))}}.tkb8-game-card{width:170px;flex:0 0 170px}.tkb8-game-card__media{display:block;position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid rgba(232,121,249,.2);background:#2d0644}.tkb8-game-card__media img{width:100%;height:100%;object-fit:cover;transition:.25s}.tkb8-game-card:hover img{transform:scale(1.05)}.tkb8-game-card__play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,1,13,.48);opacity:0;transition:.2s;font-size:28px}.tkb8-game-card:hover .tkb8-game-card__play{opacity:1}.tkb8-game-card__placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:28px;font-weight:900}.tkb8-game-card strong{display:block;margin-top:9px;font-size:13px}.tkb8-game-card small{display:block;color:var(--pink);font-size:11px}.tkb8-editorial,.tkb8-latest,.tkb8-faq-section,.tkb8-page-content{padding:58px 0}.tkb8-content-card{background:linear-gradient(145deg,rgba(27,2,41,.96),rgba(76,13,112,.85));border:1px solid rgba(232,121,249,.18);border-radius:28px;padding:clamp(26px,5vw,54px);box-shadow:0 34px 90px rgba(0,0,0,.38)}.tkb8-content-card h2{font-size:clamp(28px,4vw,44px);line-height:1.25;margin:10px 0 16px}.tkb8-content-card>p{color:var(--muted);max-width:920px}.tkb8-content-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.tkb8-content-points>div{padding:16px;border:1px solid rgba(232,121,249,.18);border-radius:14px;background:rgba(217,70,239,.06);display:flex;gap:12px}.tkb8-content-points b{color:var(--pink)}.tkb8-text-link{color:var(--pink);font-weight:850}.tkb8-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tkb8-post-card{border-radius:20px;overflow:hidden;background:linear-gradient(160deg,rgba(45,6,68,.92),rgba(27,2,41,.98));border:1px solid rgba(232,121,249,.16)}.tkb8-post-card__media{display:block;aspect-ratio:16/10;overflow:hidden}.tkb8-post-card__media img{width:100%;height:100%;object-fit:cover}.tkb8-post-card__body{padding:18px}.tkb8-post-card small{color:var(--pink)}.tkb8-post-card h3{font-size:19px;line-height:1.35;margin:7px 0}.tkb8-post-card p{color:var(--muted);font-size:13px}.tkb8-faq{max-width:980px;margin:auto;display:grid;gap:10px}.tkb8-faq details{border-radius:14px;border:1px solid rgba(232,121,249,.18);background:linear-gradient(135deg,rgba(45,6,68,.82),rgba(27,2,41,.95));overflow:hidden}.tkb8-faq summary{padding:17px 20px;cursor:pointer;font-weight:800;color:#f0abfc}.tkb8-faq p{padding:0 20px 18px;margin:0;color:var(--muted)}.tkb8-page-head{padding:54px 0 24px;text-align:center}.tkb8-page-head h1{font-size:clamp(32px,5vw,54px);margin:8px 0}.tkb8-page-head p{color:var(--muted)}.tkb8-breadcrumb{padding:18px 0;border-bottom:1px solid rgba(232,121,249,.1)}.tkb8-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;font-size:12px;color:var(--muted)}.tkb8-breadcrumb li+li:before{content:"›";margin-right:10px;color:rgba(232,121,249,.5)}.tkb8-article-shell{padding:48px 0}.tkb8-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.tkb8-article{background:linear-gradient(145deg,rgba(27,2,41,.97),rgba(45,6,68,.85));border:1px solid rgba(232,121,249,.16);border-radius:26px;padding:clamp(22px,4vw,48px)}.tkb8-article header>span{color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.2em}.tkb8-article h1{font-size:clamp(34px,5vw,58px);line-height:1.15;margin:10px 0}.tkb8-article-meta{color:var(--muted);font-size:12px}.tkb8-article-hero{margin:28px 0;border-radius:18px;overflow:hidden}.tkb8-article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}.tkb8-entry-content{color:#f1e9f6}.tkb8-entry-content h2{font-size:28px;margin:38px 0 12px}.tkb8-entry-content h3{font-size:21px;color:#f0abfc;margin:28px 0 10px}.tkb8-entry-content p,.tkb8-entry-content li{color:#e4d8ea}.tkb8-entry-content a{color:var(--pink);text-decoration:underline}.tkb8-toc{position:sticky;top:100px;background:rgba(27,2,41,.94);border:1px solid rgba(232,121,249,.18);border-radius:18px;padding:18px}.tkb8-toc b{color:var(--pink)}.tkb8-toc ol{padding-left:20px;font-size:12px;color:var(--muted)}.tkb8-table-scroll{overflow-x:auto}.tkb8-entry-content table{width:100%;min-width:720px;border-collapse:collapse;background:#100018}.tkb8-entry-content th,.tkb8-entry-content td{padding:12px;border:1px solid rgba(232,121,249,.16)}.tkb8-entry-content th{color:var(--pink)}.tkb8-footer{margin-top:40px;background:#08010d;border-top:1px solid rgba(232,121,249,.14);padding:52px 0 110px}.tkb8-footer__columns{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.tkb8-footer h3{font-size:14px}.tkb8-footer p,.tkb8-footer li,.tkb8-footer a{font-size:12px;color:#cbbbd5}.tkb8-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tkb8-footer-logo img{width:160px;height:52px;object-fit:contain}.tkb8-footer__bottom{border-top:1px solid rgba(232,121,249,.14);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;color:#9f8eaa;font-size:12px}.tkb8-floating{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(660px,calc(100% - 22px));z-index:90;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px;background:rgba(27,2,41,.91);backdrop-filter:blur(12px);border:1px solid rgba(232,121,249,.22);border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.55)}.tkb8-floating a{min-height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6d28d9,#d946ef);font-size:12px;font-weight:900}.tkb8-404{min-height:65vh;display:grid;place-items:center;text-align:center;padding:40px}.tkb8-404>div>span{font-size:100px;color:var(--pink);font-weight:950;opacity:.2}.tkb8-pagination{margin-top:30px}
@media(max-width:980px){.tkb8-header__actions{display:none}.tkb8-menu-toggle{display:block}.tkb8-nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#1b0229;border:1px solid rgba(232,121,249,.2);border-radius:16px;padding:14px}.tkb8-nav.is-open{display:block}.tkb8-nav ul{display:grid;gap:4px}.tkb8-nav a{display:block;padding:10px}.tkb8-hero__grid{grid-template-columns:1fr;gap:28px}.tkb8-neon-card{max-width:620px;margin:auto}.tkb8-metrics{grid-template-columns:repeat(2,1fr)}.tkb8-post-grid{grid-template-columns:1fr 1fr}.tkb8-article-layout{grid-template-columns:1fr}.tkb8-toc{position:static;order:-1}.tkb8-footer__columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tkb8-wrap{width:min(100% - 28px,var(--wrap))}.tkb8-header__inner{min-height:64px}.tkb8-brand{width:140px;flex-basis:140px}.tkb8-brand img{height:42px}.tkb8-hero{padding-top:28px}.tkb8-gallery__thumbs{gap:8px}.tkb8-gallery-thumb{width:62px;height:62px}.tkb8-neon-card header,.tkb8-neon-card__stats,.tkb8-chips,.tkb8-neon-card__actions{padding-left:20px;padding-right:20px}.tkb8-metrics{grid-template-columns:1fr}.tkb8-content-points{grid-template-columns:1fr}.tkb8-post-grid{grid-template-columns:1fr}.tkb8-game-card{width:142px;flex-basis:142px}.tkb8-section-head{align-items:start}.tkb8-game-arrows{display:none}.tkb8-footer__columns{grid-template-columns:1fr 1fr}.tkb8-footer__columns>div:first-child{grid-column:1/-1}.tkb8-footer__bottom{flex-direction:column;gap:7px}.tkb8-entry-content h2{font-size:24px}.tkb8-floating{bottom:8px}.tkb8-floating a{font-size:11px}}