:root{--u:min(0.2666667vw,1.6px);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#383d4e;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:focus-visible,a:focus-visible{outline:2px solid #62a9ff;outline-offset:3px}.hall{width:100%;max-width:600px;margin:auto;background:#fff;min-height:100dvh;padding-bottom:calc(60 * var(--u));position:relative;overflow:hidden}.hall-header{height:calc(49 * var(--u));display:flex;align-items:center;padding:0 calc(15 * var(--u));gap:calc(16 * var(--u))}.brand{width:calc(52 * var(--u));height:calc(26 * var(--u));object-fit:contain}.download{margin-left:auto}.download img{display:block;width:calc(98 * var(--u));height:calc(24 * var(--u))}.menu-button{width:calc(24 * var(--u));height:calc(24 * var(--u));color:#8799c2}.menu-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.banner{margin:0 calc(15 * var(--u));border-radius:calc(11 * var(--u));aspect-ratio:2.37;overflow:hidden;position:relative}.slides{display:flex;height:100%;transition:transform .5s}.slides img{width:100%;height:100%;object-fit:cover;flex-shrink:0}.dots{position:absolute;bottom:calc(10 * var(--u));left:0;right:0;display:flex;justify-content:center;gap:calc(5 * var(--u))}.dots button{width:calc(10 * var(--u));height:calc(3 * var(--u));background:#cdd0da}.dots button.active{background:#62a4fa}.notice{display:flex;align-items:center;gap:calc(3 * var(--u));height:calc(43 * var(--u));margin:0 calc(15 * var(--u));color:#ed2815;font-size:calc(12 * var(--u));font-weight:600;overflow:hidden}.notice svg{width:calc(15 * var(--u));height:calc(19 * var(--u));fill:#8fc4ff;stroke:#b7d9ff;flex-shrink:0}.notice>div{overflow:hidden;flex:1}.notice span{display:block;white-space:nowrap;animation:marquee 22s linear infinite}.account{display:flex;align-items:center;justify-content:space-between;padding:calc(6 * var(--u)) calc(16 * var(--u)) calc(13 * var(--u));gap:calc(18 * var(--u));height:calc(68 * var(--u))}.welcome{width:calc(132 * var(--u));flex-shrink:0}.welcome p{font-size:calc(12 * var(--u));color:#9aa2c5;margin:0 0 calc(6 * var(--u));white-space:nowrap}.welcome>div{display:flex;gap:calc(4 * var(--u))}.welcome button{width:calc(64 * var(--u));height:calc(28 * var(--u));border:1px solid #dcddff;border-radius:calc(5 * var(--u));box-shadow:inset 0 -4px 7px #eeeeff;font-size:calc(13 * var(--u))}.wallet-actions{display:flex;flex:1;justify-content:space-between}.wallet-actions button{display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--u));font-size:calc(12 * var(--u))}.wallet-actions img{width:calc(30 * var(--u));height:calc(33 * var(--u))}.categories{display:flex;margin:calc(4 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u));gap:calc(2 * var(--u));overflow:auto;scrollbar-width:none}.categories button{font-size:calc(15 * var(--u));height:calc(32 * var(--u));min-width:calc(48 * var(--u));white-space:nowrap}.categories .active{color:#fff;background:linear-gradient(#dfecff,#69a8fa);border-radius:calc(8 * var(--u));box-shadow:inset 0 -3px 0 #9fc4ff}.games{padding:0 calc(16 * var(--u));display:grid;grid-template-columns:1fr 1fr;gap:calc(7 * var(--u))}.game-card{height:calc(64 * var(--u));border:1px solid #d9daff;border-radius:calc(9 * var(--u));display:flex;align-items:center;text-align:left;gap:calc(11 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));position:relative;overflow:hidden;font-size:calc(14 * var(--u))}.game-card>img:first-child{width:calc(41 * var(--u));height:calc(41 * var(--u));object-fit:contain}.corner{position:absolute;right:0;top:0;width:calc(34 * var(--u));height:calc(34 * var(--u))}.activity-label{width:calc(106 * var(--u));height:calc(32 * var(--u));object-fit:contain;display:block;margin:calc(12 * var(--u)) auto}.activities{padding:0 calc(16 * var(--u)) calc(20 * var(--u))}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(7 * var(--u))}.activity-grid button{border:1px solid #d9daff;border-radius:calc(9 * var(--u));min-height:calc(68 * var(--u));display:flex;align-items:center;text-align:left;position:relative;overflow:hidden;padding:calc(8 * var(--u));gap:calc(6 * var(--u))}.activity-grid button>img:first-child{width:calc(42 * var(--u));height:calc(42 * var(--u));object-fit:contain}.activity-grid strong{font-size:calc(13 * var(--u));font-weight:500}.activity-grid small{display:block;font-size:calc(9 * var(--u));color:#9ca3bd;margin-top:calc(4 * var(--u))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;background:#fff;border-top:1px solid #f0f0f6;display:flex;height:calc(48 * var(--u) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav button{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3 * var(--u));font-size:calc(13 * var(--u));color:#9fa8ca}.bottom-nav img{width:calc(19 * var(--u));height:calc(20 * var(--u));object-fit:contain}.bottom-nav .active{color:#77adff}.floating{position:fixed;right:max(calc((100vw - 600px)/2 + 5px),calc(5 * var(--u)));top:calc(132 * var(--u));display:flex;flex-direction:column;align-items:center;z-index:15;width:calc(54 * var(--u))}.floating button{width:100%;margin-bottom:calc(6 * var(--u))}.floating img{width:100%;display:block}.floating .close-floating{font-size:calc(10 * var(--u));color:#fff;background:#5d5144;width:calc(40 * var(--u));border-radius:0 0 8px 8px;margin-top:calc(-11 * var(--u))}dialog{border:0;padding:0;color:#383d4e}dialog::backdrop{background:#0007}.room-dialog{position:fixed;top:auto;bottom:0;margin:0 auto;width:100%;max-width:600px;max-height:80dvh;border-radius:calc(15 * var(--u)) calc(15 * var(--u)) 0 0;padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(25 * var(--u));background:#fff}.room-dialog header{font-size:calc(16 * var(--u));text-align:center;padding:calc(4 * var(--u)) 0 calc(20 * var(--u))}.dialog-close{position:absolute;right:calc(18 * var(--u));top:calc(12 * var(--u));font-size:calc(26 * var(--u));color:#a4afca}.room-link{display:flex;align-items:center;gap:calc(13 * var(--u));padding:calc(10 * var(--u));border:1px solid #e5e8f4;border-radius:calc(9 * var(--u));text-decoration:none;color:inherit;margin:calc(7 * var(--u)) 0}.room-link img{width:calc(42 * var(--u));height:calc(42 * var(--u))}.room-link strong{font-size:calc(15 * var(--u));font-weight:500}.room-link small{display:block;font-size:calc(11 * var(--u));color:#a1a8bf;margin-top:calc(6 * var(--u))}.room-link small b{color:#6ba8fc}.room-link svg{margin-left:auto;width:calc(14 * var(--u));stroke:#b7c1d7;fill:none;stroke-width:2}.info-dialog{border-radius:16px;width:85%;max-width:420px;text-align:center;padding:24px}.info-dialog header{font-size:18px;font-weight:600}.info-dialog p{font-size:14px;line-height:1.8;color:#8992ab}.info-ok{border-top:1px solid #eee;width:100%;padding-top:15px;color:#65a4ff}.category-empty{grid-column:1/-1;text-align:center;color:#a0a8be;padding:32px;font-size:calc(14 * var(--u))}@keyframes marquee{0%,15%{transform:translateX(0)}100%{transform:translateX(-65%)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
body{scrollbar-width:none}body::-webkit-scrollbar{display:none}.account{gap:calc(40 * var(--u))}.floating button{margin-bottom:calc(2 * var(--u))}
.room-dialog{padding:0 0 calc(10 * var(--u));border-radius:calc(16 * var(--u)) calc(16 * var(--u)) 0 0}.room-dialog header{text-align:left;padding:calc(14 * var(--u)) calc(16 * var(--u));font-size:calc(14 * var(--u));font-weight:600;border-bottom:1px solid #d6d9ed}.room-link{border:0;border-bottom:1px solid #d6d9ed;border-radius:0;margin:0;padding:calc(5 * var(--u)) calc(15 * var(--u));height:calc(50 * var(--u));gap:calc(14 * var(--u))}.room-link img{width:calc(40 * var(--u));height:calc(40 * var(--u))}.room-link strong{color:#111;font-size:calc(14 * var(--u))}.room-link small{margin:0 0 0 auto;font-size:calc(12 * var(--u));color:#919abb}.dialog-close{font-size:calc(27 * var(--u));font-weight:300;top:calc(9 * var(--u));color:#252940}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

:root{--u:min(.2666667vw,1.6px)}*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#67759e;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hall{min-height:100dvh;max-width:600px;margin:auto;padding-bottom:24px}.account{gap:calc(10 * var(--u))}.guest-account{min-width:0}.guest-name{overflow-wrap:anywhere;margin:0!important;line-height:1.2}.guest-wallet{display:flex;align-items:center;gap:4px;margin-top:2px}.guest-wallet strong{font-size:calc(15 * var(--u));color:#ff677a;white-space:nowrap}.guest-refresh{border:0;background:none;color:#78a8f4;font-size:22px;padding:0 3px}.game-card{text-align:center}.notice-text{padding:10px 18px;color:#d04b62;overflow-wrap:anywhere}.notice-text button{margin-left:8px;border:0;color:#548fe5;background:none}.room-link{background:#fff;width:100%;text-align:left}.room-link span{flex:1}.room-link small{color:#76a8ed;white-space:nowrap}.room-dialog{max-height:80dvh;overflow:auto}.recharge-copy{color:#8d98af;font-size:13px;text-align:center}.recharge-form{padding:5px 12px 15px}.recharge-form label{display:block;margin-bottom:8px}.recharge-form input{width:100%;padding:12px;border:1px solid #dce4f4;border-radius:8px;color:#526483;background:white}.primary{display:block;width:100%;padding:12px;margin-top:15px;border:0;border-radius:9px;color:white;background:#6ba5f3}.inline-error{color:#c7475e;white-space:pre-line}.initial-note{font-size:12px;color:#a4aec1;margin:20px;text-align:center}dialog::backdrop{background:#0006}button:focus-visible,input:focus-visible{outline:2px solid #78a8f4;outline-offset:2px}.download{cursor:pointer}[hidden]{display:none!important}
.guest-account .guest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-account .guest-refresh{width:calc(18 * var(--u));height:calc(18 * var(--u));font-size:calc(18 * var(--u));line-height:1;padding:0;border:0;box-shadow:none;border-radius:0;background:none}.guest-wallet{gap:calc(3 * var(--u))!important}.notice span{animation:none}

.rooms-layer{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0006}.rooms-layer .room-dialog{position:relative;top:auto;bottom:auto;margin:0;width:100%;max-width:600px;border:0;background:#fff;box-shadow:0 -6px 30px #0001}.rooms-layer[hidden]{display:none!important}body.room-picker-open{overflow:hidden}

/* Brand artwork retains its original 2.6:1 proportions. */
.hall-header .brand{width:calc(104 * var(--u));height:calc(40 * var(--u));object-fit:contain}