/* Lobby „Rubin Gold“: NUR Farben, Rahmen, Schatten und Hintergrundbilder.
   Keine Breiten, Höhen, Abstände, Positionen oder Bildgrößen – die Maße aller Objekte bleiben exakt wie im Standard. */
body.okp-lobby-rubin .fixed-lobby.pool-premium{background:url("login-themes/rubin-mid.webp?v=1") top center/100% auto repeat-y,#120202!important;border-color:#b8873a!important}
body.okp-lobby-rubin .pool-lobby-top{background:linear-gradient(180deg,#2a0507,#140203)!important;border-bottom-color:#b8873a!important}
body.okp-lobby-rubin .pool-brand strong{background:linear-gradient(180deg,#fff2c4,#e9bd5a 50%,#b07a26);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
body.okp-lobby-rubin .pool-brand small{color:#d9b36a!important}
body.okp-lobby-rubin .pool-menu{background:transparent!important;color:#e9c27a!important;border-color:#b8873a!important}
body.okp-lobby-rubin .pool-settings{color:#e9c27a!important;border-color:#b8873a!important}
body.okp-lobby-rubin .pool-wallet{background:#1a0405!important;border-color:#c99a46!important;color:#fff3d6!important}
body.okp-lobby-rubin .signed-user{color:#e9dcb5!important}
body.okp-lobby-rubin .pool-lobby-art{background-image:url("lobby-themes/rubin-hero.webp?v=1")!important;background-size:cover!important;background-position:center 30%!important;background-color:#120202!important}
body.okp-lobby-rubin .pool-lobby-content{background-color:transparent!important;background-image:none!important;border-color:transparent!important}
body.okp-lobby-rubin .pool-heading h1{color:#f6d78f!important;text-shadow:0 2px 3px #000c!important}
body.okp-lobby-rubin .pool-tier{background:radial-gradient(120% 90% at 50% 25%,#7d0f1c,#4a060d 70%,#2c0307)!important;border-color:#c99a46!important;color:#f6d78f!important}
body.okp-lobby-rubin .pool-tier strong{color:#fff0c8!important}
body.okp-lobby-rubin .pool-tier small{color:#e9c27a!important}
body.okp-lobby-rubin .pool-ornament{color:#c99a46!important;border-color:#8a5a22!important}
body.okp-lobby-rubin .pool-special{background:linear-gradient(180deg,#2a0508,#160203)!important;border-color:#c99a46!important;color:#f3e6c9!important}
body.okp-lobby-rubin .pool-special strong{color:#fff0c8!important}
body.okp-lobby-rubin .pool-special small{color:#e3cfa4!important}
body.okp-lobby-rubin .pool-match-note{background:#1a0304!important;border-color:#8a5a22!important;color:#f3e6c9!important}
body.okp-lobby-rubin .fs-slot-tile,body.okp-lobby-rubin .fs-poker-tile{border-color:#c99a46!important}
.lbd-pick{margin-top:14px}.lbd-pick label{display:grid;gap:6px}.lbd-pick span{font-weight:700}
.lbd-pick select{padding:8px;border-radius:8px;border:1px solid #c9a24f88;background:#0d1a14;color:#fff}
/* Dialog „Design: Startseite / Lobby“ (für alle) */
.lbd-dlg{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#000b;padding:16px}
.lbd-card{width:min(360px,100%);background:#160304;border:1.5px solid #c99a46;border-radius:14px;padding:16px;color:#f3e6c9;box-shadow:0 10px 30px #000c;display:grid;gap:12px;font:14px system-ui,sans-serif}
.lbd-card h3{margin:0;font:700 18px Georgia,serif;color:#f0cf86;text-align:center}
.lbd-card label{display:grid;gap:5px}.lbd-card span{font-weight:700;color:#e3cfa4}
.lbd-card select{padding:9px;border-radius:8px;border:1px solid #c9a24f88;background:#0d0606;color:#fff;font:14px system-ui,sans-serif}
.lbd-msg{margin:0;min-height:18px;color:#9fe3b8;text-align:center}
.lbd-x{justify-self:center;background:linear-gradient(180deg,#8e1424,#5a0812);color:#f6d78f;border:1.5px solid #c99a46;border-radius:10px;padding:8px 22px;font:700 14px system-ui,sans-serif;cursor:pointer}
/* Elemente der Vorlage – nur als Hintergrund, KEINE Größen-, Abstands- oder Positionsänderung */
body.okp-lobby-rubin .fixed-lobby.pool-premium{background:url("login-themes/rubin-bottom.webp?v=1") bottom center/100% auto no-repeat,url("login-themes/rubin-mid.webp?v=1") top center/100% auto repeat-y,#120202!important}
body.okp-lobby-rubin .pool-heading h1{background:url("lobby-themes/rubin-ban-l.webp?v=1") left center/auto 100% no-repeat,url("lobby-themes/rubin-ban-r.webp?v=1") right center/auto 100% no-repeat,linear-gradient(90deg,#0007 0,#0000 30%,#0000 70%,#0007 100%),linear-gradient(180deg,#8a1220,#5e0812 55%,#3a0409)!important;box-shadow:inset 0 2px 0 #d9a84e,inset 0 -2px 0 #b8873a,0 6px 14px #000c!important;border-radius:6px!important}
body.okp-lobby-rubin .pool-tier{background:url("lobby-themes/rubin-coin.webp?v=1") 50% 9%/auto 26% no-repeat,radial-gradient(120% 90% at 50% 25%,#7d0f1c,#4a060d 70%,#2c0307)!important;box-shadow:inset 0 0 0 1px #5a3a12,inset 0 2px 10px #0008,0 4px 10px #000a!important}
body.okp-lobby-rubin .pool-special,body.okp-lobby-rubin .pool-match-note{box-shadow:inset 0 0 0 1px #4a2a0a,0 4px 10px #000a!important}
body.okp-lobby-rubin .fs-slot-tile{background:url("lobby-themes/rubin-slots.webp?v=1") center/cover no-repeat,#1a0304!important}
body.okp-lobby-rubin .fs-poker-tile{background:url("lobby-themes/rubin-poker.webp?v=1") center/cover no-repeat,#1a0304!important}
body.okp-lobby-rubin .fs-slot-tile img,body.okp-lobby-rubin .fs-poker-tile img{opacity:0!important}
body.okp-lobby-rubin .fs-slot-tile strong{color:transparent!important;text-shadow:none!important}
body.okp-lobby-rubin .fs-slot-tile,body.okp-lobby-rubin .fs-poker-tile{box-shadow:inset 0 0 0 1px #5a3a12,0 6px 14px #000c!important}

/* Three medallion palettes share the Rubin CSS and retain the original pool-premium.css geometry. */
body.okp-lobby-rubin.okp-lobby-smaragd .fixed-lobby.pool-premium{background:url("login-themes/smaragd-bottom.webp?v=3") bottom center/100% auto no-repeat,url("login-themes/smaragd-mid.webp?v=3") top center/100% auto repeat-y,#061d14!important}
body.okp-lobby-rubin.okp-lobby-smaragd .pool-lobby-top{background:linear-gradient(180deg,#123d2d,#061c14)!important}
body.okp-lobby-rubin.okp-lobby-smaragd .pool-lobby-art{background-image:url("lobby-themes/smaragd-hero.webp?v=3")!important}
body.okp-lobby-rubin.okp-lobby-smaragd .pool-heading h1{background:url("lobby-themes/smaragd-ban-l.webp?v=3") left center/auto 100% no-repeat,url("lobby-themes/smaragd-ban-r.webp?v=3") right center/auto 100% no-repeat,linear-gradient(180deg,#13593a,#073924 65%,#061b13)!important}
body.okp-lobby-rubin.okp-lobby-smaragd .pool-tier{background:url("lobby-themes/smaragd-coin.webp?v=3") 50% 9%/auto 26% no-repeat,radial-gradient(120% 90% at 50% 25%,#135d43,#082a21 75%,#041b14)!important}
body.okp-lobby-rubin.okp-lobby-smaragd .pool-wallet,body.okp-lobby-rubin.okp-lobby-smaragd .pool-match-note{background:#08261d!important}
body.okp-lobby-rubin.okp-lobby-smaragd .pool-special{background:linear-gradient(180deg,#13452d,#062519)!important}
body.okp-lobby-rubin.okp-lobby-smaragd .fs-slot-tile{background-image:url("lobby-themes/smaragd-slots.webp?v=3")!important}
body.okp-lobby-rubin.okp-lobby-smaragd .fs-poker-tile{background-image:url("lobby-themes/smaragd-poker.webp?v=3")!important}
body.okp-lobby-rubin.okp-lobby-saphir .fixed-lobby.pool-premium{background:url("login-themes/saphir-bottom.webp?v=3") bottom center/100% auto no-repeat,url("login-themes/saphir-mid.webp?v=3") top center/100% auto repeat-y,#061326!important}
body.okp-lobby-rubin.okp-lobby-saphir .pool-lobby-top{background:linear-gradient(180deg,#112c51,#061127)!important}
body.okp-lobby-rubin.okp-lobby-saphir .pool-lobby-art{background-image:url("lobby-themes/saphir-hero.webp?v=3")!important}
body.okp-lobby-rubin.okp-lobby-saphir .pool-heading h1{background:url("lobby-themes/saphir-ban-l.webp?v=3") left center/auto 100% no-repeat,url("lobby-themes/saphir-ban-r.webp?v=3") right center/auto 100% no-repeat,linear-gradient(180deg,#1a4173,#102951 65%,#07162b)!important}
body.okp-lobby-rubin.okp-lobby-saphir .pool-tier{background:url("lobby-themes/saphir-coin.webp?v=3") 50% 9%/auto 26% no-repeat,radial-gradient(120% 90% at 50% 25%,#17447b,#0c2444 75%,#06162c)!important}
body.okp-lobby-rubin.okp-lobby-saphir .pool-wallet,body.okp-lobby-rubin.okp-lobby-saphir .pool-match-note{background:#0a1b35!important}
body.okp-lobby-rubin.okp-lobby-saphir .pool-special{background:linear-gradient(180deg,#17345b,#071b36)!important}
body.okp-lobby-rubin.okp-lobby-saphir .fs-slot-tile{background-image:url("lobby-themes/saphir-slots.webp?v=3")!important}
body.okp-lobby-rubin.okp-lobby-saphir .fs-poker-tile{background-image:url("lobby-themes/saphir-poker.webp?v=3")!important}
/* Only the visible header text changes; no gameplay DOM or transaction data is touched. */
body.pool-lobby-mode .pool-brand strong{font-size:0!important;letter-spacing:0!important}
body.pool-lobby-mode .pool-brand strong::before{content:"Şampiyonlar Ligi";font:600 clamp(12px,3.3vw,18px)/1.12 Georgia,serif;letter-spacing:-.1px;white-space:nowrap;color:#f4d692;-webkit-text-fill-color:#f4d692}
body.pool-lobby-mode .pool-brand small{font-size:0!important;letter-spacing:0!important}
body.pool-lobby-mode .pool-brand small::before{content:"ÖZEL KULÜP";font:600 7px/1.3 system-ui,sans-serif;letter-spacing:.12em;color:#cfaa6a}
/* Revert menu language switches: language is chosen only on login and in personal settings. */
body .okp-langmenu,body.pool-lobby-mode .okp-langdd,body .topbar-right>.pg-language{display:none!important}
/* Vertically center the WHOLE lobby on tall portrait screens; no tile/card dimension is changed. */
@media (orientation:portrait){
 body.pool-lobby-mode .main-wrap{display:flex;flex-direction:column}
 body.pool-lobby-mode .main-content{display:flex;flex-direction:column;justify-content:center;flex:1 0 auto}
 body.pool-lobby-mode .fixed-lobby.pool-premium{margin-top:auto;margin-bottom:auto}
}
.lbd-pick{display:grid;gap:12px;padding-top:14px;margin-top:14px;border-top:1px solid #c9a24f66}
.lbd-pick label{display:grid;gap:5px;color:#efd5a3}
.lbd-pick select{width:100%;padding:10px;border:1px solid #c9a24f88;border-radius:8px;background:#0d1a14;color:#fff;font-size:16px}
.lbd-pick .lbd-msg{min-height:16px;color:#9fe3b8;font-size:12px}

/* Şampiyonlar Ligi / Salon Design 1 – 28.10.2026.
   STRICTLY PRESENTATIONAL: existing stake buttons, VIP selection, duel,
   presence, game carousel and poker navigation retain original handlers.
   Ruby is the default; emerald/sapphire/original remain untouched. */
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)){
  background:radial-gradient(ellipse at 50% 7%,#4f1419 0,#1f0609 44%,#080807 100%)!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .fixed-lobby.pool-premium{
  position:relative;isolation:isolate;
  background:linear-gradient(180deg,#2d070a 0%,#170407 35%,#130608 78%,#100806 100%)!important;
  border:1.5px solid #bd8e42!important;border-radius:15px!important;
  box-shadow:0 0 0 1px #442408,inset 0 0 0 1px #e7c57344,0 10px 34px #000c!important;
  overflow:hidden;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-lobby-top{
  background:linear-gradient(180deg,#220608,#100404)!important;
  border-bottom:1px solid #c39b5144!important;
}
/* Languages are set on login or in personal settings, not in the lobby header. */
body.pool-lobby-mode .pool-lobby-top .pg-language{display:none!important}
body.pool-lobby-mode .pool-lobby-top .pool-brand{min-width:0;max-width:calc(100% - 120px)}
body.pool-lobby-mode .pool-lobby-top .pool-brand>span{min-width:0}
body.pool-lobby-mode .pool-lobby-top .pool-brand strong::before{font-size:clamp(11px,3.1vw,16px)!important}
body.pool-lobby-mode .pool-lobby-top .pool-wallet{margin-left:auto}
/* The licensed-in-this-project concept artwork is divided into two static
   salon headers, preventing a second copy of the betting controls in the art. */
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-lobby-art,
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-lobby-art.fs-poker-art{
  height:auto!important;min-height:0!important;aspect-ratio:766 / 245;
  margin:0!important;border:0!important;border-radius:0!important;
  background:#210909 url('lobby-salon/okey-hero.webp') center/100% 100% no-repeat!important;
  box-shadow:none!important;position:relative;z-index:0!important;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-lobby-art.fs-poker-art{
  background:#071322 url('lobby-salon/poker-hero.webp') center/100% 100% no-repeat!important;
}
/* Disable previous poker lobby symbol overlay, since art has its own crest. */
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-lobby-art::before,
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-lobby-art::after{content:none!important;display:none!important}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-lobby-content{
  background:linear-gradient(180deg,#260b08,#170507 50%,#120507)!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-heading{margin-top:1px;text-align:center}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-heading h1{
  display:inline-block;margin-inline:auto!important;padding:3px clamp(9px,4vw,23px)!important;
  background:linear-gradient(180deg,#56151a,#200608)!important;
  border:1px solid #b48c4c!important;border-radius:999px!important;
  box-shadow:0 2px 8px #0008,inset 0 1px #f8db8955!important;
  font:normal clamp(17px,5.2vw,24px)/1.15 Georgia,serif!important;
  color:#ffe5ae!important;text-shadow:0 1px 2px #000!important;
}
/* Okey medallion stakes: decorative illustration only, not separate buttons. */
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode):not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tiers>.pool-tier:not(.okp-vip-tile){
  --salon-medal:url('lobby-salon/okey-medal-1.webp');
  background:linear-gradient(180deg,#34130f,#090e0c 67%,#160b07)!important;
  border:1px solid #d4a350!important;border-radius:11px!important;
  padding:2px 2px 3px!important;gap:1px!important;
  box-shadow:inset 0 0 0 1px #6c4115,0 3px 8px #0009!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.pool-tier:not(.okp-vip-tile):nth-child(6n+2){--salon-medal:url('lobby-salon/okey-medal-2.webp')}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.pool-tier:not(.okp-vip-tile):nth-child(6n+3){--salon-medal:url('lobby-salon/okey-medal-3.webp')}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.pool-tier:not(.okp-vip-tile):nth-child(6n+4){--salon-medal:url('lobby-salon/okey-medal-4.webp')}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.pool-tier:not(.okp-vip-tile):nth-child(6n+5){--salon-medal:url('lobby-salon/okey-medal-5.webp')}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.pool-tier:not(.okp-vip-tile):nth-child(6n+6){--salon-medal:url('lobby-salon/okey-medal-6.webp')}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode):not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tier:not(.okp-vip-tile):not(.fs-poker-stake)>.icon{display:none!important}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode):not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tier:not(.okp-vip-tile):not(.fs-poker-stake)::before{
  content:"";display:block;flex:0 0 auto;width:100%;height:clamp(31px,9.7vw,52px);
  background:var(--salon-medal) center/contain no-repeat;
  filter:drop-shadow(0 1px 2px #0007);pointer-events:none;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tiers>.pool-tier:not(.okp-vip-tile)>span{
  display:flex;align-items:baseline;justify-content:center;gap:2px;width:100%;min-width:0;
  padding:2px 0;border-radius:0 0 7px 7px;border-top:1px solid #b08c50;
  background:linear-gradient(#160e0a,#040d0b 85%);
  white-space:nowrap;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tier strong{
  color:#ffe5ab!important;text-shadow:0 1px 2px #000!important;font-size:clamp(17px,5.1vw,25px)!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tier>span small{font-size:10px!important;color:#f3d491!important}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tier:is(:hover,:focus-visible):not(:disabled){box-shadow:inset 0 0 0 1px #f6d78b,0 0 14px #e0ae5966!important;outline:2px solid #f9d68a;outline-offset:0}
/* Okey VIP lounge illustrations, keeping all VIP 1–4 bindings. */
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode):not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tiers>.okp-vip-tile{
  background:linear-gradient(180deg,#0000 15%,#0e0503dc 70%,#160905 100%),url('lobby-salon/okey-vip1.webp') center/cover no-repeat!important;
  border:1px solid #d5aa61!important;border-radius:11px!important;
  justify-content:flex-end!important;padding:4px 2px!important;
  box-shadow:inset 0 0 0 1px #f6d07844,0 3px 9px #0009!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.okp-vip-tile:nth-child(even){
  background:linear-gradient(180deg,#0000 15%,#0e0503dc 70%,#160905 100%),url('lobby-salon/okey-vip2.webp') center/cover no-repeat!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.okp-vip-tile strong{font-size:clamp(13px,4vw,18px)!important;line-height:1!important;color:#ffe4ac!important;text-shadow:0 2px 3px #000!important}
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode) .pool-tiers>.okp-vip-tile small{font-size:clamp(7px,2vw,9px)!important;color:#ffe1af!important;text-shadow:0 1px 2px #000!important}
/* Existing direct duel stays immediately below the Okey stakes. */
body.pool-lobby-mode.okp-lobby-rubin:not(.fs-poker-inline):not(.tp-poker-lobby-mode):not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-specials>.pool-special{
  background:linear-gradient(110deg,#4e1514 0%,#190608 55%,#360b0b 100%)!important;
  border:1px solid #ddb267!important;
  box-shadow:inset 0 0 0 1px #ecbf6550,0 3px 12px #0008!important;
}
/* Slots and Turkish Poker switches remain the EXISTING clickable carousel. */
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .fs-game-track>a{
  border:1px solid #e5b35d!important;border-radius:11px!important;
  box-shadow:inset 0 0 0 1px #f5d48b88,0 3px 12px #0009!important;
}
body.pool-lobby-mode.okp-lobby-rubin:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .presence-box{
  background:linear-gradient(90deg,#240b0a,#13080a)!important;border:1px solid #ad8b4c!important;
  color:#e6d8b6!important;
}
/* Poker salon is sapphire by design 1. No changes to join logic or stakes. */
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .fixed-lobby.pool-premium{
  background:linear-gradient(180deg,#091a31,#061020 65%,#0b0e17 100%)!important;border-color:#c7a254!important;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-lobby-content{
  background:linear-gradient(180deg,#0b203b,#091326 55%,#070f1c)!important;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-lobby-top{background:linear-gradient(180deg,#0a2547,#050f20)!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-heading h1{background:linear-gradient(180deg,#15345e,#08142b)!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tiers>.pool-tier.fs-poker-stake{
  --salon-medal:url('lobby-salon/poker-medal-1.webp');
  background:linear-gradient(180deg,#183a60,#071626 68%,#0c1321)!important;
  border:1px solid #cca75e!important;border-radius:11px!important;
  gap:2px!important;padding:2px 2px 3px!important;
  box-shadow:inset 0 0 0 1px #77521a,0 3px 8px #0009!important;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.fs-poker-stake:nth-child(5n+2){--salon-medal:url('lobby-salon/poker-medal-2.webp')}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.fs-poker-stake:nth-child(5n+3){--salon-medal:url('lobby-salon/poker-medal-3.webp')}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.fs-poker-stake:nth-child(5n+4){--salon-medal:url('lobby-salon/poker-medal-4.webp')}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.fs-poker-stake:nth-child(5n+5){--salon-medal:url('lobby-salon/poker-medal-5.webp')}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .fs-poker-stake>.icon{display:none!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .fs-poker-stake::before{
  content:"";display:block;flex:0 0 auto;width:100%;height:clamp(31px,9.7vw,52px);
  background:var(--salon-medal) center/contain no-repeat;
  filter:drop-shadow(0 1px 2px #0007);pointer-events:none;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-specials.fs-poker-vips .fs-poker-vip{
  background:linear-gradient(180deg,#21102e,#081a30)!important;border-color:#d5ac61!important;
  text-align:center!important;justify-content:center!important;min-height:73px!important;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-specials.fs-poker-vips .fs-poker-vip strong{font-size:0!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-specials.fs-poker-vips .fs-poker-vip[data-fs-poker-vip="vip1"] strong::before{content:"VIP 1";font:700 19px Georgia,serif;color:#ffe4a2}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-specials.fs-poker-vips .fs-poker-vip[data-fs-poker-vip="vip2"] strong::before{content:"VIP 2";font:700 19px Georgia,serif;color:#ffe4a2}
/* Layout remains 4 columns for Okey. Poker has three visual columns as in concept. */
@media(orientation:portrait) and (min-width:360px){
 body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline:not(:is(.okp-lobby-smaragd,.okp-lobby-saphir)) .pool-tiers{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:359px){
 body.pool-lobby-mode.okp-lobby-rubin .pool-tier strong{font-size:18px!important}
 body.pool-lobby-mode.okp-lobby-rubin .pool-tiers>.pool-tier:not(.okp-vip-tile)::before{height:29px!important}
 body.pool-lobby-mode.okp-lobby-rubin .pool-lobby-top .pool-brand>img{display:none}
}
@media(max-height:650px){
 body.pool-lobby-mode.okp-lobby-rubin .pool-tiers>.pool-tier:not(.okp-vip-tile)::before{height:30px}
 body.pool-lobby-mode.okp-lobby-rubin .pool-tier strong{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){body.pool-lobby-mode.okp-lobby-rubin .pool-tier{transition:none!important}}
/* Distinct poker stake badges: each item retains its live data attribute. */
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.pool-tier.fs-poker-stake:nth-child(5n+2){--salon-medal:url('lobby-salon/poker-medal-2.webp')!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.pool-tier.fs-poker-stake:nth-child(5n+3){--salon-medal:url('lobby-salon/poker-medal-3.webp')!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.pool-tier.fs-poker-stake:nth-child(5n+4){--salon-medal:url('lobby-salon/poker-medal-4.webp')!important}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-tiers>.pool-tier.fs-poker-stake:nth-child(5n+5){--salon-medal:url('lobby-salon/poker-medal-5.webp')!important}
/* In the player lobby, extend the same gem-and-velvet look to the opened menu. */
body.pool-lobby-mode.okp-lobby-rubin .sidebar,
body.pool-lobby-mode.okp-lobby-rubin #main-menu{
 background:radial-gradient(ellipse at 12% 0,#5a1422 0,transparent 45%),linear-gradient(160deg,#25070d,#120506 70%,#0c0707)!important;
 color:#fbe4b7!important;border-color:#b98e4b!important;
}
body.pool-lobby-mode.okp-lobby-rubin :is(.sidebar,#main-menu) .nav-item{
 color:#f1deb3!important;border-radius:9px!important;
}
body.pool-lobby-mode.okp-lobby-rubin :is(.sidebar,#main-menu) .nav-item:is(:hover,:focus-visible,.active){
 background:linear-gradient(90deg,#611a25,#22090e)!important;color:#ffe8ae!important;
 box-shadow:inset 0 0 0 1px #d7a75b6b!important;
}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline :is(.sidebar,#main-menu){
 background:linear-gradient(160deg,#142b4c,#081325 75%,#060d17)!important;
}
/* Additional status notice and one-click player portrait; scoped to lobby only. */
body.pool-lobby-mode.okp-lobby-rubin .lbd-random-note{
 display:flex;align-items:center;gap:8px;padding:7px 10px;margin:7px 0;
 min-height:31px;border:1px solid #c5a25f;border-radius:9px;
 background:linear-gradient(90deg,#421316,#15070a);box-shadow:inset 0 1px #e9c17d33;
 color:#f4dfae;font:500 clamp(9px,2.6vw,11px)/1.35 system-ui,sans-serif;
}
body.pool-lobby-mode.okp-lobby-rubin .lbd-random-note::before{content:"⇄";font:900 23px/1 Georgia,serif;color:#e8c377;flex:none}
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .lbd-random-note{background:linear-gradient(90deg,#11345a,#08162d)}
body.pool-lobby-mode.okp-lobby-rubin .pool-lobby-top .lbd-player-avatar{
 appearance:none;position:absolute;top:calc(100% + 9px);left:10px;z-index:4;
 width:clamp(35px,10vw,49px);height:clamp(35px,10vw,49px);padding:2px;
 border-radius:50%;background:linear-gradient(145deg,#f4d681,#b57c24 45%,#f7dc93 75%,#855212);
 box-shadow:0 2px 8px #000b,0 0 0 1px #794515;cursor:pointer;display:grid;place-items:center;
}
body.pool-lobby-mode.okp-lobby-rubin .lbd-player-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#0b261b}
body.pool-lobby-mode.okp-lobby-rubin .lbd-player-avatar:focus-visible{outline:3px solid #fff4a8;outline-offset:3px}
/* Preview artwork in settings remains responsive and scrollable on small phones. */
.lbd-preview-wrap{display:grid;gap:5px;justify-items:center;margin-top:3px}
.lbd-preview-wrap img{width:min(180px,60vw);max-height:250px;object-fit:contain;border:2px solid #c99a46;border-radius:10px;box-shadow:0 5px 18px #0007}
.lbd-preview-wrap small{color:#d9bc85;font:11px/1.3 system-ui;text-align:center}
.lbd-preview-apply{width:100%;min-height:42px;border-radius:8px;border:1px solid #f0d288;background:linear-gradient(180deg,#e4c276,#b47d31);color:#261006;font:700 14px system-ui;cursor:pointer}
.lbd-preview-apply:disabled{opacity:.5;cursor:default}

/* VIP lounge tiles show VIP numbers, not regular-stake emblems. */
body.pool-lobby-mode.okp-lobby-rubin.fs-poker-inline .pool-specials.fs-poker-vips .fs-poker-vip>.icon{display:none!important}