.miniAiMark,.opAiMark{position:absolute;right:-3px;top:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;display:grid;place-items:center;background:#172334;border:1px solid #d9a83c;color:#f6d67a;font-size:5px;font-style:normal;font-weight:1000;box-shadow:0 2px 6px #0008}.avatar{position:relative}
body.okey-game-live .gameMobileTabs{display:none!important}.gameRoomShell.okeyLiveMode{grid-template-columns:minmax(0,1fr)!important;gap:0!important;background:#090b0f!important}.gameRoomShell.okeyLiveMode>.gameMembersPane,.gameRoomShell.okeyLiveMode>.gameChatPane,.gameRoomShell.okeyLiveMode .gameBoardTop{display:none!important}.gameRoomShell.okeyLiveMode>.gameBoardPane{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:#080b10!important}.gameRoomShell.okeyLiveMode .gameBoard{width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important;display:block!important}
.okeyLounge{position:relative;width:100%;height:100%;min-height:690px;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(219,136,53,.20),transparent 22%),radial-gradient(circle at 88% 15%,rgba(255,169,72,.14),transparent 22%),radial-gradient(circle at 50% 105%,rgba(126,62,28,.24),transparent 33%),linear-gradient(180deg,#17100c 0,#0b0e12 18%,#070a0e 100%);padding:78px 26px 86px}.okeyLounge:before,.okeyLounge:after{content:"";position:absolute;top:0;bottom:0;width:180px;pointer-events:none;filter:blur(20px);opacity:.34}.okeyLounge:before{left:-60px;background:linear-gradient(#7c3b16,#1d3a24,#0c1210)}.okeyLounge:after{right:-60px;background:linear-gradient(#713713,#3f2a12,#120c08)}.okeyLoungeGlow{position:absolute;border-radius:50%;filter:blur(45px);pointer-events:none;opacity:.32}.okeyLoungeGlow.glowL{width:280px;height:160px;left:-60px;bottom:40px;background:#d37a2f}.okeyLoungeGlow.glowR{width:250px;height:140px;right:-50px;top:35px;background:#e19a48}
.opHud{position:absolute;z-index:40;left:24px;right:24px;top:12px;height:58px;display:flex;align-items:center;gap:14px}.opBrand,.opRoomHud,.opHudActions{background:rgba(10,16,24,.92);border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 30px rgba(0,0,0,.40);backdrop-filter:blur(12px)}.opBrand{height:56px;display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:15px}.opBrandTiles{font-size:24px}.opBrand strong,.opBrand small{display:block}.opBrand strong{font-size:24px;line-height:.9;color:#f2c761;letter-spacing:.03em}.opBrand small{font-size:5px;color:#e1bc67;letter-spacing:.2em;margin-top:4px;font-weight:900}.opRoomHud{display:flex;align-items:center;gap:8px;height:56px;padding:8px 12px;border-radius:15px}.opRoomHud>span{font-size:23px}.opRoomHud b,.opRoomHud small{display:block}.opRoomHud b{font-size:10px}.opRoomHud small{font-size:6px;color:#b7c0cd;margin-top:2px}.opHudActions{margin-left:auto;height:54px;padding:5px;border-radius:13px;display:flex;gap:5px;align-items:center}.opHudActions button{height:40px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 13px;background:linear-gradient(#182131,#101722);color:#f1f4f8;font-size:8px;font-weight:850;cursor:pointer}.opHudActions button.danger{color:#ffd0cd;border-color:rgba(255,83,75,.3)}
.okeyLounge .opTableFrame{height:calc(100% - 4px);min-height:520px;border-width:14px;border-radius:42px 42px 28px 28px;background:linear-gradient(135deg,#b36e35,#4b2512 36%,#8f4b21 63%,#c47e42);box-shadow:inset 0 0 0 3px #dea15d,inset 0 0 25px #291005,0 28px 70px #000c}.okeyLounge .opTableFrame:before{inset:-8px;border-radius:47px;box-shadow:inset 0 0 18px rgba(255,195,117,.25),0 0 0 1px rgba(255,255,255,.04)}.okeyLounge .opFelt{inset:7px;border-radius:30px 30px 18px 18px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.04),transparent 28%),radial-gradient(circle at 30% 70%,rgba(0,0,0,.08),transparent 30%),repeating-linear-gradient(42deg,rgba(255,255,255,.012) 0 2px,transparent 2px 10px),linear-gradient(145deg,#117dae,#076894 50%,#07577e);box-shadow:inset 0 0 105px rgba(0,0,0,.33),inset 0 0 0 1px rgba(255,255,255,.04)}.okeyLounge .opFelt:before{font-size:220px;top:46%;color:rgba(255,255,255,.028)}
.okeyLounge .opPlayer{min-width:150px;padding:6px 9px;border-radius:16px;background:rgba(8,20,30,.88);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px #0007}.okeyLounge .opPlayer.turn{border-color:#49e691;box-shadow:0 0 0 2px rgba(73,230,145,.16),0 0 27px rgba(73,230,145,.24)}.okeyLounge .opPlayer.top{top:-3px}.okeyLounge .opPlayer.bottom{bottom:150px}.okeyLounge .opPlayer.left{left:13px;top:48%}.okeyLounge .opPlayer.right{right:13px;top:48%}.okeyLounge .opAvatar{width:52px;height:52px;flex-basis:52px;border-width:3px;background-color:#26364a;background-size:cover;background-position:center;box-shadow:0 0 0 2px rgba(255,204,81,.18),0 5px 15px #0008}.okeyLounge .opPlayerInfo b{font-size:10px}.okeyLounge .opPlayerInfo small{font-size:7px;color:#f1d17c}.opTurnPill{margin-left:3px;padding:4px 6px;border-radius:8px;background:#0d7144;color:#bff6d5;font-size:5px;font-weight:1000}
.okeyLounge .opOpponentRack{gap:2px}.okeyLounge .opOpponentRack.top{top:63px}.okeyLounge .opOpponentRack.left{left:116px}.okeyLounge .opOpponentRack.right{right:116px}.okeyLounge .opTileBack{width:34px;height:49px;border-radius:5px;background:linear-gradient(145deg,#f8ead0,#d1ad76);box-shadow:0 3px 8px #0007,inset 0 0 0 2px rgba(133,80,29,.13)}.okeyLounge .opCenterZone{top:45%;width:350px;height:200px}.okeyLounge .opCenterInfo{font-size:8px;background:rgba(5,29,42,.88)}.okeyLounge .opDiscard.top{top:77px;right:26%}.okeyLounge .opDiscard.left{left:26%;top:57%}.okeyLounge .opDiscard.right{right:26%;top:57%}.okeyLounge .opDiscard.bottom{bottom:187px;right:28%}.okeyLounge .opTea{width:38px;height:47px;font-size:0;bottom:92px}.okeyLounge .opTea:before{content:"";position:absolute;left:7px;top:4px;width:22px;height:31px;border:2px solid rgba(255,255,255,.42);border-radius:7px 7px 11px 11px;background:linear-gradient(to bottom,rgba(255,255,255,.13) 0 18%,#7b2410 19% 86%,#3b0b06 87%)}.okeyLounge .opTea:after{content:"";position:absolute;left:3px;right:3px;bottom:2px;height:4px;border-radius:50%;background:#c4ad97}.okeyLounge .opTea.left{left:58px}.okeyLounge .opTea.right{right:58px}
.okeyLounge .opRack{bottom:12px;width:min(940px,84%);height:158px;padding:27px 18px 11px;border:7px solid #86501f;border-radius:9px;background:linear-gradient(#d38a3c 0 47%,#9b5a25 48% 51%,#bf702e 52% 100%);box-shadow:inset 0 0 0 2px #e8ad65,inset 0 -12px 24px rgba(65,28,8,.22),0 15px 32px #0009}.okeyLounge .opRack:after{top:88px;height:3px}.okeyLounge .opRackToolbar{top:5px}.okeyLounge .opRackRow{gap:1px;min-height:59px}.okeyLounge .opRackSlot.filled{width:42px;background:transparent;border-color:rgba(255,226,184,.08)}.okeyLounge .opRackSlot.empty{width:15px;background:rgba(72,37,13,.12);border-color:rgba(86,45,18,.22)}.okeyLounge .opRackSlot.empty + .opRackSlot.empty{margin-left:-2px}.okeyLounge .opRackSlot .opTileFace{width:41px!important;height:57px!important}.okeyLounge .opTileFace b{font-size:19px}
.opBottomBar{position:absolute;z-index:45;left:24px;right:24px;bottom:12px;height:60px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(170px,1fr);align-items:center;gap:12px;pointer-events:none}.opBottomBar>*{pointer-events:auto}.opMiniChat{justify-self:start;width:min(310px,100%);height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;padding:0 5px;border-radius:12px;background:rgba(12,18,27,.93);border:1px solid rgba(255,255,255,.13)}.opMiniChat input{width:100%;min-width:0;border:0;background:transparent;color:#fff;outline:0;font-size:9px}.opMiniChat button{border:0;background:transparent;color:#a9b9cb}.okeyLounge .opActions{position:static!important;transform:none!important;display:flex!important;gap:7px!important}.okeyLounge .opAction{padding:10px 14px;font-size:8px;border-radius:10px;white-space:nowrap}.opHistoryBtn{justify-self:end;height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(12,18,27,.93);color:#e6ebf1;font-size:8px;font-weight:850}.opHistoryGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.opHistoryGrid>div{display:flex;align-items:center;gap:5px;padding:6px;border-radius:10px;background:#111a26}
@media(max-width:980px){.okeyLounge{min-height:100dvh;padding:58px 5px 62px}.opHud{left:5px;right:5px;top:4px;height:48px}.opBrand{height:46px;padding:6px 9px}.opBrand strong{font-size:18px}.opBrand small{font-size:4px}.opRoomHud{display:none}.opHudActions{height:46px}.opHudActions button{height:36px;padding:0 8px;font-size:7px}.okeyLounge .opTableFrame{height:calc(100dvh - 126px);min-height:500px;border-width:7px;border-radius:23px}.okeyLounge .opPlayer{min-width:106px;padding:4px 6px}.okeyLounge .opAvatar{width:34px;height:34px;flex-basis:34px}.okeyLounge .opPlayerInfo b{font-size:7px}.okeyLounge .opPlayerInfo small{font-size:5px}.okeyLounge .opPlayer.bottom{bottom:119px}.okeyLounge .opPlayer.left{left:1px;top:43%}.okeyLounge .opPlayer.right{right:1px;top:43%}.okeyLounge .opOpponentRack.top{top:46px}.okeyLounge .opOpponentRack.left{left:54px;top:42%}.okeyLounge .opOpponentRack.right{right:54px;top:42%}.okeyLounge .opTileBack{width:22px;height:33px}.okeyLounge .opOpponentRack .opTileBack:nth-child(n+8){display:none}.okeyLounge .opCenterZone{width:220px;height:150px;top:42%;transform:translate(-50%,-50%) scale(.9)}.okeyLounge .opDiscard.top{top:55px}.okeyLounge .opDiscard.left{left:20%;top:53%}.okeyLounge .opDiscard.right{right:20%;top:53%}.okeyLounge .opDiscard.bottom{bottom:145px}.okeyLounge .opTea{display:none}.okeyLounge .opRack{bottom:7px;width:97%;height:119px;padding:19px 5px 6px;border-width:4px}.okeyLounge .opRack:after{top:64px}.okeyLounge .opRackRow{min-height:46px}.okeyLounge .opRackSlot.filled{width:31px}.okeyLounge .opRackSlot.empty{width:8px}.okeyLounge .opRackSlot .opTileFace{width:30px!important;height:45px!important}.okeyLounge .opRackSlot .opTileFace b{font-size:13px!important}.opBottomBar{left:4px;right:4px;bottom:4px;height:52px;grid-template-columns:1fr auto}.opMiniChat{display:none}.opHistoryBtn{grid-column:2;grid-row:1;height:38px;padding:0 8px;font-size:6px}.okeyLounge .opActions{grid-column:1;grid-row:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}.okeyLounge .opAction{padding:8px 4px;font-size:6px!important}}
@media(max-width:520px){.opBrand small{display:none}.opBrandTiles{display:none}.opBrand{padding:5px 8px}.opHudActions button:nth-child(1){display:none}.opHudActions button{padding:0 7px}.okeyLounge .opPlayer.left,.okeyLounge .opPlayer.right{min-width:84px}.okeyLounge .opPlayerInfo small{display:none}.okeyLounge .opOpponentRack.left{left:42px}.okeyLounge .opOpponentRack.right{right:42px}.okeyLounge .opOpponentRack .opTileBack:nth-child(n+7){display:none}.opHistoryBtn{display:none}.opBottomBar{grid-template-columns:1fr}.okeyLounge .opActions{grid-column:1}}