:root{--ink:#203a68;--muted:#8497b3;--blue:#2379f4;--blue2:#56b0ff;--line:#e1eafa;--bg:#edf5ff;--white:#fff;--shadow:0 12px 28px rgba(39,84,152,.085)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,#e8f1fc,#f4f8ff 50%,#e8f1fc);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #90bdff;outline-offset:3px}.app-shell{max-width:520px;min-height:100vh;background:#f7fbff;margin:auto;position:relative;box-shadow:0 0 60px #4869971a;padding-bottom:calc(91px + env(safe-area-inset-bottom))}.topbar{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#f7fbff}.brand{border:0;background:transparent;color:#247af2;font-size:29px;font-weight:900;letter-spacing:-1.6px;display:flex;align-items:center;position:relative;padding:0 0 11px;line-height:1}.brand-symbol{font-size:31px;margin-right:6px;background:linear-gradient(135deg,#36c5ff,#3958e9);color:transparent;background-clip:text}.brand-light{font-weight:550;color:#4d87d7}.brand small{position:absolute;bottom:0;left:42px;color:#8799b2;font-size:8px;letter-spacing:2px;font-weight:800}.header-actions{display:flex;gap:7px}.icon-btn{background:#eaf3ff;border:1px solid #e0ecfd;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;position:relative}.icon-btn svg,.search-field svg{width:20px;height:20px;stroke:#42638e;fill:none;stroke-width:1.8;stroke-linecap:round}.notification-btn i{position:absolute;right:10px;top:9px;width:7px;height:7px;background:#ff7284;border:2px solid #eaf3ff;border-radius:50%}.page{display:none;padding:0 19px 30px;animation:appear .22s ease}.page.active{display:block}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{height:255px;border-radius:26px;background:radial-gradient(circle at 78% 35%,#80cfff 0,#2d94fa 42%,#2165d7 100%);overflow:hidden;position:relative;padding:28px 23px;box-shadow:0 13px 27px rgba(25,115,232,.2);color:white}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff40;border-radius:50%;right:-110px;top:-100px;box-shadow:0 0 0 45px #ffffff0c,0 0 0 92px #ffffff08}.hero-text{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#e5f7ff}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#aaffdb;margin-right:3px}.hero h1{font-size:34px;letter-spacing:-1px;line-height:1.32;margin:15px 0 9px;font-weight:850}.hero h1 em{font-style:normal;color:#d2fbff}.hero p{font-size:12px;color:#e3f0ff;margin:0 0 20px}.hero-btn{border:0;background:white;border-radius:12px;color:#186de8;font-weight:800;padding:12px 16px;box-shadow:0 6px 16px #145ac044}.hero-btn span{padding-left:14px;font-size:16px}.hero-art{position:absolute;right:14px;top:48px;width:175px;height:177px;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(.3px)}.orb-one{width:155px;height:155px;top:5px;left:5px;background:linear-gradient(145deg,#b7f7ff99,#ffffff08)}.orb-two{width:105px;height:105px;right:-22px;top:-22px;background:#d0f8ff3c}.joy-pad{position:absolute;left:10px;top:51px;transform:rotate(-18deg);width:169px;height:93px;border-radius:50px;background:linear-gradient(135deg,#e2f7ff,#fcfdff 53%,#a7cdfd);border:5px solid #d6f0ff;box-shadow:0 16px 22px #07379173,inset 0 -7px 3px #9bc9fa}.pad-cross{position:absolute;top:24px;left:28px;font-size:35px;color:#4a8fe6;text-shadow:2px 3px #bedafd}.pad-buttons{position:absolute;right:30px;top:20px;line-height:13px;transform:rotate(-45deg);color:#397ef2;font-size:24px}.floating-star{position:absolute;font-size:33px;color:#fff5a0;text-shadow:0 3px 9px #1b7df0}.star-one{right:0;top:12px}.star-two{left:0;bottom:5px}.hero-index{position:absolute;bottom:19px;right:25px;z-index:2;font-size:12px;font-weight:900}.hero-index span{opacity:.55}.announcement{display:flex;align-items:center;gap:11px;margin:13px 0 18px;padding:11px 12px;background:#eaf4ff;border:1px solid #e1efff;border-radius:14px}.announce-icon{font-size:19px;color:#3184f2;font-weight:900}.announcement-text{flex:1;min-width:0;display:flex;gap:7px;align-items:center;font-size:11px}.announcement-text strong{color:#2885f2;white-space:nowrap}.announcement-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#7d92b0}.announcement button{border:0;background:none;color:#7b91ad;font-size:22px}.welcome-card{background:linear-gradient(120deg,#fff,#e6f3ff);border:1px solid #e3edfc;border-radius:23px;min-height:173px;padding:22px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow)}.eyebrow.dark{color:#6596d0;letter-spacing:1.7px}.welcome-card h2{font-size:20px;letter-spacing:-.6px;margin:9px 0 6px}.welcome-card p{font-size:11px;color:#8a9bb4;margin:0 0 16px;max-width:245px}.pill-btn{border:0;background:#297ef0;color:white;font-weight:750;font-size:12px;padding:11px 16px;border-radius:25px;box-shadow:0 7px 15px #3180ed35}.pill-btn span{margin-left:12px}.welcome-bubble{width:86px;height:86px;background:linear-gradient(135deg,#66d4ff,#2473eb);border:7px solid #ffffff88;box-shadow:0 14px 23px #1f75db33;border-radius:24px;transform:rotate(14deg);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;flex-shrink:0}.welcome-bubble span{font-size:39px;line-height:1}.welcome-bubble small{font-size:10px;font-weight:900;letter-spacing:2px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:29px 1px 15px}.section-heading.compact{margin-top:27px}.section-kicker{color:#70a5e9;font-size:10px;font-weight:850;letter-spacing:1.55px}.section-heading h2{font-size:22px;margin:5px 0 0;letter-spacing:-.6px}.fire{color:#32a3f3}.text-link{border:0;background:none;color:#7998c1;font-size:12px;font-weight:650;padding:4px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card{border:1px solid #e3ecf8;min-width:0;min-height:225px;position:relative;overflow:hidden;border-radius:22px;padding:19px 15px;text-align:left;color:#233e6f;box-shadow:var(--shadow)}.feature-card h3{font-size:22px;letter-spacing:-.7px;margin:16px 0 4px;position:relative;z-index:2}.feature-card p{color:#7897b6;font-size:11px;margin:0;position:relative;z-index:2}.feature-card.live{background:linear-gradient(150deg,#f5ecff,#deedff 82%)}.feature-card.lottery{background:linear-gradient(150deg,#fff2df,#e3f2ff 82%)}.category-pill{position:relative;z-index:2;background:#ffffffb9;color:#5184c2;font-size:10px;font-weight:800;border-radius:20px;padding:6px 8px}.game-illustration{position:absolute;display:block;bottom:-22px;right:0;width:100%;height:125px}.live-halo{position:absolute;right:2px;bottom:-27px;width:160px;height:160px;border-radius:50%;background:linear-gradient(120deg,#bc9aff,#4fcaff);opacity:.4}.live-avatar{position:absolute;right:34px;bottom:6px;font-size:88px;line-height:1;text-shadow:0 10px 22px #6b70ac55;color:#8a73d6}.live-spark{position:absolute;right:17px;top:0;color:#7a9fff;font-size:32px}.lottery-ring{position:absolute;right:12px;bottom:-16px;width:143px;height:143px;border-radius:50%;border:15px solid #e7ad55;background:radial-gradient(circle,#fffaf2 20%,#ffc974 90%);box-shadow:0 11px 22px #ca9a664f,inset 0 0 0 3px white;transform:rotate(15deg)}.lottery-ring b{position:absolute;background:white;color:#e9a74f;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;box-shadow:0 4px 10px #b6794c40}.lottery-ring b:nth-child(1){top:13px;left:40px}.lottery-ring b:nth-child(2){top:67px;left:16px}.lottery-ring b:nth-child(3){top:67px;right:12px}.card-arrow{position:absolute;bottom:15px;left:17px;width:29px;height:29px;border-radius:50%;background:white;color:#5b8cde;display:grid;place-items:center;font-size:18px;z-index:2}.room-card{min-height:245px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(115deg,#0d4f9f,#167ada 60%,#69c7f9);box-shadow:0 15px 27px #266bba35;color:white;display:flex;align-items:center}.room-card:after{content:"";width:230px;height:230px;border:1px solid #ffffff3d;box-shadow:0 0 0 35px #ffffff0d,0 0 0 70px #ffffff08;border-radius:50%;position:absolute;left:-120px;top:-80px}.room-art{height:220px;width:38%;position:relative;flex-shrink:0}.playing-card{position:absolute;border-radius:12px;background:linear-gradient(145deg,#fff,#eaf4ff);color:#2167bb;box-shadow:0 9px 20px #03376688;width:75px;height:112px;display:flex;align-items:start;padding:10px;font-weight:900;font-size:22px}.playing-card span{position:absolute;bottom:12px;right:10px;font-size:33px}.playing-card.c1{left:18px;top:62px;transform:rotate(-22deg)}.playing-card.c2{left:40px;top:45px;transform:rotate(-5deg);color:#fa6384}.playing-card.c3{left:65px;top:65px;transform:rotate(16deg)}.room-content{position:relative;z-index:2;padding:24px 12px 24px 0;flex:1;min-width:0}.room-label{font-size:9px;letter-spacing:1.5px;color:#bde4ff;font-weight:850}.room-content h3{font-size:25px;margin:10px 0 6px;letter-spacing:-.6px}.room-content p{font-size:11px;color:#c6e4ff;margin:0 0 28px;line-height:1.5}.room-actions{display:flex;flex-wrap:wrap;gap:7px}.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:12px 13px;font-size:12px;font-weight:800}.primary-btn{background:#fff;color:#2375dc}.secondary-btn{background:#ffffff35;color:#fff;border:1px solid #ffffff59}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mini-game{min-width:0;padding:14px 4px 11px;text-align:center;background:white;border:1px solid #e4edfb;border-radius:16px;color:var(--ink);box-shadow:0 5px 14px #5379a40d}.mini-game .emoji{display:grid;place-items:center;height:48px;font-size:31px}.mini-game strong{display:block;font-size:11px;margin-top:8px;white-space:nowrap}.tip-strip{margin-top:21px;border:1px solid #deebfc;background:#eff7ff;border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px}.tip-strip>span:first-child{font-size:27px;color:#51a5f5}.tip-strip div{flex:1}.tip-strip strong{font-size:12px}.tip-strip p{font-size:10px;color:#94a6bf;margin:4px 0 0}.tip-strip>span:last-child{color:#7c9bc3}.bottom-nav{z-index:20;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);min-height:77px;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 7px calc(11px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(18px);box-shadow:0 -8px 22px #234a7215;border-top:1px solid #edf2f9}.nav-item{border:0;background:transparent;color:#9aa9c2;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:700}.nav-item.active{color:#267afa}.nav-ico{width:38px;height:34px;display:grid;place-items:center;border-radius:11px}.nav-item.active .nav-ico{background:#e6f2ff}.nav-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item.active:first-child svg{fill:#3187f8;stroke:#3187f8}.page-title{padding:20px 5px 22px}.page-title h1{font-size:32px;letter-spacing:-1.3px;margin:8px 0}.page-title h1 span{color:#4da0f3}.page-title p{font-size:13px;color:#99abc4;margin:0}.search-field{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e1ebf8;border-radius:14px;padding:0 15px;margin:0 0 16px;height:51px}.search-field input{outline:0;border:0;width:100%;color:#385680;background:transparent;font-size:13px}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-btn{border:1px solid #e4ebf7;border-radius:20px;background:white;color:#859ab8;font-size:12px;font-weight:750;padding:9px 15px;white-space:nowrap}.filter-btn.active{background:#2c82f7;border-color:#2c82f7;color:white}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-tile{border:1px solid #e7eefa;border-radius:19px;background:white;min-height:166px;padding:18px;text-align:left;box-shadow:var(--shadow);color:var(--ink)}.tile-image{display:grid;place-items:center;height:78px;border-radius:13px;font-size:43px}.game-tile h3{font-size:15px;margin:12px 0 5px}.game-tile p{color:#93a5bb;font-size:11px;margin:0}.empty-result{text-align:center;color:#9baec7;font-size:12px;padding:35px 5px}.benefits-banner{min-height:220px;border-radius:24px;background:linear-gradient(130deg,#6e65e9,#238bfa);color:white;padding:28px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.benefits-banner>span:not(.benefits-decoration){font-size:10px;letter-spacing:1.5px;font-weight:900;color:#d5e6ff}.benefits-banner h2{font-size:26px;line-height:1.4;margin:18px 0 8px;position:relative;z-index:2}.benefits-banner p{color:#d8e9ff;font-size:12px}.benefits-decoration{position:absolute;font-size:180px;right:-20px;top:-20px;color:#ffffff27}.activity-list{display:grid;gap:12px;margin-top:22px}.activity-card{display:flex;align-items:center;gap:13px;padding:18px 14px;background:white;border:1px solid #e6edfa;border-radius:18px}.activity-symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;font-size:27px;flex-shrink:0}.purple{color:#8069e9;background:#f0ebff}.blue{color:#248af5;background:#e9f4ff}.pink{color:#ed75a1;background:#fff0f5}.activity-card div{flex:1;min-width:0}.activity-card h3{font-size:14px;margin:0 0 6px}.activity-card p{font-size:10px;color:#92a3bd;margin:0 0 7px;line-height:1.6}.activity-card small{font-size:10px;color:#4394e8}.activity-card button{background:none;border:0;color:#368bf2;font-size:11px;font-weight:750}.support-card{background:linear-gradient(155deg,#e0f0ff,#fff);border:1px solid #ddecff;border-radius:24px;text-align:center;padding:35px 20px;box-shadow:var(--shadow)}.support-face{display:grid;place-items:center;margin:0 auto 18px;border:7px solid #d5edff;background:#74b9ff;width:87px;height:87px;border-radius:26px;color:white;font-size:57px}.support-card h2{font-size:21px;margin:0 0 10px}.support-card p{color:#8ba1bb;font-size:12px;margin:0 0 22px}.support-card .primary-btn{color:white;background:#247cf4;padding:14px 24px}.faq-list{display:grid;gap:10px}.faq-list details{background:white;padding:18px;border:1px solid #e1ebf8;border-radius:15px}.faq-list summary{cursor:pointer;font-size:13px;font-weight:750}.faq-list p{font-size:12px;color:#8ea0b8;line-height:1.8}.profile-card{display:flex;align-items:center;gap:12px;padding:22px 15px;border-radius:22px;background:linear-gradient(110deg,#2d86f7,#68bfff);color:white}.profile-avatar{width:58px;height:58px;flex-shrink:0;border-radius:19px;display:grid;place-items:center;background:#ffffff38;font-size:40px;border:2px solid #ffffff77}.profile-card div:nth-child(2){flex:1;min-width:0}.profile-card h2{font-size:17px;margin:0 0 7px}.profile-card p{font-size:10px;color:#e8f5ff;margin:0}.profile-login{border:0;border-radius:20px;background:white;color:#2377e3;font-size:12px;padding:9px 12px;font-weight:800}.profile-menu{margin-top:20px;background:white;border:1px solid #e8eef9;border-radius:19px;overflow:hidden}.profile-menu button{width:100%;height:62px;display:flex;gap:15px;align-items:center;padding:0 19px;border:0;border-bottom:1px solid #f0f4fb;background:white;color:#344d76;text-align:left;font-size:13px;font-weight:700}.profile-menu button:last-child{border-bottom:0}.profile-menu button span{font-size:22px;width:25px;color:#3389f1}.profile-menu button b{margin-left:auto;color:#bac8db;font-size:20px;font-weight:400}.copyright{font-size:11px;color:#afbdcf;line-height:2;text-align:center;margin:32px auto}.modal-backdrop{position:fixed;inset:0;background:#13284690;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:15px;backdrop-filter:blur(4px)}.modal{background:white;border-radius:25px 25px 19px 19px;padding:29px 23px 24px;width:min(480px,100%);position:relative;max-height:85vh;overflow:auto;box-shadow:0 20px 60px #1428494f;animation:slide-up .2s ease}@keyframes slide-up{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}.modal-close{position:absolute;right:18px;top:12px;border:0;background:#f0f5fc;width:32px;height:32px;border-radius:50%;font-size:24px;color:#8b9cb2}.modal-icon{width:54px;height:54px;border-radius:17px;background:#e7f2ff;color:#2c84f6;display:grid;place-items:center;font-size:28px;margin-bottom:14px}.modal h2{margin:0 0 9px;font-size:22px}.modal>p{font-size:12px;color:#8fa0ba;line-height:1.8;margin:0 0 18px}.form-field{margin:13px 0}.form-field label{display:block;color:#4c6286;font-size:12px;margin-bottom:7px;font-weight:750}.form-field input{border:1px solid #dbe7f6;border-radius:12px;padding:13px;width:100%;outline:0}.modal-submit{border:0;border-radius:13px;background:#2981f5;color:white;width:100%;font-weight:800;padding:14px;margin-top:11px}.form-note{font-size:11px;line-height:1.7;color:#9caec4;margin:13px 0 0}.room-code{background:#eff6ff;padding:20px;text-align:center;border-radius:16px;font-size:30px;letter-spacing:7px;color:#2678e8;font-weight:900}.info-box{background:#f2f7fd;border-radius:12px;padding:14px;font-size:12px;color:#6982a3;line-height:1.8}.toast{position:fixed;left:50%;bottom:104px;transform:translateX(-50%) translateY(10px);z-index:200;background:#1c3558;color:white;border-radius:14px;padding:11px 18px;font-size:12px;white-space:nowrap;max-width:90vw;text-overflow:ellipsis;overflow:hidden;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.hidden{display:none!important}@media(min-width:760px){.app-shell{margin:25px auto;border-radius:28px 28px 0 0;overflow:hidden;min-height:calc(100vh - 25px)}.bottom-nav{border-radius:0 0 20px 20px}}@media(max-width:375px){.hero h1{font-size:28px}.hero-art{right:-17px;transform:scale(.85)}.hero{padding:25px 19px;height:242px}.feature-card{min-height:212px;padding:17px 12px}.feature-card h3{font-size:20px}.room-art{width:34%}.playing-card{width:62px;height:95px}.playing-card.c1{left:8px}.playing-card.c2{left:20px}.playing-card.c3{left:35px}.room-content h3{font-size:21px}.room-actions button{font-size:10px;padding:10px}.welcome-bubble{width:66px;height:66px}.welcome-card h2{font-size:18px}}

/* V2 · accurate, locally-packaged category artwork */
.feature-card{background:#f0f6ff!important;isolation:isolate;min-height:247px;padding:18px 14px}
.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f5faff 0%,#f5faff 37%,transparent 68%);z-index:0;pointer-events:none}
.feature-card h3,.feature-card p,.category-pill,.card-arrow{z-index:2}
.feature-artwork{position:absolute;bottom:0;left:0;width:100%;height:145px;object-fit:cover;object-position:center;display:block;border-radius:0 0 20px 20px}
.feature-card h3{font-size:21px;margin-top:17px}
.feature-card p{max-width:90%}
.room-art{height:188px;width:39%;padding:12px 0 12px 10px}
.room-art img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 12px 25px #123b7660}
.mini-game{padding:7px 4px 11px}
.mini-game .emoji{height:62px;overflow:hidden;border-radius:12px;background:#e9f3ff}
.mini-game .emoji img{height:100%;width:100%;object-fit:cover}
.tile-image{height:110px;overflow:hidden;padding:0;background:transparent!important}
.tile-image img{height:100%;width:100%;object-fit:cover;border-radius:12px}
.game-tile{padding:11px 11px 16px;min-height:182px}
.game-tile h3{margin:11px 3px 5px}
.game-tile p{margin:0 3px;line-height:1.5}
.hero{background:linear-gradient(125deg,#143a84,#246fe0 60%,#5ec2ff)}
.announcement-text{font-size:11px}
@media(max-width:375px){.feature-card{min-height:232px}.feature-artwork{height:130px}.room-art{width:34%}}

/* i8.com opening splash: shown on every full page visit for 4 seconds. */
.site-loader {position:fixed;inset:0;z-index:99999;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#ecf6ff 0%,#e5efff 48%,#cbdfff 100%);transition:opacity .35s ease,visibility .35s ease;}
.loader-content {width:min(78vw,320px);text-align:center;animation:loader-pop .6s ease both;}
.loader-mark {font-family:Arial,Helvetica,sans-serif;font-size:clamp(48px,13vw,70px);font-weight:900;letter-spacing:-.055em;color:#1768ec;line-height:1.1;text-shadow:0 8px 28px #227cdb20;}
.loader-mark span {font-size:.48em;letter-spacing:-.035em;color:#3993ef;}
.loader-subtitle {font-size:14px;letter-spacing:3px;margin:16px 0 32px;color:#6685ab;}
.loader-track {height:7px;overflow:hidden;background:#ffffffbd;border-radius:99px;box-shadow:inset 0 1px 4px #90b5dd55;}
.loader-progress {width:0%;height:100%;background:linear-gradient(90deg,#378aff,#2365e5);border-radius:99px;animation:load-four-seconds 4s linear forwards;}
.loader-status {margin-top:16px;color:#819bb7;font-size:12px;}
body.is-loading {overflow:hidden;}
.site-loader.is-done {opacity:0;visibility:hidden;pointer-events:none;}
@keyframes load-four-seconds {to{width:100%;}}
@keyframes loader-pop {from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.loader-content{animation:none}.loader-progress{animation:none;width:100%}.site-loader{transition:none}}