*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02070b;color:#fff;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none;touch-action:none}body{position:relative}#gameArea{position:absolute;inset:0;margin:0!important;background:#02070b}#screen{display:block}#gameDock{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(245,190,45,.5);border-radius:15px;background:rgba(2,12,19,.88);box-shadow:0 8px 28px rgba(0,0,0,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dockBrand{display:flex;align-items:center;gap:7px;padding:0 8px 0 3px;font-size:12px;letter-spacing:.5px;white-space:nowrap}.dockBrand b{color:#f5be2d}.eight{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0b0b0b;border:2px solid #fff;font-weight:800;font-size:13px}#gameDock button,#gameDock a{height:34px;display:flex;align-items:center;gap:5px;border:1px solid rgba(245,190,45,.7);border-radius:9px;background:#0b2a40;color:#fff;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s ease}#gameDock button:hover,#gameDock a:hover{background:#14547d;transform:translateY(-1px)}#rotate{display:none}@media(max-width:760px){#gameDock{right:8px;bottom:8px;padding:5px;gap:5px}.dockBrand{display:none}#gameDock button,#gameDock a{height:31px;padding:0 8px;font-size:11px}}@media(max-width:760px) and (orientation:portrait){#gameArea,#gameDock{visibility:hidden}#rotate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 30%,#0c3450 0,#061521 48%,#02070b 100%)}#rotate .phone{font-size:56px;color:#f5be2d}#rotate strong{font-size:23px;color:#f5be2d}#rotate span{font-size:14px;color:#c8d4dc}}@media(max-height:480px){#gameDock{right:6px;bottom:6px}.dockBrand{display:none}#gameDock button,#gameDock a{height:29px;padding:0 7px;font-size:10px}}@media(max-width:520px){#gameDock button span,#gameDock a span{display:none}#gameDock button,#gameDock a{min-width:34px;justify-content:center;font-size:15px}}
#playerCard{position:fixed;left:18px;bottom:18px;z-index:30;min-height:49px;display:flex;align-items:center;gap:14px;padding:7px 10px;border:1px solid rgba(245,190,45,.5);border-radius:15px;background:rgba(2,12,19,.9);box-shadow:0 8px 28px rgba(0,0,0,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.playerIdentity{display:flex;align-items:center;gap:9px}.playerIdentity>div:last-child{display:flex;flex-direction:column;line-height:1.1}.playerIdentity small,.guestText small,.playerStats small{font-size:9px;color:#9fb1bd;text-transform:uppercase;letter-spacing:.6px}.playerIdentity strong{font-size:13px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerAvatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0b2a40;border:2px solid #f5be2d;font-weight:800;color:#f5be2d}.playerAvatar img{width:100%;height:100%;object-fit:cover}.playerStats{display:flex;gap:5px}.playerStats span{min-width:48px;padding:4px 7px;border-radius:9px;background:rgba(11,42,64,.75);display:flex;flex-direction:column;align-items:center}.playerStats b{font-size:13px;color:#f5be2d}.guestText{display:flex;flex-direction:column;gap:2px}.guestText strong{font-size:12px}.guestText small{text-transform:none;letter-spacing:0;font-size:10px;max-width:220px}.loginBtn{padding:8px 11px;border-radius:9px;background:#f5be2d;color:#08131a;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}@media(max-width:900px){#playerCard{left:8px;bottom:8px}.playerStats span:nth-child(2){display:none}}@media(max-width:700px){#playerCard{padding:5px 7px}.playerStats{display:none}.playerIdentity strong{max-width:105px}.guestText small{display:none}}@media(max-height:480px){#playerCard{left:6px;bottom:6px;min-height:40px}.playerAvatar{width:29px;height:29px}.playerIdentity strong{font-size:11px}.playerStats span{min-width:42px;padding:3px 5px}.playerStats b{font-size:11px}}@media(max-width:760px) and (orientation:portrait){#playerCard{visibility:hidden}}
.gameResultToast{position:fixed;left:50%;top:24px;z-index:80;transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:rgba(2,12,19,.95);border:1px solid #f5be2d;color:#fff;font-weight:800;box-shadow:0 10px 35px rgba(0,0,0,.45);animation:toastIn .2s ease}.gameResultToast.win{color:#ffd75a}.gameResultToast.loss{color:#dbe5eb}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
#controlHint{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:22;padding:8px 14px;border:1px solid rgba(247,190,40,.55);border-radius:12px;background:rgba(2,7,11,.78);color:#fff;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.04em;pointer-events:none;backdrop-filter:blur(6px)}
@media(max-width:900px){#controlHint{font-size:10px;bottom:8px;padding:6px 10px}}

/* v1.0 mobile controls */
#mobileControls{display:none;position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;width:min(92vw,620px);padding:10px 12px;border:1px solid rgba(255,190,25,.75);border-radius:16px;background:rgba(2,10,16,.90);box-shadow:0 8px 30px rgba(0,0,0,.35);align-items:center;gap:10px;color:#fff;font:700 13px Arial,sans-serif;touch-action:none}
#mobileControls .powerWrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
#mobileControls label{white-space:nowrap;color:#ffc329}
#mobilePower{width:100%;accent-color:#ffc329;height:30px}
#mobileShoot{border:1px solid #ffc329;background:#0d3550;color:#fff;border-radius:12px;font-weight:900;font-size:16px;padding:12px 20px;min-width:92px;touch-action:manipulation}
#mobileShoot:active{transform:scale(.96);background:#164d70}
#mobileAimHelp{display:none;position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:39;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;padding:7px 12px;font:700 12px Arial,sans-serif;pointer-events:none}
@media (hover:none) and (pointer:coarse){#mobileControls,#mobileAimHelp{display:flex}#controlHint{display:none!important}#playerCard{bottom:76px!important}#gameDock{bottom:76px!important}}
@media (max-height:520px) and (hover:none) and (pointer:coarse){#mobileControls{padding:6px 9px;bottom:5px}#mobileShoot{padding:8px 16px}#playerCard,#gameDock{bottom:60px!important}#mobileAimHelp{top:4px;padding:5px 10px}}

/* v1.1 compact mobile UI */
#mobileMenuBtn,#mobileMenuPanel{display:none}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  #mobileAimHelp{top:4px;padding:4px 10px;font-size:10px;opacity:.78}
  #mobileControls{display:flex;left:8px;top:50%;bottom:auto;transform:translateY(-50%);width:46px;height:54vh;min-height:190px;max-height:310px;padding:7px 5px;border-radius:15px;flex-direction:column;gap:5px;background:rgba(2,10,16,.72)}
  #mobileControls .powerWrap{width:100%;height:100%;display:flex;flex-direction:column;gap:4px;overflow:visible}
  #mobileControls label{font-size:9px;writing-mode:horizontal-tb}
  #mobilePower{width:220px;height:34px;transform:rotate(-90deg);transform-origin:center;position:absolute;left:50%;top:50%;translate:-50% -50%}
  #mobileShoot{display:none!important}
  #playerCard{left:8px!important;bottom:8px!important;min-height:36px!important;padding:4px 6px!important;gap:6px!important;transform:scale(.88);transform-origin:left bottom}
  #playerCard .playerStats{display:none!important}
  #gameDock{display:none!important}
  #mobileMenuBtn{display:grid;place-items:center;position:fixed;right:8px;top:8px;z-index:52;width:40px;height:40px;border:1px solid rgba(245,190,45,.72);border-radius:12px;background:rgba(2,12,19,.82);color:#fff;font-size:22px;font-weight:900}
  #mobileMenuPanel{position:fixed;right:8px;top:54px;z-index:53;padding:7px;border:1px solid rgba(245,190,45,.65);border-radius:12px;background:rgba(2,12,19,.94);flex-direction:column;gap:6px}
  #mobileMenuPanel.open{display:flex}
  #mobileMenuPanel button,#mobileMenuPanel a{border:1px solid rgba(245,190,45,.6);border-radius:9px;background:#0b2a40;color:#fff;padding:9px 11px;text-decoration:none;font:700 11px Arial,sans-serif;white-space:nowrap}
  #gameArea{inset:0!important}
}

/* v1.2 mobile touch isolation */
@media (hover:none) and (pointer:coarse){
 body.mobile-game-menu #mobileControls,
 body.mobile-game-menu #mobileAimHelp{display:none!important}
 body.mobile-game-playing #mobileControls{display:flex!important}
 body.mobile-game-playing #mobileAimHelp{display:flex!important}
 #mobileControls{touch-action:none!important;user-select:none;-webkit-user-select:none}
 #mobilePower{touch-action:none!important}
 #playerCard{transform:scale(.82);transform-origin:left bottom;left:6px!important;bottom:5px!important}
}
\n\n/* v1.3 Premium Table + true mobile fullscreen layout */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  body{background:#02070b!important}
  #gameArea{inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important}
  body.mobile-game-playing #playerCard{display:none!important}
  body.mobile-game-menu #playerCard{left:50%!important;bottom:8px!important;transform:translateX(-50%) scale(.78)!important;transform-origin:center bottom!important}
  #mobileControls{left:auto!important;right:max(5px,env(safe-area-inset-right))!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:42px!important;height:50vh!important;min-height:175px!important;max-height:285px!important;padding:5px 4px!important;background:rgba(2,10,16,.64)!important;z-index:60!important}
  #mobileControls label{font-size:8px!important}
  #mobilePower{width:min(45vh,230px)!important}
  #mobileMenuBtn{right:max(5px,env(safe-area-inset-right))!important;top:max(5px,env(safe-area-inset-top))!important;width:34px!important;height:34px!important;font-size:19px!important;background:rgba(2,12,19,.68)!important}
  #mobileMenuPanel{right:max(5px,env(safe-area-inset-right))!important;top:44px!important}
  #mobileAimHelp{font-size:9px!important;padding:3px 8px!important;background:rgba(0,0,0,.48)!important}
}

/* v1.4 Mobile Arena: centered table + rail-mounted power */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  html,body{background:#02070b!important}
  #gameArea{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important}
  #screen{display:block!important;margin:0!important}
  body.mobile-game-playing #mobileControls{
    display:flex!important;position:fixed!important;left:max(6px,env(safe-area-inset-left))!important;right:auto!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;width:34px!important;height:min(58vh,290px)!important;min-height:170px!important;
    padding:2px!important;border:0!important;border-radius:12px!important;background:rgba(2,10,16,.38)!important;box-shadow:none!important;z-index:70!important
  }
  #mobileControls .powerWrap{position:relative!important;width:100%!important;height:100%!important;display:block!important}
  #mobileControls label{position:absolute!important;left:50%!important;top:-18px!important;transform:translateX(-50%)!important;font-size:9px!important;color:#ffd13c!important;text-shadow:0 1px 2px #000!important}
  #mobilePower{position:absolute!important;left:50%!important;top:50%!important;translate:-50% -50%!important;transform:rotate(-90deg)!important;width:min(52vh,250px)!important;height:24px!important;accent-color:#ffd13c!important}
  #mobileMenuBtn{width:31px!important;height:31px!important;right:max(5px,env(safe-area-inset-right))!important;top:max(5px,env(safe-area-inset-top))!important;font-size:17px!important;opacity:.76}
  body.mobile-game-playing #playerCard{display:flex!important;left:46px!important;top:max(4px,env(safe-area-inset-top))!important;bottom:auto!important;transform:scale(.72)!important;transform-origin:left top!important;min-height:34px!important;padding:3px 6px!important;opacity:.84;pointer-events:none}
  body.mobile-game-playing #playerCard .playerStats{display:none!important}
  body.mobile-game-playing #playerCard .loginBtn,body.mobile-game-playing #playerCard .guestText{display:none!important}
  #mobileAimHelp{top:max(4px,env(safe-area-inset-top))!important;font-size:8px!important;padding:3px 7px!important;opacity:.62!important}
}

/* v1.5 Center Lock + Pull Shot Power */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  html,body{width:100%!important;height:100%!important;background:#02070b!important;overflow:hidden!important}
  #gameArea{position:fixed!important;margin:0!important;z-index:1!important;will-change:transform}
  #screen{margin:0!important}

  body.mobile-game-playing #mobileControls{
    display:flex!important;position:fixed!important;
    left:max(7px,env(safe-area-inset-left))!important;right:auto!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;width:58px!important;height:min(68vh,330px)!important;min-height:205px!important;
    padding:8px 7px!important;border:1px solid rgba(245,190,45,.62)!important;border-radius:18px!important;
    background:rgba(2,10,16,.90)!important;box-shadow:0 8px 26px rgba(0,0,0,.38)!important;
    z-index:80!important;flex-direction:column!important;align-items:center!important;gap:5px!important;
    touch-action:none!important;user-select:none!important;-webkit-user-select:none!important
  }
  #mobileControls .powerWrap,#mobileShoot{display:none!important}
  #mobilePower{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;transform:none!important;translate:none!important;pointer-events:none!important}
  .powerTitle{font-size:10px;font-weight:900;color:#ffd13c;letter-spacing:.4px;line-height:1}
  .powerTrack{position:relative;width:14px;flex:1;min-height:100px;border-radius:10px;background:#26323b;border:1px solid #4d5a63;overflow:visible;margin:3px 0}
  .powerFill{position:absolute;left:2px;right:2px;top:0;height:var(--power-pct,48%);border-radius:8px;background:linear-gradient(#ffdf64,#ffb91e)}
  .powerKnob{position:absolute;left:50%;top:var(--power-pct,48%);width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:#ffc52e;border:3px solid #ffe58a;box-shadow:0 2px 9px rgba(0,0,0,.55)}
  #mobilePowerValue{font-size:10px;font-weight:900;color:#fff;line-height:1}
  .powerTip{font-size:7px;font-weight:800;line-height:1.15;text-align:center;color:#9fb1bd;letter-spacing:.2px}

  body.mobile-game-playing #playerCard{display:none!important}
  #mobileAimHelp{top:max(3px,env(safe-area-inset-top))!important;left:50%!important;transform:translateX(-50%)!important;font-size:9px!important;padding:4px 9px!important;opacity:.72!important;white-space:nowrap!important}
  #mobileMenuBtn{right:max(7px,env(safe-area-inset-right))!important;top:max(7px,env(safe-area-inset-top))!important;width:38px!important;height:38px!important;opacity:.88!important}
  #mobileMenuPanel{right:max(7px,env(safe-area-inset-right))!important;top:51px!important}

  body.mobile-game-menu #playerCard{left:50%!important;right:auto!important;bottom:max(5px,env(safe-area-inset-bottom))!important;transform:translateX(-50%) scale(.76)!important;transform-origin:center bottom!important}
}

/* v1.6 Power Drag Fix */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
 #mobileControls{cursor:ns-resize!important}
 #mobileControls .powerTrack{width:18px!important;border:2px solid #667681!important;background:#111b22!important}
 #mobileControls .powerFill{left:3px!important;right:3px!important;background:linear-gradient(#ffe76a,#ffb000)!important;box-shadow:0 0 8px rgba(255,193,35,.45)!important}
 #mobileControls .powerKnob{width:34px!important;height:34px!important;background:#ffd13c!important;border:3px solid #fff0a8!important}
 #mobileControls.dragging .powerKnob{transform:translate(-50%,-50%) scale(1.12)!important;box-shadow:0 0 0 5px rgba(255,197,46,.18),0 3px 12px #000!important}
 #mobilePowerValue{display:block!important;min-width:38px!important;text-align:center!important;font-size:12px!important;color:#ffd13c!important}
 .powerTip{font-size:8px!important;color:#d5e0e6!important}
}

/* v1.9 Sound & Atmosphere */
.arenaFlash{position:fixed;inset:0;z-index:120;pointer-events:none;animation:lbFlash .62s ease-out forwards}.arenaFlash.foul{box-shadow:inset 0 0 95px rgba(255,55,55,.78)}.arenaFlash.win{box-shadow:inset 0 0 120px rgba(255,205,45,.86)}
@keyframes lbFlash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
.lbConfetti{position:fixed;inset:0;z-index:130;pointer-events:none;overflow:hidden}.lbConfetti i{position:absolute;top:-18px;width:8px;height:15px;border-radius:2px;background:#ffd23f;box-shadow:10px 0 #39d98a,-10px 0 #4da3ff;animation:lbFall 1.5s ease-in forwards}
@keyframes lbFall{to{transform:translate(var(--x),110vh) rotate(var(--r));opacity:.15}}
#soundToggle,#mobileSoundToggle{border:1px solid rgba(255,209,60,.42);background:rgba(7,18,25,.88);color:#f6f8fa;border-radius:10px;font-weight:800;cursor:pointer}
#soundToggle{padding:8px 11px;margin-left:6px}#mobileSoundToggle{width:100%;padding:10px;margin-top:6px}


/* v2.0 — RONİ BİLARDO identity */
#roniBrand{position:fixed;left:50%;top:10px;z-index:26;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(245,190,45,.48);border-radius:15px;background:rgba(2,12,19,.76);box-shadow:0 8px 26px rgba(0,0,0,.30);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none;user-select:none}
.roniR,.roniMiniR{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd84d,#e9a900);color:#07131a;font-weight:1000;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 2px 8px rgba(0,0,0,.35)}
.roniR{width:30px;height:30px;font-size:18px}.roniMiniR{width:25px;height:25px;font-size:14px}
.roniName{display:flex;flex-direction:column;font-size:13px;font-weight:900;letter-spacing:.8px;line-height:1.05;white-space:nowrap}.roniName b{color:#f5be2d}.roniName small{margin-top:3px;color:#91a5b1;font-size:7px;font-weight:700;letter-spacing:.55px;text-transform:lowercase}
.roniEight{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#090909;border:2px solid #f2f2f2;color:#fff;font-size:12px;font-weight:900;box-shadow:0 2px 9px rgba(0,0,0,.5)}
.dockBrand{font-weight:800}.dockBrand .eight{margin-left:1px}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){#roniBrand{top:max(4px,env(safe-area-inset-top));padding:4px 7px;gap:5px;border-radius:11px;opacity:.82}.roniR{width:22px;height:22px;font-size:13px}.roniEight{width:21px;height:21px;font-size:9px}.roniName{font-size:9px;letter-spacing:.45px}.roniName small{display:none}body.mobile-game-playing #roniBrand{opacity:.52;transform:translateX(-50%) scale(.88)}}
@media(max-width:760px) and (orientation:portrait){#roniBrand{display:none}}
/* v2.1 Online Room Lobby */
#onlinePlayBtn{position:fixed;z-index:92;top:18px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,209,60,.65);border-radius:999px;background:rgba(3,14,22,.92);color:#ffd13c;font-weight:900;padding:10px 18px;box-shadow:0 8px 28px rgba(0,0,0,.32);cursor:pointer}
#onlineLobby{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,5,9,.78);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:18px}#onlineLobby.open{display:flex}.onlineCard{position:relative;width:min(430px,94vw);border:1px solid rgba(255,202,43,.42);border-radius:24px;padding:24px;background:linear-gradient(145deg,#071722,#02080d);box-shadow:0 28px 80px #000;color:#fff;text-align:center}.onlineClose{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#9eb0ba;font-size:30px;cursor:pointer}.onlineLogo{font-weight:900;color:#ffd13c;letter-spacing:.8px}.onlineLogo span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffd13c;color:#071019;margin-right:7px}.onlineCard h2{margin:12px 0 6px;font-size:26px}.onlineCard p{color:#9fb1bd;font-size:13px;min-height:34px}.onlineCard button{border:0;border-radius:12px;background:#ffd13c;color:#071019;font-weight:900;padding:12px 15px;cursor:pointer}.joinRow{display:flex;gap:8px;margin-top:10px}.joinRow input{min-width:0;flex:1;border:1px solid #334a58;border-radius:12px;background:#07131b;color:#fff;padding:12px;text-align:center;font-size:18px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.joinRow button{min-width:88px}.onlineCard #createRoom{width:100%}#roomPanel>small{display:block;color:#81949f;font-size:10px;font-weight:800}#roomCodeView{display:block;color:#ffd13c;font-size:38px;letter-spacing:7px;margin:3px 0 8px}.players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;padding:14px;border-radius:16px;background:#07131b}.players span{font-weight:800}.players b{color:#ffd13c}.players span:last-child{color:#b6c5cd}#roomState{font-size:13px;color:#a9bbc5;margin-bottom:13px}.onlineCard .leave{background:#182832;color:#dce7ec}
@media(hover:none) and (pointer:coarse){#onlinePlayBtn{top:max(5px,env(safe-area-inset-top));padding:7px 12px;font-size:11px}body.mobile-game-playing #onlinePlayBtn{display:none}.onlineCard{padding:18px;width:min(390px,88vw)}#roomCodeView{font-size:30px}.players{margin:10px 0;padding:10px}}
/* v2.2 Live Online Match */
#startOnlineMatch{margin:14px auto 4px;display:block;border:0;border-radius:12px;padding:13px 24px;background:#ffd13c;color:#071018;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 6px 18px rgba(255,193,35,.22)}
#startOnlineMatch[hidden]{display:none!important}
#onlineMatchHud{position:fixed;left:50%;top:8px;transform:translateX(-50%);z-index:75;min-width:430px;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 16px;border:1px solid rgba(255,209,60,.55);border-radius:15px;background:rgba(2,10,16,.92);box-shadow:0 6px 24px rgba(0,0,0,.38);color:#fff;font:800 13px Arial,sans-serif}
#onlineMatchHud[hidden]{display:none!important}#onlineMatchHud b{color:#55e28a;font-size:12px;white-space:nowrap}#onlineMatchHud b.waiting{color:#ffd13c}#onlineMatchHud span{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (hover:none) and (pointer:coarse){#onlineMatchHud{top:max(3px,env(safe-area-inset-top));min-width:0;width:auto;max-width:64vw;padding:5px 9px;gap:8px;font-size:9px;border-radius:10px}#onlineMatchHud b{font-size:8px}#onlineMatchHud span{max-width:90px}body.mobile-game-playing #mobileAimHelp{display:none!important}}

/* v2.3 Matchmaking */
#onlineActions .quickMatch{background:linear-gradient(135deg,#ffd43b,#ffad16)!important;color:#111!important;font-weight:900!important;box-shadow:0 8px 22px rgba(255,190,25,.24)!important}
#onlineActions .quickMatch:disabled{opacity:.72!important;cursor:wait!important}
.onlineDivider{display:flex;align-items:center;gap:9px;margin:12px 0;color:#7f929e;font-size:11px;font-weight:800;text-transform:uppercase}
.onlineDivider:before,.onlineDivider:after{content:"";height:1px;background:rgba(255,255,255,.12);flex:1}

/* v2.4 — Online Profile, RONİ Rating & Leagues */
.onlineProfile{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:9px;margin:14px 0 8px;padding:10px;border:1px solid rgba(255,209,60,.18);border-radius:15px;background:rgba(7,25,36,.76)}
.onlineProfile>div:not(.leagueBadge){display:flex;flex-direction:column;gap:2px}.onlineProfile b{font-size:15px;color:#fff}.onlineProfile small{font-size:8px;color:#8297a3;font-weight:800;letter-spacing:.35px}.leagueBadge{padding:7px 9px;border-radius:10px;background:linear-gradient(135deg,#263d4c,#10212c);color:#ffd13c;font-size:11px;font-weight:900;white-space:nowrap}
#onlineQueueInfo{margin:5px 0 12px;padding:7px 10px;border-radius:10px;background:rgba(33,193,111,.08);color:#9fd8b8;font-size:11px;font-weight:800}#onlineQueueInfo b{color:#57e08f}
.players span{display:flex;flex-direction:column;gap:4px;min-width:0}.players span strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players span small{font-size:9px;color:#ffd13c;font-weight:800;white-space:nowrap}.players span:last-child strong{color:#d8e3e9}
@media(hover:none) and (pointer:coarse){.onlineProfile{margin:8px 0 5px;padding:7px;gap:6px}.leagueBadge{padding:5px 7px;font-size:9px}.onlineProfile b{font-size:12px}.onlineProfile small{font-size:7px}#onlineQueueInfo{margin:3px 0 7px;padding:5px;font-size:9px}.players span small{font-size:8px}}

/* v2.5 RONI BILARDO - Liderlik Tablosu */
.leaderboardBtn{width:100%;margin:8px 0 12px;padding:10px 14px;border:1px solid rgba(255,201,45,.45);border-radius:12px;background:linear-gradient(180deg,#2b2512,#151307);color:#ffd447;font-weight:900;cursor:pointer}
.leaderboardPanel{margin:8px 0 14px;border:1px solid rgba(255,205,54,.35);border-radius:14px;overflow:hidden;background:rgba(3,12,18,.97);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.leaderboardHead{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:linear-gradient(90deg,rgba(255,193,27,.18),rgba(30,117,165,.12));color:#ffe07a}.leaderboardHead button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.leaderboardCols,.leaderboardRow{display:grid;grid-template-columns:minmax(145px,1fr) 62px 66px 44px;align-items:center;gap:6px}.leaderboardCols{padding:7px 10px;color:#7f96a5;font-size:9px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08)}
.leaderboardRows{max-height:310px;overflow:auto}.leaderboardRow{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#dfeaf0}.leaderboardRow.you{background:rgba(255,196,36,.11);box-shadow:inset 3px 0 #ffc52e}.leaderboardRow>span{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center}.leaderboardRow>span i{grid-row:1/3;font-style:normal;font-weight:900;color:#ffd447;text-align:center}.leaderboardRow>span b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboardRow>span small{font-size:9px;color:#8fa4b0}.leaderboardRow strong{color:#ffd447;font-size:13px;text-align:center}.leaderboardRow em,.leaderboardRow u{font-style:normal;text-decoration:none;font-size:11px;text-align:center;color:#c8d5dc}.leaderboardLoading{padding:24px;text-align:center;color:#91a6b3;font-size:12px}
@media(max-width:600px){.leaderboardPanel{position:absolute;left:8px;right:8px;top:78px;z-index:5}.leaderboardCols,.leaderboardRow{grid-template-columns:minmax(120px,1fr) 54px 58px 38px}.leaderboardRows{max-height:55vh}}

/* v2.6 — Bright Premium Arena + Mobile Member Menu */
html,body{background:radial-gradient(circle at 50% 42%,#164d67 0,#0b3045 35%,#061b29 72%,#04131d 100%)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(73,218,239,.14),transparent 54%),linear-gradient(120deg,rgba(255,255,255,.035),transparent 28%,rgba(255,204,61,.035) 72%,transparent);z-index:0}
#gameArea{filter:drop-shadow(0 20px 32px rgba(0,0,0,.48)) drop-shadow(0 0 22px rgba(40,204,232,.12))}
#roniBrand{background:linear-gradient(135deg,rgba(9,49,67,.92),rgba(5,27,39,.9));border-color:rgba(255,211,66,.72);box-shadow:0 8px 28px rgba(0,0,0,.32),0 0 22px rgba(49,210,232,.12)}
#gameDock{background:linear-gradient(135deg,rgba(8,46,63,.94),rgba(5,26,37,.94))!important;border-color:rgba(94,218,235,.24)!important}
#mobileMemberBtn,#mobileMemberPanel{display:none}
@media (hover:none) and (pointer:coarse){
 html,body{background:radial-gradient(circle at 50% 45%,#17536e 0,#0a3045 45%,#041722 100%)!important}
 #mobileMemberBtn{display:grid;place-items:center;position:fixed;right:max(52px,calc(env(safe-area-inset-right) + 52px));top:max(7px,env(safe-area-inset-top));width:38px;height:38px;z-index:96;border:1px solid rgba(255,215,75,.78);border-radius:50%;background:linear-gradient(145deg,#ffd95a,#f0aa18);color:#08202c;font-weight:1000;font-size:15px;box-shadow:0 5px 18px rgba(0,0,0,.34);cursor:pointer}
 #mobileMemberPanel{position:fixed;display:block;right:max(7px,env(safe-area-inset-right));top:52px;width:min(285px,72vw);z-index:97;padding:12px;border:1px solid rgba(255,211,63,.42);border-radius:16px;background:linear-gradient(150deg,rgba(8,49,67,.98),rgba(4,23,34,.98));box-shadow:0 16px 42px rgba(0,0,0,.48);color:#fff;transform:translateY(-8px) scale(.97);transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease}
 #mobileMemberPanel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .mmHead{display:flex;flex-direction:column;padding:2px 3px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.mmHead b{font-size:14px;color:#fff}.mmHead small{font-size:8px;color:#80ddeb;font-weight:800;margin-top:2px}
 .mmStats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.mmStats span{display:flex;flex-direction:column;align-items:center;padding:7px 3px;border-radius:9px;background:rgba(255,255,255,.055)}.mmStats b{font-size:13px;color:#ffd447}.mmStats small{font-size:7px;color:#a9c0cb;text-align:center}
 #mobileMemberPanel a,#mobileMemberPanel button{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.055);color:#eefaff;text-decoration:none;text-align:left;font:800 10px Arial;cursor:pointer}
 #mobileMemberPanel #mobileMemberOnline{background:linear-gradient(135deg,#ffd43b,#ffb21d);color:#09202b;border:0}#mobileMemberPanel .mmLogin{text-align:center;background:#ffd43b;color:#09202b}
 body.mobile-game-playing #mobileMemberBtn{opacity:.92}
 body.mobile-game-playing #mobileMemberPanel{top:51px}
}

/* v2.6.1 — Bright Arena polish */
html,body{background:radial-gradient(circle at 50% 38%,#2a7892 0,#13536d 34%,#0a3147 68%,#071f30 100%)!important}
#gameArea{filter:drop-shadow(0 22px 36px rgba(0,0,0,.34)) drop-shadow(0 0 28px rgba(64,224,241,.18))}
#roniBrand{border-color:rgba(255,218,79,.86);background:linear-gradient(135deg,rgba(15,87,108,.94),rgba(7,42,57,.94));box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 24px rgba(68,221,237,.18)}
@media (hover:none) and (pointer:coarse){
 html,body{background:radial-gradient(circle at 50% 40%,#277991 0,#104b65 45%,#07283b 100%)!important}
 #mobileMemberPanel{width:min(235px,62vw)!important;padding:9px!important;border-radius:14px!important;top:49px!important}
 .mmHead{padding:1px 2px 7px!important}.mmHead b{font-size:12px!important}.mmHead small{font-size:7px!important}
 .mmStats{margin:6px 0!important;gap:4px!important}.mmStats span{padding:5px 2px!important}.mmStats b{font-size:11px!important}.mmStats small{font-size:6px!important}
 #mobileMemberPanel a,#mobileMemberPanel button{margin-top:4px!important;padding:7px 8px!important;font-size:9px!important;border-radius:8px!important}
 #mobileMemberBtn{width:36px!important;height:36px!important;font-size:14px!important}
}

/* v2.6.2 Luxury Table & Clean HUD */
html,body{background:radial-gradient(circle at 50% 18%,#174b62 0,#0a2d40 34%,#04141f 72%,#020a10 100%)!important}
#gameArea{filter:drop-shadow(0 22px 38px rgba(0,0,0,.38)) saturate(1.06) contrast(1.02)}
#screen{border-radius:18px;box-shadow:0 0 0 1px rgba(255,207,67,.22),0 24px 60px rgba(0,0,0,.42)}
#roniBrand{border-color:rgba(255,205,65,.68);background:linear-gradient(145deg,rgba(9,43,58,.93),rgba(3,17,26,.94));box-shadow:0 8px 28px rgba(0,0,0,.34),0 0 22px rgba(255,190,35,.08)}
body.mobile-game-playing #mobileMemberPanel{top:48px!important;width:min(220px,58vw)!important}
body.mobile-game-playing #mobileMemberPanel:not(.open){display:block!important}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
 #screen{border-radius:12px!important}
 #gameArea{filter:drop-shadow(0 12px 24px rgba(0,0,0,.32)) saturate(1.05)}
 #mobileMemberPanel{max-height:72vh;overflow:auto}
}

/* v2.6.3 — Royal Table */
body.roni-online-active #onlinePlayBtn,body.roni-online-active #roniBrand{display:none!important}
body.roni-online-active #onlineMatchHud{top:8px!important;min-width:360px!important;padding:6px 14px!important;background:linear-gradient(180deg,rgba(6,28,39,.96),rgba(2,12,19,.96))!important;border-color:rgba(239,185,54,.72)!important;box-shadow:0 7px 24px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important}
#screen{box-shadow:0 0 0 2px rgba(226,166,42,.30),0 26px 65px rgba(0,0,0,.46)!important}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
 body.roni-online-active #onlineMatchHud{top:max(3px,env(safe-area-inset-top))!important;min-width:0!important;max-width:56vw!important;padding:4px 9px!important;font-size:9px!important}
 body.mobile-game-playing #mobileMenuPanel:not(.open),body.roni-online-active #mobileMenuPanel:not(.open){display:none!important}
 body.roni-online-active #mobileMemberPanel:not(.open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
/* v3.0 Pro Suite */
#proHubBtn{position:fixed;right:112px;top:14px;z-index:96;width:44px;height:44px;border-radius:50%;border:1px solid #e8bd3d;background:#092432;color:#ffd44b;font-size:20px}#installRoni{display:none;position:fixed;left:50%;bottom:62px;transform:translateX(-50%);z-index:95;background:#ffd03c;border:0;border-radius:20px;padding:9px 15px;font-weight:900}.show#installRoni{display:block}
#spinControl{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:70;width:92px;padding:10px 8px;border:1px solid #d9ad35;border-radius:18px;background:rgba(3,19,28,.93);color:#fff;text-align:center;box-shadow:0 8px 25px #0007}#spinControl>b{font-size:11px;color:#ffd23d}#spinBall{width:62px;height:62px;margin:8px auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dceaf0 55%,#9aabb2);position:relative;box-shadow:inset -5px -7px 12px #6678,0 3px 10px #0008;touch-action:none}#spinBall:before,#spinBall:after{content:"";position:absolute;background:#6788;left:50%;top:8px;bottom:8px;width:1px}#spinBall:after{top:50%;left:8px;right:8px;width:auto;height:1px}#spinDot{position:absolute;width:13px;height:13px;border-radius:50%;background:#e62929;border:2px solid #fff;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}#spinText{font-size:10px;color:#ffd23d;font-weight:800}#spinReset{display:block;margin:6px auto 0;border:0;border-radius:9px;background:#183746;color:#fff;padding:4px 7px;font-size:9px}
#proHub{position:fixed;inset:0;display:none;place-items:center;background:#001019cc;z-index:200;padding:14px}#proHub.open{display:grid}.proCard{width:min(720px,94vw);max-height:86vh;overflow:auto;background:linear-gradient(145deg,#082635,#061923);border:1px solid #c99b28;border-radius:24px;padding:22px;color:#fff;box-shadow:0 25px 80px #000b;position:relative}.proCard>button{position:absolute;right:15px;top:10px;background:none;border:0;color:#fff;font-size:30px}.proCard h2{text-align:center;color:#ffd143}.proTabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.proTabs button{border:1px solid #365564;background:#0c2c3a;color:#fff;border-radius:14px;padding:9px 13px}.proTabs button.active{background:#ffc52e;color:#10202a;font-weight:900}.profileHero{display:flex;align-items:center;gap:16px;margin:18px 0}.avatarBig{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#ffc52e;color:#10202a;font-size:30px;font-weight:900;border:3px solid #ffeaa0;overflow:hidden}.avatarBig img{width:100%;height:100%;object-fit:cover}.proGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.proGrid span{background:#0c2b39;border-radius:14px;padding:12px;text-align:center;font-size:11px}.proGrid b{display:block;color:#ffd23d;font-size:20px}.recent,.tasks,.seasonRows{display:grid;gap:7px}.recent span,.seasonRows div,.tasks>div{background:#0c2b39;padding:10px 12px;border-radius:12px}.recent .w{border-left:3px solid #33d17a}.recent .l{border-left:3px solid #e45}.seasonRows div,.tasks>div{display:flex;justify-content:space-between;align-items:center}.seasonRows span,.tasks small{color:#9fb5c0}.shopRow{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.shopRow button{min-width:112px;background:#0c2b39;color:#fff;border:1px solid #31505d;border-radius:14px;padding:12px}.shopRow small{display:block;color:#ffd23d;margin-top:5px}.tasks button{background:#ffd23d;border:0;border-radius:10px;padding:7px 12px;font-weight:900}.tasks button:disabled{opacity:.35}.proToast{position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:300;background:#092532;color:#fff;border:1px solid #ffd23d;border-radius:18px;padding:11px 18px;font-weight:800}
#vsIntro{position:fixed;inset:0;z-index:180;display:none;place-items:center;background:#00121de8}.roni-online-active #vsIntro.show{display:grid}.vsInner{display:flex;align-items:center;gap:30px;color:#fff;font-size:26px;font-weight:900}.vsInner>div{min-width:220px;padding:24px;border:1px solid #ffd23d;border-radius:20px;background:#082936;text-align:center}.vsInner>b{font-size:44px;color:#ffd23d}
#quickChat{display:none;position:fixed;right:14px;bottom:74px;z-index:91}.roni-online-active #quickChat{display:block}#quickChat>button{width:45px;height:45px;border-radius:50%;border:1px solid #ffd23d;background:#092735;color:#fff;font-size:20px}#quickChat>div{display:none;position:absolute;right:0;bottom:52px;width:155px;background:#072431;border:1px solid #d9ad35;border-radius:14px;padding:7px}#quickChat.open>div{display:grid;gap:5px}#quickChat div button{background:#103746;color:#fff;border:0;border-radius:9px;padding:8px;text-align:left}
.chatBubble{position:fixed;top:18%;left:50%;transform:translateX(-50%);z-index:150;background:#fff;color:#09202b;border-radius:18px;padding:10px 16px;font-weight:900;box-shadow:0 8px 25px #0008}
@media(max-width:800px),(hover:none) and (pointer:coarse){#proHubBtn{right:112px;top:8px;width:40px;height:40px}#spinControl{left:5px;width:62px;padding:7px 4px;top:54%}#spinBall{width:45px;height:45px}#spinControl>b{font-size:8px}#spinText,#spinReset{font-size:7px}.proCard{padding:15px}.proCard h2{font-size:18px}.proGrid{grid-template-columns:repeat(2,1fr)}.vsInner{gap:10px;font-size:15px}.vsInner>div{min-width:120px;padding:14px}.vsInner>b{font-size:26px}#quickChat{right:58px;bottom:10px}}
/* v3.0.1 Mobile Cockpit Layout */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  body.mobile-game-playing #gameArea{left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.88)!important;transform-origin:center center!important}
  body.mobile-game-playing #mobileControls{left:max(8px,env(safe-area-inset-left))!important;right:auto!important;top:39%!important;width:58px!important;height:43vh!important;min-height:180px!important;max-height:250px!important;z-index:90!important}
  body.mobile-game-playing #spinControl{display:flex!important;position:fixed!important;left:max(8px,env(safe-area-inset-left))!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:58px!important;min-height:112px!important;padding:7px 4px!important;z-index:91!important;transform:none!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
  body.mobile-game-playing #spinBall{width:44px!important;height:44px!important}
  body.mobile-game-playing #spinControl>b{font-size:8px!important}
  body.mobile-game-playing #spinText{font-size:8px!important;margin-top:3px!important}
  body.mobile-game-playing #spinReset{font-size:7px!important;padding:3px 6px!important;margin-top:3px!important}

  /* Sağ taraf: bütün yardımcı özellikler tek dikey ray üzerinde */
  body.mobile-game-playing #mobileMemberBtn{right:max(9px,env(safe-area-inset-right))!important;top:8px!important;width:42px!important;height:42px!important;z-index:96!important}
  body.mobile-game-playing #proHubBtn{right:max(9px,env(safe-area-inset-right))!important;top:58px!important;width:42px!important;height:42px!important;z-index:95!important}
  body.mobile-game-playing #mobileMenuBtn{right:max(9px,env(safe-area-inset-right))!important;top:108px!important;width:42px!important;height:42px!important;z-index:95!important}
  body.mobile-game-playing #quickChat{right:max(9px,env(safe-area-inset-right))!important;bottom:10px!important;z-index:95!important}
  body.mobile-game-playing #installRoni{right:max(9px,env(safe-area-inset-right))!important;bottom:58px!important;z-index:95!important}
  body.mobile-game-playing #mobileMenuPanel{right:58px!important;top:108px!important}
  body.mobile-game-playing #mobileMemberPanel{right:58px!important;top:8px!important;max-width:min(300px,42vw)!important}

  /* Oyun sırasında orta alanı temiz tut */
  body.mobile-game-playing #onlinePlayBtn{display:none!important}
  body.mobile-game-playing #gameDock{display:none!important}
}
/* v3.0.2 Coin Economy + Daily Streak */
.streakCard{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:14px;margin:8px 0 12px;border:1px solid rgba(255,205,55,.42);border-radius:14px;background:linear-gradient(135deg,rgba(255,196,30,.13),rgba(4,30,43,.75))}.streakCard>b{color:#ffd13c}.streakCard>span{font-weight:900;color:#fff}.streakCard>small{grid-column:1/-1;color:#9fb8c5}.streakCard button{border:0;border-radius:9px;padding:8px 11px;background:#ffc52e;color:#07121a;font-weight:900}.streakCard button:disabled{opacity:.45}.coinNote{padding:10px 12px;margin-bottom:10px;border-radius:10px;background:rgba(5,25,36,.75);color:#c7d9e2;font-size:12px;line-height:1.4}
/* v3.1 Professional Match & Career */
#shotClock{position:fixed;left:50%;top:58px;transform:translateX(-50%);z-index:98;display:none;min-width:82px;text-align:center;padding:6px 12px;border-radius:18px;background:#082733e8;border:1px solid #e7b938;color:#fff;font-weight:900}body.roni-online-active #shotClock{display:block}#shotClock.danger{background:#721b20;border-color:#ff6b6b;animation:clockPulse .55s infinite alternate}@keyframes clockPulse{to{transform:translateX(-50%) scale(1.08)}}
#matchResultPro{position:fixed;inset:0;z-index:260;display:none;place-items:center;background:#001019d9}#matchResultPro.open{display:grid}.resultProCard{width:min(430px,90vw);padding:25px;border-radius:24px;background:linear-gradient(145deg,#0b3444,#061923);border:1px solid #e8b934;color:#fff;text-align:center;box-shadow:0 25px 80px #000c}.resultProCard h2{color:#ffd13c;font-size:26px}.resultRewards{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.resultRewards span{background:#0e4152;border-radius:12px;padding:9px 12px;font-weight:800}.resultActions{display:flex;gap:9px;margin-top:16px}.resultActions button{flex:1;padding:11px;border:0;border-radius:12px;font-weight:900}.resultActions .rematch{background:#ffc52e}.resultActions .exit{background:#294654;color:#fff}
.achievementGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.achievement{padding:12px;border-radius:14px;background:#0b2c3a;border:1px solid #294c5a;opacity:.5}.achievement.unlocked{opacity:1;border-color:#d9ad35;background:linear-gradient(135deg,#123b48,#493711)}.achievement b{display:block;color:#ffd13c}.friendSearch{display:flex;gap:7px;margin:10px 0}.friendSearch input{flex:1;padding:10px;border-radius:10px;border:1px solid #365765;background:#061b25;color:#fff}.friendRows{display:grid;gap:7px}.friendRow{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:12px;background:#0b2c3a}.friendRow small.online{color:#4ee58b}.friendRow button{border:0;border-radius:9px;padding:7px 9px;background:#ffc52e;font-weight:800}.seasonHistory{margin-top:14px;padding-top:10px;border-top:1px solid #31505d}.seasonHistory div{padding:7px 0;color:#cbdce3}
@media(hover:none) and (pointer:coarse) and (orientation:landscape){#shotClock{top:4px;font-size:10px;padding:4px 8px;min-width:58px}.achievementGrid{grid-template-columns:1fr 1fr}.resultProCard{transform:scale(.85)}}
/* v4.0 RONİ GAME PLATFORM */
.gameLobby{position:fixed;inset:0;z-index:180;background:radial-gradient(circle at 50% 35%,#0b8ec4 0,#06476c 38%,#041827 78%);color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;overflow:auto}.gameLobby.hidden{display:none}.lobbyTop{display:flex;justify-content:space-between;align-items:center;padding:18px 28px}.lobbyLogo{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center}.lobbyLogo>span{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#f5c542;color:#071722;display:grid;place-items:center;font:bold 28px Georgia}.lobbyLogo b{font-size:22px}.lobbyLogo small{opacity:.65;letter-spacing:2px}.lobbyWallet{display:flex;gap:10px;align-items:center}.lobbyWallet>span,.lobbyWallet button{background:#071f30;border:1px solid #2f789a;border-radius:14px;padding:9px 13px;color:#fff}.lobbyHero{text-align:center;margin:auto;padding:22px}.lobbyHero h1{font-size:clamp(30px,5vw,64px);margin:0;text-shadow:0 5px 25px #001}.lobbyHero p{color:#bcecff}.playHero{margin:20px auto 12px;display:block;min-width:260px;padding:17px 35px;border:0;border-radius:18px;background:linear-gradient(#ffd85a,#e7a900);font-size:24px;font-weight:900;color:#151000;box-shadow:0 10px 30px #0008;cursor:pointer}.lobbyQuick{display:flex;justify-content:center;gap:10px}.lobbyQuick button,.bigAction{padding:10px 16px;border:1px solid #4ba8cf;background:#092c42;color:#fff;border-radius:12px;font-weight:700}.lobbyNav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 28px 26px}.lobbyNav button{min-height:94px;border:1px solid #247aa0;border-radius:18px;background:linear-gradient(145deg,#0b3852,#071f31);color:#fff;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobbyNav b{font-size:14px;margin-top:5px}.lobbyNav small{font-size:10px;opacity:.65;margin-top:3px}.lobbyPanel{position:fixed;z-index:210;inset:5vh 8vw;background:#071d2c;color:#fff;border:1px solid #2986ad;border-radius:22px;box-shadow:0 20px 80px #000b;display:none;overflow:hidden}.lobbyPanel.open{display:block}.lpHead{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0a3149}.lpHead h2{margin:0;font-size:20px}.lpHead button{border:0;background:none;color:#fff;font-size:30px}.lpBody{padding:18px;overflow:auto;height:calc(90vh - 70px)}.modeGrid,.arenaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modeGrid button,.arenaGrid button{min-height:115px;border:1px solid #287b9e;border-radius:16px;background:#0b2d41;color:#fff;font-size:27px}.modeGrid b,.arenaGrid b{display:block;font-size:15px;margin:6px}.modeGrid small,.arenaGrid small{display:block;opacity:.7}.arenaGrid i{font-style:normal;font-size:36px}.arenaGrid button:disabled{opacity:.38}.wallet,.seasonXp,.clubScore,.ecoNote{background:#0b3147;border-radius:12px;padding:12px}.road{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.road button{min-height:80px;border:1px solid #31566a;background:#0a2637;color:#9db2bd;border-radius:12px}.road button.unlocked{border-color:#f2c24c;color:#fff;background:#173b4d}.road button.claimed{opacity:.55}.road b,.road span,.road small{display:block}.rankRows>div,.bracket>div{display:flex;align-items:center;gap:12px;background:#0b2a3c;padding:10px;margin:6px 0;border-radius:10px}.rankRows>div span,.bracket>div small{margin-left:auto}.rankRows button{margin-left:8px}.clubCreate,.chatSend{display:flex;gap:8px}.clubCreate input,.chatSend input{flex:1;padding:11px;border-radius:9px;border:1px solid #317695;background:#041923;color:#fff}.clubCreate button,.chatSend button,.rankRows button{border:0;border-radius:8px;padding:8px 12px;background:#f2c43f}.clubChat{max-height:210px;overflow:auto;background:#041923;padding:10px;border-radius:10px}.clubChat p{margin:5px}.ecoToast{position:fixed;z-index:300;left:50%;top:12%;transform:translateX(-50%);background:#071d2c;color:#fff;border:1px solid #3db1df;border-radius:12px;padding:11px 18px;box-shadow:0 8px 25px #0008}.gameLobby:not(.hidden)~#gameArea{visibility:hidden}
@media(max-width:800px){.lobbyTop{padding:8px 12px}.lobbyLogo b{font-size:16px}.lobbyWallet{gap:4px}.lobbyWallet>span,.lobbyWallet button{padding:6px;font-size:10px}.lobbyHero{padding:8px}.lobbyHero h1{font-size:26px}.playHero{margin:8px auto;padding:10px;min-width:210px;font-size:19px}.lobbyNav{grid-template-columns:repeat(4,1fr);padding:6px 12px 10px;gap:6px}.lobbyNav button{min-height:62px;font-size:18px}.lobbyNav small{display:none}.lobbyPanel{inset:2vh 4vw}.modeGrid,.arenaGrid{grid-template-columns:repeat(3,1fr)}.modeGrid button,.arenaGrid button{min-height:80px;font-size:20px}.road{grid-template-columns:repeat(5,1fr)}}

/* v4.0.1 — Desktop Performance & Table Polish */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  body.game-entered #gameArea{filter:none!important;box-shadow:0 20px 46px rgba(0,0,0,.34);border-radius:16px;overflow:hidden}
  body.game-entered #spinControl{left:18px!important;top:50%!important;transform:translateY(-50%)!important;width:76px!important;z-index:94!important}
  body.game-entered #onlinePlayBtn{top:10px!important;padding:8px 16px!important;background:rgba(4,24,35,.94)!important;box-shadow:0 5px 18px rgba(0,0,0,.26)!important}
  body.game-entered #proHubBtn{right:20px!important;top:10px!important;width:42px!important;height:42px!important;box-shadow:0 5px 18px rgba(0,0,0,.26)!important}
  body.game-entered #gameDock{right:18px!important;bottom:14px!important;background:rgba(3,19,29,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
body.roni-performance #gameArea{filter:none!important}
body.roni-performance #gameDock,body.roni-performance .onlineCard,body.roni-performance .proCard{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* v4.0.2 Social Center */
.socialTabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.socialTabs button{flex:1;min-width:130px;padding:10px;border-radius:12px;border:1px solid #247ca2;background:#092b3d;color:#dff7ff;font-weight:800}.socialTabs button.active{background:#ffc928;color:#15202a;border-color:#ffd95c}.socialEmpty{padding:18px;border:1px dashed #2b6680;border-radius:12px;color:#9fc6d7;text-align:center}.socialFriend{gap:10px}.friendRow span:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.friendRow button{cursor:pointer}.socialBigMatch{width:100%;margin-top:14px;padding:13px;border:0;border-radius:12px;background:#ffc928;color:#15202a;font-weight:900}#socialBack{margin-bottom:12px}#socialBell{position:fixed;right:16px;top:184px;z-index:1000;width:46px;height:46px;border-radius:50%;border:1px solid #247ca2;background:#082839;color:#fff;font-size:19px;box-shadow:0 8px 24px #0007}#socialBell b{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#68747c;color:#fff;font:800 11px/19px Arial}#socialBell.has b{background:#ff3b30}#socialBell.has{border-color:#ffc928}@media(max-width:800px){#socialBell{right:8px;top:158px;width:40px;height:40px}.friendRow{align-items:flex-start}.friendRow span:last-child{justify-content:flex-start}}
/* v5.0 Ultimate polish */
.eventMega{display:grid;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(135deg,rgba(21,96,189,.32),rgba(114,50,190,.24));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.eventMega b{font-size:22px}.eventMega span{font-weight:800}.eventMega small{opacity:.76}
.lobbyMini{min-height:72px}.lobbyMini b,.lobbyMini small{display:block}
#roniGameLobby:after{content:'v5.0 ULTIMATE';position:fixed;right:16px;bottom:10px;font:800 10px/1 system-ui;letter-spacing:1.4px;opacity:.42;pointer-events:none}

/* v5.0.1 LIVE SPECTATOR */
body.roni-spectator #mobileControls,
body.roni-spectator #spinControl,
body.roni-spectator #quickChat,
body.roni-spectator #onlinePlayBtn,
body.roni-spectator #mobileMenuBtn,
body.roni-spectator #mobileMemberBtn,
body.roni-spectator #proHubBtn{display:none!important}
body.roni-spectator #screen{cursor:default!important;pointer-events:none!important}
body.roni-spectator #onlineMatchHud{border-color:rgba(91,214,255,.65)!important;box-shadow:0 0 0 1px rgba(91,214,255,.18),0 10px 28px rgba(0,0,0,.24)!important}
body.roni-spectator #onlineTurn{color:#7ee7ff!important;font-weight:900!important}

/* v5.0.1.1 — Lobby Live Matches visibility fix */
#lobbyLiveMatches.liveMatchesBtn{background:linear-gradient(135deg,rgba(218,45,65,.96),rgba(121,18,34,.96))!important;border-color:rgba(255,126,140,.72)!important;box-shadow:0 8px 24px rgba(115,10,25,.28)!important;color:#fff!important}
#lobbyLiveMatches.liveMatchesBtn:before{content:'●';color:#ffb0ba;margin-right:6px;animation:roniLivePulse 1.25s ease-in-out infinite}
@keyframes roniLivePulse{50%{opacity:.28}}
.liveMatchList{display:grid;gap:10px;margin:12px 0}.liveMatchRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(4,28,46,.72)}.liveMatchRow .liveDot{font-size:10px;font-weight:900;color:#ff6678;letter-spacing:.7px}.liveMatchRow b{display:block}.liveMatchRow b i{font-style:normal;opacity:.55;margin:0 5px}.liveMatchRow small{display:block;opacity:.66;margin-top:3px}.liveMatchRow button,.liveRefresh{border:0;border-radius:10px;padding:9px 13px;font-weight:900;cursor:pointer}.liveEmpty{padding:24px;text-align:center;border:1px dashed rgba(255,255,255,.18);border-radius:14px}.liveEmpty small{display:block;opacity:.62;margin-top:7px}.liveLoading{padding:25px;text-align:center}.liveRefresh{margin-top:8px}
@media(max-width:760px){.lobbyQuick{flex-wrap:wrap!important}.lobbyQuick>button{min-width:calc(50% - 8px)!important}.liveMatchRow{grid-template-columns:1fr auto}.liveMatchRow .liveDot{grid-column:1/-1}.liveMatchRow button{align-self:center}}
/* v5.0.1.2 — Live Rematch */
.rematchIncoming{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(5,22,38,.88);text-align:center}.rematchIncoming>b{display:block;margin-bottom:10px;font-size:16px}.rematchIncoming>div{display:flex;gap:8px;justify-content:center}.rematchIncoming button{border:0;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.rematchIncoming #rematchAccept{background:#2dd4bf;color:#062b2a}.rematchIncoming #rematchDecline{background:#ef4444;color:#fff}