/* Desktop geometry and icon treatments tuned to the supplied references. */
@media(min-width:1301px){:root{--sb:304px;--rail:424px}}
.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
@media(min-width:901px){
  .community-rail{top:80px}
  body.focused-view .content{padding-top:80px}
  body.focused-view .lobby-section{padding-top:0}
  body.focused-view .room-list{max-height:none;overflow:visible;padding-right:0}
  body.focused-view[data-view="Coinflip"] .stats-grid{margin-top:17px}
}
body.focused-view[data-view="Coinflip"] .coinflip-sample-row{min-height:106px}
body.focused-view[data-view="Coinflip"] .sample-avatar{font-size:0;overflow:hidden}
body.focused-view[data-view="Coinflip"] .sample-avatar .avatar-head{position:relative;width:29px;height:35px;margin-top:8px;border-radius:8px 8px 7px 7px;background:linear-gradient(to bottom,var(--hair) 0 18%,var(--skin) 18% 75%,var(--shirt) 75%);box-shadow:inset 0 0 0 1px #fff2}
body.focused-view[data-view="Coinflip"] .sample-avatar .avatar-head:before{content:"";position:absolute;z-index:1;left:-3px;right:-3px;top:-7px;height:15px;background:var(--hair);border-radius:9px 9px 3px 3px;box-shadow:0 5px 0 var(--hair);clip-path:polygon(0 100%,0 36%,16% 12%,27% 30%,39% 0,52% 30%,68% 6%,78% 30%,100% 14%,100% 100%)}
body.focused-view[data-view="Coinflip"] .sample-avatar .avatar-head:after{content:"";position:absolute;left:7px;top:17px;width:3px;height:3px;border-radius:50%;background:#202331;box-shadow:10px 0 #202331,5px 7px 0 -1px #9a5860}
body.focused-view[data-view="Coinflip"] .avatar-style-1{--hair:#171b25;--skin:#e4b28e;--shirt:#34466d}
body.focused-view[data-view="Coinflip"] .avatar-style-2{--hair:#f3eee8;--skin:#e7c5a8;--shirt:#d9dfec}
body.focused-view[data-view="Coinflip"] .avatar-style-3{--hair:#261915;--skin:#bd8662;--shirt:#4a703d}
body.focused-view[data-view="Coinflip"] .avatar-style-4{--hair:#513b27;--skin:#f0c59f;--shirt:#7b4b8f}
body.focused-view[data-view="Coinflip"] .avatar-style-5{--hair:#9da8b5;--skin:#dcb297;--shirt:#343c51}
body.focused-view[data-view="Coinflip"] .avatar-style-6{--hair:#352820;--skin:#dfae88;--shirt:#3f63a2}
body.focused-view[data-view="Coinflip"] .avatar-style-7{--hair:#161921;--skin:#ce9878;--shirt:#9b4d42}
body.focused-view[data-view="Coinflip"] .sample-item.gem{position:relative;color:transparent;text-shadow:none}
body.focused-view[data-view="Coinflip"] .sample-item.gem>i{display:block;width:24px;height:25px;clip-path:polygon(23% 0,77% 0,100% 34%,50% 100%,0 34%);background:linear-gradient(135deg,#d9ffff 0 17%,#39d9ff 18% 43%,#078bff 44% 70%,#004bc5 71%);filter:drop-shadow(0 0 7px #3bd9ff)}
body.focused-view[data-view="Coinflip"] .sample-item.gem>i:after{content:"";display:block;width:100%;height:100%;clip-path:polygon(23% 0,50% 0,50% 100%,0 34%);background:#b8f5ff88}
body.focused-view[data-view="Coinflip"] .sample-item.pet{font-family:Georgia,serif;font-size:26px;color:#74dcff;text-shadow:0 0 12px #28c8ff}
body.focused-view[data-view="Coinflip"] .sample-value b:before{content:"";display:inline-block;vertical-align:-2px;width:21px;height:14px;margin-right:6px;border-radius:4px;background:linear-gradient(180deg,#0785ff 0 38%,#c9edff 39% 49%,#0785ff 50%);box-shadow:0 0 7px #087cff66}
body.focused-view[data-view="Coinflip"] .sample-round-icon{border:4px solid #ffb42d;box-shadow:inset 0 0 0 3px #ffdf88,0 0 0 2px #ffcb4b40;background:radial-gradient(circle,#fff0b0 0 35%,#ffb32b 37% 100%);color:#e48b00}
body.focused-view[data-view="Coinflip"] .coinflip-sample-row:nth-child(even) .sample-round-icon{border-color:#269bff;box-shadow:inset 0 0 0 3px #d3efff,0 0 0 2px #48aeff40;background:radial-gradient(circle,#e9faff 0 35%,#248fff 37% 100%);color:#1283f7}
.jackpot-value-mark{display:inline-block;vertical-align:-1px;width:23px;height:15px;margin-right:6px;border-radius:5px;background:linear-gradient(180deg,#147cff 0 34%,#d9f3ff 35% 48%,#147cff 49%);box-shadow:0 0 9px #078cff66}
@media(min-width:1301px){
  body.focused-view[data-view="Jackpot"] .main{margin-right:356px}
  body.focused-view[data-view="Jackpot"] .community-rail{display:none}
  body.focused-view[data-view="Jackpot"] .jackpot-game-screen{min-height:calc(100vh - 80px);padding:0;border:0;border-radius:0;overflow:visible;background:radial-gradient(ellipse at 45% 54%,#20263880,transparent 53%),linear-gradient(180deg,#171821,#151720)}
  body.focused-view[data-view="Jackpot"] .jackpot-game-layout{position:relative;grid-template-columns:minmax(0,2.3fr) minmax(300px,1fr);gap:18px;align-items:center;min-height:min(920px,calc(100vh + 20px))}
  body.focused-view[data-view="Jackpot"] .jackpot-game-select{position:absolute;top:16px;right:0;z-index:3;height:49px;min-width:200px;margin:0}
  body.focused-view[data-view="Jackpot"] .jackpot-wheel-column{gap:0}
  body.focused-view[data-view="Jackpot"] .jackpot-bet-panel{width:min(352px,100%);height:512px;min-height:512px;justify-self:end;justify-content:flex-end;padding:16px;border-radius:9px;background:#1a1c27aa}
  body.focused-view[data-view="Jackpot"] .jackpot-start{width:192px;height:50px;align-self:center;margin:0;font-size:13px}
  body.focused-view[data-view="Jackpot"] .jackpot-live-caption{display:none}
  body.focused-view[data-view="Jackpot"] .jackpot-wheel{width:min(100%,530px)}
}
@media(max-width:900px){body.focused-view .lobby-section{padding-top:0}.community-rail{display:none}}
.color-icon{color:#8994b0}