@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}:root{--page-max-width: 1180px;--page-max-width-wide: 1280px;--panel-bg: rgba(255, 255, 255, .94);--panel-border: rgba(15, 23, 42, .09);--panel-shadow: 0 18px 40px rgba(15, 23, 42, .12);--text-muted: #6b7280;--text-heading: #0f172a;--accent: #1d4ed8}html{font-size:48px}body{font-family:Arial,sans-serif;line-height:1.2}.page-header.page-header--hidden,body.game-playing .page-header{display:none}.app{min-width:314px;min-height:100vh;display:flex;flex-direction:column}.overflow{position:fixed;top:0;left:0;z-index:-999;width:100%;height:100%;opacity:0;background-color:#000000b3}.overflow .dialog{z-index:2000;position:fixed;top:50%;left:50%;width:100%;overflow:hidden;font-size:4.08163vw;background-color:#fff;color:#ccc;border-radius:2vw;transform:translate3d(-50%,-50%,0);backface-visibility:hidden;transition:.3s;transition-property:transform,opacity}.overflow .dialog .ads-close{display:flex;justify-content:right;padding-right:3.06122vw;color:#dbdbdb;font-size:.6rem;width:8%;float:right}.overflow .dialog #dialogAd{font-size:.42rem;text-align:center}.bottom-banner{width:100%;height:100px;position:fixed;bottom:0;left:0;z-index:100}.home-banner{text-align:center;color:#b9b9b9;font-size:.2rem}.game-list{flex:1;margin:20px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.game-list .pointer-img{position:absolute;top:20px;left:20px;pointer-events:none;display:none}.grid-container{display:grid;width:90%;grid-template-columns:repeat(16,1fr);grid-auto-rows:1fr;grid-gap:10px;gap:10px;grid-auto-flow:row dense}.grid-item{display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;aspect-ratio:1/1;background-color:#ffffff80;border-radius:5%}.grid-item-1{grid-column:span 1;grid-row:span 1}.grid-item-2{grid-column:span 2;grid-row:span 2}.grid-item-3{grid-column:span 3;grid-row:span 3}.game-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:5%}.footer{color:#fff;text-align:center;padding:.2rem;font-size:.24rem}.footer .footer-nav{display:flex;flex-direction:row;justify-content:center;align-items:center}.footer .footer-nav a{padding:.1rem .4rem;-webkit-text-decoration:underline;text-decoration:underline}@keyframes breathing{0%{transform:scale(.88)}50%{transform:scale(1)}to{transform:scale(.88)}}.detail-banner,.detail-banner-2{color:#b9b9b9;text-align:center;font-size:.2rem}.detail-banner-2{margin-top:10px}.game-header{display:flex;align-items:flex-start;padding:.2rem}.game-header .game-icon{width:2rem;height:2rem;margin-right:.2rem;border-radius:.15rem}.game-header .game-info{flex:1}.game-header .game-info .detail-title{font-size:.42rem;margin:0;margin-bottom:.1rem;color:#696969}.game-header .game-info .detail-description{color:#a5a5a5;font-size:.18rem;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.game-header .game-info .game-tags{display:flex;flex-wrap:wrap;height:.52rem;overflow:hidden}.game-header .game-info .game-tags .tag{padding:.05rem .1rem;margin-right:.2rem;font-size:.2rem;margin-bottom:.5rem;border:2px dashed #C5C5C5;color:#828080}.game-section{padding:0 .2rem}.game-content{width:100%;max-width:700px;margin:10px auto 0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.game-content .game-btn{position:absolute;cursor:pointer;z-index:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5);width:100%;height:0px;padding-bottom:100%;border-radius:4px;overflow:hidden}.game-content .game-btn:before{content:"Play";position:absolute;width:180px;height:50px;margin-left:-90px;margin-top:-25px;top:50%;left:50%;z-index:1;font-size:22px;text-align:center;line-height:50px;color:#fff;font-weight:700;border-radius:6px;box-shadow:2px 4px 10px #0006;animation:breathing 1.5s ease-in-out infinite}.game-content .game-play{width:100%;position:relative;height:0px;padding-bottom:100%;background-color:var(--block-background-color);border-radius:4px;overflow:hidden}.game-content .game-play iframe,.game-content .game-play img{position:absolute;left:0;top:0;width:100%;height:100%}.fixed-game{position:fixed;width:100%;height:100%;background-color:#000;left:0;top:0;z-index:999;display:none}.fixed-game .game-back{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.2rem;height:.7rem;position:absolute;left:0;top:10%;background-color:#000c;border-radius:0px .35rem .35rem 0px;display:flex;align-items:center;justify-content:space-between;padding:0rem .05rem}.fixed-game .game-back .back{width:.4rem;height:.4rem}.fixed-game .game-back .icon{width:.6rem;height:.6rem;border-radius:50%}.page-container{padding:.4rem;min-height:calc(100vh - 70px);font-size:18px}.page-container h1{text-align:center;line-height:1.5;font-size:30px;margin-bottom:10px}.page-container p{font-size:18px;line-height:1.5}.page-shell{width:min(1180px,100%);width:min(var(--page-max-width),100%);margin:0 auto;padding:max(16px,min(4vw,32px));display:flex;flex-direction:column;gap:max(16px,min(3vw,32px))}.page-shell--wide{width:min(1280px,100%);width:min(var(--page-max-width-wide),100%)}.page-shell--compact{gap:max(14px,min(2vw,24px))}.page-header{display:flex;align-items:center;gap:16px;background:#fffffff0;background:var(--panel-bg);padding:18px 24px;border:1px solid rgba(15,23,42,.09);border:1px solid var(--panel-border);box-shadow:0 18px 40px #0f172a1f;box-shadow:var(--panel-shadow);position:fixed;top:0;width:100%;left:0;z-index:900;height:70px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-header-placeholder{position:sticky;top:0;height:70px}.page-header__icon,.page-header__spacer{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#1d4ed81f,#0ea5e914);border:1px solid rgba(148,163,184,.3)}.page-header__icon svg{width:28px;height:28px;stroke:#1d4ed8;stroke:var(--accent)}.page-header__icon.page-header__icon--button{border-radius:50%;transition:background .2s ease,transform .2s ease}.page-header__icon.page-header__icon--button:hover{transform:scale(1.05);background:#1d4ed81f}.page-header__body{flex:1}.page-header__title{font-size:max(24px,min(4vw,30px));color:#0f172a;color:var(--text-heading);font-weight:800;text-transform:uppercase;letter-spacing:1px}.page-header__subtitle{color:#6b7280;color:var(--text-muted);font-size:15px;margin-top:6px}.page-header__meta,.page-header__actions{display:flex;align-items:center;gap:12px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#1d4ed8;color:var(--accent);font-weight:700;margin-bottom:6px}.section-title{font-size:max(20px,min(3vw,26px));color:#0f172a;color:var(--text-heading);font-weight:700}.text-link{color:#1d4ed8;color:var(--accent);font-weight:600;font-size:14px}.pill{padding:6px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:13px;color:#0f172a;color:var(--text-heading);background:#94a3b81a;font-weight:600}.pill--ghost{background:transparent}.panel{background:#fffffff0;background:var(--panel-bg);border-radius:28px;border:1px solid rgba(15,23,42,.09);border:1px solid var(--panel-border);padding:max(7px,min(4vw,7px));box-shadow:0 18px 40px #0f172a1f;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel--ad{text-align:center}.panel--games{padding-top:max(18px,min(3vw,26px))}.panel--play{padding:max(12px,min(3vw,22px))}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:18px}.page-shell .game-list{margin:0;width:100%;align-items:stretch}.page-shell .grid-container{width:100%;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.page-shell .game-item{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#0f172a0a;transition:transform .25s ease,box-shadow .25s ease}.page-shell .game-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a00 40%,#0f172aa6);opacity:0;transition:opacity .2s ease}.page-shell .game-item:hover{transform:translateY(-4px);box-shadow:0 18px 30px #0f172a29}.page-shell .game-item:hover:after{opacity:1}.page-shell .game-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0;transition:transform .3s ease}.page-shell .game-item:hover img{transform:scale(1.05)}.game-item__title{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-size:14px;font-weight:600;z-index:1;text-shadow:0 6px 16px rgba(0,0,0,.4)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));grid-gap:18px;gap:18px}.category-item{display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:22px;border:1px solid rgba(15,23,42,.08);padding:20px 12px;background:linear-gradient(180deg,#ffffffe6,#e2e8f066);box-shadow:inset 0 1px #fff9;transition:transform .2s ease,box-shadow .2s ease;text-align:center}.category-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a1a}.category-item img{width:52px;height:52px}.category-item span{font-size:14px;color:#0f172a;color:var(--text-heading);font-weight:600}.game-hero{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.game-hero__cover{width:120px;height:120px;border-radius:28px;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 20px 40px #0f172a26}.game-hero__content{flex:1;min-width:240px}.detail-title{font-size:max(24px,min(4vw,32px));color:#0f172a;color:var(--text-heading);margin-bottom:8px}.detail-description{color:#6b7280;color:var(--text-muted);line-height:1.6;font-size:13px;margin-bottom:12px}.game-tags{display:flex;flex-wrap:wrap;gap:8px}.game-tags .tag{padding:6px 14px;border-radius:999px;border:1px dashed rgba(148,163,184,.7);font-size:13px;color:#0f172a;color:var(--text-heading);background:#94a3b81a}.panel--play .game-section{padding:0}.panel--play .game-content{max-width:none;margin:0;border-radius:28px}.panel--play .game-play{border-radius:28px;background:#050915}.panel--play .game-content .game-btn:before{background-color:#1d4ed8;background-color:var(--accent)}.panel--play .game-content .game-btn,.panel--play .game-content .game-play iframe,.panel--play .game-content .game-play img{border-radius:28px}.panel--games .game-list{margin-top:12px}.panel--games .section-head{margin-bottom:12px}.panel--ad ins.adsbygoogle{width:100%!important}.home-banner.panel{padding:max(12px,min(2vw,18px))}.fixed-game .game-back{background-color:#0f172acc}@media screen and (max-width: 1260px){.grid-container{display:grid;width:90%;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-gap:10px;gap:10px;margin-bottom:20px;grid-auto-flow:row dense}.grid-item-1:nth-child(1),.grid-item-1:nth-child(8),.grid-item-1:nth-child(13),.grid-item-1:nth-child(20),.grid-item-1:nth-child(25),.grid-item-1:nth-child(32),.grid-item-1:nth-child(37),.grid-item-1:nth-child(44),.grid-item-1:nth-child(48){grid-column:span 2;grid-row:span 2}.hot_game{width:100%;flex-direction:column;align-items:center}.hot_game_item{width:95%;flex-direction:row;align-items:center}.game-icon{margin-left:.1rem}.game-description{margin-right:0}.pcPlay{display:none}.game-header-ad{display:flex;flex-direction:column;width:100%}.banner-ad-pc,.detail-banner-ad-pc{display:none}}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}
