/* Chatroom layout follows the original site's compact gold room. */
.room-v2{--room-gold:#997b18;--room-gold-ink:#292612;--room-edge:#e9e5d9;--room-paper:#fff;--room-bg:#faf8f1;max-width:560px;background:var(--room-bg);color:#292923;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.room-v2 .sim-top{height:56px;padding:10px 12px;gap:8px;background:var(--room-bg);border-color:var(--room-edge)}
.room-v2 .sim-title{font-size:15px;font-weight:650;letter-spacing:.1px}
.room-v2 .sim-top .room-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:#2929230b;color:inherit;font-size:17px;font-weight:700}
.room-icon svg{width:18px;height:18px}
.room-v2 .sim-status{margin:10px 12px 0;padding:12px 14px;border:1px solid #8c6e16;border-radius:12px;background:linear-gradient(112deg,#a68925,#927417);box-shadow:0 3px 10px #8c6f1a12;color:var(--room-gold-ink);align-items:stretch}
.room-round{flex:1;display:flex;flex-direction:column;gap:1px}
.room-round>span,.room-wallet>span{font-size:11px;font-weight:500;opacity:.75}
.room-round>span b{font-weight:700;font-variant-numeric:tabular-nums}
.room-v2 .countdown{font-size:26px;font-weight:750;line-height:1.22;letter-spacing:-.7px;font-variant-numeric:tabular-nums;color:inherit}
.room-round>em{font-size:11px;font-style:normal;opacity:.85;line-height:1.5}
.room-wallet{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;border-left:1px solid #fff4;padding-left:16px;min-width:44%}
.room-v2 .sim-status .room-wallet strong{font-size:25px;font-weight:750;letter-spacing:-.4px;line-height:1.3;color:inherit;font-variant-numeric:tabular-nums}
.room-wallet>small{font-size:9px;opacity:.65;letter-spacing:.3px}
.room-v2 .sim-result{margin:10px 12px 0;padding:0;background:var(--room-paper);border:1px solid var(--room-edge);border-radius:11px;box-shadow:0 1px 2px #30281303;overflow:hidden}
.room-v2 .sim-result summary{display:block;list-style:none;padding:9px 11px 8px;cursor:pointer}
.room-v2 .sim-result summary::-webkit-details-marker{display:none}
.room-latest-line{display:flex;align-items:center;gap:8px;justify-content:space-between}
.room-latest-line>b{font-size:11px;font-weight:650;white-space:nowrap;color:#777367}
.room-balls{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}
.room-balls i{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;font-weight:700;font-style:normal;background:#fff;border:1px solid #ece9df;box-shadow:0 1px 3px #3d321108}
.room-balls em{font-style:normal;color:#726b53;margin:0 -1px;font-weight:700}
.room-balls i.sum{background:var(--room-gold);color:#fff9e8;border-color:transparent}
.room-chevron{font-size:16px;color:#a7a18e;line-height:1;transition:transform .2s}
details[open] .room-chevron{transform:rotate(180deg)}
.room-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px}
.room-tags i{font-size:10px;font-weight:550;font-style:normal;color:#9a7f30;background:#f6f1df;padding:1px 6px;border-radius:5px;line-height:1.6}
.room-history{border-top:1px solid var(--room-edge);padding:3px 10px 6px;max-height:31dvh;overflow:auto}
.room-history>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed var(--room-edge);font-size:11px;font-variant-numeric:tabular-nums}
.room-history>div:last-child{border:0}.room-history small{color:#8f897a}
.room-v2 .chat{min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 12px 18px;background:transparent;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7a15a4d transparent}
.room-message{display:flex;align-self:flex-start;align-items:flex-start;gap:8px;max-width:91%;margin:0;flex-shrink:0;animation:room-message-in .18s ease-out}
.room-avatar{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:650;background:var(--avatar-color,#678db5);color:#fff;line-height:1}
.room-bubble{min-width:80px;max-width:100%;padding:7px 11px 8px;border:1px solid var(--room-edge);border-radius:4px 14px 14px;background:var(--room-paper);box-shadow:0 1px 2px #4d3b1803}
.room-bubble>header{color:#858071;font-size:10px;font-weight:650;margin-bottom:3px;line-height:1.6}
.room-bubble>header time{font-size:10px;font-weight:450;margin-left:5px;white-space:nowrap}
.room-bubble>p{display:flex;flex-wrap:wrap;gap:3px 10px;margin:0;font-size:13px;font-weight:600;line-height:1.55;font-variant-numeric:tabular-nums}
.room-bubble>p span{white-space:nowrap}.room-bubble>p b{font-weight:650}
.room-mine{align-self:flex-end;flex-direction:row-reverse;max-width:93%}
.room-mine .room-avatar{background:#aa8b33}.room-mine .room-bubble{background:#f5edcf;border-color:#e8dcae;border-radius:14px 4px 14px 14px}
.room-mine .room-bubble>small{display:block;margin-top:5px;font-size:10px;color:#9b8f68}
.room-mine .room-bubble>small.win,.room-bill-row .win{color:#279568}
.room-bill{width:100%;max-width:100%}.room-bill .room-house{background:var(--room-gold);color:#fff9e9;font-size:11px;box-shadow:inset 0 0 0 3px #ffffff12}
.room-bill .room-bubble{flex:1;min-width:0;padding:9px 10px 8px;border-radius:4px 12px 12px}
.room-bill .room-bubble>header{color:#4d4836;font-size:12px;font-weight:700;line-height:1.6;margin-bottom:5px}
.room-bill-row{display:grid;grid-template-columns:3.6em minmax(0,1fr) auto;gap:6px;align-items:baseline;padding:5px 0;border-top:1px dashed var(--room-edge);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.6}
.room-bill-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.room-bill-row>span{display:flex;flex-wrap:wrap;gap:0 6px;color:#8b8474;font-size:10px;font-weight:500}
.room-bill-row>span>span{white-space:nowrap}.room-bill-row>span b{font-weight:550}
.room-bill-row em{font-style:normal;font-weight:650;white-space:nowrap;color:#979181;font-size:11px}
.room-bill-row em.win{color:#20946a}
.room-bill-row.me{background:#b1922d12;margin:0 -5px;padding-left:5px;padding-right:5px;border-radius:5px}
.room-bill-row.me>b{color:#9c7c1f}
.room-bill .room-bill-more{display:block;margin:5px 0 0;padding:6px 0;width:100%;border:0;border-radius:6px;background:#f6f3e9;color:#947720;font-size:11px;font-weight:600}
.room-bill footer{margin-top:6px;padding-top:6px;border-top:1px solid var(--room-edge);color:#8f8877;font-size:9px;white-space:normal;line-height:1.7;font-variant-numeric:tabular-nums}
.room-draw{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 7px;align-self:center;max-width:100%;margin:4px 0;padding:7px 10px;background:#efebe0;border-radius:10px;font-size:10px;color:#979080;line-height:1.8;flex-shrink:0}
.room-draw>strong{font-size:11px;color:#55503f;font-variant-numeric:tabular-nums}.room-draw>strong b{color:#9b7b1a}
.room-draw .room-tags{margin:0;gap:3px}.room-draw .room-tags i{font-size:9px;padding:0 4px;background:#fff8}
.room-notice{align-self:center;padding:4px 9px;color:#9b8d69;font-size:10px;flex-shrink:0}
.room-v2 .source-error{margin:8px 12px 0;padding:6px 9px;background:#f3eee0;color:#958251;border:1px solid #e7ddbf;border-radius:7px;font-size:10px;flex-shrink:0}
.room-v2 .sim-bottom{padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-color:var(--room-edge);background:var(--room-bg)}
.room-v2 .sim-input{gap:8px}.room-v2 .sim-input input{font-size:13px;min-height:42px;padding:9px 11px;border-radius:9px;background:var(--room-paper);border-color:var(--room-edge)}
.room-v2 .sim-input input::placeholder{color:#a29d90;font-size:12px}
.room-v2 .sim-input .primary{padding:0 16px;min-height:42px;border-radius:9px;font-size:13px;background:var(--room-gold);color:#fff9e7;border:0;box-shadow:none}
.room-v2 .sim-tools{display:grid;grid-template-columns:1fr 1fr 1.45fr 1.4fr 1.4fr;gap:5px;padding-top:8px}
.room-v2 .sim-tools button{min-height:39px;padding:8px 2px;font-size:12px;font-weight:650;white-space:nowrap;color:#4e4b3d;background:var(--room-paper);border:1px solid var(--room-edge);border-radius:8px;box-shadow:0 1px 2px #4d3b1803}
.room-v2 .sim-tools button.main{background:var(--room-gold);border-color:transparent;color:#fff8e3}
.room-v2 .sheet{border-color:var(--room-edge);background:var(--room-bg);padding:14px 12px calc(14px + env(safe-area-inset-bottom));max-height:82dvh;box-shadow:0 -10px 50px #342a1718}
.room-v2 .sheet .pills{gap:4px;background:#ede9df;border-radius:10px;padding:3px}
.room-v2 .sheet .pills button{padding:5px 11px;border:0;background:transparent;border-radius:8px;font-size:12px;font-weight:600}
.room-v2 .sheet .pills button.active{background:var(--room-gold);color:#fff}
.room-v2 .sheet h4{color:#958b73;font-size:11px;font-weight:600}
.room-v2 .bet-choice{padding:8px 2px 6px;border-color:var(--room-edge);background:var(--room-paper);border-radius:8px;transition:background .12s}
.room-v2 .bet-choice strong{font-size:16px;line-height:1.4}.room-v2 .bet-choice small{font-size:9px;color:#9d9581}
.room-v2 .bet-choice.selected{background:var(--room-gold);border-color:transparent;box-shadow:none;color:#fff9e4}
.room-v2 .bet-choice.selected small{color:#fff9e4b8}
.room-v2 .bet-grid.numeric{grid-template-columns:repeat(7,1fr);gap:5px}
.room-v2 .bet-grid.numeric .bet-choice strong{font-size:14px}.room-v2 .bet-grid.numeric .bet-choice small{font-size:8px}
.room-v2 .sheet .chips button{border-radius:20px;border-color:var(--room-edge);background:var(--room-paper);padding:6px 0}
.room-v2 .sheet .chips button.active{background:var(--room-gold);color:#fff}
.room-v2 .sheet input{background:var(--room-paper);border-color:var(--room-edge)}
.room-v2 .sheet .primary{background:var(--room-gold);border:0;color:#fff9e4;border-radius:8px;padding:9px 17px}
.room-v2 .keypad button,.room-v2 .quick-values button{background:var(--room-paper);border-color:var(--room-edge);box-shadow:0 1px 2px #3f351008}
.room-v2 .room-connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:30px;text-align:center}
.room-connecting>b{font-size:15px}.room-connecting>p{font-size:12px;color:#9a927e;margin:7px 0 20px}
@keyframes room-message-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:760px){.room-v2{max-width:620px;border-left:1px solid var(--room-edge);border-right:1px solid var(--room-edge);box-shadow:0 0 60px #362b1412}.room-v2 .sim-top{padding-left:18px;padding-right:18px}.room-v2 .sim-status,.room-v2 .sim-result{margin-left:18px;margin-right:18px}.room-v2 .chat{padding-left:18px;padding-right:18px}.room-v2 .sim-bottom{padding-left:18px;padding-right:18px}.room-v2 .room-bill{max-width:92%}.room-v2 .room-bill-row{font-size:12px;grid-template-columns:4.6em minmax(0,1fr) auto}.room-v2 .room-bill-row>span{font-size:11px}.room-v2 .room-bill footer{font-size:10px}.room-v2 .room-message{max-width:84%}.room-v2 .room-bill{max-width:96%}}
html[data-theme=dark] .room-v2{--room-paper:#24231d;--room-bg:#171712;--room-edge:#373329;--room-gold:#ab8b2b;--room-gold-ink:#fff7de;color:#eee9d8}
html[data-theme=dark] .room-v2 .sim-status{background:linear-gradient(112deg,#645015,#453a19);border-color:#8e7334}
html[data-theme=dark] .room-v2 .room-icon{background:#ffffff0c}
html[data-theme=dark] .room-v2 .room-balls i{background:#302c22;border-color:#49412b;color:#d8d0b8}
html[data-theme=dark] .room-v2 .room-balls i.sum{background:var(--room-gold);color:#fff;border-color:transparent}
html[data-theme=dark] .room-v2 .room-tags i{background:#8b712522;color:#bba15c}
html[data-theme=dark] .room-v2 .room-bubble>header,html[data-theme=dark] .room-v2 .room-history small{color:#aaa18a}
html[data-theme=dark] .room-v2 .room-bill .room-bubble>header{color:#e0d6b6}
html[data-theme=dark] .room-v2 .room-bill-more,html[data-theme=dark] .room-v2 .room-draw{background:#302c20}
html[data-theme=dark] .room-v2 .room-draw>strong{color:#d4c8a6}
html[data-theme=dark] .room-v2 .room-mine .room-bubble{background:#3b331c;border-color:#5d4f27}
html[data-theme=dark] .room-v2 .sim-tools button{color:#d4ccb5}
html[data-theme=dark] .room-v2 .sim-tools button.main{color:#fff8df}
html[data-theme=dark] .room-v2 .sheet .pills{background:#2e2b23}
html[data-theme=dark] .room-v2 .source-error{background:#342d1a;border-color:#554623;color:#c4ae72}
@media(prefers-reduced-motion:reduce){.room-message{animation:none}}
@media(min-width:760px){.room-v2:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--room-bg)}}