/* Compact balance control and inventory dialog matching the supplied reference. */
select{appearance:none;background-image:none}
.topbar-balance{height:42px;min-width:132px;display:flex;align-items:center;justify-content:space-between;gap:0;padding:0;border:1px solid #303545;border-radius:12px;overflow:hidden;background:#1c202e;color:#f3f6fb;font:inherit;text-align:left;cursor:pointer;appearance:none}
.topbar-balance:hover{border-color:#3a5276;background:#202638}
.topbar-balance:focus-visible{outline:2px solid #1684ff;outline-offset:2px}
.topbar-balance .balance-main{height:40px;min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:0 10px;color:#f5f7fc;pointer-events:none}
.topbar-balance .balance-token{width:19px;height:19px;display:grid;place-items:center;border:1px solid #569bf7;border-radius:50%;background:#16396a;color:#b8e2ff}
.topbar-balance .balance-token svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-balance .balance-main b{font-size:12px}
.topbar-balance .balance-add{height:40px;width:43px;flex:0 0 43px;margin:0;border:0;border-radius:0 11px 11px 0;background:#087cff;color:white;display:grid;place-items:center;pointer-events:none}
.topbar-balance .balance-add svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card-arrow,.rail-match-arrow,.menu-chevron{display:none!important}
.wallet-dialog{width:min(1245px,calc(100vw - 40px));height:min(548px,calc(100vh - 40px));max-width:none;max-height:none;padding:19px 20px 20px;border:1px solid #303850;border-radius:19px;background:#1b1f2d;color:#f2f4f9;box-shadow:0 26px 95px #000b;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.wallet-dialog[open]{display:grid}
.wallet-dialog::backdrop{background:#03050bba;backdrop-filter:blur(6px)}
.wallet-dialog-toolbar{min-height:45px;display:flex;align-items:center;gap:11px}
.wallet-search{height:45px;max-width:300px;flex:1;display:flex;align-items:center;gap:11px;padding:0 13px;border:2px solid #1684ff;border-radius:11px;background:#121827;color:#158bff}
.wallet-search span{font-size:21px;line-height:1}
.wallet-search input{width:100%;border:0;outline:0;background:transparent;color:#f5f6fa;font:600 11px Inter,Arial,sans-serif}
.wallet-search input::placeholder{color:#c1c6d1}
.wallet-dialog-toolbar select{height:45px;min-width:198px;padding:0 15px;border:1px solid #30374c;border-radius:8px;background:#2a2e42;color:#f2f4f9;font:750 11px Inter,Arial,sans-serif}
.wallet-dialog-toolbar #wallet-game{min-width:199px}
.wallet-close{width:34px;height:34px;align-self:flex-start;margin:-9px -9px 0 auto;border:0;border-radius:50%;background:transparent;color:#d4d8e0;font-size:25px;font-weight:700;cursor:pointer}
.wallet-inventory{min-height:0;display:grid;grid-template-rows:50px minmax(0,1fr);border-radius:10px;background:#202432;overflow:hidden}
.wallet-balance-row{display:flex;align-items:center;gap:10px;padding:0 13px;color:#f2f4f9;font-size:14px}
.wallet-robux-icon,.wallet-roblox-mark{width:27px;height:27px;display:grid;place-items:center;color:#0a84ff}
.wallet-robux-icon svg,.wallet-roblox-mark svg{width:25px;height:25px;fill:currentColor}
.wallet-roblox-mark{margin-left:3px;color:#f5f6fa}
.wallet-balance-row button{width:56px;height:38px;margin-left:3px;border:0;border-radius:8px;background:#087cff;color:#07111d;font-size:17px;cursor:pointer}
.wallet-empty{display:grid;align-content:center;justify-items:center;gap:12px;text-align:center}
.wallet-empty b{font-size:19px;font-weight:850}
.wallet-empty span{color:#a2a7b2;font-size:14px}
.wallet-empty .primary-button{height:50px;min-width:126px;margin-top:5px;border-radius:9px;color:#07111d;font-size:14px}
.wallet-dialog-footer{display:flex;justify-content:flex-end;gap:9px}
.wallet-dialog-footer .outline-button{height:49px;min-width:137px;justify-content:center;border:1px solid #2e3447;border-radius:8px;background:#2a2f43;color:#f4f6fb;font-size:12px;font-weight:800}
.wallet-dialog-footer #wallet-withdraw{min-width:180px}

/* Color Dice public lobby list and shared multiplayer table. */
.color-dice-lobby,.color-dice-arena{gap:16px;background:radial-gradient(ellipse at 50% 0%,#20283b,#191c28 65%)}
.color-dice-lobby{padding:21px}
.dice-lobby-heading,.dice-arena-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dice-lobby-heading small,.dice-arena-head small,.dice-round-title small,.dice-choose-card small,.dice-finish-card small{color:#8190ad;font-size:9px;font-weight:850;letter-spacing:1.45px}
.dice-lobby-heading h3,.dice-arena-head h3{margin:4px 0 5px;font-size:22px;letter-spacing:-.35px}
.dice-lobby-heading p{margin:0;color:#9aa4b8;font-size:11px}
.dice-lobby-heading>.primary-button{height:43px;min-width:164px;gap:8px;color:#07111d}
.dice-lobby-meta{display:flex;align-items:center;gap:17px;min-height:38px;padding:0 13px;border:1px solid #2d3548;border-radius:9px;background:#171b27;color:#9ba6bc;font-size:9px;font-weight:800}
.dice-lobby-meta span{display:flex;align-items:center;gap:7px}
.dice-lobby-meta span:first-child{color:#e0e7f2}
.dice-lobby-meta span:first-child i{width:7px;height:7px;border-radius:50%;background:#31e296;box-shadow:0 0 12px #31e29688}
.dice-lobby-meta span:last-child{margin-left:auto;color:#35c8ff;letter-spacing:.65px}
.dice-lobby-list{min-height:0;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));align-content:start;gap:11px;overflow:auto;padding:1px 2px 5px}
.dice-lobby-card{display:grid;gap:13px;padding:15px;border:1px solid #30384b;border-radius:12px;background:linear-gradient(135deg,#202637,#1a1e2b 75%);box-shadow:0 9px 25px #05081220}
.dice-lobby-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}
.dice-lobby-card-top small{color:#73819b;font-size:8px;font-weight:850;letter-spacing:1.05px}
.dice-lobby-card h4{margin:5px 0 0;font-size:15px}
.dice-lobby-state{padding:5px 8px;border-radius:14px;font-size:7px;font-weight:900;letter-spacing:.6px}
.dice-lobby-state.waiting{background:#2a2b3b;color:#b3b8c7}
.dice-lobby-state.ready{background:#113c35;color:#4be2b0}
.dice-lobby-players{display:flex;flex-wrap:wrap;gap:7px}
.dice-lobby-player{min-width:0;display:flex;align-items:center;gap:7px;padding:6px 9px 6px 6px;border:1px solid #30384b;border-radius:24px;background:#171c29}
.dice-lobby-player i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#35d7ff,#1267de);color:#081a32;font-size:10px;font-style:normal;font-weight:900}
.dice-lobby-player i{position:relative;overflow:hidden;flex:0 0 25px}
.dice-lobby-player i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dice-lobby-player b{max-width:120px;overflow:hidden;color:#e1e7f0;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.dice-lobby-player.waiting{border-style:dashed;background:transparent}
.dice-lobby-player.waiting i{background:#2a3041;color:#929bb0}
.dice-lobby-player.waiting b{color:#818ba2;font-weight:600}
.dice-lobby-card-bottom{display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #2d3446;color:#929db3;font-size:8px}
.dice-lobby-card-bottom b{color:#e8edf5}
.dice-lobby-card-bottom>span:nth-child(2){padding:4px 7px;border-radius:6px;background:#202e48;color:#68baff;font-weight:900}
.dice-lobby-card-bottom .primary-button,.dice-lobby-card-bottom .outline-button{height:34px;min-width:115px;margin-left:auto;justify-content:center;border-radius:8px;font-size:9px;font-weight:850}
.dice-lobby-card-bottom .primary-button{color:#07111d}
.dice-lobby-card-bottom .outline-button{background:#2a2f43}
.dice-lobby-empty{min-height:280px;display:grid;align-content:center;justify-items:center;gap:10px;border:1px dashed #30384a;border-radius:12px;background:#171b27;text-align:center}
.dice-empty-mark{width:51px;height:51px;display:grid;place-items:center;border:1px solid #1c70cb;border-radius:16px;background:#142546;color:#43bdff;font-size:24px}
.dice-lobby-empty b{font-size:15px}
.dice-lobby-empty p{margin:0 0 4px;color:#929db2;font-size:10px}
.dice-lobby-empty .primary-button{height:39px;color:#06111e;font-size:10px}
.color-dice-arena{min-height:calc(100vh - 180px);padding:18px}
.dice-back-button{height:36px;padding:0 11px;border:1px solid #343c51;border-radius:8px;background:#222738;color:#c2cce0;font-size:9px;font-weight:750;cursor:pointer}
.dice-arena-head>div{flex:1;text-align:center}
.dice-arena-head h3{margin-bottom:0;font-size:18px}
.dice-round-pill{padding:8px 10px;border:1px solid #244a77;border-radius:8px;background:#14253b;color:#73c8ff;font-size:8px;font-weight:900;letter-spacing:.7px}
.dice-scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dice-player-card{min-width:0;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #30384b;border-radius:11px;background:#202536}
.dice-player-card.has-color{border-color:#3b526b}
.dice-player-avatar{position:relative;width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border:2px solid #3b91f2;border-radius:50%;background:#1d2d47;color:#d7edff;font-size:12px;font-weight:900}
.dice-player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dice-player-avatar i{font-style:normal}
.dice-player-copy{min-width:0;display:grid;gap:4px;flex:1}
.dice-player-copy>small{color:#8594ae;font-size:7px;font-weight:900;letter-spacing:.9px}
.dice-player-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.dice-player-copy>span{display:flex;align-items:center;gap:5px;color:#8f9ab0;font-size:7px;font-weight:800}
.dice-player-card>strong{padding-left:8px;border-left:1px solid #343b4c;font-size:19px}
.dice-player-card>strong small{display:block;color:#8390a8;font-size:6px;letter-spacing:.6px}
.dice-player-open{border-style:dashed;background:#1a1e2b;color:#7c879e}
.dice-player-open .dice-player-avatar{border:1px dashed #4a546c;background:#222838;color:#8994aa}
.dice-color-dot,.dice-history-dot{width:9px;height:9px;display:inline-block;border-radius:50%}
.color-red{background:#f04452}.color-orange{background:#ff771f}.color-yellow{background:#f3ca31}.color-green{background:#21b76a}.color-blue{background:#3985ff}.color-purple{background:#a553f2}
.dice-live-board{flex:1;min-height:225px;display:grid;align-content:center;justify-items:center;gap:12px;padding:17px;border:1px solid #2d364b;border-radius:13px;background:radial-gradient(ellipse at 50% 30%,#202a3d,#151925 73%);text-align:center}
.dice-round-title{display:grid;gap:4px}
.dice-round-title b{font-size:13px}
.dice-result-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px}
.dice-result-row .color-chip{width:59px;height:59px;border-radius:13px;animation:dice-pop .45s cubic-bezier(.2,.7,.3,1.2) both}
.dice-result-row .color-chip i{width:13px;height:13px}
.dice-roll-placeholder{width:59px;height:59px;display:grid;place-items:center;border:1px dashed #424a5c;border-radius:13px;background:#1a1e2a;color:#7d8aa3;font-size:22px;font-weight:700}
.dice-result-message{min-height:12px;color:#37c2dc;font-size:8px;font-weight:900;letter-spacing:1.3px}
@keyframes dice-pop{from{transform:translateY(-8px) scale(.86);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}
.dice-choose-card,.dice-ready-card,.dice-wait-card,.dice-finish-card{display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #30394e;border-radius:11px;background:#1d2332}
.dice-choose-card>div{display:grid;gap:7px}
.dice-color-picker{display:flex;gap:6px}
.dice-color-picker .color-chip{width:29px;height:29px;border:2px solid transparent;border-radius:8px;box-shadow:none}
.dice-color-picker .color-chip.selected{border-color:#e5f2ff;box-shadow:0 0 0 2px #168aff77}
.dice-color-picker .color-chip i{width:7px;height:7px}
.dice-choose-card>.primary-button,.dice-ready-card>.primary-button,.dice-finish-card .outline-button{height:38px;margin-left:auto;padding:0 15px;border-radius:8px;color:#07111d;font-size:9px}
.dice-ready-card,.dice-wait-card,.dice-finish-card{justify-content:space-between}
.dice-ready-card>div,.dice-wait-card>div,.dice-finish-card>div{display:grid;gap:4px}
.dice-ready-card b,.dice-wait-card b,.dice-finish-card b{font-size:10px}
.dice-ready-card span,.dice-wait-card span{color:#909bb1;font-size:8px}
.dice-ready-card .outline-button,.dice-wait-card .outline-button{height:36px;margin-left:auto;padding:0 12px;border:1px solid #30394c;border-radius:8px;background:#292e41;color:#aab5ca;font-size:8px}
.dice-finish-card{border-color:#225848;background:#142822}
.dice-finish-card small{color:#49d8a3}
.dice-finish-card b{font-size:14px}
.dice-history{display:grid;gap:8px;padding:11px 13px;border:1px solid #2d3446;border-radius:10px;background:#151925}
.dice-history>div:first-child{display:flex;align-items:center;justify-content:space-between}
.dice-history>div:first-child b{font-size:8px;letter-spacing:1px}
.dice-history>div:first-child small,.dice-history>p{color:#8590a5;font-size:8px}
.dice-history>p{margin:0;text-align:center}
.dice-history-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:28px;padding:0 8px;border-radius:6px;background:#1d2230;color:#929db1;font-size:7px}
.dice-history-row>span:nth-child(2){display:flex;gap:4px}
.dice-history-row>b{text-align:right;color:#dce4f0;font-size:7px}
.dice-free-note{margin:0;color:#69768c;text-align:center;font-size:7px}
.create-dialog.color-dice-create{height:min(365px,calc(100vh - 48px))}
.create-dialog.color-dice-create .inventory-toolbar,.create-dialog.color-dice-create .inventory-wallet,.create-dialog.color-dice-create .inventory-empty,.create-dialog.color-dice-create .no-stakes,.create-dialog.color-dice-create .coin-side-select,.create-dialog.color-dice-create #select-all-items{display:none}
.create-dialog.color-dice-create .dice-room-title{display:grid;gap:6px;margin-top:18px;color:#8c98ae;font-size:8px;font-weight:850;letter-spacing:.9px}
.create-dialog.color-dice-create #room-title{display:block;height:40px;padding:0 11px;border:1px solid #30374b;border-radius:8px;outline:0;background:#121620;color:#f2f4f9;font-size:11px}
.dice-room-settings{display:none}
.create-dialog.color-dice-create .dice-room-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.dice-setting-card{display:grid;align-content:start;gap:8px;padding:12px;border:1px solid #303749;border-radius:9px;background:#1a1e2a;color:#8995ac}
.dice-setting-card>span{font-size:8px;font-weight:850;letter-spacing:.8px}
.dice-setting-card select{height:31px;padding:0 8px;border:1px solid #30374a;border-radius:7px;background:#252a3b;color:#e5e9f1;font-size:9px;font-weight:750}
.dice-room-settings>p{grid-column:1/-1;margin:0;color:#8792a8;font-size:9px;line-height:1.5}
.create-dialog.color-dice-create .create-footer{grid-template-columns:1fr;justify-items:end;margin-top:auto}
.create-dialog.color-dice-create .create-footer #submit-room{min-width:190px}
@media(max-width:900px){.wallet-dialog{width:calc(100vw - 20px);height:min(540px,calc(100vh - 24px));padding:14px}.wallet-dialog-toolbar select{min-width:115px}.wallet-dialog-toolbar #wallet-game{min-width:95px}.wallet-search{max-width:none}.color-dice-arena{min-height:calc(100vh - 150px)}.dice-lobby-list{grid-template-columns:1fr}}
@media(max-width:600px){.topbar-balance{height:37px}.topbar-balance .balance-main{height:35px;min-width:94px;padding:0 8px;gap:6px}.topbar-balance .balance-add{height:35px;width:36px}.wallet-dialog{grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.wallet-dialog-toolbar{flex-wrap:wrap;gap:6px}.wallet-search{flex-basis:100%;height:39px}.wallet-dialog-toolbar select{height:36px;flex:1;min-width:0;padding:0 7px;font-size:9px}.wallet-close{position:absolute;top:16px;right:17px;width:28px;height:28px;margin:0;background:#292f42}.wallet-inventory{grid-template-rows:43px minmax(0,1fr)}.wallet-balance-row{gap:6px;padding:0 8px;font-size:11px}.wallet-balance-row button{height:31px;width:42px}.wallet-empty b{font-size:16px}.wallet-empty span{font-size:11px}.wallet-empty .primary-button{height:42px;min-width:112px;font-size:11px}.wallet-dialog-footer .outline-button{height:40px;min-width:95px;font-size:9px}.wallet-dialog-footer #wallet-withdraw{min-width:130px}.color-dice-lobby,.color-dice-arena{padding:12px;gap:10px}.dice-lobby-heading{align-items:flex-start}.dice-lobby-heading h3{font-size:18px}.dice-lobby-heading p{max-width:240px;font-size:9px}.dice-lobby-heading>.primary-button{height:37px;min-width:112px;padding:0 9px;font-size:9px}.dice-lobby-meta{flex-wrap:wrap;gap:8px;padding:7px;font-size:7px}.dice-lobby-meta span:last-child{margin-left:0}.dice-lobby-card{padding:11px;gap:9px}.dice-lobby-card-bottom{flex-wrap:wrap;gap:8px}.dice-lobby-card-bottom .primary-button,.dice-lobby-card-bottom .outline-button{min-width:100px}.dice-arena-head{flex-wrap:wrap}.dice-arena-head>div{order:-1;flex-basis:100%}.dice-arena-head>div{text-align:left}.dice-arena-head h3{font-size:15px}.dice-round-pill{margin-left:auto}.dice-scoreboard{grid-template-columns:1fr}.dice-player-card{padding:8px}.dice-live-board{min-height:185px}.dice-result-row{gap:7px}.dice-result-row .color-chip,.dice-roll-placeholder{width:49px;height:49px}.dice-choose-card,.dice-ready-card,.dice-wait-card,.dice-finish-card{align-items:flex-start;flex-wrap:wrap;padding:10px}.dice-choose-card>.primary-button,.dice-ready-card>.primary-button,.dice-finish-card .outline-button{width:100%;margin-left:0;justify-content:center}.dice-ready-card .outline-button,.dice-wait-card .outline-button{margin-left:0}.dice-history-row{grid-template-columns:.8fr 1fr 1.2fr}.create-dialog.color-dice-create{height:min(390px,calc(100vh - 24px))}.create-dialog.color-dice-create .dice-room-settings{grid-template-columns:1fr 1fr}.create-dialog.color-dice-create .create-footer #submit-room{width:100%}}