@media(min-width:901px){.topbar{position:fixed;top:0;left:var(--sb);right:var(--rail);z-index:6}.community-rail{position:fixed;top:160px;right:0;bottom:0;width:var(--rail);margin:0;padding:0 13px 13px;z-index:2}body.focused-view .content{padding-top:80px}body.focused-view[data-view="Coinflip"] .stats-grid{display:grid}}
@media(max-width:900px){.topbar{position:sticky;top:0;z-index:6}body.focused-view .content{padding-top:16px}}
@media(min-width:901px) and (max-width:1300px){.topbar{right:0}}
.rail-chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:10px}.rail-message{display:flex;align-items:flex-start;gap:8px;padding:9px;background:#242838;border-radius:10px}.chat-avatar{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px;color:white;background:#266ec6}.chat-violet{background:#6b49a2}.chat-cyan{background:#168c9d}.rail-message>div{min-width:0}.rail-message b{font-size:9px;color:#49a2ff}.rail-message b small{margin-left:5px;color:#69758c;font-size:7px;letter-spacing:.5px}.rail-message p{margin:4px 0 0;color:#d5d9e3;font-size:9px;line-height:1.4}
body[data-view="Coinflip"] .stats-grid{display:grid}.heading-actions{display:flex;gap:8px;align-items:center}.heading-actions .history-button{background:#282c3e}.coinflip-screen{display:grid;gap:10px}.coinflip-actionbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.coinflip-tabs,.coinflip-filters{display:flex;gap:8px;align-items:center}.coinflip-actionbar .primary-button{min-width:94px;border-radius:20px;padding:11px 20px}.coinflip-actionbar .outline-button{border-radius:20px}.filter-select{min-width:165px;display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #30354a;border-radius:8px;background:#272b3d;color:#e4e7ef;font-size:10px;font-weight:700}.filter-select span{color:#aeb7c9}.coinflip-sample-list,.category-room-list{display:grid;gap:7px}.coinflip-sample-row,.category-room-row{min-height:91px;display:grid;grid-template-columns:minmax(138px,1fr) minmax(120px,1fr) minmax(125px,.85fr) 62px 82px;gap:12px;align-items:center;padding:10px 13px;border:1px solid #373b4b;border-radius:8px;background:#202331}.sample-duel{display:flex;align-items:center;justify-content:flex-start;gap:12px}.sample-duel>b,.room-versus{font-size:13px;color:#b2b8c8;font-weight:800}.sample-avatar{position:relative;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;border:2px solid #343a4b;background:radial-gradient(circle at 35% 25%,#48576b,#171b26 68%);color:#e5edf7;font-size:15px;font-weight:800}.sample-avatar.sample-b{border-color:#147fff}.sample-avatar i{position:absolute;right:-6px;top:-5px;width:22px;height:22px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#ffad31;color:#fff;font-size:8px;font-style:normal;box-shadow:0 2px 8px #0008}.sample-avatar.sample-b i{background:#168bff}.sample-items{display:flex;align-items:center}.sample-item{width:42px;height:42px;margin-right:-9px;border:2px solid #34394b;border-radius:50%;display:grid;place-items:center;background:#191d2a;font-size:24px;box-shadow:0 3px 9px #0005}.sample-item.gem{color:#51d9ff;text-shadow:0 0 13px #36d8ff}.sample-item.pet{color:#ffdb59;text-shadow:0 0 13px #ffd152}.sample-item.more{font-size:10px;font-weight:800;color:#d8deea;background:#283044;z-index:1}.sample-value{text-align:right}.sample-value b{display:block;font-size:13px}.sample-value small{display:block;margin-top:3px;font-size:9px;color:#9299aa}.sample-round-icon{width:54px;height:54px;display:grid;place-items:center;border:4px double #e5a73d;border-radius:50%;color:#ffd788;background:#352817;font-size:21px;font-weight:900}.coinflip-sample-row:nth-child(even) .sample-round-icon{border-color:#42b7ff;color:#98dcff;background:#122f48}.coinflip-sample-row .join-button{padding:10px 12px}.coinflip-screen>.preview-note{text-align:left;padding-left:4px;margin-top:2px}.category-live-header{display:flex;justify-content:space-between;align-items:center;padding:4px 5px 7px;color:#828da4;font-size:9px;letter-spacing:1px;font-weight:800}.category-live-header b{color:#aab2c3}.category-room-user{display:flex;align-items:center;gap:9px;min-width:0}.category-room-user>div{min-width:0}.category-room-user b,.category-room-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-room-user b{font-size:10px}.category-room-user small{margin-top:4px;color:#8994aa;font-size:8px}.category-avatar{width:44px;height:44px;flex:0 0 auto;border:2px solid #268bff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#304a6a,#191d2a);font-size:14px;font-weight:800;color:#e4efff}.avatar-1{border-color:#ffb63f}.avatar-2{border-color:#af87ff}.avatar-3{border-color:#31caaa}.avatar-4{border-color:#ff7e96}.avatar-ghost{border-color:#43495b;background:#171b25;color:#a1a9bb}.category-room-value{text-align:center}.category-room-value b,.category-room-value small{display:block}.category-room-value b{font-size:11px}.category-room-value small{margin-top:3px;color:#8f99ad;font-size:8px}.sample-view{background:#292e40}.sample-view:hover{background:#353c52}
.more-group{margin-top:auto}.sidebar-bottom{display:none}body.focused-view .lobby-heading,body.focused-view .lobby-toolbar{display:none}body[data-view="community"] .lobby-heading,body[data-view="community"] .lobby-toolbar{display:flex}body[data-view="Coinflip"] .coinflip-screen>.demo-badge,body[data-view="Jackpot"] .jackpot-game-screen>.demo-badge{display:none}
@media(max-width:900px){.coinflip-sample-row,.category-room-row{grid-template-columns:minmax(120px,1fr) minmax(75px,.7fr) auto;min-height:76px;gap:6px;padding:8px}.sample-items{display:none}.sample-duel{gap:7px}.sample-avatar{width:39px;height:39px}.sample-round-icon{width:39px;height:39px;font-size:15px;border-width:3px}.sample-value{display:none}.category-room-user.opponent{display:none}.room-versus{display:none}.coinflip-actionbar{align-items:stretch}.coinflip-filters{display:none}}
@media(max-width:520px){.heading-actions{gap:5px}.heading-actions .outline-button{padding:8px;font-size:9px}.coinflip-tabs .primary-button{min-width:70px;padding:9px 12px}.coinflip-tabs .outline-button{padding:8px 10px}.coinflip-sample-row{grid-template-columns:minmax(100px,1fr) auto auto}.sample-duel>b{font-size:10px}.sample-avatar{width:34px;height:34px}.sample-avatar i{width:17px;height:17px;font-size:7px}.sample-view{font-size:9px;min-width:56px}.sample-round-icon{display:none}}