/* V6.5 R24 - Düz Okey masaüstü görünüm katmanı.
   Mobil yerleşim bu dosyadan bağımsızdır. */
@media (min-width: 992px), (orientation: portrait) {
  .okey-premium {
    --okey-view-layer: desktop;
  }
  .okey-premium .premium-rack,
  .okey-premium .premium-board,
  .okey-premium .player-seat,
  .okey-premium .board-center {
    contain: layout style;
  }
}


/* V6.5 R34 - Canlı sıra göstergesi ve hızlı taş etkileşimi */
.okey-premium .player-seat{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease}
.okey-premium .player-seat.active-turn{z-index:12;border-color:#48ff77!important;filter:saturate(1.18) brightness(1.08);box-shadow:0 0 0 3px rgba(57,255,105,.78),0 0 16px rgba(43,255,93,.72),0 0 36px rgba(17,226,74,.42),0 8px 20px rgba(0,0,0,.55)!important}
.okey-premium .player-seat.active-turn .player-avatar{border-color:#5cff83!important;box-shadow:0 0 0 3px rgba(16,92,38,.9),0 0 18px rgba(47,255,101,.86)!important;animation:r34TurnAvatarPulse 1.25s ease-in-out infinite}
.okey-premium .player-avatar{position:relative}
.okey-premium .player-avatar .online-light{position:absolute;right:-2px;bottom:0;width:11px;height:11px;border-radius:50%;background:#66706a;border:2px solid #142019;box-shadow:0 1px 4px rgba(0,0,0,.6)}
.okey-premium .player-seat.active-turn .online-light{background:#42ff75;box-shadow:0 0 0 3px rgba(66,255,117,.18),0 0 12px #42ff75;animation:r34OnlineLight .9s ease-in-out infinite}
.okey-premium .turn-badge{font-weight:900;letter-spacing:.05em;color:#041209;background:linear-gradient(180deg,#85ff9f,#29d85a);border:1px solid #baffc8;border-radius:999px;padding:4px 9px;box-shadow:0 0 13px rgba(50,255,101,.7);white-space:nowrap}
.okey-premium .player-seat.viewer-turn .turn-badge{font-size:.78rem;padding:5px 12px}
.okey-premium .turn-change-pop{animation:r34TurnPop .48s cubic-bezier(.2,.9,.25,1.25)}
.okey-premium .your-turn-banner{position:fixed;left:50%;top:76px;z-index:10060;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transform:translate(-50%,-15px) scale(.92);padding:9px 18px;border:2px solid #adffc0;border-radius:999px;color:#06170b;background:linear-gradient(180deg,#79ff99,#26d95a);box-shadow:0 0 0 5px rgba(42,255,91,.15),0 8px 26px rgba(0,0,0,.46),0 0 26px rgba(42,255,91,.65);transition:opacity .16s ease,transform .16s ease}
.okey-premium .your-turn-banner.show{opacity:1;transform:translate(-50%,0) scale(1);animation:r34BannerPulse 1.35s ease-in-out infinite}
.okey-premium .your-turn-banner strong{font-size:.9rem;letter-spacing:.09em}.okey-premium .your-turn-banner span{font-size:.78rem;font-weight:800;border-left:1px solid rgba(4,38,13,.28);padding-left:10px}
.okey-premium.your-turn-now .premium-board{box-shadow:inset 0 0 0 3px rgba(57,255,104,.30),inset 0 0 42px rgba(19,255,80,.10),0 8px 28px rgba(0,0,0,.55)}
.okey-premium.turn-denied-flash .premium-board{animation:r34DeniedBoard .28s ease 2}
.okey-premium.turn-denied-flash #gameAlert{position:fixed!important;left:50%;top:46%;z-index:10070;transform:translate(-50%,-50%);min-width:min(88vw,360px);text-align:center;font-size:1.05rem;font-weight:900;border:2px solid #ffd36d;box-shadow:0 12px 40px rgba(0,0,0,.58)}
.okey-premium .okey-tile,.okey-premium .rack-slot{transition:transform .08s ease,box-shadow .08s ease,filter .08s ease!important}
.okey-premium .okey-tile:active{transform:translateY(-3px) scale(1.035)!important}
.okey-premium.action-in-flight .stock-stack,.okey-premium.action-in-flight .discard-slot,.okey-premium.action-in-flight .toolbar-right button{pointer-events:none;filter:brightness(.86)}
.okey-premium.waiting-other-turn .draggable-draw-source,.okey-premium.waiting-other-turn .toolbar-right button{cursor:not-allowed}
@keyframes r34TurnAvatarPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes r34OnlineLight{0%,100%{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.22)}}
@keyframes r34TurnPop{0%{transform:scale(.9)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes r34BannerPulse{0%,100%{box-shadow:0 0 0 5px rgba(42,255,91,.12),0 8px 26px rgba(0,0,0,.46),0 0 18px rgba(42,255,91,.45)}50%{box-shadow:0 0 0 9px rgba(42,255,91,.05),0 8px 26px rgba(0,0,0,.46),0 0 32px rgba(42,255,91,.78)}}
@keyframes r34DeniedBoard{0%,100%{transform:translateX(0)}33%{transform:translateX(-4px)}66%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.okey-premium .player-seat.active-turn .player-avatar,.okey-premium .player-seat.active-turn .online-light,.okey-premium .your-turn-banner.show{animation:none!important}}

/* V6.5 R39 tam ekran sohbet, radyo ve bitiş paneli */
#okeyApp:fullscreen .premium-chat,#okeyApp:-webkit-full-screen .premium-chat{position:fixed!important;top:64px!important;right:12px!important;bottom:12px!important;width:min(420px,38vw)!important;z-index:2147483646!important;display:flex;flex-direction:column;pointer-events:auto!important;background:rgba(3,17,13,.98);box-shadow:0 18px 60px rgba(0,0,0,.65)}
#okeyApp:fullscreen .premium-chat.d-none,#okeyApp:-webkit-full-screen .premium-chat.d-none{display:none!important}
#okeyApp:fullscreen .hud-actions,#okeyApp:-webkit-full-screen .hud-actions{position:relative;z-index:2147483647}
.okey-radio .hud-icon.is-playing{outline:2px solid #22c55e;box-shadow:0 0 18px rgba(34,197,94,.5)}
.finish-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.finish-actions a{text-decoration:none}.premium-footer #finishBox{position:relative;z-index:30;pointer-events:auto}

/* V6.5 R40 - masaustu yarim ekran sohbet ve okunur cikis */
@media (min-width:992px){
  .premium-chat{width:min(620px,50vw)!important;}
  #okeyApp:fullscreen .premium-chat,#okeyApp:-webkit-full-screen .premium-chat{width:50vw!important;max-width:720px!important;min-width:480px!important;}
  .chat-exit-button{flex:0 0 auto!important;min-width:145px!important;display:flex!important;align-items:center;justify-content:center;gap:7px;}
  .chat-exit-button b{display:inline!important;font-size:.78rem;}
}

.okey-radio-mini .radio-mini-toggle.is-playing{outline:1px solid #22c55e}

/* IZNEL OYUN V80 - Okey masaüstü hamle kontrolleri görünürlük katmanı.
   KAPSAM KİLİDİ:
   - yalnız masaüstü (min-width: 992px), normal + fullscreen
   - mobil CSS / mobil tam ekran geometrisi değişmez
   - oyun motoru ve buton davranışları değişmez
   - JS'nin d-none ile yönettiği 101'e özel aksiyonlar aynen korunur. */
@media (min-width:992px){
  html:not(.okey-mobile-view) #okeyApp .rack-toolbar.premium-toolbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    width:100%!important;
    min-height:44px!important;
    margin:8px 0 0!important;
    padding:6px 8px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:10px!important;
    background:rgba(40,22,12,.86)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.28)!important;
    pointer-events:auto!important;
  }
  html:not(.okey-mobile-view) #okeyApp .rack-toolbar .toolbar-left,
  html:not(.okey-mobile-view) #okeyApp .rack-toolbar .toolbar-right{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    pointer-events:auto!important;
  }
  html:not(.okey-mobile-view) #okeyApp .rack-toolbar button:not(.d-none){
    visibility:visible!important;
    opacity:1!important;
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:.76rem!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    pointer-events:auto;
  }
  html:not(.okey-mobile-view) #okeyApp #sortColorButton,
  html:not(.okey-mobile-view) #okeyApp #sortNumberButton,
  html:not(.okey-mobile-view) #okeyApp #discardButton,
  html:not(.okey-mobile-view) #okeyApp #declareButton{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html:not(.okey-mobile-view) #okeyApp #openButton:not(.d-none),
  html:not(.okey-mobile-view) #okeyApp #extendButton:not(.d-none),
  html:not(.okey-mobile-view) #okeyApp #returnDiscardButton:not(.d-none),
  html:not(.okey-mobile-view) #okeyApp #makeGroupButton:not(.d-none),
  html:not(.okey-mobile-view) #okeyApp #makePairButton:not(.d-none),
  html:not(.okey-mobile-view) #okeyApp #clearGroupsButton:not(.d-none){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html:not(.okey-mobile-view) #okeyApp:fullscreen .rack-toolbar.premium-toolbar,
  html:not(.okey-mobile-view) #okeyApp:-webkit-full-screen .rack-toolbar.premium-toolbar{
    position:relative!important;
    z-index:2147483000!important;
    flex:0 0 auto!important;
    max-width:100%!important;
    background:rgba(35,18,9,.94)!important;
  }
}

/* IZNEL OYUN V81 - masaüstü gerçek işaretçi ile hamle çubuğu kesin görünürlük.
   Mobil/touch görünümüne dokunmaz. V80'deki html.okey-mobile-view yanlış sınıflandırmasını
   masaüstünde bypass eder; app.css içindeki legacy display:none!important kuralını ezer. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  #okeyApp .rack-toolbar.premium-toolbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  #okeyApp .rack-toolbar .toolbar-left,
  #okeyApp .rack-toolbar .toolbar-right{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  #okeyApp .rack-toolbar button:not(.d-none){
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  #okeyApp:fullscreen .rack-toolbar.premium-toolbar,
  #okeyApp:-webkit-full-screen .rack-toolbar.premium-toolbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:2147483000!important;
  }
}


/* IZNEL OYUN V82 - masaüstü hamle çubuğu fiziksel konum düzeltmesi.
   Kullanıcının işaretlediği masa ile ıstaka arasındaki boş alana yerleşir.
   Mobil/touch tasarım değişmez; JS aynı toolbar DOM'unu rackPanel'e geri taşır. */
.desktop-action-dock{display:none}
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  #okeyApp .desktop-action-dock{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(1180px,calc(100% - 120px))!important;
    min-height:50px!important;
    margin:4px auto 6px!important;
    padding:4px 8px!important;
    position:relative!important;
    z-index:60!important;
    flex:0 0 auto!important;
    pointer-events:auto!important;
  }
  #okeyApp .desktop-action-dock .rack-toolbar.premium-toolbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:5px 8px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:10px!important;
    background:rgba(5,31,20,.93)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.3)!important;
    pointer-events:auto!important;
  }
  #okeyApp .desktop-action-dock .toolbar-left,
  #okeyApp .desktop-action-dock .toolbar-right{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
  }
  #okeyApp .desktop-action-dock button:not(.d-none){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:32px!important;
    padding:5px 9px!important;
    font-size:.74rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:auto!important;
  }
  #okeyApp:fullscreen .desktop-action-dock,
  #okeyApp:-webkit-full-screen .desktop-action-dock{
    display:flex!important;
    width:min(1280px,calc(100% - 90px))!important;
    margin:2px auto 4px!important;
    z-index:2147483000!important;
  }
}
\n\n/* IZNEL OYUN V84 - oyuncu altı mini hamle barı.\n   KAPSAM KİLİDİ: Yalnız gerçek masaüstü pointer.\n   Masa, ıstaka, oyuncu kartı ve mobil geometrisine HİÇBİR layout değişikliği yapmaz.\n   Çubuk fixed overlay olduğu için sayfa akışını/ıstaka yüksekliğini değiştiremez. */\n@media (min-width:992px) and (hover:hover) and (pointer:fine){\n  #okeyApp .desktop-action-dock{\n    display:flex!important;\n    position:fixed!important;\n    right:auto!important;\n    bottom:auto!important;\n    width:max-content!important;\n    max-width:calc(100vw - 28px)!important;\n    min-height:0!important;\n    height:auto!important;\n    margin:0!important;\n    padding:0!important;\n    transform:translateX(-50%)!important;\n    z-index:2147482500!important;\n    pointer-events:auto!important;\n  }\n  #okeyApp .desktop-action-dock .rack-toolbar.premium-toolbar{\n    display:flex!important;\n    visibility:visible!important;\n    opacity:1!important;\n    width:max-content!important;\n    max-width:calc(100vw - 28px)!important;\n    min-height:0!important;\n    height:auto!important;\n    margin:0!important;\n    padding:3px 5px!important;\n    align-items:center!important;\n    justify-content:center!important;\n    gap:4px!important;\n    flex-wrap:nowrap!important;\n    overflow-x:auto!important;\n    overflow-y:hidden!important;\n    border:1px solid rgba(116,255,168,.28)!important;\n    border-radius:8px!important;\n    background:rgba(3,34,20,.82)!important;\n    box-shadow:0 3px 10px rgba(0,0,0,.34)!important;\n    backdrop-filter:blur(3px);\n    pointer-events:auto!important;\n    scrollbar-width:none;\n  }\n  #okeyApp .desktop-action-dock .rack-toolbar.premium-toolbar::-webkit-scrollbar{display:none}\n  #okeyApp .desktop-action-dock .toolbar-left,\n  #okeyApp .desktop-action-dock .toolbar-right{\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    gap:4px!important;\n    flex-wrap:nowrap!important;\n    min-width:max-content!important;\n  }\n  #okeyApp .desktop-action-dock button:not(.d-none){\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    visibility:visible!important;\n    opacity:1!important;\n    min-height:24px!important;\n    height:24px!important;\n    padding:2px 7px!important;\n    border-radius:6px!important;\n    font-size:.64rem!important;\n    line-height:1!important;\n    white-space:nowrap!important;\n    pointer-events:auto!important;\n  }\n}\n

/* IZNEL OYUN V85 - mini hamle barı state-render + fullscreen sabitleme.
   Yalnız masaüstü pointer. Masa/ıstaka geometrisini DEĞİŞTİRMEZ.
   Dock boardPanel içine absolute overlay olarak bağlanır; oyuncu kartı her render olduğunda JS yeniden ölçer. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  #okeyApp #boardPanel{position:relative;}
  #okeyApp #boardPanel > .desktop-action-dock{
    display:none!important;
    position:absolute!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    z-index:80!important;
    pointer-events:auto!important;
  }
  #okeyApp #boardPanel > .desktop-action-dock.is-positioned{display:flex!important;}
  #okeyApp #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:3px 5px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:1px solid rgba(116,255,168,.28)!important;
    border-radius:8px!important;
    background:rgba(3,34,20,.82)!important;
    box-shadow:0 3px 10px rgba(0,0,0,.34)!important;
    pointer-events:auto!important;
    scrollbar-width:none;
  }
  #okeyApp #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar::-webkit-scrollbar{display:none}
  #okeyApp #boardPanel > .desktop-action-dock .toolbar-left,
  #okeyApp #boardPanel > .desktop-action-dock .toolbar-right{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:nowrap!important;min-width:max-content!important;
  }
  #okeyApp #boardPanel > .desktop-action-dock button:not(.d-none){
    display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;
    min-height:24px!important;height:24px!important;padding:2px 7px!important;border-radius:6px!important;font-size:.64rem!important;line-height:1!important;white-space:nowrap!important;pointer-events:auto!important;
  }
}

/* IZNEL OYUN V86 - 101 Okey masaustu hamle bari sigdirma.
   KAPSAM KILIDI: Yalniz 101 Okey + gercek masaustu pointer.
   V85 masa/istaka/oyuncu karti geometrisi ve dock konum algoritmasi degismez.
   Normal ekranda tek satir korunur ve kontroller bir tik kuculur.
   Fullscreen'de toolbar iki satira ayrilir: sol aksiyonlar 1. satir, sag aksiyonlar 2. satir. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  #okeyApp[data-game-slug="okey-101"] #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar{
    gap:3px!important;
    padding:2px 4px!important;
  }
  #okeyApp[data-game-slug="okey-101"] #boardPanel > .desktop-action-dock .toolbar-left,
  #okeyApp[data-game-slug="okey-101"] #boardPanel > .desktop-action-dock .toolbar-right{
    gap:3px!important;
  }
  #okeyApp[data-game-slug="okey-101"] #boardPanel > .desktop-action-dock button:not(.d-none){
    min-height:22px!important;
    height:22px!important;
    padding:1px 5px!important;
    border-radius:5px!important;
    font-size:.56rem!important;
    line-height:1!important;
  }

  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar{
    display:grid!important;
    grid-template-columns:max-content!important;
    grid-template-rows:auto auto!important;
    justify-content:center!important;
    align-items:center!important;
    row-gap:3px!important;
    column-gap:0!important;
    width:max-content!important;
    max-width:calc(100vw - 24px)!important;
    padding:3px 5px!important;
    overflow:visible!important;
  }
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock .toolbar-left,
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock .toolbar-right,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock .toolbar-left,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock .toolbar-right{
    width:max-content!important;
    max-width:calc(100vw - 34px)!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:3px!important;
  }
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock button:not(.d-none),
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock button:not(.d-none){
    min-height:20px!important;
    height:20px!important;
    padding:1px 4px!important;
    border-radius:5px!important;
    font-size:.53rem!important;
  }
}

/* IZNEL OYUN V87 - 101 Okey fullscreen hamle barini ortala + kesin 2 satira sigdir.
   KAPSAM KILIDI: Yalniz 101 Okey, fullscreen, gercek masaustu pointer.
   Normal ekran V86 davranisi korunur. Masa/istaka/oyuncu karti geometrisine dokunulmaz. */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock{
    left:50%!important;
    right:auto!important;
    width:max-content!important;
    max-width:calc(100% - 40px)!important;
    transform:translateX(-50%)!important;
  }
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock .rack-toolbar.premium-toolbar{
    display:grid!important;
    grid-template-columns:repeat(6,max-content)!important;
    grid-auto-rows:20px!important;
    grid-auto-flow:row!important;
    justify-content:center!important;
    align-items:center!important;
    gap:3px!important;
    width:max-content!important;
    max-width:calc(100vw - 72px)!important;
    padding:4px 6px!important;
    overflow:visible!important;
  }
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock .toolbar-left,
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock .toolbar-right,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock .toolbar-left,
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock .toolbar-right{
    display:contents!important;
  }
  #okeyApp[data-game-slug="okey-101"]:fullscreen #boardPanel > .desktop-action-dock button:not(.d-none),
  #okeyApp[data-game-slug="okey-101"]:-webkit-full-screen #boardPanel > .desktop-action-dock button:not(.d-none){
    min-width:0!important;
    min-height:19px!important;
    height:19px!important;
    padding:1px 4px!important;
    border-radius:5px!important;
    font-size:.50rem!important;
    line-height:1!important;
  }
}

/* IZNEL OYUN V107 - MASAUSTU PROFIL + ALTIN + MASADAN KALK
   KAPSAM KILIDI:
   - yalnız masaüstü >= 992px
   - normal ekran ve fullscreen aynı görünüm
   - mobil Okey yerleşimine dokunmaz
   - mevcut v16Gold canlı bakiye alanını kullanır */
@media (min-width:992px){
  #okeyApp .v107-desktop-profile,
  #okeyApp .v107-desktop-leave{
    box-sizing:border-box;
    min-height:44px;
    height:44px;
    padding:6px 12px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:12px;
    background:linear-gradient(180deg,rgba(18,38,31,.96),rgba(5,21,16,.96));
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    white-space:nowrap;
    text-decoration:none;
    font-size:.78rem;
    font-weight:800;
    line-height:1;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.18);
  }
  #okeyApp .v107-desktop-profile:hover{border-color:#38bdf8;color:#e8f8ff}
  #okeyApp .v107-desktop-leave{border-color:rgba(248,113,113,.55);color:#fecaca;cursor:pointer}
  #okeyApp .v107-desktop-leave:hover{border-color:#ef4444;background:linear-gradient(180deg,rgba(95,24,24,.96),rgba(52,12,12,.96));color:#fff}
  #okeyApp .v107-desktop-profile>span,
  #okeyApp .v107-desktop-leave>span{font-size:1rem;line-height:1}
  #okeyApp .v16-economy{margin-left:0}
  #okeyApp .v16-economy .eco-pill.gold{min-height:44px;height:44px}
  #okeyApp:fullscreen .v107-desktop-profile,
  #okeyApp:-webkit-full-screen .v107-desktop-profile,
  #okeyApp:fullscreen .v107-desktop-leave,
  #okeyApp:-webkit-full-screen .v107-desktop-leave{min-height:44px;height:44px}
}
@media (max-width:991.98px){
  #okeyApp .v107-desktop-profile,
  #okeyApp .v107-desktop-leave{display:none!important}
}

/* IZNEL OYUN V108 - V107 masaustu HUD kesin gorunum/cache fix.
   Yalniz >=992px. Mobil kurallara dokunmaz. */
@media (min-width:992px){
  #okeyApp .hud-stakes > .v107-desktop-profile{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    order:40!important;
    min-width:92px!important;
    height:44px!important;
    color:#fff!important;
    position:relative!important;
    z-index:60!important;
  }
  #okeyApp .hud-stakes > .v16-economy{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    order:41!important;
    gap:7px!important;
    margin-left:0!important;
    position:relative!important;
    z-index:60!important;
  }
  #okeyApp .v16-economy .eco-pill.gold{order:1!important;display:grid!important}
  #okeyApp .v16-economy .v107-desktop-leave{
    order:2!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:126px!important;
  }
  /* Üst bar istenen sade sıra: Profil | Altın | Masadan Kalk */
  #okeyApp .v16-economy .eco-pill.ticket,
  #okeyApp .v16-economy .eco-pill.level{display:none!important}
  #okeyApp:fullscreen .hud-stakes > .v107-desktop-profile,
  #okeyApp:-webkit-full-screen .hud-stakes > .v107-desktop-profile,
  #okeyApp:fullscreen .hud-stakes > .v16-economy,
  #okeyApp:-webkit-full-screen .hud-stakes > .v16-economy{display:flex!important}
}
@media (max-width:991.98px){
  #okeyApp .v107-desktop-profile,
  #okeyApp .v107-desktop-leave{display:none!important}
}

/* IZNEL OYUN V109 - MASAUSTU UST BAR KESIN YERLESIM
   KAPSAM:
   - yalnız masaüstü >= 992px
   - normal ve fullscreen aynı
   - sol HUD: Profil | Altın | Masadan Kalk
   - eski masa adı / giriş / mod / çanak HUD parçaları bu masaüstü alanda gizlenir
   - mobil kurallara dokunmaz */
@media (min-width:992px){
  #okeyApp .okey-hud{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }

  #okeyApp .hud-stakes{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:62px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:7px 12px!important;
    overflow:hidden!important;
  }

  /* V109: kırmızı kutuyla gösterilen sol alanda eski bilgiler görünmez. */
  #okeyApp .hud-stakes > .hud-menu,
  #okeyApp .hud-stakes > div:not(.v16-economy),
  #okeyApp .hud-stakes > #premiumPot,
  #okeyApp .hud-stakes > .hud-mode{
    display:none!important;
  }

  #okeyApp .hud-stakes > .v107-desktop-profile{
    order:1!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:112px!important;
    height:46px!important;
    padding:7px 14px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid rgba(56,189,248,.72)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(12,67,75,.97),rgba(4,35,42,.97))!important;
    color:#eaffff!important;
    font-size:.84rem!important;
    font-weight:900!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    position:relative!important;
    z-index:70!important;
  }
  #okeyApp .hud-stakes > .v107-desktop-profile:hover{
    border-color:#67e8f9!important;
    background:linear-gradient(180deg,rgba(15,92,102,.98),rgba(4,48,56,.98))!important;
    color:#fff!important;
  }

  #okeyApp .hud-stakes > .v16-economy{
    order:2!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:70!important;
  }

  #okeyApp .v16-economy .eco-pill.gold{
    order:1!important;
    flex:0 0 auto!important;
    display:grid!important;
    min-width:96px!important;
    min-height:46px!important;
    height:46px!important;
    padding:5px 11px!important;
  }

  #okeyApp .v16-economy .v107-desktop-leave{
    order:2!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:154px!important;
    height:46px!important;
    padding:7px 14px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid rgba(248,113,113,.88)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(110,31,31,.98),rgba(65,16,16,.98))!important;
    color:#fff!important;
    font-size:.82rem!important;
    font-weight:900!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
  }
  #okeyApp .v16-economy .v107-desktop-leave:hover{
    border-color:#fca5a5!important;
    background:linear-gradient(180deg,rgba(150,38,38,.99),rgba(87,20,20,.99))!important;
  }

  #okeyApp .v16-economy .eco-pill.ticket,
  #okeyApp .v16-economy .eco-pill.level{
    display:none!important;
  }

  #okeyApp .hud-actions{
    flex:0 0 auto!important;
    margin-left:auto!important;
    align-items:center!important;
  }

  /* Fullscreen'de de aynı sıra ve görünürlük zorunlu. */
  #okeyApp:fullscreen .hud-stakes,
  #okeyApp:-webkit-full-screen .hud-stakes{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  #okeyApp:fullscreen .hud-stakes > .v107-desktop-profile,
  #okeyApp:-webkit-full-screen .hud-stakes > .v107-desktop-profile,
  #okeyApp:fullscreen .hud-stakes > .v16-economy,
  #okeyApp:-webkit-full-screen .hud-stakes > .v16-economy,
  #okeyApp:fullscreen .v16-economy .v107-desktop-leave,
  #okeyApp:-webkit-full-screen .v16-economy .v107-desktop-leave{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

@media (max-width:991.98px){
  #okeyApp .v107-desktop-profile,
  #okeyApp .v107-desktop-leave{
    display:none!important;
  }
}