/* GAMEIOS_RESPONSIVE_SYNC_UI_CSS_20260526 */
:root{--gui-bg:var(--dark-bg,#05070a);--gui-card:rgba(15,23,42,.82);--gui-card2:rgba(2,6,23,.62);--gui-border:rgba(148,163,184,.16);--gui-border2:rgba(148,163,184,.28);--gui-text:#f8fafc;--gui-muted:#94a3b8;--gui-primary:var(--neon-cyan,#22d3ee);--gui-secondary:var(--neon-purple,#a855f7);--gui-accent:var(--neon-pink,#ec4899);--gui-radius:22px;--gui-gradient:linear-gradient(135deg,var(--gui-primary),var(--gui-secondary),var(--gui-accent));--gui-surface:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--gui-primary) 18%,transparent),transparent 36%),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--gui-secondary) 16%,transparent),transparent 38%),linear-gradient(145deg,rgba(15,23,42,.92),rgba(2,6,23,.72));--gui-shadow:0 16px 48px rgba(0,0,0,.30)}
*{box-sizing:border-box}html,body{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video,canvas,svg{max-width:100%;height:auto}.min-w-0{min-width:0!important}@media(max-width:640px){input,select,textarea{font-size:16px!important}.container{max-width:100%!important}}
button,a,.gui-btn,.glu-btn,.lu-btn,.l4s-btn,.l4s-unlock,.lp-mini-btn,.lu-admin-btn{-webkit-tap-highlight-color:transparent}button:not(:disabled),a[href],.gui-btn,.glu-btn,.lu-btn,.l4s-btn,.l4s-unlock,.lp-mini-btn,.lu-admin-btn{transition:transform .11s ease,opacity .11s ease,border-color .11s ease,background-color .11s ease,box-shadow .11s ease!important}button:active,a[href]:active,.gui-btn:active,.glu-btn:active,.lu-btn:active,.l4s-btn:active,.l4s-unlock:active,.lp-mini-btn:active,.lu-admin-btn:active{transform:translateY(1px) scale(.99)!important}@media(hover:hover){button:not(:disabled):hover,a[href]:hover,.gui-btn:hover,.glu-btn:hover,.lu-btn:hover,.l4s-btn:hover,.l4s-unlock:hover,.lp-mini-btn:hover,.lu-admin-btn:hover{filter:brightness(1.05)}}button:disabled{cursor:not-allowed!important;opacity:.55!important;transform:none!important;filter:none!important}
/* 10 layout responsive-safe */
html[data-ui-layout] .category-page main>.grid,html[data-ui-layout] #product-grid,html[data-ui-layout] .cat-block-grid{display:grid!important;align-items:stretch!important;width:100%!important;max-width:100%!important;gap:clamp(10px,2.2vw,18px)!important;overflow:visible!important}html[data-ui-layout] .game-card,html[data-ui-layout] .mk-product-card,html[data-ui-layout] .product-card{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:var(--gui-radius)!important;contain:layout paint style;backface-visibility:hidden;transform:translateZ(0)}html[data-ui-layout] .game-img-wrap,html[data-ui-layout] .mk-product-img,html[data-ui-layout] .card-image{overflow:hidden!important;border-radius:inherit}html[data-ui-layout] .game-img-wrap img,html[data-ui-layout] .mk-product-img img,html[data-ui-layout] .card-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
@media(max-width:379px){html[data-ui-layout] .category-page main>.grid,html[data-ui-layout] #product-grid,html[data-ui-layout] .cat-block-grid{grid-template-columns:1fr!important}}@media(min-width:380px) and (max-width:767px){html[data-ui-layout] .category-page main>.grid,html[data-ui-layout] #product-grid,html[data-ui-layout] .cat-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:768px) and (max-width:1023px){html[data-ui-layout] .category-page main>.grid,html[data-ui-layout] #product-grid,html[data-ui-layout] .cat-block-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:1024px){html[data-ui-layout] .category-page main>.grid,html[data-ui-layout] #product-grid,html[data-ui-layout] .cat-block-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(min-width:1440px){html[data-ui-layout] .category-page main>.grid,html[data-ui-layout] #product-grid,html[data-ui-layout] .cat-block-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
html[data-ui-layout="layout-compact"] .game-card,html[data-ui-layout="layout-compact"] .mk-product-card{border-radius:16px!important}html[data-ui-layout="layout-compact"] .game-img-wrap,html[data-ui-layout="layout-compact"] .mk-product-img{aspect-ratio:1/1!important}html[data-ui-layout="layout-compact"] .game-info,html[data-ui-layout="layout-compact"] .mk-product-info{padding:9px!important;gap:5px!important}html[data-ui-layout="layout-compact"] .game-title,html[data-ui-layout="layout-compact"] .mk-product-name{font-size:12px!important;line-height:1.22!important;min-height:30px!important}html[data-ui-layout="layout-compact"] .game-buy,html[data-ui-layout="layout-compact"] .mk-btn-order{min-height:32px!important;font-size:11px!important;border-radius:10px!important}@media(min-width:1280px){html[data-ui-layout="layout-compact"] .category-page main>.grid,html[data-ui-layout="layout-compact"] #product-grid,html[data-ui-layout="layout-compact"] .cat-block-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
html[data-ui-layout="layout-wide-list"] .category-page main>.grid,html[data-ui-layout="layout-wide-list"] #product-grid,html[data-ui-layout="layout-wide-list"] .cat-block-grid,html[data-ui-layout="layout-clean-table"] .category-page main>.grid,html[data-ui-layout="layout-clean-table"] #product-grid,html[data-ui-layout="layout-clean-table"] .cat-block-grid{grid-template-columns:1fr!important}html[data-ui-layout="layout-wide-list"] .game-card,html[data-ui-layout="layout-wide-list"] .mk-product-card,html[data-ui-layout="layout-clean-table"] .game-card,html[data-ui-layout="layout-clean-table"] .mk-product-card{display:grid!important;grid-template-columns:minmax(112px,30%) minmax(0,1fr)!important;min-height:118px!important;border-radius:20px!important}html[data-ui-layout="layout-wide-list"] .game-img-wrap,html[data-ui-layout="layout-wide-list"] .mk-product-img,html[data-ui-layout="layout-clean-table"] .game-img-wrap,html[data-ui-layout="layout-clean-table"] .mk-product-img{width:100%!important;min-width:0!important;aspect-ratio:16/11!important;height:100%!important}html[data-ui-layout="layout-wide-list"] .game-info,html[data-ui-layout="layout-wide-list"] .mk-product-info,html[data-ui-layout="layout-clean-table"] .game-info,html[data-ui-layout="layout-clean-table"] .mk-product-info{justify-content:center!important;padding:12px!important;min-width:0!important}@media(max-width:430px){html[data-ui-layout="layout-wide-list"] .game-card,html[data-ui-layout="layout-wide-list"] .mk-product-card,html[data-ui-layout="layout-clean-table"] .game-card,html[data-ui-layout="layout-clean-table"] .mk-product-card{grid-template-columns:104px minmax(0,1fr)!important;min-height:104px!important;border-radius:16px!important}html[data-ui-layout="layout-wide-list"] .game-title,html[data-ui-layout="layout-wide-list"] .mk-product-name,html[data-ui-layout="layout-clean-table"] .game-title,html[data-ui-layout="layout-clean-table"] .mk-product-name{font-size:12.5px!important;min-height:auto!important}}
@media(min-width:768px){html[data-ui-layout="layout-mosaic"] .category-page main>.grid,html[data-ui-layout="layout-mosaic"] #product-grid,html[data-ui-layout="layout-mosaic"] .cat-block-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:dense!important}html[data-ui-layout="layout-mosaic"] .game-card:nth-child(1),html[data-ui-layout="layout-mosaic"] .game-card:nth-child(7),html[data-ui-layout="layout-mosaic"] .mk-product-card:nth-child(1),html[data-ui-layout="layout-mosaic"] .mk-product-card:nth-child(7){grid-column:span 2!important;grid-row:span 2!important}html[data-ui-layout="layout-showcase"] .category-page main>.grid,html[data-ui-layout="layout-showcase"] #product-grid,html[data-ui-layout="layout-showcase"] .cat-block-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:dense!important}html[data-ui-layout="layout-showcase"] .game-card:first-child,html[data-ui-layout="layout-showcase"] .mk-product-card:first-child{grid-column:span 2!important;grid-row:span 2!important}html[data-ui-layout="layout-zigzag"] .game-card:nth-child(even),html[data-ui-layout="layout-zigzag"] .mk-product-card:nth-child(even){transform:translateY(14px)!important}}@media(max-width:767px){html[data-ui-layout="layout-mosaic"] .game-card,html[data-ui-layout="layout-mosaic"] .mk-product-card,html[data-ui-layout="layout-showcase"] .game-card,html[data-ui-layout="layout-showcase"] .mk-product-card,html[data-ui-layout="layout-zigzag"] .game-card,html[data-ui-layout="layout-zigzag"] .mk-product-card{grid-column:auto!important;grid-row:auto!important;transform:none!important}}
html[data-ui-layout="layout-poster-wall"] .game-img-wrap,html[data-ui-layout="layout-poster-wall"] .mk-product-img{aspect-ratio:3/4!important}@media(min-width:1024px){html[data-ui-layout="layout-poster-wall"] .category-page main>.grid,html[data-ui-layout="layout-poster-wall"] #product-grid,html[data-ui-layout="layout-poster-wall"] .cat-block-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(min-width:768px){html[data-ui-layout="layout-carousel"] .category-page main>.grid,html[data-ui-layout="layout-carousel"] #product-grid,html[data-ui-layout="layout-carousel"] .cat-block-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:10px!important;gap:14px!important;-webkit-overflow-scrolling:touch}html[data-ui-layout="layout-carousel"] .game-card,html[data-ui-layout="layout-carousel"] .mk-product-card{flex:0 0 clamp(210px,24vw,310px)!important;scroll-snap-align:start!important}}html[data-ui-layout="layout-dense-icon"] .game-card,html[data-ui-layout="layout-dense-icon"] .mk-product-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important;min-height:78px!important;border-radius:16px!important}html[data-ui-layout="layout-dense-icon"] .game-img-wrap,html[data-ui-layout="layout-dense-icon"] .mk-product-img{width:56px!important;height:56px!important;aspect-ratio:1/1!important;margin:8px!important;border-radius:14px!important}html[data-ui-layout="layout-dense-icon"] .game-info,html[data-ui-layout="layout-dense-icon"] .mk-product-info{padding:8px 10px!important;min-width:0!important}html[data-ui-layout="layout-dense-icon"] .game-title,html[data-ui-layout="layout-dense-icon"] .mk-product-name{font-size:12.5px!important;min-height:auto!important}@media(min-width:1024px){html[data-ui-layout="layout-dense-icon"] .category-page main>.grid,html[data-ui-layout="layout-dense-icon"] #product-grid,html[data-ui-layout="layout-dense-icon"] .cat-block-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:390px){html[data-ui-layout="layout-dense-icon"] .category-page main>.grid,html[data-ui-layout="layout-dense-icon"] #product-grid,html[data-ui-layout="layout-dense-icon"] .cat-block-grid{grid-template-columns:1fr!important}}
/* Blog user */
.gui-page-blog section.bg-gradient-to-b{background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--gui-primary) 14%,transparent),transparent 36%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--gui-secondary) 14%,transparent),transparent 38%),linear-gradient(180deg,#020617,var(--gui-bg))!important}.gui-page-blog h1{letter-spacing:-.035em}.gui-page-blog #blogFilterForm{border:1px solid var(--gui-border)!important;background:var(--gui-surface)!important;border-radius:24px!important;box-shadow:var(--gui-shadow)!important}.gui-page-blog article.group{border:1px solid var(--gui-border)!important;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.68))!important;border-radius:24px!important;box-shadow:var(--gui-shadow)!important;overflow:hidden!important;transform:translateZ(0)}.gui-page-blog article.group:hover{border-color:color-mix(in srgb,var(--gui-primary) 45%,transparent)!important;transform:translateY(-2px) translateZ(0)!important}.gui-page-blog article.group a.block{aspect-ratio:16/9!important}.gui-page-blog .blog-content{font-size:clamp(15px,2vw,17px);line-height:1.78}.gui-page-blog .blog-content img{border-radius:18px;border:1px solid var(--gui-border);margin-inline:auto}.gui-page-blog .blog-content table{display:block;max-width:100%;overflow:auto;border:1px solid var(--gui-border);border-radius:14px}@media(max-width:640px){.gui-page-blog section{padding-top:24px!important}.gui-page-blog h1{font-size:clamp(26px,8vw,34px)!important}.gui-page-blog #blogFilterForm{grid-template-columns:1fr!important;padding:12px!important;margin-bottom:18px!important}.gui-page-blog article.group{border-radius:18px!important}}
/* Admin blog */
.gui-page-admin-blog .bg-dark-card,.gui-page-admin-blog form.bg-dark-card{border-color:var(--gui-border)!important;background:var(--gui-surface)!important;border-radius:22px!important;box-shadow:var(--gui-shadow)!important}.gui-page-admin-blog .admin-table th{font-size:12px!important;letter-spacing:.04em;text-transform:uppercase;color:var(--gui-muted)!important;background:rgba(2,6,23,.35)!important}.gui-page-admin-blog .admin-table td{vertical-align:middle!important}.gui-page-admin-blog .admin-table tr:hover{background:rgba(255,255,255,.035)!important}.gui-page-admin-blog a[href*="/admin/blog/form"],.gui-page-admin-blog button{border-radius:12px!important}@media(max-width:768px){.gui-page-admin-blog form.bg-dark-card{grid-template-columns:1fr!important}.gui-page-admin-blog .md\:hidden>div{margin:10px;border:1px solid var(--gui-border);border-radius:18px;background:rgba(2,6,23,.32)!important}}
/* Vượt link user */
.glu-wrap,.lu-final{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--gui-primary) 20%,transparent),transparent 34%),radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--gui-secondary) 18%,transparent),transparent 38%),linear-gradient(180deg,#020617,var(--gui-bg))!important;color:var(--gui-text)!important}.glu-grid{width:min(1080px,100%)!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:clamp(12px,2.6vw,22px)!important}.glu-card,.lu-final-card{background:var(--gui-surface)!important;border:1px solid var(--gui-border)!important;border-radius:clamp(20px,3vw,28px)!important;box-shadow:var(--gui-shadow)!important}.glu-title,.lu-final h1{letter-spacing:-.045em}.glu-badge,.lu-final-pill{background:color-mix(in srgb,var(--gui-primary) 14%,transparent)!important;border-color:color-mix(in srgb,var(--gui-primary) 30%,transparent)!important;color:color-mix(in srgb,var(--gui-primary) 85%,white)!important}.glu-primary,.lu-btn:not(.secondary){background:var(--gui-gradient)!important;color:#020617!important}.glu-secondary,.lu-btn.secondary{background:rgba(255,255,255,.06)!important;border:1px solid var(--gui-border2)!important;color:var(--gui-text)!important}.glu-stat{background:rgba(2,6,23,.42)!important;border-color:var(--gui-border)!important;border-radius:18px!important}@media(max-width:860px){.glu-grid{grid-template-columns:1fr!important}.glu-wrap{padding:18px 12px!important}.glu-card{padding:18px!important}.glu-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glu-actions{display:grid!important;grid-template-columns:1fr!important}.glu-actions form,.glu-actions button,.glu-btn{width:100%!important;justify-content:center!important}}@media(max-width:390px){.glu-stats{grid-template-columns:1fr!important}.glu-title{font-size:28px!important}.lu-final-card{padding:18px!important}}
/* Subgame user */
.l4s-wrap{background:radial-gradient(circle at 16% 6%,color-mix(in srgb,var(--gui-primary) 22%,transparent),transparent 34%),radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--gui-secondary) 18%,transparent),transparent 36%),linear-gradient(180deg,#020617,var(--gui-bg))!important;padding:clamp(16px,4vw,42px) 12px!important;color:var(--gui-text)!important}.l4s-card{width:min(780px,100%)!important;background:var(--gui-surface)!important;border:1px solid var(--gui-border)!important;border-radius:clamp(20px,3vw,30px)!important;box-shadow:var(--gui-shadow)!important}.l4s-head{border-color:var(--gui-border)!important;padding:clamp(20px,4vw,30px)!important}.l4s-title{letter-spacing:-.04em}.l4s-task{background:rgba(2,6,23,.45)!important;border:1px solid var(--gui-border)!important;border-radius:18px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important}.l4s-icon{background:color-mix(in srgb,var(--gui-primary) 13%,transparent)!important}.l4s-btn,.l4s-unlock{background:var(--gui-gradient)!important;color:#020617!important}.l4s-btn.done{background:linear-gradient(135deg,#22c55e,#14b8a6)!important;color:#fff!important}.l4s-bar{background:var(--gui-gradient)!important}.l4s-unlock{min-height:54px!important}@media(max-width:560px){.l4s-body{padding:14px!important}.l4s-task{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}.l4s-task .l4s-btn{grid-column:1/-1;width:100%!important;justify-content:center!important}.l4s-info{width:auto!important}.l4s-info span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l4s-unlock{font-size:15px!important}}
/* Admin link/subgame */
.gui-page-admin-link-unlocks .lu-admin-shell,.gui-page-admin-link-unlocks .lu-admin-panel,.gui-page-admin-link-unlocks .lu-card-row,.gui-page-admin-subgameios .bg-dark-card,.gui-page-admin-subgameios .space-y-6>div[class*="grid"]>div{border-color:var(--gui-border)!important;background:var(--gui-surface)!important;border-radius:22px!important;box-shadow:var(--gui-shadow)!important}.gui-page-admin-link-unlocks .lu-admin-btn,.gui-page-admin-subgameios a[href*="/admin/subgameios/form"],.gui-page-admin-subgameios button{border-radius:12px!important;min-height:38px;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.gui-page-admin-subgameios table{min-width:860px}.gui-page-admin-subgameios th{font-size:12px!important;text-transform:uppercase;letter-spacing:.04em}.gui-page-admin-subgameios tr:hover{background:rgba(255,255,255,.035)!important}@media(max-width:768px){.gui-page-admin-subgameios .grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gui-page-admin-subgameios .overflow-x-auto{border-radius:18px}.gui-page-admin-link-unlocks .lu-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.gui-page-admin-link-unlocks .lu-actions form,.gui-page-admin-link-unlocks .lu-actions .lu-admin-btn{width:100%!important}.gui-page-admin-link-unlocks .lu-admin-btn{font-size:12px!important;padding:8px 10px!important}}@media(max-width:430px){.gui-page-admin-subgameios .grid.grid-cols-2{grid-template-columns:1fr!important}.gui-page-admin-link-unlocks .lu-actions{grid-template-columns:1fr!important}}
/* layout picker admin */
.gameios-layout-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gameios-layout-card{position:relative;min-height:116px;border:1px solid var(--gui-border);border-radius:16px;background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(2,6,23,.64));padding:12px;text-align:left;cursor:pointer;overflow:hidden}.gameios-layout-card.is-active{border-color:var(--gui-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--gui-primary) 40%,transparent),0 14px 38px color-mix(in srgb,var(--gui-primary) 10%,transparent)}.gameios-layout-card:hover{border-color:color-mix(in srgb,var(--gui-primary) 55%,transparent);transform:translateY(-1px)}.gameios-layout-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--gui-gradient);color:#020617;margin-bottom:8px}.gameios-layout-title{font-weight:800;color:#fff;font-size:12.5px;line-height:1.25}.gameios-layout-desc{font-size:10.5px;line-height:1.35;color:var(--gui-muted);margin-top:3px;min-height:28px}.gameios-layout-preview{height:30px;display:grid;gap:4px;margin-top:8px;padding:4px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.gameios-layout-preview span{display:block;border-radius:5px;background:var(--gui-gradient);opacity:.9}.preview-grid{grid-template-columns:repeat(4,1fr)}.preview-compact{grid-template-columns:repeat(5,1fr)}.preview-list{grid-template-columns:1fr}.preview-list span{height:5px}.preview-mosaic{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.preview-mosaic span:first-child{grid-row:span 2}.preview-poster{grid-template-columns:repeat(4,1fr);height:38px}.preview-showcase{grid-template-columns:2fr 1fr 1fr}.preview-showcase span:first-child{grid-row:span 2}.preview-scroll{display:flex;overflow:hidden}.preview-scroll span{min-width:28px}.preview-icon{grid-template-columns:repeat(2,1fr)}.preview-icon span{height:8px}.preview-zigzag{grid-template-columns:1fr 1fr}.preview-table{grid-template-columns:1fr}.preview-table span{height:5px}.gameios-layout-status{font-size:12px;color:var(--gui-muted);min-height:18px}.gameios-layout-status.ok{color:var(--gui-primary)}.gameios-layout-status.err{color:#fb7185}@media(min-width:640px){.gameios-layout-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.gameios-layout-admin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:430px){.gameios-layout-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gameios-layout-card{padding:9px;min-height:106px;border-radius:14px}.gameios-layout-icon{width:26px;height:26px;border-radius:9px}.gameios-layout-title{font-size:11.5px}.gameios-layout-desc{font-size:10px;min-height:24px}.gameios-layout-preview{height:27px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}