/* Source mobile layout: dimensions scale with the mobile content width. */
:root{--ref-u:min(1vw,6.8px);--ref-blue:#484d98;--ref-text:#4b5563}
body.ref-home{max-width:680px;margin:0 auto!important;padding:calc(12.533333 * var(--ref-u)) 0 calc(20 * var(--ref-u))!important;background:#e6e6e6!important;color:var(--ref-text);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:calc(4 * var(--ref-u));line-height:1.5}
.ref-home *{box-sizing:border-box}.ref-home a:hover,.ref-home a:focus{color:inherit}.ref-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;height:calc(12.533333 * var(--ref-u));display:flex;align-items:center;justify-content:space-between;padding:0 calc(4.266667 * var(--ref-u));background:linear-gradient(270deg,#eee,#fff);z-index:1050}.ref-header>a:first-child{display:flex;align-items:center}.ref-header>a>img{height:calc(10 * var(--ref-u));width:auto;object-fit:contain}.ref-user{display:flex;align-items:center;gap:calc(1 * var(--ref-u));color:#6b7280!important;font-size:calc(5 * var(--ref-u))}.ref-user-icon{width:calc(3.5 * var(--ref-u));height:calc(3.5 * var(--ref-u));background:#6b7280;mask:url(../images/reference/icon-user.svg) center/contain no-repeat;-webkit-mask:url(../images/reference/icon-user.svg) center/contain no-repeat}.ref-main{padding:0;margin:0}.ref-banner{width:100%;background:#c32016}.ref-banner img{display:block;width:100%;height:auto}.ref-shortcuts{display:flex;justify-content:space-around;align-items:flex-start;background:#f7f7f7;padding:calc(2.666667 * var(--ref-u)) 0 calc(2 * var(--ref-u));height:calc(23.6 * var(--ref-u))}.ref-shortcuts a{display:flex;align-items:center;flex-direction:column;width:25%;text-align:center;color:#444}.ref-shortcuts a>span{display:flex;align-items:center;justify-content:center;width:calc(12.533333 * var(--ref-u));height:calc(12.533333 * var(--ref-u));border-radius:calc(2 * var(--ref-u));background:linear-gradient(180deg,#7989d1,#262a68)}.ref-shortcuts img{width:calc(7.466667 * var(--ref-u));height:calc(7.466667 * var(--ref-u));object-fit:contain}.ref-shortcuts em{font-size:calc(3.3 * var(--ref-u));line-height:1.5;margin-top:calc(1.333333 * var(--ref-u));font-style:normal}.ref-section{background:#f7f7f7;margin-top:calc(2.666667 * var(--ref-u))}.ref-section h2{display:flex;align-items:center;gap:calc(3.2 * var(--ref-u));padding:calc(2.133333 * var(--ref-u)) calc(4.266667 * var(--ref-u)) calc(1.6 * var(--ref-u));margin:0;font-size:calc(4.8 * var(--ref-u));line-height:calc(6.933333 * var(--ref-u));font-weight:700;color:#4b5563}.ref-flame{width:calc(6.933333 * var(--ref-u));height:calc(6.933333 * var(--ref-u));display:block;flex-shrink:0;background:var(--ref-blue);mask:url(../images/reference/icon-remen.svg) center/contain no-repeat;-webkit-mask:url(../images/reference/icon-remen.svg) center/contain no-repeat}.ref-entertain{margin-top:calc(2.666667 * var(--ref-u));padding-bottom:calc(2 * var(--ref-u))}.ref-entertain-grid{display:grid;grid-template-columns:1fr 1fr;height:calc(35 * var(--ref-u));padding:0 calc(2.666667 * var(--ref-u));gap:calc(2 * var(--ref-u))}.ref-entertain-grid a{display:block;min-height:0;border-radius:calc(1.6 * var(--ref-u));overflow:hidden}.ref-entertain-grid img{width:100%;height:100%;object-fit:cover;display:block}.ref-entertain-grid>div{display:grid;grid-template-rows:1fr 1fr;gap:calc(3.2 * var(--ref-u))}.ref-hot h2{padding-bottom:calc(3.2 * var(--ref-u))}.ref-hot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(1 * var(--ref-u)) 0 calc(1.6 * var(--ref-u));min-height:calc(27.2 * var(--ref-u))}.ref-hot-grid a{min-width:0;text-align:center;color:#777d83!important;line-height:1.5;font-size:calc(4 * var(--ref-u))}.ref-hot-grid img{display:block;width:calc(12 * var(--ref-u));height:calc(12 * var(--ref-u));object-fit:contain;margin:0 auto}.ref-hot-grid span{display:block;margin-top:calc(1.066667 * var(--ref-u));overflow-wrap:anywhere}.ref-lottery{padding:calc(2 * var(--ref-u)) calc(2 * var(--ref-u)) calc(3 * var(--ref-u));min-height:calc(66 * var(--ref-u))}.ref-switch{display:flex;align-items:center;gap:calc(2 * var(--ref-u));padding:calc(1 * var(--ref-u)) 0 calc(1 * var(--ref-u));margin-bottom:calc(4 * var(--ref-u));white-space:nowrap}.ref-switch button{border:0;border-radius:9999px;background:#e5e5e5;padding:calc(1.2 * var(--ref-u)) calc(3 * var(--ref-u));font-size:calc(3.2 * var(--ref-u));font-weight:700;color:#4b5563;line-height:1.2;cursor:pointer}.ref-switch button:first-child{margin-left:calc(2 * var(--ref-u))}.ref-switch button.active{background:var(--ref-blue);color:white}.ref-switch em{font-size:calc(3 * var(--ref-u));font-style:normal;font-weight:700;margin-left:calc(2 * var(--ref-u));color:#4b5563}.ref-group-list{padding:0 calc(3 * var(--ref-u))}.ref-group{display:flex;align-items:flex-start;margin:calc(5 * var(--ref-u)) 0;gap:calc(2 * var(--ref-u))}.ref-category-icon{width:calc(12 * var(--ref-u));height:calc(12 * var(--ref-u));object-fit:contain;flex-shrink:0}.ref-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(2.4 * var(--ref-u)) calc(2 * var(--ref-u));flex:1;padding-top:calc(1 * var(--ref-u));min-width:0}.ref-group-grid a{height:calc(12.5 * var(--ref-u));padding:calc(1.5 * var(--ref-u)) calc(.8 * var(--ref-u)) 0;background:#e5e5e5;border-radius:calc(1.6 * var(--ref-u));text-align:center;min-width:0;color:#4b5563}.ref-group-grid i{display:block;font-size:calc(3.4 * var(--ref-u));font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:calc(5 * var(--ref-u))}.ref-group-grid em{display:block;font-style:normal;font-size:calc(3.5 * var(--ref-u));color:#4ea230;line-height:calc(4 * var(--ref-u))}.ref-group-grid em.closed{color:#999}.ref-general-entry{display:flex;justify-content:space-between;padding:calc(5 * var(--ref-u));color:#4b5563;font-size:calc(4 * var(--ref-u));background:#e5e5e5;border-radius:6px;margin:calc(4 * var(--ref-u))}.ref-lottery [hidden]{display:none!important}html:has(body.ref-home){scrollbar-width:none}html:has(body.ref-home)::-webkit-scrollbar{display:none}body.ref-home{min-height:100dvh}
.ref-entertain-grid{padding-top:calc(1.066667 * var(--ref-u));padding-bottom:calc(1.066667 * var(--ref-u))}
button.ref-user{border:0;background:transparent;padding:0;font:inherit;cursor:pointer;color:#6b7280}
.ref-user-overlay,.ref-user-drawer{position:fixed;top:0;bottom:0;z-index:30000}
.ref-user-overlay{left:max(0px,calc((100vw - 680px) / 2));width:min(100vw,680px);background:rgba(17,24,39,.28)}
.ref-user-drawer{right:max(0px,calc((100vw - 680px) / 2));width:min(72vw,490px);max-width:72%;background:#fff;z-index:30001;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(0,0,0,.08);color:#6b7280}
.ref-user-overlay[hidden],.ref-user-drawer[hidden]{display:none!important}
body.ref-drawer-open{overflow:hidden}
.ref-drawer-head{display:flex;align-items:center;gap:calc(3.2 * var(--ref-u));padding:calc(4.8 * var(--ref-u)) calc(3.6 * var(--ref-u)) calc(2.4 * var(--ref-u))}
.ref-drawer-avatar{position:relative;width:calc(16 * var(--ref-u));height:calc(16 * var(--ref-u));border-radius:50%;overflow:hidden;flex:none;background:#e5e7eb}
.ref-drawer-avatar::before{content:"";position:absolute;inset:0;background:#9ca3af;-webkit-mask:url(../images/reference/icon-user.svg) center 62%/46% no-repeat;mask:url(../images/reference/icon-user.svg) center 62%/46% no-repeat}
.ref-drawer-avatar img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}
.ref-drawer-account{min-width:0}
.ref-drawer-account p{margin:0;font-size:calc(4 * var(--ref-u));line-height:1.7;color:#8b919a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-drawer-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;padding:calc(1.2 * var(--ref-u)) calc(1.2 * var(--ref-u)) 0}
.ref-drawer-grid a,.ref-drawer-grid button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(1.4 * var(--ref-u));min-height:calc(18 * var(--ref-u));padding:calc(2.2 * var(--ref-u)) calc(.4 * var(--ref-u));border:0;background:transparent;color:#6b7280!important;text-decoration:none;font:inherit;font-size:calc(3.3 * var(--ref-u));line-height:1.25;cursor:pointer}
.ref-drawer-grid svg{width:calc(7.2 * var(--ref-u));height:calc(7.2 * var(--ref-u));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ref-ico.orange{color:#f0a030}.ref-ico.green{color:#2fbe6a}.ref-ico.purple{color:#b06adf}.ref-ico.blue{color:#3d8bfd}.ref-ico.red{color:#f25c7a}
.ref-drawer-foot{flex:none;padding:calc(1.2 * var(--ref-u)) calc(4 * var(--ref-u)) calc(4.2 * var(--ref-u))}
.ref-drawer-back{display:flex;align-items:center;justify-content:center;gap:calc(1 * var(--ref-u));width:100%;border:0;background:transparent;color:#9ca3af;font:inherit;font-size:calc(4 * var(--ref-u));padding:calc(2 * var(--ref-u)) 0 calc(2.8 * var(--ref-u));cursor:pointer}
.ref-drawer-back span{font-size:calc(6.4 * var(--ref-u));line-height:1;color:#b0b6bf}
.ref-drawer-logout{display:flex;align-items:center;justify-content:center;height:calc(11.2 * var(--ref-u));border-radius:calc(1.6 * var(--ref-u));background:#4a54c8;color:#fff!important;font-size:calc(4.4 * var(--ref-u));font-weight:700;text-decoration:none}
.rf-notice-mask{position:fixed;inset:0;z-index:40000;background:rgba(17,24,39,.45);display:flex;align-items:center;justify-content:center;padding:18px}
.rf-notice-mask[hidden]{display:none!important}
.rf-notice-dialog{width:min(360px,100%);max-height:min(78dvh,640px);background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.22)}
.rf-notice-head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 14px;background:#484d98;color:#fff;font-size:16px;font-weight:700}
.rf-notice-head button{border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.rf-notice-list{flex:1;overflow:auto;padding:4px 16px 8px}
.rf-notice-item{border-bottom:1px solid #f2f3f5}
.rf-notice-item>button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px 0 8px;cursor:pointer}
.rf-notice-item strong{display:block;color:#2563eb;font-size:15px;font-weight:500;line-height:1.45}
.rf-notice-item time{display:block;margin-top:4px;color:#9aa3af;font-size:13px}
.rf-notice-body{display:none;padding:0 0 12px;color:#2563eb;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.rf-notice-item.open .rf-notice-body{display:block}
.rf-notice-foot{padding:12px 16px 16px}
.rf-notice-foot button{width:100%;height:40px;border:0;border-radius:6px;background:#3c7ee8;color:#fff;font-size:16px;cursor:pointer}

/* Homepage lobby: cards under the banner, games before the download entry. */
body.ref-home{box-sizing:border-box;background:#e7ebf5!important;padding-bottom:calc(26 * var(--ref-u))!important}
body.ref-home .ref-main a{text-decoration:none}
body.ref-home .ref-header-side{display:flex;align-items:center;gap:8px;min-width:0}
body.ref-home .ref-dl{display:inline-flex;flex:none;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;background:#484d98;color:#fff!important;font-size:12px;font-weight:700;line-height:1;text-decoration:none}
body.ref-home .ref-dl svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ref-home .ref-header-side .ref-user{min-width:0;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ref-home .ref-sheet{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;margin-top:12px;padding:0 10px 8px}
body.ref-home .ref-shortcuts,body.ref-home .ref-hot,body.ref-home .ref-lottery{margin:0;height:auto;min-height:0;background:#fff;border-radius:16px;box-shadow:0 8px 22px rgba(48,52,95,.06)}
body.ref-home .ref-shortcuts{display:flex;justify-content:space-around;align-items:flex-start;padding:16px 4px 14px}
body.ref-home .ref-shortcuts a{width:25%;color:#4b5563}
body.ref-home .ref-shortcuts a>span{width:48px;height:48px;border-radius:15px;background:linear-gradient(180deg,#818ed6,#292e70);box-shadow:0 6px 12px rgba(41,46,112,.18)}
body.ref-home .ref-shortcuts img{width:26px;height:26px}
body.ref-home .ref-shortcuts em{margin-top:8px;font-size:13px;line-height:1.3;color:#5c6570}
body.ref-home .ref-section h2{gap:8px;padding:14px 14px 0;font-size:16px;line-height:22px;color:#3a4150}
body.ref-home .ref-flame{width:18px;height:18px}
body.ref-home .ref-hot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:0;padding:12px 4px 16px;background:transparent}
body.ref-home .ref-hot-grid>a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0 2px;color:#7c838d!important;font-size:13px;line-height:18px;text-align:center}
body.ref-home .ref-hot-grid>a>img{display:block;width:50px;height:50px;margin:0;object-fit:contain;border-radius:50%}
body.ref-home .ref-hot-grid>a>span{display:block;margin:0;max-width:100%;color:#7c838d;font-size:13px;line-height:18px;white-space:normal;overflow-wrap:anywhere}
body.ref-home .ref-lottery{display:block;height:auto;overflow:visible;padding:0 0 12px}
body.ref-home .ref-lottery>.ref-switch{display:flex;align-items:center;gap:8px;margin:0;padding:12px 10px 0;white-space:nowrap}
body.ref-home .ref-switch button{border:0;border-radius:999px;background:#eef0f5;padding:7px 14px;font-size:13px;font-weight:700;color:#5c6570;line-height:1.2;cursor:pointer}
body.ref-home .ref-switch button:first-child{margin-left:0}
body.ref-home .ref-switch button.active{background:#484d98;color:#fff;box-shadow:0 4px 10px rgba(72,77,152,.28)}
body.ref-home .ref-switch em{display:none!important}
body.ref-home #ref-lottery-panel,body.ref-home #ref-local-five-minute{display:flex;flex-direction:column;gap:2px;margin:0;padding:8px 6px 4px;background:transparent}
body.ref-home #ref-lottery-panel .ref-group,body.ref-home #ref-local-five-minute .ref-group{display:block;margin:0;padding:8px 0 10px}
body.ref-home #ref-lottery-panel .ref-group+.ref-group,body.ref-home #ref-local-five-minute .ref-group+.ref-group{border-top:1px solid #eef0f5}
body.ref-home h3.ref-cat-title{display:flex;align-items:center;gap:6px;margin:0 8px 10px;padding:0;color:#3a4150;font-size:14px;font-weight:700;line-height:20px}
body.ref-home h3.ref-cat-title::before{content:"";width:3px;height:14px;border-radius:2px;background:#484d98}
body.ref-home #ref-lottery-panel .ref-group-grid,body.ref-home #ref-local-five-minute .ref-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:0;row-gap:14px;margin:0;padding:0}
body.ref-home #ref-lottery-panel img.ref-category-icon,body.ref-home #ref-local-five-minute img.ref-category-icon{display:none!important}
body.ref-home #ref-lottery-panel .ref-group-grid>a,body.ref-home #ref-local-five-minute .ref-group-grid>a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:auto;min-width:0;height:auto;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#7c838d;text-decoration:none}
body.ref-home #ref-lottery-panel .ref-game-icon,body.ref-home #ref-local-five-minute .ref-game-icon{display:block;flex:0 0 50px;width:50px;height:50px;max-width:50px;max-height:50px;margin:0;padding:0;object-fit:contain;border-radius:50%}
body.ref-home #ref-lottery-panel .ref-group-grid>a>i,body.ref-home #ref-local-five-minute .ref-group-grid>a>i{display:block;width:100%;max-width:100%;height:auto;min-height:0;margin:0;padding:0;overflow:visible;color:#7c838d;font-size:13px;font-style:normal;font-weight:400;line-height:18px;text-align:center;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}
body.ref-home #ref-lottery-panel .ref-group-grid>a>em,body.ref-home #ref-local-five-minute .ref-group-grid>a>em{display:none}
body.ref-home #ref-general-panel{grid-column:1/-1}
body.ref-home .ref-general-entry{display:flex;align-items:center;justify-content:space-between;margin:8px;padding:16px 18px;border-radius:12px;background:#f4f6fb;color:#484d98;font-size:15px;font-weight:700}
body.ref-home .ref-app-card{display:none!important}
@media(max-width:350px){body.ref-home .ref-shortcuts em,body.ref-home .ref-hot-grid>a>span,body.ref-home #ref-lottery-panel .ref-group-grid>a>i,body.ref-home #ref-local-five-minute .ref-group-grid>a>i{font-size:12px}}