/* SOURCE: index-vnoOpyPa.css */
:root{font-synthesis:none;--bg:#090b0f;--bg-soft:#11141a;--surface:#101319;--surface-2:#141820;--surface-3:#17131f;--text:#f7f7f7;--muted:#9aa1ad;--muted-2:#747c88;--border:#2a3039;--border-strong:#3a4250;--input:#0b0e13;--accent:#a16ee9;--accent-2:#774acb;--accent-soft:#34254d;--accent-text:#cfb7f8;--success:#80e6a2;--danger:#d96b75;--shadow:#00000052;--header:#090b0fdb;--body-gradient:radial-gradient(circle at 20% 0%, #282233 0%, #11141a 35%, #090b0f 75%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#eef1f6;--bg-soft:#f7f8fb;--surface:#fff;--surface-2:#f4f6fa;--surface-3:#f0eafb;--text:#181b22;--muted:#626a78;--muted-2:#7e8795;--border:#d7dce5;--border-strong:#c4cad5;--input:#fff;--accent:#8151d1;--accent-2:#6536b9;--accent-soft:#eee6fb;--accent-text:#65409d;--success:#16834a;--danger:#b94350;--shadow:#2d344224;--header:#ffffffe0;--body-gradient:radial-gradient(circle at 20% 0%, #e8ddfa 0%, #f4f6fa 35%, #eef1f6 80%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--body-gradient);margin:0;transition:background .22s,color .22s}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.landing{min-height:100vh;padding:64px clamp(22px,7vw,110px);position:relative}.landingTheme{position:absolute;top:24px;right:clamp(22px,7vw,110px)}.hero{max-width:920px;padding:70px 0 40px}.brand{letter-spacing:-.07em;color:var(--text);font-size:clamp(42px,8vw,92px);font-weight:950;line-height:.9}.brand span{color:var(--accent)}.brand.small{font-size:30px}h1{letter-spacing:-.045em;max-width:850px;margin:26px 0 18px;font-size:clamp(34px,5vw,68px);line-height:1.02}.hero>p{color:var(--muted);max-width:720px;font-size:18px;line-height:1.7}.loginBox{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);max-width:650px;box-shadow:0 20px 70px var(--shadow);border-radius:20px;margin-top:36px;padding:22px}label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px;font-weight:700;display:block}.loginRow{gap:10px;display:flex}input{background:var(--input);width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:12px;outline:none;padding:14px 15px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}button{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);border-radius:12px;padding:13px 18px;font-weight:800;transition:transform .18s,border-color .18s,background .18s}button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.loginRow button,.primary,.primaryAction{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;white-space:nowrap;border:0}.notice{color:var(--accent-text);margin:13px 0 0;font-size:14px}.seoGrid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin-top:36px;display:grid}.seoGrid article{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:18px;padding:24px}.seoGrid h2{margin:0 0 8px}.seoGrid p{color:var(--muted);margin:0;line-height:1.6}.appShell,.gameScreen{min-height:100vh}.gameScreen{background:var(--bg)}.topbar{border-bottom:1px solid var(--border);background:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.topbarRight{align-items:center;gap:14px;display:flex}.stats{color:var(--muted)}.stats b{color:var(--text)}.themeToggle{background:var(--surface);border-color:var(--border);justify-content:center;align-items:center;gap:8px;min-width:86px;padding:9px 12px;display:inline-flex}.themeToggle span{font-size:16px;line-height:1}.themeToggle b{font-size:12px}.lobby{grid-template-columns:310px minmax(0,1fr);gap:24px;padding:28px clamp(20px,5vw,72px) 60px;display:grid}.createPanel{border:1px solid var(--border);background:var(--surface);height:fit-content;box-shadow:0 14px 45px var(--shadow);border-radius:18px;padding:22px;position:sticky;top:100px}.createPanel h2,.tablesArea h2{margin:0 0 22px;font-size:30px}.createPanel input{margin-bottom:20px}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 6px;font-size:11px;font-weight:900}.gameChoices{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.gameChoices button.active{border-color:var(--accent);background:var(--accent-soft)}.primary{width:100%}.sectionHead{justify-content:space-between;align-items:center;display:flex}.liveDot{color:var(--success);letter-spacing:.08em;font-size:12px;font-weight:900}.empty{border:1px dashed var(--border-strong);min-height:260px;color:var(--muted);border-radius:18px;place-items:center;display:grid}.tableGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tableCard{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:0 12px 36px var(--shadow);border-radius:18px;padding:18px}.tableCard h3{margin:12px 0 4px;font-size:20px}.tableCard>p{color:var(--muted);margin:0 0 16px;font-size:13px}.tableBadge{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-soft);color:var(--accent-text);letter-spacing:.08em;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-block}.seats{grid-template-columns:1fr 1fr;gap:6px;margin:14px 0;display:grid}.seats span{background:var(--bg-soft);border:1px solid var(--border);color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;padding:8px 9px;font-size:12px;overflow:hidden}.seats span.filled{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--surface-3)}.tableCard>button{width:100%}.roomPage{max-width:1100px;margin:0 auto;padding:38px 24px 70px}.ghost{border-color:var(--border-strong);color:var(--muted);background:0 0;margin-bottom:18px}.roomCard{border:1px solid var(--border);background:var(--surface);box-shadow:0 16px 50px var(--shadow);border-radius:24px;padding:30px}.roomCard h1{margin:4px 0 26px;font-size:clamp(34px,6vw,60px)}.roomSeats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.roomSeat{border:1px dashed var(--border-strong);min-height:130px;color:var(--muted-2);border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.roomSeat.filled{border-style:solid;border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--surface-3);color:var(--text)}.roomSeat>span{background:var(--surface-2);border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.roomSeat b{font-size:18px}.roomSeat small{color:var(--muted)}.secondary{background:var(--surface-2);width:100%;margin:4px 0 10px}.roomStart{width:100%;padding:16px}.gameTableWrap{max-width:1260px;margin:0 auto;padding:24px}.gameInfoBar{flex-wrap:wrap;align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.gameInfoBar>div{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:10px;min-width:130px;padding:10px 14px;display:flex}.gameInfoBar small{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:900}.stockBox,.turnBox{flex-direction:column;justify-content:center;align-items:flex-start!important;gap:2px!important}.stockBox strong,.turnBox strong{font-size:20px}.feltTable{height:430px;box-shadow:inset 0 0 80px #00000073, 0 24px 80px var(--shadow);background:radial-gradient(circle,#28634a 0%,#1b4a37 55%,#103024 100%);border:12px solid #2a2f35;border-radius:180px;position:relative;overflow:hidden}:root[data-theme=light] .feltTable{box-shadow:inset 0 0 70px #0000003d, 0 20px 55px var(--shadow);border-color:#d1d6de}.centerLogo{text-align:center;letter-spacing:-.06em;color:#ffffff1f;pointer-events:none;place-items:center;font-size:42px;font-weight:950;display:grid;position:absolute;inset:0}.centerLogo span{color:#d5bbff38}.centerDeck{z-index:2;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centerDeck small{color:#ffffffa6;letter-spacing:.13em;font-size:9px;font-weight:900}.deckStack{color:#fff;background:linear-gradient(145deg,#241936,#5b3b87);border:2px solid #ffffff52;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;height:78px;display:flex;box-shadow:5px 5px #0000002e,9px 9px #ffffff12}.deckStack span{letter-spacing:.08em;font-size:10px;font-weight:950}.deckStack b{font-size:20px}.seat{color:#fff;z-index:4;background:#080b0db8;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:140px;padding:10px 14px;display:flex;position:absolute}.seat b{font-size:14px}.seat span{color:#c2c8d0;font-size:11px}.seat.turn{box-shadow:0 0 0 2px #d4b9ff,0 0 24px #b891ff73}.seat-0{bottom:16px;left:50%;transform:translate(-50%)}.seat-1{top:50%;left:18px;transform:translateY(-50%)}.seat-2{top:16px;left:50%;transform:translate(-50%)}.seat-3{top:50%;right:18px;transform:translateY(-50%)}.discardSpot{z-index:3;color:#ffffffa6;justify-content:center;align-items:center;min-width:52px;min-height:60px;display:flex;position:absolute}.discardSpot>small{color:#fff;background:#080a0cc7;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:-3px;right:-6px}.discardSpot.myDiscardTarget{border:2px dashed #ffffff47;border-radius:12px;min-width:70px;min-height:80px;transition:transform .12s,background .12s,border-color .12s}.discardSpot.myDiscardTarget>span{letter-spacing:.12em;color:#ffffffc7;font-size:10px;font-weight:950}.discardSpot.myDiscardTarget.dropActive{background:#b487ff38;border-color:#d6baff;box-shadow:0 0 0 3px #d6baff29}.discard-0{bottom:80px;left:50%;transform:translate(-50%)}.discard-1{top:50%;left:165px;transform:translateY(-50%)}.discard-2{top:80px;left:50%;transform:translate(-50%)}.discard-3{top:50%;right:165px;transform:translateY(-50%)}.actionPanel{border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 35px var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.actionPanel.myTurn{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent), 0 10px 35px var(--shadow)}.actionPanel>div:first-child{flex-direction:column;gap:3px;display:flex}.actionPanel b{font-size:17px}.actionPanel span{color:var(--muted);font-size:13px}.actionButtons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dangerAction{color:#fff;background:linear-gradient(135deg,#9f3444,#d35f6c);border:0}.discardDropZone{border:2px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:250px;min-height:58px;padding:9px 18px;transition:transform .12s,border-color .12s,background .12s;display:flex}.discardDropZone b{letter-spacing:.08em;font-size:12px}.discardDropZone span{font-size:11px}.discardDropZone.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface));transform:scale(1.025)}.rackArea{border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 38px var(--shadow);border-radius:18px;margin-top:18px;padding:18px}.rackHead{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.rackHead span{color:var(--muted);font-size:13px}.tileRack{background:linear-gradient(#6b5039,#463121);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;min-height:100px;padding:12px;display:flex}.okeyTile{appearance:none;-webkit-user-select:none;user-select:none;background:#f4eddf;border:1px solid #cbbfac;border-radius:6px;place-items:center;width:47px;height:70px;padding:0;font-family:Georgia,serif;font-size:28px;font-weight:900;display:grid;transform:none;box-shadow:0 3px 5px #00000047}.okeyTile:hover:not(:disabled){border-color:#8c806f;transform:none}.okeyTile.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.okeyTile[draggable=true]{cursor:grab}.okeyTile[draggable=true]:active{cursor:grabbing}.okeyTile.compact{cursor:default;width:34px;height:50px;font-size:19px}.false-joker{color:#8b53bd}.gameNotice{margin-bottom:0}.devNote{color:var(--muted);font-size:13px;line-height:1.6}@media (width<=920px){.discard-1{left:125px}.discard-3{right:125px}}@media (width<=820px){.seoGrid,.lobby{grid-template-columns:1fr}.createPanel{position:static}.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px;padding-bottom:16px}.topbarRight{justify-content:space-between;width:100%}.loginRow{flex-direction:column}.roomSeats{grid-template-columns:1fr 1fr}.feltTable{border-radius:100px;height:350px}.seat{min-width:105px;padding:8px}.seat-1{left:8px}.seat-3{right:8px}.discard-1{left:112px}.discard-3{right:112px}.discard-0{bottom:72px}.discard-2{top:72px}.okeyTile{width:39px;height:60px;font-size:23px}.rackHead,.actionPanel{flex-direction:column;align-items:stretch}.actionButtons{justify-content:stretch}.actionButtons button{flex:1}}@media (width<=560px){.landing{padding-left:18px;padding-right:18px}.landingTheme{right:18px}.gameTableWrap{padding:14px}.feltTable{border-width:8px;height:310px}.seat{min-width:86px;font-size:11px}.seat b{font-size:12px}.seat span{font-size:9px}.discard-1{left:85px}.discard-3{right:85px}.okeyTile.compact{width:28px;height:42px;font-size:16px}.centerDeck{transform:translate(-50%,-50%)scale(.82)}.centerLogo{font-size:30px}}.lobby.lobbyWide{grid-template-columns:310px minmax(0,1fr) 320px;align-items:start}.connection{margin-right:3px;font-size:10px}.connection.online{color:var(--success)}.connection.offline{color:var(--danger)}.checkRow{text-transform:none;letter-spacing:0;color:var(--text);align-items:center;gap:9px;margin:14px 0 16px;display:flex}.checkRow input{width:18px;height:18px;accent-color:var(--accent);margin:0}.quickTest{border-top:1px solid var(--border);gap:7px;margin-top:16px;padding-top:14px;display:grid}.quickTest span{color:var(--muted);font-size:11px;line-height:1.4}.quickTest button{background:var(--surface-2);width:100%;padding:10px 12px;font-size:12px}.filterBar,.rackTools{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.filterBar button,.rackTools button{background:var(--surface);padding:8px 11px;font-size:11px}.filterBar button.active,.rackTools button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.tableMeta{flex-wrap:wrap;gap:7px;margin:-8px 0 20px;display:flex}.tableMeta span{background:var(--surface-2);border:1px solid var(--border);min-height:27px;color:var(--muted);border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.compactMeta{margin:0 0 10px}.compactMeta span{min-height:23px;padding:3px 7px;font-size:9px}.chatPanel{border:1px solid var(--border);background:var(--surface);box-shadow:0 14px 45px var(--shadow);border-radius:18px;position:sticky;top:100px;overflow:hidden}.chatHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 12px;display:flex}.chatHead h2{margin:0;font-size:24px}.chatHead>span{color:var(--muted);font-size:10px}.chatMessages{flex-direction:column;gap:9px;height:430px;padding:12px;display:flex;overflow-y:auto}.chatEmpty{color:var(--muted);margin:auto;font-size:13px}.chatMessage{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:9px 10px}.chatMessage>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.chatMessage b{color:var(--accent-text);font-size:12px}.chatMessage small{color:var(--muted-2);font-size:9px}.chatMessage p{color:var(--text);overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.4}.chatSend{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:7px;padding:10px;display:grid}.chatSend input{padding:10px;font-size:12px}.chatSend button{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));padding:10px 12px;font-size:11px}.winnerBanner{border:1px solid color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 9%, var(--surface));box-shadow:0 12px 34px var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding:16px 18px;display:flex}.winnerBanner>div{flex-direction:column;gap:2px;display:flex}.winnerBanner small{color:var(--success);letter-spacing:.15em;font-size:9px;font-weight:900}.winnerBanner strong{font-size:22px}.winnerBanner span{color:var(--muted);font-size:12px}.seat.winner{box-shadow:0 0 0 2px var(--success), 0 0 30px color-mix(in srgb, var(--success) 45%, transparent)}.rackHead{align-items:center}.rackHead>div:first-child{flex-direction:column;gap:2px;display:flex}.rackHead>div:first-child span{color:var(--muted);font-size:12px}.rackTools{justify-content:flex-end;margin-bottom:0}@media (width<=1180px){.lobby.lobbyWide{grid-template-columns:300px minmax(0,1fr)}.chatPanel{grid-column:1/-1;position:static}.chatMessages{height:260px}}@media (width<=820px){.lobby.lobbyWide{grid-template-columns:1fr}.chatPanel{grid-column:auto}.winnerBanner{flex-direction:column;align-items:stretch}.rackTools{justify-content:flex-start}}.gameModeStrip{border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 24px var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:11px 14px;display:flex}.gameModeStrip>div{flex-direction:column;gap:2px;display:flex}.gameModeStrip b{letter-spacing:.09em;font-size:12px}.gameModeStrip span{color:var(--muted);font-size:12px}.gameModeStrip small{white-space:nowrap;border-radius:999px;padding:6px 9px;font-weight:850}.gameModeStrip.duz small{background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success)}.gameModeStrip.yuzbir small{background:color-mix(in srgb, var(--accent) 13%, var(--surface));color:var(--accent-text)}.centerDeck.drawSource{cursor:grab;filter:drop-shadow(0 0 12px #bd97ff52)}.centerDeck.drawSource:active{cursor:grabbing}.centerDeck.drawSource .deckStack{border-color:#d7bcff;box-shadow:5px 5px #0000002e,0 0 0 3px #c49dff21,0 0 28px #aa70ff2e}.centerDeck.drawSource:hover .deckStack{transform:translateY(-4px)rotate(-1deg)}.centerDeck .deckStack{transition:transform .13s,box-shadow .13s,border-color .13s}.discardSpot.drawSource{cursor:grab;filter:drop-shadow(0 0 10px #d3b5ff47)}.discardSpot.drawSource:active{cursor:grabbing}.discardSpot.drawSource .okeyTile{outline-offset:2px;outline:2px solid #d6baff94}.gestureLegend{flex-wrap:wrap;justify-content:flex-end;flex-direction:row!important;gap:7px!important;display:flex!important}.gestureLegend span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:7px 9px;font-weight:800;font-size:10px!important}.yuzbirRulePanel{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.yuzbirRulePanel>div{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:13px;flex-direction:column;gap:4px;padding:12px;display:flex}.yuzbirRulePanel b{font-size:12px}.yuzbirRulePanel span{color:var(--muted);font-size:11px;line-height:1.45}.tileRackGrid{--rack-cols:15;grid-template-columns:repeat(var(--rack-cols), minmax(44px, 1fr));background:linear-gradient(#ffffff14,#0000 12%),repeating-linear-gradient(0deg,#0000 0 76px,#1e0e0680 76px 80px),linear-gradient(135deg,#795333 0%,#5a3a24 52%,#3b2417 100%);border:1px solid #2d1d13;border-radius:15px;grid-template-rows:repeat(2,82px);gap:5px 3px;min-width:780px;padding:18px 18px 20px;display:grid;overflow-x:auto;box-shadow:inset 0 4px #ffffff14,inset 0 -5px 12px #00000047,0 12px 28px #0000002e}:root[data-theme=light] .tileRackGrid{border-color:#8f6848}.tileRackGrid.acceptDraw{box-shadow:inset 0 4px 0 #ffffff14, inset 0 -5px 12px #00000047, 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent), 0 12px 28px #0000002e}.rackSlot{border-radius:6px;place-items:center;min-width:44px;height:78px;display:grid;position:relative}.rackSlot.empty:hover{background:#be94ff14;border-color:#e0caff61}.rackSlot.occupied{z-index:2}.okeyTile{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 16%,#fffffff2,#0000 32%),linear-gradient(155deg,#fffdf4 0%,#f5eddc 55%,#e9dcc4 100%);border:1px solid #c9bda6;border-radius:7px 7px 9px 9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:48px;height:72px;padding:0;font-family:Arial Black,Segoe UI,sans-serif;display:flex;position:relative;transform:none;box-shadow:inset 0 1px #fffffff2,inset 0 -3px #9a82621f,0 3px #9f896b,0 5px 8px #00000047}.okeyTile:after{content:"";pointer-events:none;border:1px solid #8270561f;border-radius:5px;position:absolute;inset:4px}.okeyTile .tileNumber{letter-spacing:-.06em;text-shadow:0 1px #ffffffbf;font-size:29px;font-weight:950;line-height:.95}.okeyTile .tileSuit{opacity:.72;margin-top:3px;font-size:8px;font-style:normal;line-height:1}.okeyTile .tileSpecial{z-index:2;color:#fff;letter-spacing:.04em;background:#4e2d78;border-radius:999px;padding:2px 3px;font:800 6px/1 Segoe UI,sans-serif;position:absolute;top:3px;right:3px}.okeyTile.false-joker .tileNumber{color:#7850a6;font-size:29px}.okeyTile.false-joker .tileSuit{color:#7850a6;font-size:10px}.okeyTile.compact{width:36px;height:53px}.okeyTile.compact .tileNumber{font-size:20px}.okeyTile.compact .tileSuit{margin-top:1px;font-size:6px}.okeyTile.compact .tileSpecial{padding:1px 2px;font-size:5px}.okeyTile.clickable:hover{transform:none}.okeyTile.selected{border-color:#b98bf3;transform:none;box-shadow:inset 0 1px #fffffff2,0 3px #8a7153,0 9px 15px #00000057,0 0 0 3px #a16ee940}.tile-red{color:#d03131}.tile-blue{color:#1f66c4}.tile-black{color:#17191d}.tile-yellow{color:#e08b00}.rackTools .rackMode{color:var(--muted);letter-spacing:.08em;align-items:center;padding:0 5px;font-size:9px;font-weight:900;display:inline-flex}.rackHelp{color:var(--muted);flex-wrap:wrap;gap:7px 16px;margin:10px 2px 0;font-size:11px;display:flex}.rackHelp b{color:var(--text)}@media (width<=900px){.yuzbirRulePanel{grid-template-columns:1fr}.gameModeStrip{flex-direction:column;align-items:flex-start}.tileRackGrid{min-width:720px}.gestureLegend{justify-content:flex-start}}.imageTile.okeyTile{background:0 0;border:0;border-radius:7px;width:58px;min-width:58px;height:77px;padding:0;overflow:visible;box-shadow:0 4px 8px #00000047}.imageTile.okeyTile:after{display:none}.imageTile.okeyTile img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.imageTile.okeyTile.compact{width:42px;min-width:42px;height:56px}.imageTile.okeyTile.clickable:hover{transform:none}.imageTile.okeyTile.selected{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px;transform:none;box-shadow:0 10px 18px #00000061}.imageTile.okeyTile.staged{opacity:.32;filter:saturate(.55);outline:2px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-2px}.imageTile .tileSpecial{background:#4e2d78;padding:3px 4px;font-size:6px;top:-4px;right:-4px;box-shadow:0 2px 4px #00000059}.deckStack{background:0 0;border:0;width:66px;height:88px;padding:0;position:relative;box-shadow:5px 5px #0000002e,9px 9px #ffffff12}.deckStack img{object-fit:contain;width:64px;height:88px;display:block}.deckStack b{color:#fff;text-align:center;background:#0a0a0ec7;border-radius:999px;min-width:28px;padding:3px 6px;font-size:11px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.deckStack span{display:none}.richChat{min-width:0}.chatTabs{grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 10px 0;display:grid}.chatTabs button{background:var(--surface-2);padding:8px 9px;font-size:11px}.chatTabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.privateRecipient{border:1px solid var(--border);background:var(--input);width:calc(100% - 20px);color:var(--text);border-radius:10px;margin:10px;padding:10px 12px}.chatComposer{border-top:1px solid var(--border);position:relative}.chatComposer .chatSend{border-top:0;grid-template-columns:auto minmax(0,1fr) auto}.emojiButton{width:40px;padding:8px!important;font-size:19px!important}.emojiButton.active{border-color:var(--accent);background:var(--accent-soft)}.emojiPicker{background:var(--surface-2);border-bottom:1px solid var(--border);max-height:330px;padding:9px;overflow:hidden}.emojiTabs,.emojiSubTabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.emojiTabs button,.emojiSubTabs button{background:var(--surface);border-radius:8px;padding:6px 8px;font-size:10px}.emojiTabs button.active,.emojiSubTabs button.active{border-color:var(--accent);background:var(--accent-soft)}.emojiGrid{grid-template-columns:repeat(8,1fr);gap:5px;max-height:190px;display:grid;overflow-y:auto}.emojiGrid button{aspect-ratio:1;background:var(--surface);border-radius:8px;place-items:center;min-width:0;padding:4px;font-size:22px;display:grid}.gifGrid{grid-template-columns:repeat(6,1fr);max-height:220px}.gifGrid button{background:#fff;overflow:hidden}.gifGrid img{object-fit:contain;width:100%;height:100%;max-height:58px}.chatGif{object-fit:contain;vertical-align:middle;border-radius:6px;max-width:92px;max-height:74px;margin:2px 4px;display:inline-block}.chatMessage.mine{background:color-mix(in srgb, var(--accent) 9%, var(--surface-2));border-color:color-mix(in srgb, var(--accent) 24%, var(--border))}.chatNameButton{text-align:left;background:0 0;border:0;padding:0;transform:none!important}.chatNameButton:disabled{opacity:1;cursor:default}.styledName{white-space:nowrap;align-items:center;gap:3px;max-width:100%;font-weight:900;display:inline-flex}.styledName i{font-style:normal;font-weight:950}.styledName>b{text-overflow:ellipsis;overflow:hidden;color:inherit!important}.roleBadge{color:#fff;background:#d97706;border-radius:50%;place-items:center;width:17px;height:17px;margin-left:3px;font:900 9px/1 sans-serif;display:inline-grid}.roleBadge.mod{background:#2563eb}.nameStyleChooser{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.styleChooserHead{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.styleChooserHead h3{margin:0;font-size:16px}.styleChooserHead small{color:var(--muted);font-size:10px;line-height:1.4}.styleTemplateList{flex-wrap:wrap;gap:5px;display:flex}.styleTemplateList button{background:var(--surface-2);padding:7px 8px;font-size:10px}.styleTemplateList button.active{border-color:var(--accent);background:var(--accent-soft)}.colorSwatches{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.colorSwatches button{border:2px solid #ffffff47;border-radius:50%;width:27px;min-width:27px;height:27px;padding:0}.colorSwatches button.active{outline:2px solid var(--text);outline-offset:2px}.adminStyleWorkshop{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface-2));border-radius:12px;margin-top:14px;padding:12px}.adminStyleWorkshop summary{cursor:pointer;font-size:12px;font-weight:900}.adminStyleWorkshop p,.adminStyleWorkshop small{color:var(--muted);font-size:10px;line-height:1.45}.adminStyleFields{gap:6px;margin-top:9px;display:grid}.adminStyleFields input{margin:0;padding:9px;font-size:11px}.yuzbirWorkspace{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(180deg, color-mix(in srgb,var(--accent) 5%,var(--surface)), var(--surface));border-radius:16px;margin-top:14px;padding:15px}.yuzbirWorkspaceHead{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.yuzbirWorkspaceHead h3{margin:0 0 4px;font-size:20px}.yuzbirWorkspaceHead>div:first-child>span{color:var(--muted);font-size:11px}.openingScore{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:flex-end;min-width:105px;padding:9px 12px;display:flex}.openingScore small{color:var(--muted);font-size:9px;font-weight:900}.openingScore strong{font-size:17px}.openingScore.valid{border-color:var(--success);color:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 10%,transparent)}.openingGroups101{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.openingGroup101{border:1px dashed var(--border-strong);background:var(--surface-2);border-radius:11px;min-height:105px;padding:8px}.openingGroup101:hover{border-color:var(--accent)}.openingGroupHead{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.openingGroupHead b{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.openingGroupHead button{border-radius:7px;width:24px;height:24px;padding:0;font-size:14px}.openingGroupTiles{flex-wrap:wrap;align-items:center;gap:2px;min-height:63px;display:flex}.openingGroupTiles>span{color:var(--muted-2);margin:auto;font-size:10px}.openingActions101{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.openingActions101 button{padding:9px 12px;font-size:11px}.openedMine101,.tableOpenings101{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-top:10px;padding:10px}.openedGroups{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.openedGroup{background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:8px;gap:1px;padding:5px;display:flex}.tableOpeningPlayer{border-top:1px solid var(--border);margin-top:9px;padding-top:9px}.tableOpeningPlayer>span{color:var(--muted);font-size:11px;font-weight:800}.gameChatDock{margin-top:16px}.gameChatDock .chatPanel{position:static}.gameChatDock .chatMessages{height:260px}.roomPage>.chatPanel{margin-top:18px;position:static}.roomPage>.chatPanel .chatMessages{height:280px}.yuzbirGame .tileRackGrid{min-width:1120px}.duzGame .tileRackGrid{min-width:820px}@media (width<=900px){.imageTile.okeyTile{width:49px;min-width:49px;height:65px}.imageTile.okeyTile.compact{width:36px;min-width:36px;height:48px}.yuzbirWorkspaceHead{flex-direction:column;align-items:flex-start}.openingScore{align-items:flex-start}.gifGrid{grid-template-columns:repeat(5,1fr)}}@media (width>=1100px){.gameTableWrap{max-width:1440px}}.feltTable101{border-radius:150px;height:500px}.feltTable101 .centerLogo{opacity:.18}.yuzbirMeldBoard{z-index:1;scrollbar-width:thin;background-color:#041d142e;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1f;border-radius:26px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:14px 74px;display:grid;position:absolute;inset:70px 185px;overflow:auto}.yuzbirMeldBoardEmpty{color:#ffffff57;text-align:center;pointer-events:none;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:4px;min-height:100%;display:flex}.yuzbirMeldBoardEmpty b{letter-spacing:.12em;font-size:18px}.yuzbirMeldBoardEmpty span{font-size:11px}.yuzbirMeldLane{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05120e6b;border:1px solid #ffffff1f;border-radius:10px;min-width:0;padding:7px}.yuzbirMeldLane.mine{border-color:#cdacffad;box-shadow:0 0 0 2px #aa74ff1a}.yuzbirMeldLaneHead{color:#fff;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:10px;display:flex}.yuzbirMeldLaneHead>span{color:#ffffffad;font-weight:900}.yuzbirMeldGroups{flex-wrap:wrap;align-items:flex-start;gap:5px 9px;display:flex}.yuzbirMeldGroup{background:#ffffff0d;border-radius:7px;align-items:flex-end;gap:0;padding:3px;display:flex}.yuzbirMeldGroup.canLayoff{background:#1a7e5c38;outline:2px solid #48e3b1c7}.yuzbirMeldGroup .imageTile.okeyTile.compact{width:32px;min-width:32px;height:43px;box-shadow:0 2px 4px #00000040}.yuzbirLayoffButton{color:#fff;cursor:pointer;white-space:nowrap;background:#0d5f49;border:1px solid #4ad9ad;border-radius:8px;align-self:center;min-height:30px;margin-left:5px;padding:5px 8px;font-size:9px;font-weight:950}.yuzbirLayoffButton:hover{background:#11775c}.yuzbirMeldGroup .okeyTile.laidOff101Tile{outline-offset:-2px;outline:2px solid #f5c451;position:relative;box-shadow:0 0 0 2px #f5c45140,0 2px 4px #00000040}.yuzbirMeldGroup .okeyTile.laidOff101Tile:after{content:"İŞLİ";color:#fff5c2;pointer-events:none;background:#8a5a00;border-radius:3px;padding:1px 2px;font-size:5px;font-weight:950;line-height:1.2;position:absolute;bottom:1px;right:1px}.feltTable101 .centerDeck{z-index:3}.rack101ScoreBar{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:stretch;gap:8px;margin:0 0 12px;padding:9px;display:flex}.rack101Score{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-width:150px;padding:8px 11px;display:grid}.rack101Score small{color:var(--muted);letter-spacing:.11em;grid-column:1/-1;font-size:8px;font-weight:950}.rack101Score strong{font-size:24px;line-height:1}.rack101Score span{color:var(--muted);font-size:10px}.rack101Score.ready{border-color:var(--success);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 25%,transparent)}.rack101Score.ready strong,.rack101Score.ready span{color:var(--success)}.rack101Score.compactScore{min-width:110px}.rack101Warning{background:color-mix(in srgb,#d97706 11%,var(--surface));color:color-mix(in srgb,#d97706 78%,var(--text));border-radius:9px;flex:220px;align-items:center;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.rack101OpenActions{align-items:center;gap:6px;margin-left:auto;display:flex}.rack101OpenActions button{padding:9px 12px;font-size:10px}.rack101OpenedBadge{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success);border-radius:9px;align-items:center;margin-left:auto;padding:8px 11px;font-size:10px;font-weight:900;display:flex}.rackArea{overflow:visible}.tileRackGrid{justify-content:center;width:100%;scroll-padding-inline:20px;overflow-y:hidden;grid-template-columns:repeat(var(--rack-cols), 56px)!important;grid-template-rows:repeat(2,80px)!important;gap:4px 2px!important;min-width:0!important;padding:16px 14px 18px!important;overflow-x:auto!important}.rackSlot{background:#00000009;border:1px solid #ffffff13;width:56px;transition:border-color .1s,background .1s,box-shadow .1s;border-radius:7px!important;min-width:56px!important;height:76px!important}.rackSlot.empty{background:#ffffff05!important;border:1px dashed #ffffff1f!important}.rackSlot.empty:hover{box-shadow:inset 0 0 0 1px #cdafff1f;background:#b580ff14!important;border-color:#dcbeff7a!important}.rackSlot:has(.imageTile[draggable=true]):hover{box-shadow:inset 0 0 0 1px #cdafff1f;background:#b580ff14!important;border-color:#dcbeff7a!important}.imageTile.okeyTile:not(.compact){width:54px!important;min-width:54px!important;height:72px!important;margin:0!important}.imageTile.okeyTile.selected{transform:none!important}.yuzbirGame .tileRackGrid,.duzGame .tileRackGrid{min-width:0!important}@media (width<=1320px){.tileRackGrid{justify-content:start}.yuzbirMeldBoard{padding-left:60px;padding-right:60px;left:150px;right:150px}}@media (width<=900px){.feltTable101{height:400px}.yuzbirMeldBoard{grid-template-columns:1fr;padding:8px 32px;inset:62px 105px}.rack101OpenActions{width:100%;margin-left:0}.rack101OpenActions button{flex:1}.tileRackGrid{justify-content:start}.imageTile.okeyTile:not(.compact){width:50px!important;min-width:50px!important;height:67px!important}.rackSlot{width:52px;min-width:52px!important;height:71px!important}}.rackArea{max-width:1040px;margin-left:auto;margin-right:auto;padding:14px 16px 15px}.rackHead{margin-bottom:8px}.rackHead>div:first-child span{font-size:11px}.rackTools button{padding:7px 10px}.tileRackGrid{margin:0 auto;border-radius:14px!important;justify-content:start!important;gap:3px!important;width:max-content!important;max-width:100%!important;padding:11px 12px 13px!important;overflow-x:auto!important}.rackSlot{overflow:visible}.rackSlot.occupied .imageTile{position:absolute;inset:1px;margin:auto!important}.rackSlot.empty{opacity:.72}.rackSlot.empty:hover{opacity:1}.rackHelp{justify-content:center;font-size:10px}.yuzbirGame .rack101ScoreBar{max-width:820px;margin:8px auto 10px;padding:8px 10px}.yuzbirGame .rack101Score{min-width:122px;padding:7px 9px}.yuzbirGame .rack101Score strong{font-size:20px}.lobbyCommandBar{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 8px 24px var(--shadow);border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px;display:flex}.lobbyCommandBar button{background:var(--surface-2);border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex}.lobbyCommandBar button:first-child{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.socialToolBar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface));grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:6px;padding:8px;display:grid}.socialToolBar button{background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:7px 8px;font-size:11px;display:flex}.socialToolBar button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.socialToolBar .socialClose{min-width:36px;font-size:20px;line-height:1}.giftPanel{padding:14px}.giftTitle{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.giftTitle h2{margin:0;font-size:20px}.giftTitle small{max-width:140px;color:var(--muted);text-align:right;font-size:9px}.giftCategoryTabs{gap:6px;margin:12px 0 10px;display:flex}.giftCategoryTabs button{background:var(--surface-2);flex:1;padding:7px 8px;font-size:10px}.giftCategoryTabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.giftRecipientRow{grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-bottom:10px;display:grid}.giftRecipientRow label{color:var(--muted);font-size:10px;font-weight:850}.giftRecipientRow select{min-width:0;padding:8px}.giftGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;display:grid;overflow-y:auto}.giftCard{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:10px;display:grid}.giftCard>span{grid-row:1/3;font-size:28px}.giftCard>b{font-size:11px}.giftCard>div{gap:5px;display:flex}.giftCard button{flex:1;padding:6px;font-size:9px}.gameSocialLauncher{z-index:80;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:7px;padding:7px;display:flex;position:fixed;bottom:16px;right:18px;box-shadow:0 14px 42px #0000003d}.gameSocialLauncher button{background:var(--surface-2);border-radius:11px;justify-content:center;align-items:center;gap:5px;min-width:74px;padding:9px 10px;font-size:10px;display:flex}.gameSocialLauncher button:hover{border-color:var(--accent);background:var(--accent-soft)}.gameChatDock.floatingSocial{z-index:79;width:min(380px,100vw - 28px);margin:0;position:fixed;bottom:78px;right:18px}.gameChatDock.floatingSocial .chatPanel{max-height:min(650px,100vh - 110px);position:static;box-shadow:0 24px 70px #00000057}.gameChatDock.floatingSocial .chatMessages{height:min(330px,42vh)}@media (width<=900px){.rackArea{padding:12px 10px}.duzGame .tileRackGrid{grid-template-rows:repeat(2,59px)!important;grid-template-columns:repeat(15,42px)!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,56px)!important;grid-template-columns:repeat(14,40px)!important}.duzGame .rackSlot{width:42px;min-width:42px!important;height:57px!important}.yuzbirGame .rackSlot{width:40px;min-width:40px!important;height:54px!important}.duzGame .imageTile.okeyTile:not(.compact){width:40px!important;min-width:40px!important;height:54px!important}.yuzbirGame .imageTile.okeyTile:not(.compact){width:38px!important;min-width:38px!important;height:51px!important}.gameSocialLauncher{justify-content:center;bottom:8px;left:10px;right:10px}.gameSocialLauncher button{flex:1;min-width:0}.gameChatDock.floatingSocial{width:auto;bottom:66px;left:10px;right:10px}}@media (width>=1180px){.gameScreen .topbar{min-height:58px;padding-left:22px;padding-right:22px}.gameScreen .brand.small{font-size:25px}.gameScreen .themeToggle{min-width:76px;padding:7px 10px}.gameScreen .gameTableWrap{max-width:none;margin:0;padding:10px 348px 22px 14px}.gameModeStrip{min-height:0;margin-bottom:8px;padding:7px 10px}.gameModeStrip span{font-size:10px}.gameModeStrip small{padding:4px 7px;font-size:9px}.gameInfoBar{flex-wrap:nowrap;gap:7px;margin-bottom:8px}.gameInfoBar>div{border-radius:10px;min-width:0;padding:6px 9px}.gameInfoBar small{font-size:8px}.gameInfoBar .imageTile.okeyTile.compact{width:31px;min-width:31px;height:42px}.stockBox strong,.turnBox strong{font-size:16px}.duzGame .feltTable{border-width:9px;border-radius:135px;height:330px}.yuzbirGame .feltTable101{border-width:9px;border-radius:125px;height:390px}.seat{min-width:118px;padding:7px 10px}.seat b{font-size:12px}.seat span{font-size:9px}.seat-0{bottom:10px}.seat-1{left:10px}.seat-2{top:10px}.seat-3{right:10px}.discard-0{bottom:62px}.discard-1{left:132px}.discard-2{top:62px}.discard-3{right:132px}.centerDeck{transform:translate(-50%,-50%)scale(.82)}.actionPanel{border-radius:12px;margin-top:8px;padding:9px 12px}.actionPanel b{font-size:14px}.actionPanel span{font-size:10px}.gestureLegend span{font-size:9px}.rackArea{max-width:980px;margin-top:8px;padding:10px 12px 11px}.rackHead{margin-bottom:5px}.rackHelp,.devNote{display:none}.rackTools button{padding:6px 8px;font-size:10px}.duzGame .tileRackGrid,.yuzbirGame .tileRackGrid{padding:8px 9px 9px!important}.gameChatDock.floatingSocial{z-index:79;width:318px;position:fixed;top:70px;bottom:72px;right:12px;display:block!important}.gameChatDock.floatingSocial .chatPanel{border-radius:15px;flex-direction:column;height:100%;max-height:none;display:flex}.gameChatDock.floatingSocial .chatMessages{flex:1;height:auto;min-height:0}.gameSocialLauncher{border-radius:13px;justify-content:stretch;width:318px;padding:6px;bottom:12px;right:12px}.gameSocialLauncher button{flex:1;min-width:0;padding:8px 5px}}.rackSlot.occupied{transition:transform .12s,filter .12s}.rackSlot.occupied:has(.imageTile[draggable=true]):hover{filter:brightness(1.06);transform:none}.rackSlot{touch-action:manipulation;scroll-margin:6px}.rackSlot:after{content:"";pointer-events:none;border-radius:5px;transition:box-shadow .12s,background .12s;position:absolute;inset:5px 2px}.rackSlot:hover:after{box-shadow:inset 0 0 0 1px #d5b7ff21}.rackSlot.occupied:hover:after{background:linear-gradient(90deg,#0000 0 55%,#a76feb1a 55% 100%)}.imageTile.okeyTile{touch-action:none;-webkit-user-select:none;user-select:none}@media (width>=1180px) and (height<=830px){.gameScreen .topbar{height:48px;min-height:48px}.gameScreen .brand.small{font-size:22px}.gameScreen .gameTableWrap{padding-top:6px;padding-bottom:8px}.gameModeStrip{margin-bottom:5px;padding:5px 9px}.gameModeStrip span{display:none}.gameInfoBar{margin-bottom:5px}.gameInfoBar>div{min-height:40px;padding:4px 7px}.gameInfoBar .turnBox{min-width:92px}.duzGame .feltTable{border-radius:105px;height:245px}.yuzbirGame .feltTable101{border-radius:105px;height:285px}.seat{min-width:105px;padding:5px 8px}.seat-0{bottom:6px}.seat-2{top:6px}.discard-0{bottom:52px}.discard-2{top:52px}.actionPanel{min-height:38px;margin-top:5px;padding:6px 10px}.actionPanel span{font-size:9px}.rackArea{margin-top:5px;padding-top:7px;padding-bottom:7px}.rackHead{min-height:28px}.rackHead>div:first-child span{display:none}.duzGame .tileRackGrid{grid-template-rows:repeat(2,53px)!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,50px)!important}.duzGame .rackSlot{height:51px!important}.yuzbirGame .rackSlot{height:48px!important}.duzGame .imageTile.okeyTile:not(.compact){height:49px!important}.yuzbirGame .imageTile.okeyTile:not(.compact){height:46px!important}.gameChatDock.floatingSocial{top:55px;bottom:58px}.gameSocialLauncher{bottom:7px}}@media (width<=1179px){.gameScreen .gameTableWrap{max-width:none;padding:10px 10px 82px}.gameScreen .topbar{flex-direction:row;align-items:center;min-height:54px;padding:8px 12px}.gameScreen .topbarRight{width:auto;margin-left:auto}.gameScreen .stats{font-size:12px}.gameModeStrip{margin-bottom:7px;padding:7px 9px}.gameInfoBar{gap:5px;margin-bottom:7px}.gameInfoBar>div{min-width:96px;padding:6px 8px}.rackArea{max-width:none}.gameChatDock.floatingSocial{z-index:95;width:auto;max-height:min(70dvh,620px);position:fixed;inset:auto 10px 66px}.gameChatDock.floatingSocial .chatPanel{max-height:min(70dvh,620px)}.gameSocialLauncher{z-index:96}}@media (width<=980px) and (orientation:landscape) and (height<=560px){.gameScreen{min-height:100dvh}.gameScreen .topbar{height:38px;min-height:38px;padding:3px 8px;position:sticky}.gameScreen .brand.small{font-size:18px}.gameScreen .stats{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:10px;overflow:hidden}.gameScreen .themeToggle{min-width:58px;padding:5px 7px}.gameScreen .themeToggle span{font-size:12px}.gameScreen .themeToggle b{font-size:9px}.gameScreen .gameTableWrap{padding:4px 6px 48px}.gameModeStrip{display:none}.gameInfoBar{flex-wrap:nowrap;justify-content:center;gap:4px;margin:0 0 4px}.gameInfoBar>div{border-radius:7px;min-width:0;padding:3px 5px}.gameInfoBar .turnBox{display:none}.gameInfoBar small{font-size:6px}.gameInfoBar .imageTile.okeyTile.compact{width:24px;min-width:24px;height:32px}.stockBox strong{font-size:13px}.duzGame .feltTable{border-width:5px;border-radius:58px;height:132px}.yuzbirGame .feltTable101{border-width:5px;border-radius:54px;height:150px}.seat{border-radius:7px;min-width:72px;padding:3px 5px}.seat b{font-size:8px}.seat span{display:none}.seat-0{bottom:2px}.seat-1{left:2px}.seat-2{top:2px}.seat-3{right:2px}.discard-0{bottom:34px}.discard-2{top:34px}.discard-1{left:76px}.discard-3{right:76px}.centerDeck{transform:translate(-50%,-50%)scale(.52)}.centerLogo{font-size:20px}.yuzbirMeldBoard{inset:24px 76px}.yuzbirMeldLaneHead{font-size:7px}.yuzbirMeldGroups .imageTile.okeyTile.compact{width:20px;min-width:20px;height:28px}.actionPanel{display:none}.rackArea{border-radius:10px;margin-top:4px;padding:4px 5px 5px}.rackHead{min-height:24px;margin-bottom:3px}.rackHead>div:first-child span{display:none}.rackHead>div:first-child b{font-size:10px}.rackTools{flex-wrap:nowrap;gap:3px}.rackTools button{border-radius:7px;padding:4px 6px;font-size:8px}.rackTools .rackMode{display:none}.rack101ScoreBar{gap:4px;margin:3px auto 4px!important;padding:3px 5px!important}.rack101Score{min-width:88px!important;padding:3px 5px!important}.rack101Score small{font-size:5px}.rack101Score strong{font-size:13px!important}.rack101Score span{font-size:6px}.rack101Warning{display:none}.rack101OpenActions button{padding:5px 7px;font-size:7px}.duzGame .tileRackGrid{grid-template-rows:repeat(2,39px)!important;grid-template-columns:repeat(15,30px)!important;gap:1px!important;padding:4px 5px 5px!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,39px)!important;grid-template-columns:repeat(14,30px)!important;gap:1px!important;padding:4px 5px 5px!important}.duzGame .rackSlot,.yuzbirGame .rackSlot{width:30px;min-width:30px!important;height:37px!important}.duzGame .imageTile.okeyTile:not(.compact),.yuzbirGame .imageTile.okeyTile:not(.compact){width:29px!important;min-width:29px!important;height:36px!important}.tileSpecial{font-size:5px}.rackHelp,.devNote,.gameNotice,.rackArea>.ghost{display:none!important}.gameSocialLauncher{gap:3px;padding:3px;bottom:4px;left:6px;right:6px}.gameSocialLauncher button{min-height:30px;padding:5px 4px;font-size:8px}.gameChatDock.floatingSocial{max-height:calc(100dvh - 48px);bottom:40px;left:6px;right:6px}.gameChatDock.floatingSocial .chatPanel{max-height:calc(100dvh - 48px)}.gameChatDock.floatingSocial .chatMessages{height:120px}}@media (width<=600px) and (orientation:portrait){.gameScreen .topbar{min-height:48px;padding:6px 9px}.gameScreen .brand.small{font-size:19px}.gameScreen .stats{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;font-size:9px;overflow:hidden}.gameScreen .themeToggle{min-width:54px;padding:5px}.gameScreen .themeToggle b{display:none}.gameScreen .gameTableWrap{padding:6px 6px 70px}.gameModeStrip{margin-bottom:5px;padding:5px 7px}.gameModeStrip span{display:none}.gameModeStrip b{font-size:9px}.gameModeStrip small{padding:3px 5px;font-size:7px}.gameInfoBar{scrollbar-width:none;flex-wrap:nowrap;gap:4px;margin-bottom:5px;overflow-x:auto}.gameInfoBar::-webkit-scrollbar{display:none}.gameInfoBar>div{flex:none;min-width:76px;padding:4px 6px}.gameInfoBar .imageTile.okeyTile.compact{width:27px;min-width:27px;height:36px}.gameInfoBar small{font-size:6px}.stockBox strong,.turnBox strong{font-size:12px}.duzGame .feltTable{border-width:6px;border-radius:74px;height:250px}.yuzbirGame .feltTable101{border-width:6px;border-radius:70px;height:285px}.seat{min-width:78px;padding:4px 5px}.seat b{font-size:9px}.seat span{font-size:7px}.discard-1{left:80px}.discard-3{right:80px}.discard-0{bottom:52px}.discard-2{top:52px}.centerDeck{transform:translate(-50%,-50%)scale(.66)}.actionPanel{min-height:38px;margin-top:5px;padding:6px 8px}.actionPanel span{display:none}.gestureLegend{display:none!important}.rackArea{margin-top:5px;padding:6px}.rackHead{gap:4px;margin-bottom:4px}.rackHead>div:first-child span{display:none}.rackTools{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.rackTools::-webkit-scrollbar{display:none}.rackTools button{flex:none;padding:5px 7px;font-size:8px}.rackTools .rackMode{display:none}.tileRackGrid{scroll-snap-type:x proximity;margin-left:0;margin-right:0;max-width:100%!important;overflow-x:auto!important}.duzGame .tileRackGrid{grid-template-rows:repeat(2,51px)!important;grid-template-columns:repeat(15,38px)!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,49px)!important;grid-template-columns:repeat(14,37px)!important}.duzGame .rackSlot{width:38px;min-width:38px!important;height:49px!important}.yuzbirGame .rackSlot{width:37px;min-width:37px!important;height:47px!important}.duzGame .imageTile.okeyTile:not(.compact){width:36px!important;min-width:36px!important;height:47px!important}.yuzbirGame .imageTile.okeyTile:not(.compact){width:35px!important;min-width:35px!important;height:45px!important}.rack101ScoreBar{margin:5px 0!important;padding:5px!important}.rack101Warning{flex-basis:100%}.rackHelp{gap:3px 8px;font-size:8px}.rackHelp span:first-child:after{content:" · Telefonda taşı seçip hedef yuvaya dokunabilirsin.";color:var(--accent-text)}.gameSocialLauncher{gap:4px;padding:4px;bottom:5px;left:6px;right:6px}.gameSocialLauncher button{padding:7px 3px;font-size:8px}.gameChatDock.floatingSocial{max-height:72dvh;bottom:52px;left:6px;right:6px}.gameChatDock.floatingSocial .chatMessages{height:min(34dvh,250px)}}.duzGame .tileRackGrid,.yuzbirGame .tileRackGrid{gap:2px 0!important;padding:8px 10px 10px!important}.duzGame .tileRackGrid{grid-template-rows:repeat(2,60px)!important;grid-template-columns:repeat(15,44px)!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,57px)!important;grid-template-columns:repeat(14,42px)!important}.duzGame .rackSlot{width:44px;min-width:44px!important;height:58px!important}.yuzbirGame .rackSlot{width:42px;min-width:42px!important;height:55px!important}.duzGame .imageTile.okeyTile:not(.compact){width:44px!important;min-width:44px!important;height:58px!important}.yuzbirGame .imageTile.okeyTile:not(.compact){width:42px!important;min-width:42px!important;height:55px!important}.rackSlot{background:0 0;border-color:#ffffff0a}.rackSlot.empty{background:#ffffff04!important;border-color:#ffffff14!important}.rackSlot.occupied .imageTile{inset:0!important}.rackSlot.occupied+.rackSlot.occupied .imageTile{box-shadow:0 2px 8px #00000024}.rackSlot:after{inset:3px 1px}@media (width>=1180px) and (height<=830px){.duzGame .tileRackGrid{grid-template-rows:repeat(2,56px)!important;grid-template-columns:repeat(15,42px)!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,53px)!important;grid-template-columns:repeat(14,40px)!important}.duzGame .rackSlot,.duzGame .imageTile.okeyTile:not(.compact){width:42px!important;min-width:42px!important;height:55px!important}.yuzbirGame .rackSlot,.yuzbirGame .imageTile.okeyTile:not(.compact){width:40px!important;min-width:40px!important;height:52px!important}}@media (width<=900px){.duzGame .tileRackGrid{grid-template-rows:repeat(2,55px)!important;grid-template-columns:repeat(15,40px)!important}.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,52px)!important;grid-template-columns:repeat(14,38px)!important}.duzGame .rackSlot,.duzGame .imageTile.okeyTile:not(.compact){width:40px!important;min-width:40px!important;height:53px!important}.yuzbirGame .rackSlot,.yuzbirGame .imageTile.okeyTile:not(.compact){width:38px!important;min-width:38px!important;height:50px!important}}@media (width<=980px) and (orientation:landscape) and (height<=560px){.duzGame .tileRackGrid,.yuzbirGame .tileRackGrid{gap:1px 0!important}}.lobbyPeekButton,.returnTableButton{border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));background:var(--accent-soft);min-height:38px;color:var(--accent-text);border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:900;display:inline-flex}.lobbyPeekButton:hover,.returnTableButton:hover{border-color:var(--accent);transform:translateY(-1px)}.returnTableButton.urgent{background:color-mix(in srgb,#ef4444 13%,var(--surface));border-color:color-mix(in srgb,#ef4444 60%,var(--border));color:#ef4444;animation:1.25s ease-in-out infinite darkTurnPulse}.dangerGhost{color:#dc2626!important;border-color:color-mix(in srgb,#dc2626 30%,var(--border))!important}.gameLobbyBrowse{min-height:100dvh}.gameLobbyTopbar{z-index:110;position:sticky;top:0}.gameAwayStatus{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;gap:1px;min-width:190px;padding:5px 10px;display:grid}.gameAwayStatus small{letter-spacing:.12em;color:var(--muted);font-size:7px;font-weight:900}.gameAwayStatus b{font-size:11px;line-height:1.1}.gameAwayStatus span{color:var(--muted);font-size:9px}.gameAwayStatus.yourTurn{border-color:color-mix(in srgb,#ef4444 58%,var(--border));box-shadow:0 0 0 3px #ef444414}.gameAwayStatus.yourTurn span{color:#ef4444;font-weight:950}.turnReturnBanner{z-index:108;color:#fff;background:#ef4444;border:0;border-radius:0;width:100%;padding:10px 14px;font-size:13px;font-weight:950;animation:1.25s ease-in-out infinite darkTurnPulse;position:sticky;top:58px;box-shadow:0 9px 28px #ef444438}@keyframes darkTurnPulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.gameLobbyLayout{grid-template-columns:minmax(0,1fr) 360px;gap:14px;max-width:1600px;margin:0 auto;padding:14px;display:grid}.browseTablesArea,.browseChatArea{min-width:0}.browseHero{border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));box-shadow:0 10px 30px var(--shadow);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:grid}.browseHero h1{margin:2px 0 4px;font-size:clamp(20px,2vw,30px)}.browseHero p:last-child{color:var(--muted);margin:0;font-size:11px}.browseGameCard{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--surface-2);border-radius:13px;gap:4px;padding:12px;display:grid}.browseGameCard small{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:900}.browseGameCard b{font-size:15px}.browseGameCard span{color:var(--muted);font-size:10px}.browseOnlyGrid .tableCard.myActiveTable{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.browseOnlyGrid .tableCard button:disabled{opacity:.48;cursor:default}.browseOnlyGrid .activeTableButton{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent);opacity:1!important}.browseChatArea{grid-template-rows:minmax(0,1fr) auto;gap:9px;height:calc(100dvh - 88px);display:grid;position:sticky;top:72px}.browseChatArea .chatPanel{flex-direction:column;height:100%;min-height:0;display:flex}.browseChatArea .chatMessages{flex:1;height:auto;min-height:0}.browseExitActions{grid-template-columns:1fr auto;gap:8px;display:grid}.browseExitActions .dangerGhost{background:var(--surface);border-radius:11px;padding:8px 12px}@media (width<=1050px){.gameLobbyLayout{grid-template-columns:1fr}.browseChatArea{height:auto;position:static}.browseChatArea .chatPanel{max-height:520px}.browseChatArea .chatMessages{flex:none;height:260px}.gameAwayStatus{display:none}}@media (width<=700px){.gameLobbyBrowse .topbar{gap:6px;padding:6px 8px}.gameLobbyBrowse .brand.small{font-size:18px}.gameLobbyBrowse .stats{display:none}.gameLobbyBrowse .topbarRight{gap:5px}.returnTableButton{min-height:34px;padding:7px 8px;font-size:9px}.gameLobbyLayout{gap:8px;padding:7px}.browseHero{grid-template-columns:1fr;padding:10px}.browseHero h1{font-size:19px}.browseGameCard{padding:9px}.turnReturnBanner{padding:8px;font-size:11px;top:48px}.browseOnlyGrid{grid-template-columns:1fr!important}}.tableTimeSelect{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:10px;padding:8px 10px}.timerBox.urgent{border-color:color-mix(in srgb, #dc2626 62%, var(--border))!important;background:color-mix(in srgb, #dc2626 10%, var(--surface))!important}.timerBox.urgent strong{color:#dc2626}.autoPilotBanner{border:1px solid color-mix(in srgb, #d97706 45%, var(--border));background:color-mix(in srgb, #d97706 10%, var(--surface));box-shadow:0 8px 24px var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:9px 12px;display:flex}.autoPilotBanner>div{gap:2px;display:grid}.autoPilotBanner b{font-size:12px}.autoPilotBanner span{color:var(--muted);font-size:9px}.autoPilotBanner button{background:var(--surface);border-color:#d97706;padding:7px 10px}.stockEmptyBanner{border-color:color-mix(in srgb, #d97706 45%, var(--border))}.centerDeck.stockEmpty{filter:none;cursor:pointer!important}.centerDeck.stockEmpty .deckStack{opacity:.45}.centerDeck.stockEmpty>small{color:#ffd8a8;white-space:nowrap;background:#5a3000b8;border-radius:7px;padding:3px 6px}.discardSpot.takeableDiscard{z-index:9;min-width:64px;min-height:76px;cursor:pointer!important}.takeDiscardHint{color:#fff;letter-spacing:.08em;white-space:nowrap;background:#683eaaeb;border-radius:6px;padding:2px 5px;font-size:7px;font-style:normal;font-weight:950;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000003d}.discardSpot.takeableDiscard:hover{transform:scale(1.05)}@media (width>=981px){.duzGame .discard-0{bottom:50px!important;left:62%!important;right:auto!important;transform:translate(-50%)!important}}@media (width<=980px) and (orientation:landscape){.duzGame .discard-0{bottom:28px!important;left:61%!important;right:auto!important;transform:translate(-50%)scale(.88)!important}.takeDiscardHint{font-size:6px;bottom:-13px}}@media (width<=600px) and (orientation:portrait){.autoPilotBanner{padding:7px 8px}.autoPilotBanner span{display:none}.duzGame .discard-0{bottom:48px!important;left:62%!important;right:auto!important;transform:translate(-50%)scale(.9)!important}}.gameInfoBar{z-index:18;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:4px;position:sticky;top:58px}.pendingDiscardWarning{color:#b45309;background:#d9770629;border-radius:7px;margin-left:8px;padding:4px 7px;font-size:9px;font-weight:950;display:inline-flex}.stockRestartOverlay{z-index:30;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#080f10eb;border:1px solid #ffffff47;border-radius:18px;gap:7px;width:min(320px,76%);padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #00000061}.stockRestartOverlay strong{letter-spacing:.05em;font-size:20px}.stockRestartOverlay span,.stockRestartOverlay small{color:#ffffffbf}.stockRestartOverlay button{width:100%;margin-top:4px}@media (width>=981px){.gameScreen .discard-0{bottom:44px!important;left:auto!important;right:18%!important;transform:none!important}}@media (width<=980px) and (orientation:landscape){.gameScreen .discard-0{bottom:26px!important;left:auto!important;right:16%!important;transform:scale(.88)!important}.gameInfoBar{top:38px}}@media (width<=600px) and (orientation:portrait){.gameScreen .discard-0{bottom:45px!important;left:auto!important;right:13%!important;transform:scale(.9)!important}.gameInfoBar{top:48px}.stockRestartOverlay{width:min(280px,82%);padding:12px}}.gameScreen .topbar{z-index:60;position:sticky;top:0}.gameInfoBar{width:100%;box-shadow:0 8px 22px var(--shadow);grid-template-columns:minmax(125px,1.2fr) minmax(110px,1fr) repeat(4,minmax(90px,.8fr));z-index:55!important;display:grid!important;top:58px!important}.gameInfoBar>div{width:auto;min-width:0!important}.indicatorInfo{position:relative}.indicatorInfo>span{color:var(--muted);font-size:8px;font-weight:900}.indicatorInfo>button{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent);border-radius:8px;padding:5px 7px;font-size:8px;font-weight:950}.balancePills{align-items:center;gap:5px;display:inline-flex}.balancePills span{border:1px solid var(--border);background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.takeDiscardHint{cursor:pointer;line-height:1.25;border:0!important}.discardHistoryCount{color:#fff;white-space:nowrap;z-index:12;background:#0a1213c7;border:1px solid #ffffff2e;border-radius:7px;padding:2px 5px;font-size:7px;font-weight:900;position:absolute;top:-17px;right:-10px}.finishZone{z-index:11;text-align:center;color:#ffffffd1;cursor:pointer;background:#26123475;border:2px dashed #ebd2ff6b;border-radius:16px;place-content:center;gap:2px;width:100px;min-height:72px;transition:transform .12s,border-color .12s,background .12s;display:grid;position:absolute;top:50%;left:63%;transform:translate(-50%,-50%)}.finishZone strong{letter-spacing:.08em;font-size:14px}.finishZone span{font-size:7px;font-weight:800}.finishZone.ready,.finishZone.dropActive{color:#fff;background:#7639aab8;border-color:#b784ff;transform:translate(-50%,-50%)scale(1.04)}.discardHistoryOverlay{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071011f0;border:1px solid #ffffff38;border-radius:16px;width:min(680px,76%);max-height:180px;padding:10px;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 60px #00000061}.discardHistoryHead{color:#fff;justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.discardHistoryHead>div{gap:1px;display:grid}.discardHistoryHead small{color:#ffffff9e;letter-spacing:.12em;font-size:7px;font-weight:900}.discardHistoryHead b{font-size:12px}.discardHistoryHead button{color:#fff;background:#ffffff14;border-radius:8px;width:28px;height:28px;padding:0}.discardHistoryTiles{gap:2px;padding-bottom:3px;display:flex;overflow-x:auto}.discardHistoryTiles>div{flex:none;justify-items:center;display:grid}.discardHistoryTiles>div>small{color:#ffffff8c;font-size:6px}@media (width>=981px){.gameScreen .discard-0{bottom:46px!important;left:auto!important;right:8%!important;transform:none!important}}.adminEconomyWorkshop{margin-top:10px}.economyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0;display:grid}.economyGrid label,.schemeAdminRow label{color:var(--muted);gap:3px;font-size:8px;font-weight:850;display:grid}.economyGrid input,.schemeAdminRow input,.adminBalanceEdit input,.adminBalanceEdit select{min-width:0;padding:7px}.schemeAdminList{gap:7px;margin:8px 0;display:grid}.schemeAdminRow{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;grid-template-columns:1.25fr repeat(5,minmax(64px,1fr));align-items:end;gap:5px;padding:7px;display:grid}.schemeAdminRow .checkRow{align-self:center;display:flex}.adminBalanceEdit{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:6px;margin-top:10px;display:grid}.adminBalanceEdit>b{grid-column:1/-1;font-size:10px}@media (width<=1179px){.gameInfoBar{grid-template-columns:repeat(6,minmax(86px,1fr));overflow-x:auto;top:54px!important}.finishZone{width:88px;min-height:62px;left:65%}.discardHistoryOverlay{width:min(720px,90%)}}@media (width<=980px) and (orientation:landscape) and (height<=560px){.gameInfoBar{top:38px!important}.finishZone{border-radius:10px;width:68px;min-height:42px;left:63%}.finishZone strong{font-size:10px}.finishZone span{display:none}.discardHistoryOverlay{max-height:110px;padding:5px;bottom:4px}}@media (width<=600px) and (orientation:portrait){.gameInfoBar{overflow-x:auto;display:flex!important;top:48px!important}.gameInfoBar>div{flex:0 0 92px}.finishZone{width:76px;min-height:52px;left:66%}.finishZone span{font-size:6px}.discardHistoryOverlay{width:92%;max-height:150px}.economyGrid{grid-template-columns:1fr}.schemeAdminRow{grid-template-columns:1fr 1fr}.adminBalanceEdit{grid-template-columns:1fr}}.gameChoices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.liveSpeedControl{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:3px;padding:3px 5px;display:inline-flex}.liveSpeedControl small{color:var(--muted);letter-spacing:.08em;font-size:7px;font-weight:950}.liveSpeedControl button{border-radius:999px;width:24px;min-width:24px;height:24px;padding:0;font-size:9px;font-weight:950}.liveSpeedControl button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}@media (width>=1180px){.duzGame .gameTableWrap{max-width:1110px;padding-top:12px}.duzGame .feltTable{border-radius:145px;width:min(100%,980px);height:430px;margin:0 auto}.duzGame .gameModeStrip{width:min(100%,980px);margin-left:auto;margin-right:auto}.duzGame .gameInfoBar{grid-template-columns:minmax(105px,1.1fr) minmax(95px,.9fr) repeat(4,minmax(72px,.72fr));gap:5px;width:min(100%,980px);margin-left:auto;margin-right:auto;padding:3px}.duzGame .gameInfoBar>div{gap:6px;min-height:38px;padding:4px 7px}.duzGame .gameInfoBar small{font-size:7px}.duzGame .gameInfoBar strong{font-size:14px}.duzGame .gameInfoBar .imageTile.okeyTile.compact{width:29px;min-width:29px;height:39px}.duzGame .actionPanel,.duzGame .rackArea{width:min(100%,980px);margin-left:auto;margin-right:auto}.duzGame .discard-0{bottom:58px!important;left:68%!important;right:auto!important;transform:translate(-50%)!important}}.imageTile.newlyDrawn{outline:3px solid #b784ffd1;animation:.46s cubic-bezier(.2,.78,.2,1) both darkNewTilePulse;z-index:15!important;box-shadow:0 0 0 5px #b784ff2e,0 0 24px #b784ffb8,0 5px 10px #00000057!important}.imageTile.newlyDrawn:after{content:"YENİ";z-index:30;color:#fff;letter-spacing:.06em;background:#7c3aed;border-radius:999px;padding:2px 4px;font-family:system-ui,sans-serif;font-size:6px;font-weight:950;position:absolute;top:-9px;right:-8px;box-shadow:0 3px 8px #00000042}.imageTile.newlyDrawn.draw-discard{animation-name:darkDrawFromDiscard}.imageTile.newlyDrawn.draw-stock{animation-name:darkDrawFromStock}@keyframes darkNewTilePulse{0%{transform:translateY(-10px)scale(.9)}55%{transform:translateY(-8px)scale(1.07)}to{transform:translateY(-7px)scale(1)}}@keyframes darkDrawFromDiscard{0%{opacity:.25;transform:translate(90px,-45px)scale(.62)rotate(5deg)}70%{opacity:1;transform:translateY(-10px)scale(1.05)}to{transform:translateY(-7px)scale(1)}}@keyframes darkDrawFromStock{0%{opacity:.25;transform:translateY(-90px)scale(.62)}70%{opacity:1;transform:translateY(-10px)scale(1.05)}to{transform:translateY(-7px)scale(1)}}.imageTile.justDiscarded{animation-duration:.58s;animation-timing-function:cubic-bezier(.2,.75,.2,1);z-index:18!important}.imageTile.justDiscarded.from-seat-0{animation-name:darkDiscardBottom}.imageTile.justDiscarded.from-seat-1{animation-name:darkDiscardLeft}.imageTile.justDiscarded.from-seat-2{animation-name:darkDiscardTop}.imageTile.justDiscarded.from-seat-3{animation-name:darkDiscardRight}@keyframes darkDiscardBottom{0%{opacity:.25;transform:translate(-120px,110px)scale(.72)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes darkDiscardLeft{0%{opacity:.25;transform:translate(-110px)scale(.72)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes darkDiscardTop{0%{opacity:.25;transform:translateY(-105px)scale(.72)rotate(8deg)}to{opacity:1;transform:none}}@keyframes darkDiscardRight{0%{opacity:.25;transform:translate(110px)scale(.72)rotate(8deg)}to{opacity:1;transform:none}}.tileRackGrid.acceptDraw .rackSlot.empty{box-shadow:inset 0 0 0 1px #b784ff0f}.tileRackGrid.acceptDraw .rackSlot.empty:hover{box-shadow:inset 0 0 0 2px #b784ff6b,0 0 12px #b784ff1f}@media (width<=1179px){.liveSpeedControl small{display:none}.liveSpeedControl button{width:22px;min-width:22px;height:22px}}@media (width<=700px){.liveSpeedControl{display:none}}@media (width>=1180px){.gameScreen{height:100dvh;min-height:0;overflow:hidden}.gameScreen .topbar{gap:10px;height:48px;min-height:48px;padding:0 14px}.gameScreen .brand.small{font-size:20px}.gameScreen .topbarRight{gap:7px;min-width:0}.gameScreen .stats{white-space:nowrap;font-size:11px}.gameScreen .balancePills span{padding:4px 6px;font-size:8px}.gameScreen .themeToggle{min-height:30px;padding:5px 9px}.gameScreen .lobbyPeekButton{padding:7px 10px;font-size:9px}.gameScreen .gameTableWrap{scrollbar-width:thin;width:100%;height:calc(100dvh - 48px);margin:0;overflow:hidden auto;max-width:none!important;padding:7px 350px 7px 10px!important}.duzGame .gameModeStrip{min-height:28px;box-shadow:none;border-radius:9px;padding:5px 9px;width:min(100%,1040px)!important;margin:0 auto 5px!important}.duzGame .gameModeStrip>div{display:block}.duzGame .gameModeStrip b{letter-spacing:.07em;font-size:10px}.duzGame .gameModeStrip span{display:none}.duzGame .gameModeStrip small{padding:3px 6px;font-size:7px}.duzGame .gameInfoBar{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px;min-height:40px;z-index:8!important;width:min(100%,1040px)!important;box-shadow:0 5px 14px var(--shadow)!important;grid-template-columns:1.15fr .9fr .68fr .82fr .68fr .82fr!important;gap:4px!important;margin:0 auto 6px!important;padding:3px!important;position:relative!important;top:auto!important}.duzGame .gameInfoBar>div{border-color:color-mix(in srgb,var(--border) 78%,transparent)!important;min-height:34px!important;box-shadow:none!important;border-radius:8px!important;gap:5px!important;padding:3px 6px!important}.duzGame .gameInfoBar small{letter-spacing:.08em;font-size:6px!important}.duzGame .gameInfoBar strong{font-size:12px!important}.duzGame .gameInfoBar .imageTile.okeyTile.compact{width:27px!important;min-width:27px!important;height:36px!important}.duzGame .indicatorInfo>span{font-size:6px}.duzGame .feltTable{width:min(100%,1040px)!important;height:clamp(335px,43vh,405px)!important;box-shadow:inset 0 0 70px #00000057, 0 12px 34px var(--shadow)!important;background:radial-gradient(circle at 50% 44%,#2e8262e6,#15533dfa 54%,#083125 100%)!important;border-width:8px!important;border-radius:54px!important;margin:0 auto!important}:root[data-theme=light] .duzGame .feltTable{border-color:#c8ced6!important}.duzGame .seat{background:#071112d1;border-radius:12px;min-width:112px;padding:7px 9px;box-shadow:0 6px 16px #0000002e}.duzGame .seat b{font-size:11px}.duzGame .seat span{font-size:8px}.duzGame .seat-0{bottom:10px}.duzGame .seat-1{left:10px}.duzGame .seat-2{top:10px}.duzGame .seat-3{right:10px}.duzGame .discardSpot{min-width:48px;min-height:60px}.duzGame .discard-0{inset:auto 17% 36px auto!important;transform:none!important}.duzGame .discard-1{inset:auto auto 34px 14%!important;transform:none!important}.duzGame .discard-2{inset:48px auto auto 38%!important;transform:none!important}.duzGame .discard-3{inset:48px 14% auto auto!important;transform:none!important}.duzGame .discardSpot.previousDiscardSource{background:#ffffff0b;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff14}.duzGame .discardSpot.takeableDiscard{background:#7d4bbe24;min-width:70px;min-height:78px;box-shadow:0 0 0 2px #c199ff8c,0 0 22px #a069eb47}.duzGame .takeDiscardHint{border-radius:999px;padding:3px 7px;font-size:7px;bottom:-13px}.duzGame .centerDeck{top:47%}.duzGame .deckStack{border-radius:8px;width:54px;height:68px}.duzGame .deckStack b{font-size:14px}.duzGame .centerDeck small{font-size:7px}.duzGame .centerLogo{opacity:.7;font-size:34px}.duzGame .finishZone{border-radius:12px!important;width:80px!important;min-height:54px!important;top:47%!important;left:61%!important}.duzGame .finishZone strong{font-size:11px}.duzGame .finishZone span{font-size:6px}.duzGame .actionPanel{min-height:34px;box-shadow:none;border-radius:10px;padding:6px 9px;width:min(100%,1040px)!important;margin:5px auto 0!important}.duzGame .actionPanel b{font-size:11px}.duzGame .actionPanel span{font-size:8px}.duzGame .gestureLegend span{font-size:7px}.duzGame .rackArea{border-radius:12px;position:relative;width:min(100%,1040px)!important;max-width:1040px!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:4px auto 0!important;padding:4px 8px 5px!important}.duzGame .rackHead{align-items:center;margin:0 auto 3px}.duzGame .rackHead>div:first-child span{display:none}.duzGame .rackHead>div:first-child b{font-size:11px}.duzGame .rackTools{gap:4px}.duzGame .rackTools button{border-radius:8px;padding:5px 8px;font-size:8px}.duzGame .rackMode{font-size:7px}.duzGame .tileRackGrid{background:linear-gradient(#7b5639 0%,#5e3e29 45%,#4b2f20 100%)!important;border-radius:12px!important;grid-template-rows:repeat(2,59px)!important;grid-template-columns:repeat(15,44px)!important;gap:1px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;padding:9px 12px 10px!important;overflow-x:auto!important;box-shadow:inset 0 2px #ffffff1f,inset 0 -8px 18px #00000042,0 8px 18px #00000029!important}.duzGame .rackSlot{border-radius:5px!important;width:44px!important;min-width:44px!important;height:58px!important}.duzGame .imageTile.okeyTile:not(.compact){width:43px!important;min-width:43px!important;height:57px!important}.duzGame .rackHelp,.duzGame .devNote{display:none!important}.duzGame .gameNotice{max-width:700px;margin:3px auto 0;padding:5px 8px;font-size:8px}.duzGame .dangerGhost{opacity:.82;padding:5px 8px;font-size:7px;position:absolute;bottom:8px;left:8px}.gameScreen .gameChatDock.floatingSocial.desktopSocialRail{z-index:70!important;width:330px!important;margin:0!important;position:fixed!important;top:55px!important;bottom:8px!important;right:8px!important}.gameScreen .desktopSocialRail .chatPanel{border-radius:14px;flex-direction:column;height:100%;display:flex;overflow:hidden;max-height:none!important;box-shadow:0 12px 36px #00000038!important}.gameScreen .desktopSocialRail .chatMessages{flex:auto;min-height:0;height:auto!important}.gameScreen .desktopSocialRail .chatComposer{margin-top:auto}.gameScreen .gameSocialLauncher{display:none!important}}@media (width>=701px) and (width<=1179px){.gameScreen .topbar{min-height:48px;padding:7px 10px}.gameScreen .gameTableWrap{max-width:100%;padding:8px 10px 78px!important}.duzGame .gameModeStrip{margin-bottom:5px;padding:6px 9px}.duzGame .gameModeStrip span{display:none}.duzGame .gameInfoBar{margin-bottom:5px;grid-template-columns:repeat(6,minmax(72px,1fr))!important;gap:3px!important;padding:3px!important;position:relative!important;top:auto!important}.duzGame .gameInfoBar>div{min-height:34px;padding:3px 5px!important}.duzGame .feltTable{border-width:7px!important;border-radius:46px!important;height:min(390px,48vh)!important}.duzGame .seat{min-width:96px;padding:6px 7px}.duzGame .seat b{font-size:10px}.duzGame .seat span{font-size:7px}.duzGame .discard-0{bottom:30px!important;left:auto!important;right:15%!important;transform:none!important}.duzGame .discard-1{top:auto!important;bottom:30px!important;left:13%!important;transform:none!important}.duzGame .discard-2{top:45px!important;left:38%!important;transform:none!important}.duzGame .discard-3{top:45px!important;right:13%!important;transform:none!important}.duzGame .rackArea{margin-top:5px;padding:7px}.duzGame .rackHelp,.duzGame .devNote{display:none}.gameChatDock.mobileSocialSheet{bottom:70px!important;right:10px!important}}@media (width<=700px){.gameScreen .topbar{flex-direction:row;align-items:center;min-height:42px;padding:5px 8px}.gameScreen .brand.small{font-size:17px}.gameScreen .topbarRight{gap:4px;width:auto;margin-left:auto}.gameScreen .stats,.gameScreen .balancePills,.gameScreen .themeToggle b{display:none}.gameScreen .lobbyPeekButton{padding:6px 7px;font-size:0}.gameScreen .lobbyPeekButton:after{content:"Lobi";font-size:8px}.gameScreen .gameTableWrap{padding:5px 5px 74px!important}.duzGame .gameModeStrip{border-radius:8px;min-height:24px;margin:0 0 4px;padding:4px 6px}.duzGame .gameModeStrip span{display:none}.duzGame .gameModeStrip b{font-size:8px}.duzGame .gameModeStrip small{padding:2px 4px;font-size:6px}.duzGame .gameInfoBar{overflow-x:auto;box-shadow:none!important;gap:2px!important;margin:0 0 4px!important;padding:2px!important;display:flex!important;position:relative!important;top:auto!important}.duzGame .gameInfoBar>div{min-height:31px;flex:0 0 74px!important;gap:3px!important;padding:2px 4px!important}.duzGame .gameInfoBar small{font-size:5px!important}.duzGame .gameInfoBar strong{font-size:9px!important}.duzGame .gameInfoBar .imageTile.okeyTile.compact{width:22px!important;min-width:22px!important;height:30px!important}.duzGame .feltTable{border-width:6px!important;border-radius:34px!important;height:320px!important}.duzGame .seat{min-width:78px;padding:5px 6px}.duzGame .seat b{font-size:8px}.duzGame .seat span{font-size:6px}.duzGame .seat-0{bottom:5px}.duzGame .seat-1{left:4px}.duzGame .seat-2{top:5px}.duzGame .seat-3{right:4px}.duzGame .discard-0{bottom:36px!important;left:auto!important;right:11%!important;transform:scale(.83)!important}.duzGame .discard-1{top:auto!important;bottom:36px!important;left:9%!important;transform:scale(.83)!important}.duzGame .discard-2{top:42px!important;left:36%!important;transform:scale(.83)!important}.duzGame .discard-3{top:42px!important;right:9%!important;transform:scale(.83)!important}.duzGame .centerDeck{top:47%;transform:translate(-50%,-50%)scale(.82)}.duzGame .finishZone{width:65px!important;min-height:44px!important;top:47%!important;left:64%!important}.duzGame .finishZone span{display:none}.duzGame .actionPanel{border-radius:8px;margin-top:4px;padding:5px 7px}.duzGame .actionPanel b{font-size:9px}.duzGame .actionPanel span{font-size:7px}.duzGame .gestureLegend{display:none!important}.duzGame .rackArea{border-radius:10px;margin-top:4px;padding:5px}.duzGame .rackHead{margin-bottom:3px}.duzGame .rackHead>div:first-child span{display:none}.duzGame .rackTools button{padding:5px 6px;font-size:7px}.duzGame .rackMode{display:none}.duzGame .tileRackGrid{grid-template-rows:repeat(2,52px)!important;grid-template-columns:repeat(15,38px)!important;justify-content:start!important;gap:1px!important;padding:7px 8px!important}.duzGame .rackSlot{width:38px!important;min-width:38px!important;height:51px!important}.duzGame .imageTile.okeyTile:not(.compact){width:37px!important;min-width:37px!important;height:50px!important}.duzGame .rackHelp,.duzGame .devNote{display:none!important}.duzGame .dangerGhost{padding:5px 7px;font-size:7px}.gameChatDock.mobileSocialSheet{width:auto!important;bottom:62px!important;left:6px!important;right:6px!important}.gameChatDock.mobileSocialSheet .chatPanel{max-height:66vh!important}}@media (width<=900px) and (orientation:landscape) and (height<=560px){.gameScreen{height:100dvh;overflow:hidden}.gameScreen .topbar{height:36px;min-height:36px;padding:2px 7px}.gameScreen .gameTableWrap{height:calc(100dvh - 36px);overflow-y:auto;padding-top:3px!important}.duzGame .gameModeStrip{display:none}.duzGame .gameInfoBar{margin-bottom:3px!important}.duzGame .feltTable{border-radius:30px!important;height:245px!important}.duzGame .actionPanel{min-height:27px;margin-top:3px}.duzGame .rackArea{margin-top:2px}.duzGame .tileRackGrid{grid-template-rows:repeat(2,45px)!important;grid-template-columns:repeat(15,34px)!important;padding:5px 7px!important}.duzGame .rackSlot{width:34px!important;min-width:34px!important;height:44px!important}.duzGame .imageTile.okeyTile:not(.compact){width:33px!important;min-width:33px!important;height:43px!important}}.entertainmentLobby{--fun-purple:#7c3aed;--fun-pink:#ec4899;--fun-cyan:#06b6d4;--fun-gold:#f59e0b;background:radial-gradient(circle at 8% 0%, color-mix(in srgb,var(--fun-purple) 18%,transparent), transparent 31%), radial-gradient(circle at 88% 4%, color-mix(in srgb,var(--fun-cyan) 13%,transparent), transparent 28%), var(--bg)}:root[data-theme=light] .entertainmentLobby{background:radial-gradient(circle at 8% 0,#7c3aed1f,#0000 32%),radial-gradient(circle at 90% 0,#06b6d41a,#0000 28%),#eef2f8}.lobbyTopbar{min-height:60px;padding:0 22px;box-shadow:0 8px 26px #0000001f}.lobbyTopbar .brand.small{font-size:25px}.lobbyTopCenter{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.lobbyTopCenter b{color:var(--text)}.salonLive{color:#34d399;letter-spacing:.08em;font-size:10px;font-weight:950}.topNick{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.lobby.lobbyWide.lobbyV21{align-items:start;max-width:1720px;margin:0 auto;grid-template-columns:230px minmax(500px,1fr) 330px!important;gap:14px!important;padding:14px 16px 30px!important}.lobbyLeftRail,.lobbySocialRail{flex-direction:column;gap:12px;min-width:0;display:flex}.lobbyLeftRail{position:sticky;top:74px}.lobbySocialRail{max-height:calc(100vh - 88px);position:sticky;top:74px}.salonMenuCard,.lobbyEconomyCard,.onlineUsersPanel{border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 96%,var(--fun-purple) 4%),var(--surface));box-shadow:0 14px 36px var(--shadow);border-radius:18px;overflow:hidden}.salonMenuCard{padding:14px}.salonMenuTitle{align-items:center;gap:10px;margin-bottom:10px;display:flex}.salonMenuTitle>span{background:linear-gradient(135deg,var(--fun-purple),var(--fun-pink));border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;display:grid;box-shadow:0 8px 18px #7c3aed40}.salonMenuTitle h2{margin:0;font-size:20px}.salonMenuCard>button{text-align:left;background:0 0;border-color:#0000;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;width:100%;margin-top:6px;padding:10px;display:grid}.salonMenuCard>button b{font-size:12px}.salonMenuCard>button small{background:var(--surface-2);min-width:24px;height:22px;color:var(--muted);border-radius:999px;place-items:center;display:grid}.salonMenuCard>button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--fun-purple) 18%,var(--surface)),color-mix(in srgb,var(--fun-cyan) 9%,var(--surface)));border-color:color-mix(in srgb,var(--fun-purple) 48%,var(--border))}.salonMenuActions{grid-template-columns:1fr;gap:6px;margin-top:12px;display:grid}.salonMenuActions button{padding:10px;font-size:11px}.lobbyEconomyCard{padding:14px}.economyCardHead{justify-content:space-between;align-items:center;display:flex}.economyCardHead h3{margin:0;font-size:17px}.economyCardHead>span{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 8px 18px #f59e0b38}.economyBalances{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;display:grid}.economyBalances>div{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px}.economyBalances small{color:var(--muted);letter-spacing:.08em;font-size:7px;font-weight:900;display:block}.economyBalances strong{margin-top:3px;font-size:15px;display:block}.activeSchemes{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.activeSchemes>span{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));color:var(--text);border-radius:10px;padding:7px 8px}.giftRewardHint{background:color-mix(in srgb,var(--fun-gold) 10%,var(--surface));color:var(--muted);border-radius:10px;margin-top:9px;padding:8px;font-size:9px}.economySettingsButton{background:linear-gradient(135deg,color-mix(in srgb,var(--fun-gold) 20%,var(--surface-2)),var(--surface-2));width:100%;margin-top:9px;padding:9px;font-size:10px}.lobbyCenterStage{min-width:0}.lobbyHeroCard{border:1px solid color-mix(in srgb,var(--fun-purple) 30%,var(--border));color:#fff;background:linear-gradient(118deg,#261748 0%,#54239b 52%,#0c7f95 118%);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;min-height:132px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 42px #1e144642}.lobbyHeroCard:after{content:"";border:28px solid #ffffff0f;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px;right:-80px;box-shadow:0 0 0 28px #ffffff06}.lobbyHeroCard h1{z-index:1;margin:3px 0 7px;font-size:27px;line-height:1;position:relative}.lobbyHeroCard p{color:#ffffffbd;z-index:1;max-width:640px;margin:0;font-size:11px;line-height:1.45;position:relative}.heroKicker{letter-spacing:.13em;color:#fde68a;font-size:8px;font-weight:950}.lobbyHeroStats{z-index:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:relative}.lobbyHeroStats span{text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1c;border:1px solid #ffffff21;border-radius:12px;min-width:82px;padding:10px 8px;font-size:8px}.lobbyHeroStats b{margin-bottom:1px;font-size:18px;display:block}.createPanelInline{border-color:color-mix(in srgb,var(--fun-purple) 35%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--fun-purple) 6%,var(--surface)),var(--surface));margin:12px 0;padding:16px!important;position:relative!important;top:auto!important}.createPanelHead{justify-content:space-between;align-items:flex-start;display:flex}.createPanelHead h2{margin:0!important;font-size:22px!important}.panelClose{border-radius:50%;width:32px;height:32px;padding:0}.createFormGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.createFormGrid label{min-width:0;margin:0}.createFormGrid input,.createFormGrid select{margin-top:5px;padding:9px 10px;margin-bottom:0!important}.createFormGrid .gameChoices{margin:5px 0 0}.createFormGrid .gameChoices button{padding:9px 6px;font-size:10px}.createChecks{flex-wrap:wrap;gap:10px 18px;margin:12px 0;display:flex}.createChecks .checkRow{margin:0;font-size:9px}.createNow{max-width:230px}.funCommandBar{background:linear-gradient(90deg,color-mix(in srgb,var(--fun-purple) 8%,var(--surface)),color-mix(in srgb,var(--fun-cyan) 5%,var(--surface)))!important;border-radius:15px!important;margin:12px 0!important}.funCommandBar button{flex:none}.funCommandBar .mainAction{background:linear-gradient(135deg,var(--fun-purple),var(--fun-pink))!important;color:#fff!important;border:0!important}.lobbyCenterStage .sectionHead h2{margin:0 0 10px;font-size:23px}.funTableGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.funTableCard{min-height:246px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;padding:14px!important}.funTableCard:hover{box-shadow:0 18px 42px var(--shadow);transform:translateY(-2px)}.funTableCard:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.funTableCard.tone-0:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.funTableCard.tone-1:before{background:linear-gradient(90deg,#06b6d4,#22c55e)}.funTableCard.tone-2:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.funTableCard.tone-3:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.tableCardTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.tablePlaying,.tableWaiting{letter-spacing:.09em;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:950}.tablePlaying{color:#fb7185;background:#f43f5e1c}.tableWaiting{color:#34d399;background:#10b9811c}.funTableCard h3{margin:9px 0 2px!important;font-size:17px!important}.funTableCard>p{margin:0 0 8px!important;font-size:10px!important}.tableSeatVisual{grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0;display:grid}.seatBubble{text-align:center;min-width:0}.seatBubble>span{border:1px dashed var(--border-strong);background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:12px;place-items:center;margin:0 auto 4px;font-size:10px;font-weight:950;display:grid}.seatBubble.filled>span{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-style:solid;border-color:#ffffff1f;box-shadow:0 6px 14px #4f46e52e}.seatBubble small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:7px;display:block;overflow:hidden}.funTableCard .compactMeta{gap:4px;margin:6px 0 9px}.funTableCard .compactMeta span{padding:4px 6px;font-size:7px}.joinFun{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface-2)),var(--surface-2));font-size:10px;padding:9px!important}.joinFun:not(:disabled){color:#fff;background:linear-gradient(135deg,#6d28d9,#8b5cf6);border:0}.lobbyEmpty{flex-direction:column;gap:6px;min-height:250px;display:flex!important}.lobbyEmpty b{color:var(--text);font-size:18px}.lobbyEmpty button{margin-top:8px}.onlineUsersPanel{flex-direction:column;min-height:0;max-height:340px;display:flex}.onlineUsersHead{justify-content:space-between;align-items:center;padding:13px 13px 8px;display:flex}.onlineUsersHead h3{margin:0;font-size:16px}.onlineCountBadge{color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:950;display:grid;box-shadow:0 6px 14px #10b9812e}.onlineUserStats{gap:5px;padding:0 13px 8px;display:flex}.onlineUserStats span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 6px;font-size:7px}.onlineSearch{border:1px solid var(--border);background:var(--input);border-radius:10px;align-items:center;gap:6px;margin:0 10px 7px;padding:0 9px;display:flex}.onlineSearch input{background:0 0;border:0;padding:8px 2px;font-size:10px;box-shadow:none!important}.onlineUserList{scrollbar-width:thin;padding:0 7px 4px;overflow:auto}.onlineUserRow{border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);text-align:left;background:0 0;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;margin:2px 0;padding:7px 6px;display:grid}.onlineUserRow:hover:not(:disabled){background:var(--surface-2);transform:none}.onlineUserRow.me{background:color-mix(in srgb,var(--fun-purple) 7%,transparent);opacity:1}.userAvatar{color:#fff;background:linear-gradient(135deg,#334155,#64748b);border-radius:11px;place-items:center;width:31px;height:31px;font-size:8px;font-weight:950;display:grid}.userAvatar.role-admin{background:linear-gradient(135deg,#f59e0b,#ef4444)}.userAvatar.role-moderator{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.onlineUserIdentity{min-width:0}.onlineUserIdentity b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.onlineUserIdentity small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:7px;display:block;overflow:hidden}.onlineUserPoints{text-align:right}.onlineUserPoints b,.onlineUserPoints small{color:var(--muted);white-space:nowrap;font-size:7px;display:block}.onlineUsersHint{color:var(--muted);padding:6px 10px 9px;font-size:7px}.onlineEmpty{text-align:center;color:var(--muted);padding:20px;font-size:10px}.lobbySocialRail .richChat{height:calc(100vh - 440px);min-height:390px;max-height:520px;box-shadow:0 14px 36px var(--shadow);border-radius:18px;position:relative!important;top:auto!important}.lobbySocialRail .chatPanel h2{font-size:17px}.lobbySocialRail .chatMessages{min-height:170px}.handFinishedOverlay{z-index:14!important;gap:7px!important;width:min(560px,82%)!important;max-width:560px!important;padding:18px!important}.handFinishedOverlay>small{letter-spacing:.14em;color:#fbbf24;font-weight:950}.handFinishedOverlay>strong{font-size:22px}.finishPointsRow{flex-wrap:wrap;justify-content:center;gap:5px;margin:4px 0;display:flex}.finishPointsRow span{background:#ffffff14;border-radius:8px;padding:5px 7px;font-size:8px}.restartBig{min-width:210px;font-size:11px;box-shadow:0 10px 22px #7c3aed47;padding:12px 18px!important}.liveSpeedControl{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:3px!important;padding:3px 4px!important}.liveSpeedControl small{padding:0 4px}.liveSpeedControl button{border-radius:7px!important;width:auto!important;min-width:0!important;height:25px!important;padding:0 7px!important;font-size:7px!important}.liveSpeedControl button.active{background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;color:#fff!important;border-color:#0000!important}.gameLobbyBrowse .browseChatArea{flex-direction:column;gap:10px;display:flex}.gameLobbyBrowse .onlineUsersPanel{max-height:280px}@media (width<=1240px){.lobby.lobbyWide.lobbyV21{grid-template-columns:200px minmax(430px,1fr) 290px!important;gap:10px!important;padding:10px!important}.lobbyHeroCard{padding:16px}.lobbyHeroStats span{min-width:68px}.funTableGrid{grid-template-columns:1fr 1fr!important}.createFormGrid{grid-template-columns:1fr 1fr}.lobbySocialRail .richChat{height:calc(100vh - 420px)}}@media (width<=980px){.lobbyTopCenter{display:none}.lobby.lobbyWide.lobbyV21{grid-template-columns:190px minmax(0,1fr)!important}.lobbySocialRail{grid-column:1/-1;grid-template-columns:300px minmax(0,1fr);max-height:none;display:grid;position:static}.onlineUsersPanel{max-height:360px}.lobbySocialRail .richChat{height:360px;max-height:360px}.lobbyHeroCard{flex-direction:column;align-items:flex-start}.lobbyHeroStats{width:100%}}@media (width<=700px){.lobbyTopbar{flex-direction:row!important;align-items:center!important;min-height:50px!important;padding:5px 8px!important}.lobbyTopbar .brand.small{font-size:20px}.lobbyTopbar .topbarRight{gap:4px;margin-left:auto;width:auto!important}.lobbyTopbar .topNick{display:none}.lobbyTopbar .balancePills span{padding:4px 5px;font-size:7px}.lobby.lobbyWide.lobbyV21{flex-direction:column;gap:8px!important;padding:7px!important;display:flex!important}.lobbyLeftRail{width:100%;position:static}.salonMenuCard{padding:8px}.salonMenuTitle{display:none}.salonMenuCard{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.salonMenuCard>button{text-align:center;justify-content:center;margin:0;padding:8px 4px;display:flex}.salonMenuCard>button>span,.salonMenuCard>button small{display:none}.salonMenuActions{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:2px;display:grid}.lobbyEconomyCard{display:none}.lobbyHeroCard{border-radius:14px;min-height:0;padding:13px}.lobbyHeroCard h1{margin:3px 0 5px;font-size:20px}.lobbyHeroCard p{font-size:9px}.lobbyHeroStats span{min-width:0;padding:7px 3px}.lobbyHeroStats b{font-size:14px}.createFormGrid{grid-template-columns:1fr}.createPanelInline{padding:10px!important}.createChecks{gap:6px 10px}.funCommandBar{overflow-x:auto;flex-wrap:nowrap!important}.funCommandBar button{white-space:nowrap;padding:7px 9px!important;font-size:8px!important}.funTableGrid{grid-template-columns:1fr!important}.funTableCard{min-height:220px}.lobbySocialRail{flex-direction:column;width:100%;display:flex}.onlineUsersPanel{max-height:300px}.lobbySocialRail .richChat{height:390px;max-height:none}.onlineUserRow{grid-template-columns:32px minmax(0,1fr) auto}.liveSpeedControl small{display:none!important}.liveSpeedControl button{padding:0 5px!important;font-size:6px!important}.handFinishedOverlay{width:92%!important;padding:12px!important}.handFinishedOverlay>strong{font-size:17px}}.tableScoreStrip{grid-template-columns:210px minmax(0,1fr);align-items:stretch;gap:5px;width:min(100%,1040px);margin:0 auto 5px;display:grid}.scoreRuleChip{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:5px 8px;display:flex;overflow:hidden}.scoreRuleChip small{color:var(--muted);letter-spacing:.1em;font-size:6px;font-weight:950}.scoreRuleChip b{white-space:nowrap;font-size:10px}.scoreRuleChip span{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:7px}.scorePlayers{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.scorePlayers>span{border:1px solid var(--border);background:var(--surface);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:4px 7px;display:grid}.scorePlayers>span i{color:var(--muted-2);letter-spacing:.08em;font-size:5px;font-style:normal;font-weight:950}.scorePlayers>span b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.scorePlayers>span strong{color:var(--accent-text);font-size:11px}.scorePlayers>span.mine{border-color:color-mix(in srgb,#22c55e 40%,var(--border));background:color-mix(in srgb,#22c55e 5%,var(--surface))}.scorePlayers>span.turn{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.visualSpeedControl{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:3px;padding:3px 4px;display:flex}.visualSpeedControl small{color:var(--muted);letter-spacing:.08em;padding:0 4px;font-size:6px;font-weight:950}.visualSpeedControl button{border-radius:7px;min-width:0;height:25px;padding:0 6px;font-size:6px}.visualSpeedControl button.active{color:#fff;background:linear-gradient(135deg,#0891b2,#7c3aed);border-color:#0000}.postHandAction{border:1px solid color-mix(in srgb,#f59e0b 36%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 8%,var(--surface)),color-mix(in srgb,var(--accent) 7%,var(--surface)));width:min(100%,1040px);box-shadow:0 8px 22px var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:5px auto 0;padding:8px 10px;display:flex}.postHandAction>div{flex-direction:column;gap:1px;min-width:0;display:flex}.postHandAction small{letter-spacing:.13em;color:#f59e0b;font-size:6px;font-weight:950}.postHandAction b{font-size:11px}.postHandAction span{color:var(--muted);font-size:7px}.restartPulse{animation:1.5s ease-in-out infinite darkRestartPulse}@keyframes darkRestartPulse{0%,to{transform:translateY(0);box-shadow:0 7px 18px #7c3aed40}50%{transform:translateY(-1px);box-shadow:0 9px 28px #7c3aed7a}}:root[data-motion-speed=slow] .imageTile.newlyDrawn{animation-duration:.65s!important}:root[data-motion-speed=normal] .imageTile.newlyDrawn{animation-duration:.46s!important}:root[data-motion-speed=fast] .imageTile.newlyDrawn{animation-duration:.32s!important}:root[data-motion-speed=slow] .imageTile.justDiscarded{animation-duration:.82s!important}:root[data-motion-speed=normal] .imageTile.justDiscarded{animation-duration:.66s!important}:root[data-motion-speed=fast] .imageTile.justDiscarded{animation-duration:.42s!important}.entertainmentLobby{background:radial-gradient(circle at 13% 10%,#7c3aed1f,transparent 25%), radial-gradient(circle at 82% 16%,#06b6d417,transparent 24%), radial-gradient(circle at 50% 88%,#ec48990f,transparent 26%), var(--body-gradient)}.lobbyTopbar{box-shadow:0 5px 22px #0000001f}.salonLive{text-shadow:0 0 14px #10b98157}.lobbyHeroCard{position:relative;overflow:hidden}.lobbyHeroCard:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff21,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-105px;right:-80px}.funTableCard{border-color:color-mix(in srgb,var(--accent) 12%,var(--border))}.funTableCard:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.seatBubble.filled>span{box-shadow:0 7px 17px #4f46e53d,inset 0 1px #ffffff2e}.onlineUserRow:hover:not(:disabled){background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,var(--surface-2)),var(--surface-2))}.onlineCountBadge{animation:2.6s ease-in-out infinite onlineBadgePulse}@keyframes onlineBadgePulse{0%,to{box-shadow:0 6px 14px #10b9812e}50%{box-shadow:0 6px 22px #06b6d457}}@media (width>=1180px){.duzGame .feltTable{height:clamp(330px,41vh,390px)!important}.duzGame .gameInfoBar{margin-bottom:5px!important}.duzGame .rackArea{margin-top:4px!important}.gameScreen .topbar{gap:7px}.gameScreen .topbarRight{gap:5px}}@media (width<=1179px){.tableScoreStrip{grid-template-columns:180px minmax(0,1fr);width:100%;overflow:hidden}.scoreRuleChip span,.visualSpeedControl small{display:none}.visualSpeedControl button{padding:0 5px;font-size:5px}}@media (width<=760px){.tableScoreStrip{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tableScoreStrip::-webkit-scrollbar{display:none}.scoreRuleChip{flex:0 0 142px;min-height:30px}.scoreRuleChip small{display:none}.scoreRuleChip b{font-size:8px}.scorePlayers{flex:0 0 360px;grid-template-columns:repeat(4,86px)}.scorePlayers>span{gap:3px;padding:3px 4px}.scorePlayers>span i{display:none}.scorePlayers>span b{font-size:7px}.scorePlayers>span strong{font-size:9px}.postHandAction{flex-direction:column;align-items:stretch;padding:8px}.postHandAction .restartBig{width:100%}.visualSpeedControl button{width:22px;padding:0;font-size:0}.visualSpeedControl button:first-of-type:after{content:"Y";font-size:6px}.visualSpeedControl button:nth-of-type(2):after{content:"N";font-size:6px}.visualSpeedControl button:nth-of-type(3):after{content:"H";font-size:6px}}@media (width<=520px){.gameScreen .visualSpeedControl{display:flex!important}.gameScreen .liveSpeedControl{display:none!important}.scorePlayers{flex-basis:332px;grid-template-columns:repeat(4,79px)}.lobbyHeroStats span:nth-child(3){display:none}}.connectionRecovery{z-index:130;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:min(620px,100vw - 24px);padding:9px 14px;font-size:10px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000047}.connectionRecovery b{white-space:nowrap}.connectionRecovery span{color:var(--muted);line-height:1.35}.connectionRecovery.offline{border-color:color-mix(in srgb, #ef4444 58%, var(--border))}.connectionRecovery.offline b{color:#f87171}.connectionRecovery.back{border-color:color-mix(in srgb, #22c55e 58%, var(--border))}.connectionRecovery.back b{color:#4ade80}.soundToggle{background:var(--surface);border-color:var(--border);border-radius:9px;place-items:center;width:31px;min-width:31px;height:31px;padding:0;font-size:13px;display:grid}.hasBadge,.launcherBadge{position:relative}.hasBadge>em,.launcherBadge>em{color:#fff;border:2px solid var(--surface);background:#ef4444;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-style:normal;font-weight:950;line-height:1;display:grid;position:absolute;top:-7px;right:-5px;box-shadow:0 4px 12px #ef444459}.scorePlayers>span strong{justify-content:flex-end;align-items:center;gap:4px;display:flex}.scorePlayers>span strong em{border-radius:999px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:950}.scorePlayers>span strong em.plus{color:#4ade80;background:#22c55e1f}.scorePlayers>span strong em.minus{color:#fb7185;background:#f43f5e1c}.handResultMini{flex:auto;grid-template-columns:repeat(4,minmax(78px,1fr));gap:5px;max-width:520px;display:grid}.handResultMini>span{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;justify-content:space-between;align-items:center;gap:5px;min-width:0;padding:7px 8px;display:flex}.handResultMini b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.handResultMini strong{color:var(--accent-text);font-size:11px}.nextHandDock{z-index:112;border:1px solid color-mix(in srgb, #f59e0b 48%, var(--border));background:color-mix(in srgb, var(--surface) 96%, #f59e0b 4%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:7px 10px;display:flex;position:fixed;bottom:10px;left:12px;right:350px;box-shadow:0 15px 40px #0000004d}.nextHandDock>div{flex-direction:column;gap:1px;min-width:0;display:flex}.nextHandDock small{letter-spacing:.12em;color:#f59e0b;font-size:6px;font-weight:950}.nextHandDock b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.nextHandDock button{padding:9px 15px;font-size:9px}.leaveConfirmBackdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.leaveConfirmCard{border:1px solid color-mix(in srgb, #ef4444 35%, var(--border));background:var(--surface);text-align:center;border-radius:18px;width:min(460px,100%);padding:22px;box-shadow:0 28px 80px #0000007a}.leaveConfirmCard>span{font-size:30px}.leaveConfirmCard h3{margin:8px 0 7px;font-size:20px}.leaveConfirmCard p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.leaveConfirmCard>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.leaveConfirmCard button{width:100%}.funTableCard{isolation:isolate;overflow:hidden}.funTableCard:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 14%, transparent), transparent 68%);z-index:-1;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;inset:auto -55px -75px auto}.funTableCard .joinFun{z-index:1;position:relative}.funTableCard:not(:has(.tablePlaying)) .joinFun:not(:disabled){box-shadow:0 7px 20px color-mix(in srgb, var(--accent) 20%, transparent)}.onlineUserRow{transition:transform .15s,background .15s,border-color .15s}.onlineUserRow:hover:not(:disabled){transform:none}@media (width>=1180px) and (height<=820px){.gameScreen .topbar{height:44px;min-height:44px!important;padding:3px 10px!important}.gameScreen .brand.small{font-size:20px}.gameScreen .stats{font-size:9px}.gameScreen .balancePills span{padding:4px 6px;font-size:7px}.gameScreen .soundToggle{width:27px;min-width:27px;height:27px;font-size:11px}.gameScreen .gameTableWrap{margin-right:338px!important;padding-top:4px!important;padding-bottom:62px!important}.duzGame .gameModeStrip{display:none!important}.duzGame .tableScoreStrip{margin-bottom:3px}.duzGame .scoreRuleChip,.duzGame .scorePlayers>span{min-height:28px;padding-top:3px;padding-bottom:3px}.duzGame .gameInfoBar{margin-bottom:3px!important}.duzGame .gameInfoBar>div{min-height:31px!important}.duzGame .feltTable{border-radius:38px!important;height:300px!important}.duzGame .actionPanel{min-height:29px!important;margin-top:3px!important;padding:4px 7px!important}.duzGame .rackArea{margin-top:2px!important;padding-top:2px!important}.duzGame .rackHead{margin-bottom:2px!important}.duzGame .tileRackGrid{grid-template-rows:repeat(2,54px)!important;grid-template-columns:repeat(15,41px)!important;padding:6px 9px 7px!important}.duzGame .rackSlot{width:41px!important;min-width:41px!important;height:53px!important}.duzGame .imageTile.okeyTile:not(.compact){width:40px!important;min-width:40px!important;height:52px!important}.gameScreen .gameChatDock.floatingSocial.desktopSocialRail{width:326px!important;top:49px!important}.connectionRecovery{top:49px}.winnerBanner{margin-bottom:4px;padding:7px 9px}.winnerBanner strong{font-size:14px}.winnerBanner span{font-size:8px}.postHandAction{padding:5px 8px}}@media (width>=1600px) and (height>=900px){.gameScreen .gameTableWrap{max-width:1320px;margin-left:max(18px,50vw - 830px);margin-right:350px}.duzGame .feltTable{height:400px!important}.gameScreen .gameChatDock.floatingSocial.desktopSocialRail{width:344px!important}.nextHandDock{right:364px}}@media (width>=701px) and (width<=1179px){.connectionRecovery{top:54px}.nextHandDock{bottom:68px;left:10px;right:10px}.handResultMini{grid-template-columns:repeat(2,minmax(90px,1fr));max-width:none}.winnerBanner{flex-wrap:wrap}.winnerBanner .handResultMini{order:3;width:100%}}@media (width<=700px) and (orientation:portrait){.connectionRecovery{align-items:flex-start;font-size:8px;top:54px}.connectionRecovery span{font-size:7px}.nextHandDock{justify-content:space-between;gap:8px;min-height:48px;padding:6px 7px;bottom:48px;left:6px;right:6px}.nextHandDock b{max-width:160px;font-size:8px}.nextHandDock button{padding:8px 9px;font-size:7px}.handResultMini{grid-template-columns:repeat(2,1fr);width:100%;max-width:none}.winnerBanner{padding:9px}.winnerBanner .handResultMini{order:3;width:100%}.leaveConfirmCard{padding:16px}.leaveConfirmCard h3{font-size:17px}.leaveConfirmCard>div{grid-template-columns:1fr}}@media (width<=900px) and (orientation:landscape) and (height<=560px){.connectionRecovery{padding:5px 8px;font-size:7px;top:38px}.connectionRecovery span{display:none}.duzGame .tableScoreStrip{display:none!important}.duzGame .feltTable{height:218px!important}.duzGame .gameInfoBar>div{flex-basis:66px!important;min-height:27px!important}.duzGame .actionPanel{display:none!important}.duzGame .rackHead{min-height:19px}.duzGame .rackTools button{padding:3px 5px!important;font-size:6px!important}.duzGame .tileRackGrid{grid-template-rows:repeat(2,41px)!important;grid-template-columns:repeat(15,31px)!important;padding:4px 6px!important}.duzGame .rackSlot{width:31px!important;min-width:31px!important;height:40px!important}.duzGame .imageTile.okeyTile:not(.compact){width:30px!important;min-width:30px!important;height:39px!important}.nextHandDock{min-height:38px;padding:4px 6px;bottom:38px;left:6px;right:6px}.nextHandDock small{display:none}.nextHandDock b{font-size:7px}.nextHandDock button{padding:6px 8px;font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.giftCard>small{color:var(--muted);text-align:center;font-size:7px;line-height:1.25}.giftStatus{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));color:var(--accent-text);border-radius:9px;margin:8px 0 0;padding:7px 9px;font-size:9px}.giftAdminList{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:12px 0;padding:10px}.giftAdminList>b{margin-bottom:8px;font-size:11px;display:block}.giftAdminRow{border-top:1px solid var(--border);grid-template-columns:minmax(130px,1fr) 92px 92px 70px;align-items:end;gap:7px;padding:6px 0;display:grid}.giftAdminRow:first-of-type{border-top:0}.giftAdminRow>span{align-self:center;font-size:10px;font-weight:800}.giftAdminRow label{margin:0;font-size:7px}.giftAdminRow input[type=number]{margin-top:3px;padding:6px;font-size:9px}.giftAdminRow .checkRow{text-transform:none;letter-spacing:0;align-self:center;margin:0}@media (width<=700px){.giftAdminRow{grid-template-columns:1fr 1fr}.giftAdminRow>span{grid-column:1/-1}}.tableFlowNotice{z-index:26;pointer-events:none;color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1a16b8;border:1px solid #ffffff29;border-radius:999px;max-width:min(420px,70%);padding:6px 10px;font-size:9px;font-weight:900;animation:1.5s both darkFlowNotice;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000003d}@keyframes darkFlowNotice{0%{opacity:0;transform:translate(-50%,-6px)scale(.96)}14%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,4px)scale(.98)}}.tileRackGrid.dragActive .rackSlot{transition:border-color 80ms,background 80ms,box-shadow 80ms,transform 80ms}.tileRackGrid.dragActive .rackSlot:before{content:"";pointer-events:none;border:1px dashed #d5b7ff1f;border-radius:5px;position:absolute;inset:2px}.tileRackGrid.dragActive .rackSlot.dropTarget{z-index:8;transform:translateY(-2px);background:#8b5cf61c!important;border-color:#c497ffd1!important;box-shadow:0 0 0 2px #b784ff33,0 0 18px #8b5cf642!important}.tileRackGrid.dragActive .rackSlot.dropTarget:before{background:linear-gradient(#c497ff14,#8b5cf608);border:2px solid #e2cfffdb}.discardRoleLabel{z-index:24;white-space:nowrap;pointer-events:none;letter-spacing:.08em;background:#05140fa8;border:1px solid #ffffff1a;border-radius:999px;padding:2px 5px;font-weight:950;line-height:1.15;position:absolute;left:50%;transform:translate(-50%);color:#ffffffdb!important;font-size:5px!important}.myPileLabel{bottom:-13px}.takePileLabel{background:#581c87bd;border-color:#c084fc61;top:-14px;color:#f5eaff!important}.duzGame .finishZone{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#142a22d1!important;border:1px dashed #ddcbff75!important;border-radius:12px!important;width:74px!important;min-height:52px!important;padding:7px 6px!important;top:50%!important;left:calc(50% + 94px)!important;transform:translate(-50%,-50%)!important;box-shadow:0 8px 22px #0003!important}.duzGame .finishZone strong{font-size:11px!important}.duzGame .finishZone span{letter-spacing:.07em;font-size:5px!important}.duzGame .finishZone.ready,.duzGame .finishZone.dropActive{background:#5b21b657!important;border-style:solid!important;border-color:#c497ffe6!important;box-shadow:0 0 0 3px #a78bfa1f,0 0 25px #8b5cf64d!important}@media (width>=1180px){.duzGame .discard-0{inset:auto 14% 34px auto!important;transform:none!important}.duzGame .discard-1{inset:auto auto 34px 14%!important;transform:none!important}.duzGame .discard-2{inset:50px auto auto 39%!important;transform:none!important}.duzGame .discard-3{inset:50px 14% auto auto!important;transform:none!important}}@media (width>=1180px) and (height<=820px){.tableFlowNotice{padding:4px 8px;font-size:7px;top:12%}.duzGame .finishZone{width:62px!important;min-height:43px!important;left:calc(50% + 82px)!important}.duzGame .finishZone strong{font-size:9px!important}.duzGame .discard-0{bottom:31px!important;right:13%!important}.duzGame .discard-1{bottom:31px!important;left:13%!important}.duzGame .discard-2{top:42px!important;left:38%!important}.duzGame .discard-3{top:42px!important;right:13%!important}}@media (width<=900px){.tableFlowNotice{max-width:76%;padding:3px 6px;font-size:6px;top:9%}.discardRoleLabel{display:none}.duzGame .finishZone{width:54px!important;min-height:38px!important;padding:4px!important;left:calc(50% + 67px)!important}.duzGame .finishZone strong{font-size:8px!important}.duzGame .finishZone span{display:none!important}}.styledName{isolation:isolate;position:relative}.styledName .nickDecor{transition:transform .18s,filter .18s;display:inline-block}.styledName.effect-glow>b{text-shadow:0 0 4px currentColor, 0 0 10px color-mix(in srgb,currentColor 55%,transparent)}.styledName.effect-glow .nickDecor{filter:drop-shadow(0 0 3px)}.styledName.effect-neon>b{text-shadow:0 0 3px #fff,0 0 8px,0 0 16px;animation:2.4s ease-in-out infinite darkNickNeon}.styledName.effect-neon .nickDecor{filter:drop-shadow(0 0 4px)}.styledName.effect-rainbow>b{text-shadow:none;background-image:linear-gradient(90deg,#ff335f,#ff9f1c,#ffd60a,#20c997,#2f80ed,#8b5cf6,#e83e8c,#ff335f);background-size:320% 100%;-webkit-background-clip:text;background-clip:text;animation:4.8s linear infinite darkNickRainbow;color:#0000!important}.styledName.effect-rainbow .nickDecor{color:#8b5cf6;filter:drop-shadow(0 0 3px #8b5cf68c)}.styledName.effect-sparkle>b{text-shadow:0 0 5px color-mix(in srgb,currentColor 60%,transparent)}.styledName.effect-sparkle .nickDecor{animation:1.8s ease-in-out infinite darkNickSparkle}.styledName.effect-sparkle .nickSuffix{animation-delay:.55s}.styledName.effect-fire>b{text-shadow:0 -1px 2px #fff3,0 0 5px #fb923c,0 0 11px #dc2626;animation:1.45s ease-in-out infinite darkNickFire}.styledName.effect-fire .nickDecor{filter:drop-shadow(0 0 4px #fb923c)}.styledName.effect-heart>b{text-shadow:0 0 4px currentColor,0 0 10px color-mix(in srgb,currentColor 60%,transparent)}.styledName.effect-heart .nickDecor{animation:1.5s ease-in-out infinite darkNickHeart}.styledName.effect-royal{border:1px solid color-mix(in srgb,currentColor 38%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 12%,transparent),transparent 55%,color-mix(in srgb,currentColor 9%,transparent));box-shadow:inset 0 0 8px color-mix(in srgb,currentColor 8%,transparent);border-radius:7px;padding:1px 5px}.styledName.effect-royal>b{text-shadow:0 1px 1px #00000042,0 0 5px color-mix(in srgb,currentColor 45%,transparent)}.styledName.effect-royal .nickDecor{filter:drop-shadow(0 0 2px)}@keyframes darkNickNeon{0%,to{filter:brightness(.92)}50%{filter:brightness(1.28)}}@keyframes darkNickRainbow{to{background-position:320% 0}}@keyframes darkNickSparkle{0%,to{opacity:.62;transform:scale(.88)rotate(-6deg)}50%{opacity:1;transform:scale(1.18)rotate(8deg)}}@keyframes darkNickFire{0%,to{filter:brightness(.96);transform:translateY(0)}50%{filter:brightness(1.14);transform:translateY(-.5px)}}@keyframes darkNickHeart{0%,to{transform:scale(.92)}45%{transform:scale(1.18)}65%{transform:scale(1.02)}}.styleTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 12px;display:grid}.styleTemplateGrid>button{background:var(--surface-2);border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0;min-height:54px;padding:7px 8px;display:flex;overflow:hidden}.styleTemplateGrid>button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.styleTemplateGrid>button small{color:var(--muted);font-size:9px;font-weight:850}.styleTemplatePreview{text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.styleColorSection{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 84%,transparent);border-radius:11px;margin:10px 0;padding:9px 10px}.styleColorSection>b{margin-bottom:7px;font-size:10px;display:block}.styleColorSection .colorSwatches{margin:0}.styleChatPreview{border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--border));background:var(--surface-2);border-radius:11px;margin-top:10px;padding:10px}.styleChatPreview>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.styleChatPreview p{overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.45}.adminStylePreview{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:9px 0;padding:10px;display:flex;overflow:hidden}.adminStylePreview small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.effectPicker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.effectPicker button{background:var(--surface-2);border-radius:9px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px;display:flex}.effectPicker button span{font-size:15px}.effectPicker button small{color:var(--muted);font-size:8px}.effectPicker button.active{border-color:var(--accent);background:var(--accent-soft)}.chatTextStyled{transition:color .15s}@media (width>=700px){.styleTemplateGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.effectPicker{grid-template-columns:repeat(4,minmax(0,1fr))}.styleTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.styledName.effect-neon>b,.styledName.effect-rainbow>b,.styledName.effect-sparkle .nickDecor,.styledName.effect-fire>b,.styledName.effect-heart .nickDecor{animation:none!important}}.duzGame .rackSlot.lastDrawSlot{z-index:12;background:linear-gradient(#8b5cf62e,#4c1d9514)!important;border-color:#c497ffeb!important;box-shadow:0 0 0 2px #c497ff38,0 0 18px #8b5cf64d!important}.duzGame .rackSlot.lastDrawSlot:before{content:"SON ÇEKİLEN";z-index:30;white-space:nowrap;color:#fff;letter-spacing:.05em;pointer-events:none;background:#6d28d9;border-radius:999px;padding:1px 4px;font-size:5px;font-weight:950;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000038}.duzGame .imageTile.newlyDrawn{outline:2px solid #c497fff2;box-shadow:0 0 0 4px #a78bfa29,0 0 16px #8b5cf685,0 4px 9px #00000047!important}.rackNewTileBadge{width:max-content;color:color-mix(in srgb,#8b5cf6 76%,var(--text));letter-spacing:.06em;background:#6d28d91f;border:1px solid #a78bfa47;border-radius:999px;align-items:center;margin-top:2px;padding:2px 5px;font-size:6px;font-style:normal;font-weight:950;display:inline-flex}.rackNewTileBadge.source-discard{background:#a855f729}@media (width>=1180px){.duzGame .feltTable{border-radius:44px!important}.duzGame .seat{border:1px solid #ffffff1a;min-width:118px!important}.duzGame .seat b{color:#f7f7fb!important;font-size:11px!important}.duzGame .seat span{color:#ffffffb8!important;font-size:8px!important}.duzGame .actionPanel{margin-top:3px!important}.duzGame .rackArea{margin-top:1px!important}.duzGame .rackHead{min-height:28px}.duzGame .tileRackGrid{grid-template-rows:repeat(2,61px)!important;grid-template-columns:repeat(15,46px)!important;padding:8px 11px 11px!important}.duzGame .rackSlot{width:46px!important;min-width:46px!important;height:60px!important}.duzGame .imageTile.okeyTile:not(.compact){width:45px!important;min-width:45px!important;height:59px!important}}@media (width>=1180px) and (height<=830px){.duzGame .feltTable{border-radius:40px!important;height:clamp(270px,38vh,305px)!important}.duzGame .gameModeStrip,.duzGame .gameInfoBar{margin-bottom:3px!important}.duzGame .actionPanel{min-height:34px!important;margin-top:3px!important}.duzGame .rackArea{margin-top:0!important;padding-top:3px!important}.duzGame .rackHead{min-height:25px!important;margin-bottom:1px!important}.duzGame .tileRackGrid{grid-template-rows:repeat(2,58px)!important;grid-template-columns:repeat(15,45px)!important}.duzGame .rackSlot{width:45px!important;min-width:45px!important;height:57px!important}.duzGame .imageTile.okeyTile:not(.compact){width:44px!important;min-width:44px!important;height:56px!important}.duzGame .discard-0,.duzGame .discard-1{bottom:28px!important}.duzGame .discard-2,.duzGame .discard-3{top:38px!important}.duzGame .centerDeck,.duzGame .finishZone{top:48%!important}}@media (width<=1179px){.duzGame .rackSlot.lastDrawSlot:before{display:none}.rackNewTileBadge{padding:1px 4px;font-size:5px}}.radioToggle,.userSettingsButton{background:var(--surface);border:1px solid var(--border);min-height:31px;color:var(--text);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:850;display:inline-flex}.radioToggle.active{border-color:color-mix(in srgb,#22c55e 58%,var(--border));background:color-mix(in srgb,#22c55e 12%,var(--surface));color:#16a34a;box-shadow:0 0 0 2px #22c55e14}.userSettingsButton:hover,.radioToggle:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.radioGameToggle.radioOn{border-color:color-mix(in srgb,#22c55e 58%,var(--border));background:color-mix(in srgb,#22c55e 13%,var(--surface));box-shadow:0 0 0 2px #22c55e14}.userSettingsBackdrop{z-index:10000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030712a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.userSettingsModal{border:1px solid var(--border);background:var(--surface);width:min(880px,96vw);max-height:min(760px,92dvh);color:var(--text);border-radius:22px;overflow:hidden;box-shadow:0 28px 90px #00000061}.userSettingsHead{border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface));justify-content:space-between;align-items:flex-start;gap:18px;min-height:96px;padding:18px 20px;display:flex}.userSettingsHead h2{margin:2px 0 4px;font-size:25px}.userSettingsHead>div>span{max-width:620px;color:var(--muted);font-size:11px;line-height:1.5;display:block}.userSettingsClose{background:var(--surface-2);border-radius:10px;width:35px;min-width:35px;height:35px;padding:0;font-size:22px;line-height:1}.userSettingsBody{grid-template-columns:178px minmax(0,1fr);min-height:480px;max-height:calc(92dvh - 96px);display:grid}.userSettingsNav{border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface));flex-direction:column;gap:7px;padding:13px;display:flex}.userSettingsNav button{min-height:48px;color:var(--muted);background:0 0;border-radius:12px;justify-content:flex-start;align-items:center;gap:9px;padding:10px 12px;display:flex}.userSettingsNav button span{font-size:17px}.userSettingsNav button b{font-size:11px}.userSettingsNav button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-soft)}.userSettingsContent{min-width:0;padding:18px;overflow:auto}.settingsPane{gap:13px;display:grid}.settingsProfilePreview{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.settingsAvatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;place-items:center;width:46px;height:46px;font-size:15px;font-weight:950;display:grid;box-shadow:0 7px 18px #4c1d953b}.settingsProfilePreview small{color:var(--muted);letter-spacing:.09em;margin-bottom:4px;font-size:8px;font-weight:900;display:block}.settingsGroup{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 74%,transparent);border-radius:14px;padding:14px}.settingsGroupTitle{justify-content:space-between;align-items:center;gap:14px;display:flex}.settingsGroupTitle>div{flex-direction:column;gap:3px;display:flex}.settingsGroupTitle b{font-size:12px}.settingsGroupTitle span{color:var(--muted);font-size:10px;line-height:1.4}.settingsSwitch{background:var(--surface);border-radius:999px;align-items:center;gap:7px;min-width:86px;min-height:32px;padding:4px 8px 4px 5px;font-size:9px;font-weight:900;display:flex}.settingsSwitch i{background:var(--muted-2);border-radius:50%;width:20px;height:20px;transition:transform .14s,background .14s}.settingsSwitch.on{border-color:color-mix(in srgb,#22c55e 60%,var(--border));color:#16a34a;background:color-mix(in srgb,#22c55e 10%,var(--surface))}.settingsSwitch.on i{background:#22c55e}.settingsSlider{color:var(--muted);grid-template-columns:auto auto;align-items:center;gap:7px 10px;margin-top:13px;font-size:10px;display:grid}.settingsSlider strong{color:var(--text);justify-self:end}.settingsSlider input{width:100%;accent-color:var(--accent);grid-column:1/-1}.settingsInfo{background:var(--surface);color:var(--muted);border-radius:9px;margin:10px 0 0;padding:8px 10px;font-size:9px;line-height:1.45}.settingsInfo.warning{color:#d97706;border:1px solid color-mix(in srgb,#f59e0b 36%,var(--border))}.settingsInfo.success{color:#16a34a}.settingsInfo code{font-size:8px}.settingsChoiceRow{gap:7px;margin-top:11px;display:grid}.settingsChoiceRow.two{grid-template-columns:repeat(2,1fr)}.settingsChoiceRow.three{grid-template-columns:repeat(3,1fr)}.settingsChoiceRow button{background:var(--surface);min-height:38px;padding:8px;font-size:10px}.settingsChoiceRow button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.settingsPaneIntro{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 27%,var(--border));border-radius:12px;padding:11px 12px}.settingsPaneIntro b{margin-bottom:3px;font-size:12px;display:block}.settingsPaneIntro span{color:var(--muted);font-size:10px;line-height:1.4}.settingsColorsPane .nameStyleChooser{border-top:0;margin-top:0;padding-top:0}.mobileControlInfo{flex-direction:column;gap:5px;display:flex}.mobileControlInfo>b{font-size:12px}.mobileControlInfo>span{color:var(--text);font-size:10px;line-height:1.5}.mobileControlInfo>small{color:var(--muted);font-size:9px}@media (width<=700px){.lobbyTopbar .radioToggle{width:31px;min-width:31px;padding:0;font-size:0;overflow:hidden}.lobbyTopbar .radioToggle:before{content:"📻";font-size:13px}.lobbyTopbar .radioToggle.active:before{filter:drop-shadow(0 0 4px #22c55e80)}.lobbyTopbar .userSettingsButton{width:31px;min-width:31px;padding:0;font-size:13px}.lobbyTopbar .userSettingsButton span{display:none}.userSettingsBackdrop{align-items:end;padding:0}.userSettingsModal{border-radius:20px 20px 0 0;width:100%;max-height:94dvh}.userSettingsHead{min-height:82px;padding:13px 14px}.userSettingsHead h2{font-size:20px}.userSettingsHead>div>span{font-size:9px}.userSettingsBody{grid-template-columns:1fr;min-height:0;max-height:calc(94dvh - 82px)}.userSettingsNav{z-index:4;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;padding:7px;position:sticky;top:0}.userSettingsNav button{flex:1;justify-content:center;min-height:42px;padding:7px 5px}.userSettingsNav button span{font-size:14px}.userSettingsNav button b{font-size:8px}.userSettingsContent{padding:10px}.settingsGroup{padding:11px}.settingsGroupTitle span{font-size:8px}.settingsProfilePreview{padding:10px}.styleTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.membershipBadge{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 5px 16px #00000014}.membershipBadge i{font-size:13px;font-style:normal}.membershipBadge.compact{vertical-align:middle;gap:0;min-height:24px;padding:2px 6px}.membershipBadge.tier-normal{color:#64748b}.membershipBadge.tier-vip{color:#a855f7;background:#a855f714;border-color:#a855f759}.membershipBadge.tier-gold{color:#b7791f;background:#eab3081a;border-color:#ca8a046b}.membershipBadge.tier-platinum{color:#64748b;background:linear-gradient(135deg,#f1f5f9e6,#94a3b821);border-color:#94a3b88c}:root[data-theme=dark] .membershipBadge.tier-platinum{color:#e2e8f0;background:linear-gradient(135deg,#e2e8f024,#47556933)}.membershipCurrentCard{border:1px solid var(--border);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.membershipCurrentCard>div{gap:3px;display:grid}.membershipCurrentCard small{letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:900}.membershipCurrentCard strong{font-size:24px}.membershipCurrentCard span{color:var(--muted);font-size:13px}.membershipPlanGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.membershipPlanCard{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:15px;gap:7px;padding:14px;display:grid}.membershipPlanCard.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.membershipPlanCard p{color:var(--text);margin:0;font-size:12px;line-height:1.45}.membershipPlanCard>small{color:var(--muted);line-height:1.4}.membershipPlanTitle{align-items:center;gap:7px;display:flex}.membershipPlanTitle>span{font-size:19px}.membershipPlanTitle b{font-size:15px}.membershipPlanTitle em{color:#16a34a;background:#22c55e1f;border-radius:999px;margin-left:auto;padding:3px 6px;font-size:9px;font-style:normal;font-weight:900}.membershipPlanCard.tier-vip{border-color:#a855f740}.membershipPlanCard.tier-gold{border-color:#ca8a0447}.membershipPlanCard.tier-platinum{border-color:#94a3b861}.membershipTermNote{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:14px;gap:5px;padding:14px;display:grid}.membershipTermNote span{color:var(--muted);font-size:12px;line-height:1.5}.tableThemePicker{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:16px;margin-top:12px;padding:13px}.tableThemePickerHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.tableThemePickerHead>div{gap:2px;display:grid}.tableThemePickerHead span{color:var(--muted);font-size:11px}.tableThemeOptions{grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px;display:grid}.tableThemeOption{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:13px;flex-direction:column;gap:5px;min-height:132px;padding:8px;display:flex}.tableThemeOption:hover:not(:disabled),.tableThemeOption.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));transform:translateY(-1px);box-shadow:0 8px 22px #0000001a}.tableThemeOption.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.tableThemeOption.locked{opacity:.55;cursor:not-allowed}.tableThemeOption>b{font-size:12px}.tableThemeOption>small{color:var(--muted);flex:1;font-size:10px;line-height:1.25}.tableThemeOption>em{color:var(--accent);font-size:9px;font-style:normal;font-weight:900}.themePreview{border:3px solid #00000038;border-radius:9px;height:38px;display:block;position:relative;overflow:hidden}.themePreview i{position:absolute;inset:0}.tableThemeOption.theme-classic-green .themePreview i{background:radial-gradient(circle at 50% 45%,#2d7756,#123d2d 70%)}.tableThemeOption.theme-dark-modern .themePreview i{background:radial-gradient(circle at 48% 42%,#173a33,#071a18 72%)}.tableThemeOption.theme-vip-lounge .themePreview i{background:radial-gradient(circle at 50% 45%,#3a234b,#180d24 72%)}.tableThemeOption.theme-rustic-gold .themePreview i{background:linear-gradient(90deg,#ffffff08 0 3%,#0000 3% 12%),radial-gradient(circle at 50% 45%,#51351f,#1c100a 74%)}.tableThemeOption.theme-platinum-black-gold .themePreview i{background:linear-gradient(135deg,#171717,#080808 62%,#3b2b0c)}.adminMembershipWorkshop{margin-top:12px}.adminMembershipGrid{grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-top:10px;display:grid}.adminMembershipGrid label{color:var(--muted);gap:4px;font-size:11px;display:grid}.adminMembershipGrid select,.adminMembershipGrid input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--text);border-radius:9px;padding:7px 9px}.membershipPresetDays{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.membershipPresetDays button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 9px}.membershipPresetDays button.active{border-color:var(--accent);color:var(--accent)}.adminMembershipActions{gap:8px;margin-top:10px;display:flex}.adminMembershipTarget{color:var(--muted);align-items:center;gap:8px;margin-top:9px;font-size:11px;display:flex}.gameScreen.tableTheme-classic-green .feltTable{background:radial-gradient(circle at 50% 45%,#28634a 0%,#1b4a37 55%,#103024 100%)!important;border-color:#2a2f35!important}.gameScreen.tableTheme-classic-green .tileRackGrid{background:linear-gradient(#6d4a32,#4a2f20)!important;border-color:#2c1a10!important}.gameScreen.tableTheme-dark-modern .feltTable{background:radial-gradient(circle at 48% 42%,#17463b 0%,#0f332c 58%,#071c18 100%)!important;border-color:#151c1c!important;box-shadow:inset 0 0 90px #00000085,0 20px 55px #00000047!important}.gameScreen.tableTheme-dark-modern .tileRackGrid{background:linear-gradient(#3c3029,#221a16)!important;border-color:#15100d!important}.gameScreen.tableTheme-vip-lounge .feltTable{background:radial-gradient(circle at 50% 45%,#422751 0%,#261631 58%,#100918 100%)!important;border-color:#24172a!important;box-shadow:inset 0 0 90px #00000094,0 0 32px #a855f724!important}.gameScreen.tableTheme-vip-lounge .tileRackGrid{background:linear-gradient(#493445,#251d28)!important;border-color:#1b101e!important}.gameScreen.tableTheme-rustic-gold .feltTable{background:radial-gradient(circle at 50% 42%,#2c3329 0%,#171d18 58%,#0d110e 100%)!important;border-color:#4b2e1c!important;box-shadow:inset 0 0 100px #0000009e,0 14px #1d1009,0 24px 58px #00000061!important}.gameScreen.tableTheme-rustic-gold .rackArea{background:linear-gradient(#2e1d13,#17100c)!important;border-color:#6d4628!important}.gameScreen.tableTheme-rustic-gold .tileRackGrid{background:repeating-linear-gradient(90deg,#ffffff06 0 2px,#00000006 2px 46px),linear-gradient(#563820,#2b1a10)!important;border-color:#140b06!important;box-shadow:inset 0 4px #ffcf840f,inset 0 -7px 16px #0000007a,0 9px 28px #00000057!important}.gameScreen.tableTheme-rustic-gold .centerLogo{color:#b78952!important}.gameScreen.tableTheme-platinum-black-gold .feltTable{background:linear-gradient(125deg,#ffffff09,#0000 26%),radial-gradient(circle at 48% 42%,#222 0%,#0f0f10 58%,#050506 100%)!important;border-color:#7c5b21!important;box-shadow:inset 0 0 100px #000000b3,0 0 0 2px #cda95224,0 22px 60px #00000073!important}.gameScreen.tableTheme-platinum-black-gold .rackArea{background:linear-gradient(#171717,#090909)!important;border-color:#6a5122!important}.gameScreen.tableTheme-platinum-black-gold .tileRackGrid{background:linear-gradient(#27221a,#0d0c0a)!important;border-color:#9b762f!important;box-shadow:inset 0 2px #ffde9314,inset 0 -6px 15px #00000094,0 12px 30px #0000006b!important}.gameScreen.tableTheme-platinum-black-gold .centerLogo{text-shadow:0 1px #000,0 0 15px #d2aa522e;color:#d2aa52!important}@media (width<=760px){.membershipPlanGrid{grid-template-columns:1fr}.tableThemeOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.adminMembershipGrid{grid-template-columns:1fr 1fr}.membershipBadge:not(.compact) b{display:none}}main.gameScreen.duzGame .rackArea{padding-bottom:8px!important;overflow:visible!important}main.gameScreen.duzGame .rackBoardShell{grid-template-columns:minmax(0,1fr) 82px;align-items:stretch;gap:8px;width:min(100%,1040px);margin:0 auto;display:grid}main.gameScreen.duzGame .tileRackGrid{aspect-ratio:1500/260!important;box-sizing:border-box!important;overscroll-behavior:none!important;scrollbar-width:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background-color:#0000!important;background-image:url(/assets/rack/rustic-rack.svg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border:0!important;border-radius:0!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;gap:3px 4px!important;margin:0!important;padding:2.35% 3.65%!important;display:grid!important;overflow:hidden!important}main.gameScreen.duzGame .tileRackGrid::-webkit-scrollbar{display:none!important}main.gameScreen.duzGame .rackSlot{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:6px!important;margin:0!important;padding:0!important;position:relative!important;overflow:visible!important}main.gameScreen.duzGame .rackSlot:after{display:none!important}main.gameScreen.duzGame .rackSlot.occupied .imageTile.okeyTile:not(.compact),main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact){aspect-ratio:47/70!important;object-fit:contain!important;width:auto!important;min-width:0!important;max-width:88%!important;height:94%!important;max-height:94%!important;margin:0!important;position:absolute!important;bottom:2px!important;left:50%!important;transform:translate(-50%)!important}main.gameScreen.duzGame .rackSlot .imageTile.okeyTile.selected:not(.compact){filter:drop-shadow(0 7px 8px #0000006b);z-index:15!important;transform:translate(-50%,0)!important}main.gameScreen.duzGame .imageTile.invertedOkey img{transform:rotate(180deg)!important}main.gameScreen.duzGame .imageTile.invertedOkey{outline-offset:1px!important;outline:2px solid #dcaa4ab3!important}main.gameScreen.duzGame .feltTable .discard-0{display:none!important}main.gameScreen.duzGame .myDiscardDock{appearance:none;color:#ead8bb;background:linear-gradient(#ffffff09,#00000014),linear-gradient(#56371f,#26170f 58%,#130c08);border:4px solid #24150d;border-radius:14px;grid-template-rows:auto 1fr auto;place-items:center;gap:4px;width:82px;min-width:82px;height:100%;min-height:0;margin:0;padding:8px 6px 7px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #a96f3873,inset 0 -9px 16px #00000061,0 7px 18px #00000047}main.gameScreen.duzGame .myDiscardDock:disabled{opacity:1;cursor:default}main.gameScreen.duzGame .myDiscardDock.ready{cursor:pointer;border-color:#6f4c23;box-shadow:inset 0 0 0 2px #f6c66559,0 0 0 2px #bc843726,0 7px 18px #0000004d}main.gameScreen.duzGame .discardDockTitle{letter-spacing:.12em;color:#e5bc72;font:950 12px/1.1 system-ui,sans-serif}main.gameScreen.duzGame .discardDockTile{background:#08060485;border:1px solid #dfb87047;border-radius:9px;place-items:center;width:54px;min-height:70px;display:grid;box-shadow:inset 0 2px 8px #000000a6}main.gameScreen.duzGame .discardDockTile i{color:#ebdcc36b;font-size:18px;font-style:normal}main.gameScreen.duzGame .myDiscardDock .imageTile.okeyTile.compact{opacity:1!important;visibility:visible!important;width:43px!important;min-width:43px!important;height:63px!important;display:grid!important;transform:none!important}main.gameScreen.duzGame .myDiscardDock small{color:#ead8bbb8;white-space:nowrap;font-size:7px;font-weight:900}@media (width<=700px) and (orientation:portrait){main.gameScreen.duzGame .rackBoardShell{grid-template-columns:minmax(0,1fr) 58px;gap:4px}main.gameScreen.duzGame .tileRackGrid{aspect-ratio:1500/276!important;gap:2px!important;padding:2.6% 3.55% 2.5%!important;overflow:hidden!important}main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact){max-width:91%!important;height:93%!important}main.gameScreen.duzGame .rackSlot .imageTile.okeyTile.selected:not(.compact){transform:translate(-50%,0)!important}main.gameScreen.duzGame .myDiscardDock{border-width:3px;border-radius:10px;width:58px;min-width:58px;padding:5px 3px}main.gameScreen.duzGame .discardDockTitle{font-size:8px}main.gameScreen.duzGame .discardDockTile{border-radius:7px;width:42px;min-height:51px}main.gameScreen.duzGame .myDiscardDock .imageTile.okeyTile.compact{width:32px!important;min-width:32px!important;height:47px!important}main.gameScreen.duzGame .myDiscardDock small{font-size:5px}}@media (width<=980px) and (orientation:landscape) and (height<=560px){main.gameScreen.duzGame .rackBoardShell{grid-template-columns:minmax(0,1fr) 56px;gap:4px}main.gameScreen.duzGame .tileRackGrid{aspect-ratio:1500/250!important;gap:2px!important;padding:2.2% 3.55%!important;overflow:hidden!important}main.gameScreen.duzGame .myDiscardDock{border-width:3px;width:56px;min-width:56px;padding:4px 3px}main.gameScreen.duzGame .discardDockTile{width:39px;min-height:48px}main.gameScreen.duzGame .myDiscardDock .imageTile.okeyTile.compact{width:30px!important;min-width:30px!important;height:44px!important}}main.gameScreen.duzGame .tileRackGrid{aspect-ratio:1500/300!important;gap:clamp(6px,1.05vw,13px) clamp(2px,.65vw,7px)!important;padding:2.7% 4.1% 4.7% 3.6%!important}@media (width<=700px) and (orientation:portrait){main.gameScreen.duzGame .tileRackGrid{aspect-ratio:1500/450!important;gap:5px 2px!important;padding:3% 3.8% 3% 3.6%!important}main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact){max-width:88%!important;height:94%!important}}@media (width<=980px) and (orientation:landscape) and (height<=560px){main.gameScreen.duzGame .tileRackGrid{aspect-ratio:1500/340!important;gap:5px 2px!important;padding:2.8% 3.9% 3.2% 3.6%!important}}.desktopSocialToggle{display:none}@media (width>=1180px){.gameScreen .desktopSocialToggle{z-index:72;border:1px solid var(--border);background:var(--surface);min-width:28px;height:34px;color:var(--text);border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:900;display:flex;position:fixed;top:64px;right:338px;box-shadow:0 8px 24px #0003}.gameScreen .desktopSocialToggle.collapsed{min-width:88px;right:8px}.gameScreen.socialCollapsed .gameTableWrap{padding-right:14px!important}}main.gameScreen.duzGame{--game-social-w:326px;--game-gap:8px;--felt-1:#153f36;--felt-2:#0d302b;--felt-3:#08241f;--wood-1:#6a442c;--wood-2:#402819;--turn-glow:#a78bfa;--take-glow:#7dd3fc;--finish-glow:#fbbf24;background:radial-gradient(circle at 14% 12%, color-mix(in srgb,var(--accent) 7%,transparent), transparent 28%), radial-gradient(circle at 76% 72%, #10b9810e, transparent 34%), var(--bg)}main.gameScreen.duzGame .topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:110!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;gap:8px!important;height:44px!important;min-height:44px!important;padding:4px 10px!important;position:relative!important}main.gameScreen.duzGame .brand.small{line-height:1;font-size:19px!important}main.gameScreen.duzGame .topbarRight{min-width:0;gap:5px!important}main.gameScreen.duzGame .stats{white-space:nowrap;font-size:10px!important}main.gameScreen.duzGame .balancePills span{padding:4px 6px!important;font-size:7px!important}main.gameScreen.duzGame .liveSpeedControl,main.gameScreen.duzGame .visualSpeedControl{min-height:28px}main.gameScreen.duzGame .liveSpeedControl button,main.gameScreen.duzGame .visualSpeedControl button{height:23px!important;min-height:23px!important}main.gameScreen.duzGame .gameTableWrap{min-width:0;box-sizing:border-box!important;max-width:none!important;margin:0!important;padding:6px 8px 8px!important}main.gameScreen.duzGame .gameModeStrip{display:none!important}main.gameScreen.duzGame .tableScoreStrip{width:min(100%,1040px)!important;min-height:30px!important;box-shadow:none!important;background:0 0!important;border:0!important;gap:4px!important;margin:0 auto 4px!important;padding:0!important}main.gameScreen.duzGame .scoreRuleChip,main.gameScreen.duzGame .scorePlayers>span{min-height:30px!important;box-shadow:none!important;border-radius:9px!important;padding:3px 6px!important}main.gameScreen.duzGame .scoreRuleChip small,main.gameScreen.duzGame .scorePlayers i{font-size:6px!important}main.gameScreen.duzGame .scoreRuleChip b,main.gameScreen.duzGame .scorePlayers b,main.gameScreen.duzGame .scoreRuleChip span,main.gameScreen.duzGame .scorePlayers strong{font-size:8px!important}main.gameScreen.duzGame .gameInfoBar{z-index:35!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-radius:10px!important;grid-template-columns:minmax(118px,1.2fr) minmax(100px,1fr) repeat(4,minmax(72px,.76fr))!important;gap:3px!important;width:min(100%,1040px)!important;margin:0 auto 4px!important;padding:2px!important;display:grid!important;position:relative!important;top:auto!important;overflow:visible!important;box-shadow:0 3px 10px #0000000f!important}main.gameScreen.duzGame .gameInfoBar>div{border-radius:8px!important;gap:5px!important;min-width:0!important;min-height:34px!important;padding:3px 6px!important}main.gameScreen.duzGame .gameInfoBar small{letter-spacing:.07em!important;font-size:6px!important}main.gameScreen.duzGame .gameInfoBar strong{font-size:11px!important;line-height:1!important}main.gameScreen.duzGame .gameInfoBar span{font-size:7px!important}main.gameScreen.duzGame .gameInfoBar .imageTile.okeyTile.compact{width:26px!important;min-width:26px!important;height:35px!important}main.gameScreen.duzGame .gameInfoBar .tileSpecial{font-size:4px!important}main.gameScreen.duzGame .feltTable{background:linear-gradient(var(--felt-1),var(--felt-3)) padding-box, linear-gradient(145deg,var(--wood-1),#8a6040 24%,var(--wood-2) 67%,#7a5236) border-box!important;border:9px solid #0000!important;border-radius:42px!important;width:min(100%,980px)!important;height:clamp(300px,42vh,390px)!important;margin:0 auto!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 24px 55px #ffffff05,inset 0 -25px 70px #0000002e,0 10px 28px #00000024!important}main.gameScreen.duzGame .feltTable:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 49%,#ffffff06,#0000 34%),linear-gradient(90deg,#0000 49.85%,#ffffff06 50%,#0000 50.15%),linear-gradient(#0000 49.85%,#ffffff05 50%,#0000 50.15%);position:absolute;inset:0}main.gameScreen.duzGame .centerLogo{letter-spacing:-.05em;opacity:.09!important;font-size:34px!important;line-height:.8!important}main.gameScreen.duzGame .seat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20!important;background:#041412b8!important;border:1px solid #ffffff17!important;border-radius:11px!important;min-width:112px!important;max-width:148px!important;padding:6px 8px!important;box-shadow:0 4px 12px #0000002e!important}main.gameScreen.duzGame .seat.turn{border-color:color-mix(in srgb,var(--turn-glow) 70%,white)!important;box-shadow:0 0 0 2px #a78bfa2b,0 0 18px #8b5cf638!important}main.gameScreen.duzGame .seat b{color:#f8fafc!important;font-size:10px!important}main.gameScreen.duzGame .seat span{color:#f8fafcad!important;font-size:7px!important}main.gameScreen.duzGame .seat-0{inset:auto auto 8px 50%!important;transform:translate(-50%)!important}main.gameScreen.duzGame .seat-1{inset:50% auto auto 8px!important;transform:translateY(-50%)!important}main.gameScreen.duzGame .seat-2{inset:8px auto auto 50%!important;transform:translate(-50%)!important}main.gameScreen.duzGame .seat-3{inset:50% 8px auto auto!important;transform:translateY(-50%)!important}main.gameScreen.duzGame .discardSpot{z-index:24!important;background:#020f0e38!important;border:1px dashed #ffffff1f!important;border-radius:10px!important;outline:none!important;width:54px!important;min-width:54px!important;min-height:67px!important}main.gameScreen.duzGame .discard-0{inset:auto 17% 13% auto!important;transform:none!important}main.gameScreen.duzGame .discard-1{inset:auto auto 18% 14%!important;transform:none!important}main.gameScreen.duzGame .discard-2{inset:15% auto auto 35%!important;transform:none!important}main.gameScreen.duzGame .discard-3{inset:18% 14% auto auto!important;transform:none!important}main.gameScreen.duzGame .discardSpot .imageTile.okeyTile.compact{width:41px!important;min-width:41px!important;height:55px!important}main.gameScreen.duzGame .discardSpot>small{font-size:6px!important}main.gameScreen.duzGame .discardRoleLabel{white-space:nowrap;border-radius:999px!important;padding:2px 5px!important;font-size:6px!important;top:-14px!important}main.gameScreen.duzGame .discardSpot.takeableDiscard{cursor:pointer!important;background:#0e74902e!important;border:2px solid #7dd3fcc2!important;box-shadow:0 0 0 3px #7dd3fc1a,0 0 22px #38bdf833!important}main.gameScreen.duzGame .discardSpot.takeableDiscard:hover,main.gameScreen.duzGame .discardSpot.takeableDiscard:focus-visible{transform:translateY(-2px)!important;box-shadow:0 0 0 3px #7dd3fc2b,0 0 28px #38bdf852!important}main.gameScreen.duzGame .takeDiscardHint{z-index:30!important;color:#fff!important;background:#0369a1!important;border-radius:999px!important;min-width:70px!important;padding:3px 6px!important;font-size:6px!important;position:absolute!important;bottom:-18px!important;left:50%!important;transform:translate(-50%)!important}main.gameScreen.duzGame .discardHistoryCount{font-size:6px!important;top:-16px!important;right:-15px!important}main.gameScreen.duzGame .myPileLabel{color:#fff!important;background:#7c2d12!important}main.gameScreen.duzGame .takePileLabel{color:#fff!important;background:#0369a1!important}main.gameScreen.duzGame .centerDeck{z-index:18!important;top:49%!important;left:50%!important;transform:translate(-50%,-50%)!important}main.gameScreen.duzGame .centerDeck .deckStack img{width:52px!important;height:70px!important}main.gameScreen.duzGame .centerDeck small{font-size:6px!important}main.gameScreen.duzGame .finishZone{color:#fde68a!important;z-index:19!important;background:#78350f2e!important;border:1.5px dashed #fbbf247a!important;border-radius:13px!important;width:92px!important;min-height:64px!important;top:49%!important;left:62%!important;transform:translate(-50%,-50%)!important}main.gameScreen.duzGame .finishZone strong{font-size:11px!important}main.gameScreen.duzGame .finishZone span{font-size:6px!important}main.gameScreen.duzGame .finishZone.handReady{animation:1.35s ease-in-out infinite v027FinishReady;color:#fff7ed!important;background:linear-gradient(145deg,#b45309c7,#78350fdb)!important;border-style:solid!important;border-color:#fbbf24!important;box-shadow:0 0 0 3px #fbbf2424,0 0 22px #f59e0b47!important}main.gameScreen.duzGame .finishZone.selectedReady{box-shadow:0 0 0 4px #fbbf2433,0 0 28px #f59e0b61!important}@keyframes v027FinishReady{0%,to{filter:brightness(.96)}50%{filter:brightness(1.12)}}main.gameScreen.duzGame .tableFlowNotice{color:#f8fafc!important;z-index:34!important;background:#041412c7!important;border:1px solid #ffffff1f!important;border-radius:999px!important;padding:5px 8px!important;font-size:8px!important;top:50%!important;left:50%!important;transform:translate(-50%,-92px)!important}main.gameScreen.duzGame .handFinishedOverlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80!important;color:#fff!important;background:#051111eb!important;border:1px solid #ffffff2e!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:auto!important;height:auto!important;display:flex!important;position:absolute!important;inset:18%!important;transform:none!important;box-shadow:0 24px 70px #00000061!important}main.gameScreen.duzGame .handFinishedOverlay small{letter-spacing:.15em;font-size:8px!important}main.gameScreen.duzGame .handFinishedOverlay>strong{font-size:22px!important}main.gameScreen.duzGame .handFinishedOverlay>span{color:#ffffffb8!important;font-size:9px!important}main.gameScreen.duzGame .handFinishedOverlay .restartBig{min-height:40px!important;padding:9px 16px!important;font-size:9px!important}main.gameScreen.duzGame .actionPanel,main.gameScreen.duzGame .postHandAction{width:min(100%,980px)!important;min-height:34px!important;box-shadow:none!important;border-radius:9px!important;margin:4px auto 0!important;padding:5px 8px!important}main.gameScreen.duzGame .actionPanel b{font-size:9px!important}main.gameScreen.duzGame .actionPanel span{font-size:7px!important;line-height:1.25!important}main.gameScreen.duzGame .gestureLegend span{font-size:6px!important}main.gameScreen.duzGame .finishReadyNotice{background:#0596691f;border:1px solid #10b98152;border-radius:7px;align-items:center;padding:3px 6px;color:#047857!important;display:inline-flex!important}:root[data-theme=dark] main.gameScreen.duzGame .finishReadyNotice{color:#6ee7b7!important}main.gameScreen.duzGame .rackArea{width:min(100%,980px)!important;max-width:980px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:12px!important;margin:3px auto 0!important;padding:3px 6px 5px!important;position:relative!important;overflow:visible!important}main.gameScreen.duzGame .rackHead{align-items:center!important;min-height:27px!important;margin:0 auto 2px!important}main.gameScreen.duzGame .rackHead>div:first-child{gap:1px!important}main.gameScreen.duzGame .rackHead>div:first-child>span{display:none!important}main.gameScreen.duzGame .rackHead>div:first-child>b{font-size:10px!important}main.gameScreen.duzGame .rackTools{gap:3px!important}main.gameScreen.duzGame .rackTools button{border-radius:7px!important;padding:4px 7px!important;font-size:7px!important}main.gameScreen.duzGame .rackMode{font-size:6px!important}main.gameScreen.duzGame .rackNewTileBadge{margin-top:1px!important;font-size:5px!important}main.gameScreen.duzGame .tileRackGrid{scrollbar-width:thin;background:linear-gradient(#7b5639 0%,#65442d 46%,#50321f 100%)!important;border:2px solid #4b2f20!important;border-radius:13px!important;grid-template-rows:repeat(2,56px)!important;grid-template-columns:repeat(15,42px)!important;gap:1px 0!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;padding:7px 9px 9px!important;display:grid!important;overflow:auto visible!important;box-shadow:inset 0 2px #ffffff21,inset 0 -8px 15px #0000003d,0 7px 16px #00000024!important}main.gameScreen.duzGame .rackSlot{border:1px solid #ffffff09!important;border-radius:3px!important;width:42px!important;min-width:42px!important;height:55px!important;position:relative!important}main.gameScreen.duzGame .imageTile.okeyTile:not(.compact){width:41px!important;min-width:41px!important;height:54px!important}main.gameScreen.duzGame .imageTile.finishCandidate{box-shadow:inset 0 -3px #10b981,0 0 0 1px #10b98140!important}main.gameScreen.duzGame .imageTile.finishCandidate:before{content:"✓";z-index:31;color:#fff;pointer-events:none;background:#059669;border-radius:50%;place-items:center;width:12px;height:12px;font:900 8px/1 system-ui,sans-serif;display:grid;position:absolute;top:2px;left:2px}main.gameScreen.duzGame .rackSlot.dropTarget{background:#8b5cf633!important;border-color:#c4b5fd!important;box-shadow:inset 0 0 0 2px #c4b5fd70,0 0 12px #8b5cf642!important}main.gameScreen.duzGame .rackSlot.lastDrawSlot:before{bottom:-9px!important}main.gameScreen.duzGame .gameNotice{max-width:700px!important;margin:3px auto 0!important;padding:4px 7px!important;font-size:7px!important}main.gameScreen.duzGame .dangerGhost{opacity:.72;padding:4px 7px!important;font-size:6px!important;position:absolute!important;bottom:7px!important;left:6px!important}@media (width>=1180px){main.gameScreen.duzGame{height:100dvh!important;min-height:0!important;overflow:hidden!important}main.gameScreen.duzGame .gameTableWrap{height:calc(100dvh - 44px)!important;margin-right:calc(var(--game-social-w) + var(--game-gap))!important;overflow:hidden!important}main.gameScreen.duzGame .gameChatDock.floatingSocial.desktopSocialRail{width:var(--game-social-w)!important;z-index:75!important;margin:0!important;position:fixed!important;top:50px!important;bottom:7px!important;right:7px!important}main.gameScreen.duzGame .desktopSocialRail .chatPanel{height:100%!important;max-height:none!important}main.gameScreen.duzGame .desktopSocialRail .chatMessages{flex:auto!important;height:auto!important;min-height:0!important}main.gameScreen.duzGame .gameSocialLauncher{display:none!important}main.gameScreen.duzGame .nextHandDock{right:calc(var(--game-social-w) + 16px)!important}}@media (width>=1180px) and (height<=820px){main.gameScreen.duzGame{--game-social-w:300px}main.gameScreen.duzGame .feltTable{border-radius:36px!important;width:min(100%,900px)!important;height:clamp(278px,39vh,310px)!important}main.gameScreen.duzGame .tableScoreStrip,main.gameScreen.duzGame .gameInfoBar,main.gameScreen.duzGame .actionPanel,main.gameScreen.duzGame .rackArea{width:min(100%,900px)!important}main.gameScreen.duzGame .tileRackGrid{grid-template-rows:repeat(2,52px)!important;grid-template-columns:repeat(15,40px)!important}main.gameScreen.duzGame .rackSlot{width:40px!important;min-width:40px!important;height:51px!important}main.gameScreen.duzGame .imageTile.okeyTile:not(.compact){width:39px!important;min-width:39px!important;height:50px!important}main.gameScreen.duzGame .rackHead{min-height:23px!important}main.gameScreen.duzGame .actionPanel{min-height:30px!important}main.gameScreen.duzGame .gameTableWrap{padding-top:4px!important}main.gameScreen.duzGame .scoreRuleChip{display:none!important}main.gameScreen.duzGame .scorePlayers{width:100%!important}}@media (width>=701px) and (width<=1179px){main.gameScreen.duzGame{overflow-x:hidden!important}main.gameScreen.duzGame .gameTableWrap{padding:5px 7px 72px!important;overflow:visible!important}main.gameScreen.duzGame .tableScoreStrip,main.gameScreen.duzGame .gameInfoBar,main.gameScreen.duzGame .actionPanel,main.gameScreen.duzGame .rackArea{width:min(100%,900px)!important}main.gameScreen.duzGame .feltTable{width:min(100%,900px)!important;height:clamp(290px,43vw,350px)!important}main.gameScreen.duzGame .gameInfoBar{grid-template-columns:repeat(6,minmax(85px,1fr))!important;overflow-x:auto!important}main.gameScreen.duzGame .discard-0{bottom:13%!important;right:14%!important}main.gameScreen.duzGame .discard-1{bottom:18%!important;left:11%!important}main.gameScreen.duzGame .discard-2{top:15%!important;left:34%!important}main.gameScreen.duzGame .discard-3{top:18%!important;right:11%!important}main.gameScreen.duzGame .tileRackGrid{grid-template-rows:repeat(2,52px)!important;grid-template-columns:repeat(15,39px)!important}main.gameScreen.duzGame .rackSlot{width:39px!important;min-width:39px!important;height:51px!important}main.gameScreen.duzGame .imageTile.okeyTile:not(.compact){width:38px!important;min-width:38px!important;height:50px!important}}@media (width<=700px) and (orientation:portrait){main.gameScreen.duzGame .topbar{height:42px!important;min-height:42px!important;padding:4px 6px!important}main.gameScreen.duzGame .brand.small{font-size:16px!important}main.gameScreen.duzGame .stats,main.gameScreen.duzGame .balancePills,main.gameScreen.duzGame .liveSpeedControl,main.gameScreen.duzGame .visualSpeedControl,main.gameScreen.duzGame .themeToggle b{display:none!important}main.gameScreen.duzGame .gameTableWrap{padding:4px 4px 66px!important}main.gameScreen.duzGame .tableScoreStrip{width:100%!important;display:flex!important;overflow-x:auto!important}main.gameScreen.duzGame .scoreRuleChip{display:none!important}main.gameScreen.duzGame .scorePlayers{min-width:390px!important}main.gameScreen.duzGame .gameInfoBar{grid-template-columns:none!important;width:100%!important;display:flex!important;overflow-x:auto!important}main.gameScreen.duzGame .gameInfoBar>div{flex:0 0 78px!important;min-height:31px!important;padding:2px 4px!important}main.gameScreen.duzGame .feltTable{border-width:6px!important;border-radius:28px!important;width:100%!important;height:330px!important}main.gameScreen.duzGame .seat{min-width:76px!important;padding:4px 5px!important}main.gameScreen.duzGame .seat b{font-size:8px!important}main.gameScreen.duzGame .seat span{font-size:5px!important}main.gameScreen.duzGame .discardSpot{transform-origin:50%!important;transform:scale(.78)!important}main.gameScreen.duzGame .discard-0{bottom:12%!important;right:7%!important}main.gameScreen.duzGame .discard-1{bottom:18%!important;left:5%!important}main.gameScreen.duzGame .discard-2{top:14%!important;left:28%!important}main.gameScreen.duzGame .discard-3{top:18%!important;right:5%!important}main.gameScreen.duzGame .centerDeck{transform:translate(-50%,-50%)scale(.78)!important}main.gameScreen.duzGame .finishZone{width:68px!important;min-height:48px!important;left:66%!important}main.gameScreen.duzGame .finishZone strong{font-size:9px!important}main.gameScreen.duzGame .finishZone span{display:none!important}main.gameScreen.duzGame .actionPanel{width:100%!important}main.gameScreen.duzGame .rackArea{width:100%!important;padding-left:0!important;padding-right:0!important}main.gameScreen.duzGame .rackHead{padding:0 4px!important}main.gameScreen.duzGame .rackTools button{padding:4px 5px!important;font-size:6px!important}main.gameScreen.duzGame .rackMode{display:none!important}main.gameScreen.duzGame .tileRackGrid{grid-template-rows:repeat(2,46px)!important;grid-template-columns:repeat(15,34px)!important;justify-content:start!important;padding:6px!important}main.gameScreen.duzGame .rackSlot{width:34px!important;min-width:34px!important;height:45px!important}main.gameScreen.duzGame .imageTile.okeyTile:not(.compact){width:33px!important;min-width:33px!important;height:44px!important}main.gameScreen.duzGame .rackSlot.lastDrawSlot:before{display:none!important}main.gameScreen.duzGame .handFinishedOverlay{inset:16% 7%!important}}@media (width<=980px) and (orientation:landscape) and (height<=560px){main.gameScreen.duzGame{height:100dvh!important;overflow:hidden!important}main.gameScreen.duzGame .topbar{height:34px!important;min-height:34px!important;padding:2px 6px!important}main.gameScreen.duzGame .brand.small{font-size:14px!important}main.gameScreen.duzGame .stats,main.gameScreen.duzGame .balancePills,main.gameScreen.duzGame .liveSpeedControl,main.gameScreen.duzGame .visualSpeedControl,main.gameScreen.duzGame .themeToggle{display:none!important}main.gameScreen.duzGame .gameTableWrap{height:calc(100dvh - 34px)!important;padding:2px 4px 44px!important;overflow-y:auto!important}main.gameScreen.duzGame .tableScoreStrip{display:none!important}main.gameScreen.duzGame .gameInfoBar{width:100%!important;margin-bottom:2px!important;display:flex!important;overflow-x:auto!important}main.gameScreen.duzGame .gameInfoBar>div{flex:0 0 68px!important;min-height:26px!important;padding:1px 3px!important}main.gameScreen.duzGame .gameInfoBar small{font-size:4px!important}main.gameScreen.duzGame .gameInfoBar strong{font-size:8px!important}main.gameScreen.duzGame .gameInfoBar .imageTile.okeyTile.compact{width:19px!important;min-width:19px!important;height:26px!important}main.gameScreen.duzGame .feltTable{border-width:5px!important;border-radius:23px!important;width:min(100%,720px)!important;height:205px!important}main.gameScreen.duzGame .seat{min-width:68px!important;padding:3px 4px!important}main.gameScreen.duzGame .seat b{font-size:7px!important}main.gameScreen.duzGame .seat span{display:none!important}main.gameScreen.duzGame .discardSpot{transform:scale(.66)!important}main.gameScreen.duzGame .discard-0{bottom:7%!important;right:8%!important}main.gameScreen.duzGame .discard-1{bottom:12%!important;left:6%!important}main.gameScreen.duzGame .discard-2{top:8%!important;left:30%!important}main.gameScreen.duzGame .discard-3{top:12%!important;right:6%!important}main.gameScreen.duzGame .centerDeck{transform:translate(-50%,-50%)scale(.62)!important}main.gameScreen.duzGame .finishZone{width:58px!important;min-height:38px!important;left:64%!important}main.gameScreen.duzGame .finishZone strong{font-size:8px!important}main.gameScreen.duzGame .finishZone span{display:none!important}main.gameScreen.duzGame .actionPanel{width:min(100%,720px)!important;min-height:25px!important;margin-top:2px!important;padding:2px 5px!important}main.gameScreen.duzGame .actionPanel span{display:none!important}main.gameScreen.duzGame .rackArea{width:min(100%,720px)!important;margin-top:1px!important;padding:1px 3px!important}main.gameScreen.duzGame .rackHead{min-height:18px!important;margin-bottom:1px!important}main.gameScreen.duzGame .rackHead>div:first-child>b{font-size:7px!important}main.gameScreen.duzGame .rackTools button{padding:2px 4px!important;font-size:5px!important}main.gameScreen.duzGame .rackNewTileBadge,main.gameScreen.duzGame .rackMode{display:none!important}main.gameScreen.duzGame .tileRackGrid{grid-template-rows:repeat(2,40px)!important;grid-template-columns:repeat(15,30px)!important;padding:4px 5px!important}main.gameScreen.duzGame .rackSlot{width:30px!important;min-width:30px!important;height:39px!important}main.gameScreen.duzGame .imageTile.okeyTile:not(.compact){width:29px!important;min-width:29px!important;height:38px!important}main.gameScreen.duzGame .rackSlot.lastDrawSlot:before,main.gameScreen.duzGame .gameNotice,main.gameScreen.duzGame .dangerGhost{display:none!important}main.gameScreen.duzGame .handFinishedOverlay{inset:8% 16%!important}}@media (prefers-reduced-motion:reduce){main.gameScreen.duzGame .finishZone.handReady{animation:none!important}}main.gameScreen.duzGame .discardSpot.tapDiscardReady{cursor:pointer!important;background:#6d28d92e!important;border:2px solid #c4b5fde6!important;box-shadow:0 0 0 3px #8b5cf621,0 0 22px #8b5cf647!important}main.gameScreen.duzGame .discardSpot.hasDiscardTile .imageTile.okeyTile.compact{visibility:visible!important;opacity:1!important;z-index:4!important;display:grid!important;position:relative!important}main.gameScreen.duzGame .tapDiscardHint{z-index:35!important;color:#fff!important;white-space:nowrap!important;background:#7c3aed!important;border:0!important;border-radius:999px!important;min-width:88px!important;padding:4px 7px!important;font-size:6px!important;font-weight:950!important;position:absolute!important;bottom:-21px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 5px 14px #4c1d9559!important}@media (width<=700px) and (orientation:portrait){main.gameScreen.duzGame .discardSpot.tapDiscardReady{transform:scale(.86)!important}main.gameScreen.duzGame .discardSpot.tapDiscardReady .tapDiscardHint{min-width:96px!important;font-size:7px!important;bottom:-24px!important}}@media (width<=980px) and (orientation:landscape) and (height<=560px){main.gameScreen.duzGame .discardSpot.tapDiscardReady{transform:scale(.74)!important}main.gameScreen.duzGame .tapDiscardHint{bottom:-21px!important}}main.gameScreen.duzGame .topbarRight .speedScaleControl,.createPanel .speedScaleControl,.settingsPane .speedScaleControl{gap:4px;min-width:120px;display:grid}main.gameScreen.duzGame .topbarRight .speedScaleControl small,.createPanel .speedScaleControl small,.settingsPane .speedScaleControl small{letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:900}.speedScaleDots{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.speedScaleDots button{min-width:24px;height:28px;color:var(--text);cursor:pointer;background:linear-gradient(#ffffff0d,#00000014);border:1px solid #bca07057;border-radius:10px;font-weight:900}.speedScaleDots button.filled{background:linear-gradient(#fbbf2429,#78350f1a)}.speedScaleDots button.active{color:#f6d28b;border-color:#d6a44d;box-shadow:inset 0 0 0 1px #fbbf2447,0 0 0 2px #f59e0b1f}.speedScaleDots button:disabled{opacity:.55;cursor:default}main.gameScreen.duzGame .premiumInfoBar{grid-template-columns:minmax(290px,1.5fr) repeat(4,minmax(112px,1fr));align-items:stretch;gap:10px!important;margin-bottom:14px!important;display:grid!important}main.gameScreen.duzGame .premiumInfoBar>div{border-radius:16px!important}main.gameScreen.duzGame .indicatorPanel{background:radial-gradient(circle at top,#ffd98414,#0000 55%),linear-gradient(#322218fa,#120c09fa);border:1px solid #cfa66342;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid;box-shadow:inset 0 1px #ffecb514,0 10px 26px #0000002e}main.gameScreen.duzGame .indicatorPanel .featured{background:linear-gradient(#543824b8,#16100ce0)!important;border:1px solid #dfb8703d!important;border-radius:14px!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;padding:10px 12px!important}main.gameScreen.duzGame .indicatorPanel .featured small{color:#f0e1c6b8!important}main.gameScreen.duzGame .indicatorPanel .featured>span{color:#f6d89ed1!important;font-size:11px!important;font-weight:800!important}main.gameScreen.duzGame .indicatorPanel .featured .imageTile.okeyTile.compact{width:40px!important;min-width:40px!important;height:54px!important}main.gameScreen.duzGame .premiumInfoBar .stockBox,main.gameScreen.duzGame .premiumInfoBar .turnBox{box-shadow:0 8px 20px #19140f12;background:linear-gradient(#ffffffd9,#f6f4f0eb)!important;border:1px solid #b89d7c3d!important}main.gameScreen.duzGame .rackTools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}main.gameScreen.duzGame .rackTools button{border-radius:10px;min-height:34px;padding:0 14px;font-weight:900}main.gameScreen.duzGame .rackMode{color:var(--accent-strong);letter-spacing:.08em;background:#4c1d9517;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}main.gameScreen.duzGame .rackBoardShell{grid-template-columns:minmax(0,1fr) 76px!important;gap:2px!important;width:min(100%,1030px)!important}main.gameScreen.duzGame .tileRackGrid{gap:2px 1px!important;padding:2.45% 2.6% 2.15%!important}main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact){max-width:96%!important;height:96%!important}main.gameScreen.duzGame .rackSlot .imageTile.okeyTile.selected:not(.compact){filter:drop-shadow(0 8px 8px #00000061)!important;transform:translate(-50%,0)!important}main.gameScreen.duzGame .myDiscardDock{border-left-width:2px!important;border-radius:0 16px 16px 0!important;width:76px!important;min-width:76px!important;margin-left:-2px!important}main.gameScreen.duzGame .discardDockTile{width:46px!important;min-height:62px!important}main.gameScreen.duzGame .rackHelp,main.gameScreen.duzGame .devNote{display:none!important}main.gameScreen.duzGame .ghost.dangerGhost{margin-top:10px}@media (width<=1180px){main.gameScreen.duzGame .premiumInfoBar{grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(90px,1fr));gap:8px!important}main.gameScreen.duzGame .rackTools{gap:6px}main.gameScreen.duzGame .rackTools button{min-height:30px;padding:0 12px}}@media (width<=900px){main.gameScreen.duzGame .premiumInfoBar{scrollbar-width:none;overflow-x:auto;display:flex!important}main.gameScreen.duzGame .premiumInfoBar::-webkit-scrollbar{display:none}main.gameScreen.duzGame .indicatorPanel{min-width:280px}}@media (orientation:landscape) and (height<=700px){html,body,#root{width:100%;height:100%;overflow:hidden!important}#root main.gameScreen.yuzbirGame{aspect-ratio:auto!important;background:#063f2f!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;position:relative!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .gameTableWrap{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .feltTable101{border-width:7px!important;border-radius:22px!important;width:100%!important;height:100%!important;margin:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .topbar{width:100%!important;height:14%!important;min-height:0!important;box-shadow:none!important;z-index:150!important;pointer-events:none!important;background:0 0!important;border:0!important;padding:0!important;position:absolute!important;inset:0 0 auto!important}#root main.gameScreen.yuzbirGame .brand.small,#root main.gameScreen.yuzbirGame .topbarRight>.stats,#root main.gameScreen.yuzbirGame .topbarRight>.balancePills,#root main.gameScreen.yuzbirGame .topbarRight>.membershipBadge,#root main.gameScreen.yuzbirGame .topbarRight>.speedScaleControl,#root main.gameScreen.yuzbirGame .topbarRight>.radioGameToggle,#root main.gameScreen.yuzbirGame .topbarRight>.soundToggle{display:none!important}#root main.gameScreen.yuzbirGame .topbarRight{width:100%!important;height:100%!important;margin:0!important;display:block!important;position:relative!important}#root main.gameScreen.yuzbirGame .lobbyPeekButton{pointer-events:auto!important;width:5.8%!important;min-width:0!important;height:58%!important;padding:0!important;position:absolute!important;top:15%!important;left:2.2%!important}#root main.gameScreen.yuzbirGame .themeToggle{pointer-events:auto!important;width:5.8%!important;min-width:0!important;height:58%!important;padding:0!important;position:absolute!important;top:15%!important;right:2.2%!important}#root main.gameScreen.yuzbirGame .themeToggle b,#root main.gameScreen.yuzbirGame .gameModeStrip,#root main.gameScreen.yuzbirGame .actionPanel,#root main.gameScreen.yuzbirGame .postHandAction,#root main.gameScreen.yuzbirGame .gameSocialLauncher,#root main.gameScreen.yuzbirGame .gameChatDock,#root main.gameScreen.yuzbirGame .rackHelp,#root main.gameScreen.yuzbirGame .devNote{display:none!important}#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{-webkit-overflow-scrolling:touch;overscroll-behavior:contain!important;z-index:5!important;border-radius:15px!important;grid-auto-rows:minmax(min-content,max-content)!important;width:66%!important;height:52%!important;padding:13px 8px 7px!important;position:absolute!important;top:12%!important;left:17%!important;overflow:auto!important}#root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{font-size:8px!important;top:5px!important}#root main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty{margin-top:15px!important}#root main.gameScreen.yuzbirGame .seat{border-radius:10px!important;min-width:0!important;padding:3px!important}#root main.gameScreen.yuzbirGame .seat b{font-size:7px!important}#root main.gameScreen.yuzbirGame .seat span{font-size:5px!important}#root main.gameScreen.yuzbirGame .seat-1{writing-mode:vertical-rl!important;justify-content:center!important;width:11%!important;height:28%!important;inset:24% auto auto 2.2%!important;transform:none!important}#root main.gameScreen.yuzbirGame .seat-3{writing-mode:vertical-rl!important;justify-content:center!important;width:11%!important;height:28%!important;inset:24% 2.2% auto auto!important;transform:none!important}#root main.gameScreen.yuzbirGame .seat-2{width:16%!important;height:7.5%!important;inset:3% auto auto 42%!important;transform:none!important}#root main.gameScreen.yuzbirGame .seat-0{width:16%!important;height:6.5%!important;inset:65.5% auto auto 42%!important;transform:none!important}#root main.gameScreen.yuzbirGame .discardSpot{border-radius:8px!important;min-width:0!important;min-height:0!important;padding:2px!important}#root main.gameScreen.yuzbirGame .discard-1{width:7%!important;height:10%!important;inset:55% auto auto 3%!important;transform:none!important}#root main.gameScreen.yuzbirGame .discard-3{width:7%!important;height:10%!important;inset:55% 3% auto auto!important;transform:none!important}#root main.gameScreen.yuzbirGame .discard-2{width:6%!important;height:9%!important;inset:4% 12% auto auto!important;transform:none!important}#root main.gameScreen.yuzbirGame .discard-0{width:7%!important;height:9%!important;inset:66% 13% auto auto!important;transform:none!important}#root main.gameScreen.yuzbirGame .centerDeck{z-index:70!important;border-radius:14px!important;flex-direction:row!important;gap:4px!important;width:20%!important;height:10%!important;padding:3px 6px!important;display:flex!important;position:absolute!important;top:66%!important;left:40%!important;transform:none!important}#root main.gameScreen.yuzbirGame .centerDeck .deckStack img{width:28px!important;height:38px!important}#root main.gameScreen.yuzbirGame .centerDeck .deckStack b{font-size:7px!important}#root main.gameScreen.yuzbirGame .centerDeck small:after{font-size:5px!important}#root main.gameScreen.yuzbirGame .gameInfoBar{display:contents!important}#root main.gameScreen.yuzbirGame .gameInfoBar>.stockBox,#root main.gameScreen.yuzbirGame .gameInfoBar>.turnBox:not(.timerBox){display:none!important}#root main.gameScreen.yuzbirGame .timerBox{z-index:130!important;width:10%!important;min-width:0!important;height:7%!important;min-height:0!important;padding:0 4px!important;position:absolute!important;top:4.5%!important;left:10%!important}#root main.gameScreen.yuzbirGame .timerBox small{font-size:4px!important}#root main.gameScreen.yuzbirGame .timerBox strong{font-size:8px!important}#root main.gameScreen.yuzbirGame .indicatorPanel{width:13%!important;height:8%!important;box-shadow:none!important;z-index:90!important;background:0 0!important;border:0!important;padding:0!important;position:absolute!important;top:66.5%!important;left:22%!important}#root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo:before{width:22px!important;height:22px!important;font-size:11px!important}#root main.gameScreen.yuzbirGame .indicatorPanel .imageTile.okeyTile.compact{width:22px!important;min-width:22px!important;height:30px!important}#root main.gameScreen.yuzbirGame .rackArea{z-index:80!important;border-radius:13px!important;width:82%!important;height:19%!important;margin:0!important;padding:0!important;position:absolute!important;top:78%!important;left:9%!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .rackHead{height:25%!important;top:2%!important;left:2%!important;right:2%!important}#root main.gameScreen.yuzbirGame .rackTools button,#root main.gameScreen.yuzbirGame .rack101OpenActions button{border-radius:6px!important;min-height:18px!important;padding:0 3px!important;font-size:5px!important}#root main.gameScreen.yuzbirGame .rackBoardShell{inset:30% 2% 4%!important}#root main.gameScreen.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(14,minmax(0,1fr))!important;gap:1px!important;padding:4px!important}#root main.gameScreen.yuzbirGame .rackSlot .imageTile.okeyTile:not(.compact){width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}#root main.gameScreen.yuzbirGame .connectionRecovery{width:28%!important;height:7%!important;font-size:5px!important;top:1.5%!important;left:8%!important}#root main.gameScreen.duzGame{width:100vw!important;max-width:none!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}#root main.gameScreen.duzGame .gameTableWrap{width:100%!important;max-width:100%!important;height:calc(100dvh - 34px)!important;margin:0 auto!important;overflow:hidden!important}#root main.gameScreen.duzGame .gameChatDock{max-height:72dvh!important}}@media (orientation:landscape) and (height<=430px){#root main.gameScreen.yuzbirGame .rackArea{height:20%!important;top:77%!important}#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{height:51%!important;top:11%!important}#root main.gameScreen.yuzbirGame .centerDeck{top:64.5%!important}#root main.gameScreen.yuzbirGame .indicatorPanel{top:65%!important}}@media (orientation:landscape) and (height<=700px){#root main.gameScreen.yuzbirGame .rackArea{background:linear-gradient(#87552f,#5a321c)!important}#root main.gameScreen.yuzbirGame .rackHead{z-index:84!important;width:58%!important;height:25%!important;margin:0!important;position:absolute!important;top:2%!important;left:2%!important;right:auto!important}#root main.gameScreen.yuzbirGame .rack101ScoreBar{width:38%!important;height:25%!important;min-height:0!important;box-shadow:none!important;z-index:85!important;background:0 0!important;border:0!important;justify-content:flex-end!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:2%!important;left:auto!important;right:2%!important}#root main.gameScreen.yuzbirGame .rack101Score,#root main.gameScreen.yuzbirGame .rack101Warning,#root main.gameScreen.yuzbirGame .rack101OpenedBadge{display:none!important}#root main.gameScreen.yuzbirGame .rack101OpenActions{justify-content:flex-end!important;align-items:center!important;gap:3px!important;margin:0!important;display:flex!important}#root main.gameScreen.yuzbirGame .rackBoardShell{width:auto!important;height:auto!important;margin:0!important;display:block!important;position:absolute!important;inset:30% 2% 4%!important}#root main.gameScreen.yuzbirGame .tileRackGrid{background:linear-gradient(#754725,#4e2b18)!important;border:1px solid #9b6532!important;border-radius:8px!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .rackSlot{min-width:0!important;min-height:0!important;overflow:visible!important}#root main.gameScreen.duzGame .gameInfoBar{display:contents!important}#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel{z-index:95!important;border-radius:9px!important;align-items:center!important;gap:4px!important;width:82px!important;min-width:0!important;height:42px!important;min-height:0!important;padding:3px 5px!important;display:flex!important;position:absolute!important;top:36px!important;left:8%!important}#root main.gameScreen.duzGame .gameInfoBar .stockBox{z-index:95!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;width:64px!important;min-width:0!important;height:42px!important;min-height:0!important;padding:3px 5px!important;display:flex!important;position:absolute!important;top:36px!important;left:19%!important}#root main.gameScreen.duzGame .gameInfoBar .timerBox{z-index:95!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;width:76px!important;min-width:0!important;height:42px!important;min-height:0!important;padding:3px 5px!important;display:flex!important;position:absolute!important;top:36px!important;left:28%!important}#root main.gameScreen.duzGame .gameInfoBar>.turnBox:not(.timerBox){display:none!important}#root main.gameScreen.duzGame .gameInfoBar small{font-size:5px!important}#root main.gameScreen.duzGame .gameInfoBar strong{font-size:9px!important}#root main.gameScreen.duzGame .feltTable{z-index:10!important;border-width:7px!important;border-radius:70px!important;width:90%!important;height:44%!important;min-height:0!important;margin:0!important;position:absolute!important;inset:82px auto auto 5%!important}#root main.gameScreen.duzGame .rackArea{z-index:80!important;width:90%!important;height:31%!important;min-height:0!important;margin:0!important;padding:0!important;position:absolute!important;inset:auto auto 4px 5%!important;overflow:hidden!important}#root main.gameScreen.duzGame .rackHead{z-index:84!important;width:auto!important;height:24px!important;min-height:0!important;margin:0!important;position:absolute!important;top:0!important;left:0!important;right:0!important}#root main.gameScreen.duzGame .rackBoardShell{width:auto!important;height:auto!important;margin:0!important;display:block!important;position:absolute!important;inset:26px 0 2px!important}#root main.gameScreen.duzGame .tileRackGrid{grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;gap:2px 1px!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:4px!important;display:grid!important;position:absolute!important;inset:0!important;overflow:hidden!important}#root main.gameScreen.duzGame .rackSlot{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important}#root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact){width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;max-height:100%!important}#root main.gameScreen.duzGame .gameSocialLauncher,#root main.gameScreen.duzGame .topbar .speedScaleControl,#root main.gameScreen.duzGame .topbar .balancePills{display:none!important}#root main.gameScreen.duzGame .feltTable{height:55%!important;top:40px!important}#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel{color:#fff!important;background:#071d18db!important;border-color:#ffffff29!important;width:92px!important;height:40px!important;top:46px!important;left:8%!important}#root main.gameScreen.duzGame .gameInfoBar .stockBox{color:#fff!important;background:#071d18db!important;border-color:#ffffff29!important;width:64px!important;height:40px!important;top:46px!important;left:20%!important}#root main.gameScreen.duzGame .gameInfoBar .timerBox{color:#fff!important;background:#071d18db!important;border-color:#ffffff29!important;width:72px!important;height:40px!important;top:46px!important;left:29%!important}#root main.gameScreen.yuzbirGame .seat,#root main.gameScreen.yuzbirGame .seat b,#root main.gameScreen.yuzbirGame .seat span{color:#fff!important}#root main.gameScreen.yuzbirGame .seat-1{writing-mode:horizontal-tb!important;justify-content:center!important;align-items:center!important;width:12%!important;height:17%!important;display:flex!important;top:30%!important;left:2%!important}#root main.gameScreen.yuzbirGame .seat-3{writing-mode:horizontal-tb!important;justify-content:center!important;align-items:center!important;width:12%!important;height:17%!important;display:flex!important;top:30%!important;right:2%!important}#root main.gameScreen.yuzbirGame .seat>b{text-align:center!important;flex:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .seat .styledName{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;min-width:0!important;display:block!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .seat .styledName>b{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;display:block!important;overflow:hidden!important}#root main.gameScreen.yuzbirGame .seat-1,#root main.gameScreen.yuzbirGame .seat-3{flex-direction:row!important;gap:4px!important;padding:4px 5px!important}#root main.gameScreen.yuzbirGame .seat-1 .yuzbirSeatAvatar,#root main.gameScreen.yuzbirGame .seat-3 .yuzbirSeatAvatar{color:#fff!important;background:#6f48d8!important;border-radius:50%!important;flex:0 0 24px!important;place-items:center!important;width:24px!important;height:24px!important;font-size:7px!important;font-weight:900!important;display:grid!important}#root main.gameScreen.yuzbirGame .seat-1>span:last-child,#root main.gameScreen.yuzbirGame .seat-3>span:last-child{display:none!important}#root main.gameScreen.yuzbirGame .centerDeck{top:63.5%!important}#root main.gameScreen.yuzbirGame .indicatorPanel{top:64%!important}#root main.gameScreen.yuzbirGame .seat-0{z-index:95!important;width:16%!important;height:4.5%!important;min-height:0!important;padding:1px 4px!important;top:72.2%!important;left:42%!important}#root main.gameScreen.yuzbirGame .seat-0 .yuzbirSeatAvatar,#root main.gameScreen.yuzbirGame .seat-0>span:last-child{display:none!important}#root main.gameScreen.yuzbirGame .seat-0>b{text-align:center!important;width:100%!important;font-size:6px!important}}#root main.entertainmentLobby{--l-bg:#0b1220;--l-surface:#111a2b;--l-surface-2:#162238;--l-surface-3:#1b2942;--l-line:#2b3a55;--l-text:#eef3fb;--l-muted:#94a3b8;--l-soft:#cbd5e1;--l-purple:#7c5cff;--l-purple-2:#6547d8;--l-green:#22c993;--l-green-2:#159f75;--l-amber:#f7b955;--l-red:#ef6262;min-height:100dvh;color:var(--l-text);background:radial-gradient(circle at 12% 0,#7c5cff24,#0000 28rem),linear-gradient(#0d1524,#0b1220 48%,#0a111d)}#root main.entertainmentLobby .lobbyTopbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #25324a;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 16px;display:flex;box-shadow:0 8px 26px #0000002e;background:#0c121ff5!important}#root main.entertainmentLobby .lobbyTopbar .brand.small{font-size:23px;color:#fff!important}#root main.entertainmentLobby .lobbyTopbar .brand.small span{color:#a98cff!important}#root main.entertainmentLobby .lobbyTopCenter{color:var(--l-muted);align-items:center;gap:8px;font-size:10px;display:flex}#root main.entertainmentLobby .lobbyTopCenter b{color:#fff}#root main.entertainmentLobby .salonLive{color:var(--l-green);font-weight:900}#root main.entertainmentLobby .topbarRight{gap:7px}#root main.entertainmentLobby .balancePills{gap:5px;display:flex}#root main.entertainmentLobby .balancePills span{color:#e7edf7;background:#152034;border:1px solid #31415d;border-radius:9px;align-items:center;min-height:30px;padding:0 9px;font-size:9px;font-weight:800;display:flex}#root main.entertainmentLobby .userSettingsButton,#root main.entertainmentLobby .themeToggle,#root main.entertainmentLobby .radioToggle,#root main.entertainmentLobby .soundToggle{min-height:32px;color:#e7edf7!important;background:#152034!important;border:1px solid #31415d!important}#root main.entertainmentLobby>.lobbySocialLayout{background:0 0!important;grid-template-rows:minmax(245px,37vh) minmax(390px,1fr)!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:12px!important;display:grid!important}#root main.entertainmentLobby .lobbyCenterStage{border:1px solid var(--l-line)!important;background:var(--l-surface)!important;border-radius:15px!important;grid-area:1/1!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:auto!important;box-shadow:0 16px 36px #00000029!important}#root main.entertainmentLobby .lobbyTablesBar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex;position:sticky;top:0;border:0!important;border-bottom:1px solid var(--l-line)!important;background:#141f33!important;border-radius:14px 14px 0 0!important}#root main.entertainmentLobby .lobbyTablesTitle{align-items:center;gap:8px;min-width:0;display:flex}#root main.entertainmentLobby .lobbyTablesTitle .liveDot{white-space:nowrap;color:var(--l-green)!important;font-size:8px!important}#root main.entertainmentLobby .lobbyTablesTitle h2{color:#fff!important;margin:0!important;font-size:17px!important}#root main.entertainmentLobby .lobbyTablesTitle small{margin-top:2px;font-size:8px;display:block;color:var(--l-muted)!important}#root main.entertainmentLobby .lobbyTablesActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}#root main.entertainmentLobby .lobbyTablesActions button{min-height:31px;padding:0 9px;font-size:8px;font-weight:850;color:#cdd7e8!important;background:#1a2941!important;border:1px solid #33435f!important;border-radius:8px!important}#root main.entertainmentLobby .lobbyTablesActions button.active{color:#fff!important;background:#6d51d8!important;border-color:#8d74ff!important}#root main.entertainmentLobby .lobbyTablesActions .primary{background:linear-gradient(135deg,var(--l-purple),var(--l-purple-2))!important;color:#fff!important;border:0!important}#root main.entertainmentLobby .lobbyTablesActions .collapseTables{color:#d8ceff!important}#root main.entertainmentLobby .lobbyCommandBar,#root main.entertainmentLobby .sectionHead{display:none!important}#root main.entertainmentLobby .funTableGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:8px!important;padding:9px!important;display:grid!important}#root main.entertainmentLobby .tableCard.funTableCard{min-width:0!important;color:var(--l-text)!important;box-shadow:none!important;background:#18253b!important;border:1px solid #2b3a55!important;border-radius:12px!important;padding:10px!important}#root main.entertainmentLobby .funTableCard h3{color:#fff!important;margin:6px 0 2px!important;font-size:13px!important}#root main.entertainmentLobby .funTableCard p{color:var(--l-muted)!important;margin:0 0 6px!important;font-size:8px!important}#root main.entertainmentLobby .tableCardTop{justify-content:space-between;align-items:center;gap:6px;display:flex}#root main.entertainmentLobby .tableBadge{color:#d9e2f1!important;background:#21314d!important;border:1px solid #465a7c!important;padding:4px 6px!important;font-size:7px!important}#root main.entertainmentLobby .tableWaiting{font-weight:900;color:var(--l-green)!important;font-size:7px!important}#root main.entertainmentLobby .tablePlaying{font-weight:900;color:var(--l-amber)!important;font-size:7px!important}#root main.entertainmentLobby .tableSeatVisual{background:#111b2c!important;border-radius:9px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:6px 0!important;padding:5px!important;display:grid!important}#root main.entertainmentLobby .seatBubble{color:#a9b7ca!important;background:#172237!important;border:1px solid #293955!important;border-radius:8px!important;min-width:0!important;min-height:42px!important;padding:3px!important}#root main.entertainmentLobby .seatBubble.filled{color:#fff!important;background:#332b59!important;border-color:#6b58bd!important}#root main.entertainmentLobby .seatBubble span{font-size:8px!important}#root main.entertainmentLobby .seatBubble small{font-size:6px!important}#root main.entertainmentLobby .compactMeta{flex-wrap:wrap!important;gap:3px!important;margin:0 0 6px!important;display:flex!important}#root main.entertainmentLobby .compactMeta span{color:#98a8bd!important;background:#121e31!important;border:1px solid #2d3d58!important;border-radius:999px!important;min-height:20px!important;padding:2px 5px!important;font-size:6px!important}#root main.entertainmentLobby .joinFun{color:#fff!important;background:linear-gradient(135deg,#7656e5,#5f44bd)!important;border:0!important;border-radius:8px!important;width:100%!important;min-height:30px!important;padding:0 8px!important;font-size:8px!important;font-weight:900!important}#root main.entertainmentLobby .joinFun:disabled{color:#75839a!important;background:#26334a!important}#root main.entertainmentLobby .lobbyChatFloor{border:1px solid var(--l-line)!important;background:var(--l-surface)!important;border-radius:15px!important;grid-area:2/1!important;grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:0!important;min-width:0!important;min-height:0!important;display:grid!important;overflow:hidden!important;box-shadow:0 18px 42px #0000002e!important}#root main.entertainmentLobby .lobbyChatMain{background:#111a2b!important;grid-template-rows:auto auto minmax(0,1fr)!important;min-width:0!important;min-height:0!important;display:grid!important;overflow:hidden!important}#root main.entertainmentLobby .lobbyChatFloorHead{border-bottom:1px solid var(--l-line)!important;background:#151f33!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px 12px!important;display:flex!important}#root main.entertainmentLobby .lobbyChatFloorHead>div:first-child{gap:1px;min-width:0;display:grid}#root main.entertainmentLobby .darkCommunityLive{color:var(--l-green)!important;letter-spacing:.09em!important;font-size:8px!important;font-weight:950!important}#root main.entertainmentLobby .lobbyChatFloorHead b{color:#fff!important;font-size:16px!important}#root main.entertainmentLobby .lobbyChatFloorHead small{color:var(--l-muted)!important;font-size:8px!important}#root main.entertainmentLobby .lobbyChatQuickActions{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;display:flex!important}#root main.entertainmentLobby .lobbyChatQuickActions button{color:#dde5f1!important;background:#1c2a42!important;border:1px solid #34445f!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:58px!important;min-height:34px!important;padding:3px 7px!important;display:flex!important}#root main.entertainmentLobby .lobbyChatQuickActions button:first-child{color:#fff!important;background:linear-gradient(135deg,#7c5cff,#6245ce)!important;border:0!important}#root main.entertainmentLobby .lobbyChatQuickActions button strong{font-size:9px!important}#root main.entertainmentLobby .lobbyChatQuickActions button span{font-size:7px!important;font-weight:850!important}#root main.entertainmentLobby .lobbySystemNotice{border-left:3px solid var(--l-red)!important;color:#d4dbe7!important;background:#8922302e!important;border-radius:0 8px 8px 0!important;align-items:flex-start!important;gap:7px!important;margin:7px 9px 0!important;padding:7px 9px!important;font-size:8px!important;line-height:1.35!important;display:flex!important}#root main.entertainmentLobby .lobbySystemNotice b{color:#ff7c7c!important;white-space:nowrap!important}#root main.entertainmentLobby .lobbyChatMain .richChat{width:100%!important;height:100%!important;min-height:0!important;color:var(--l-text)!important;box-shadow:none!important;background:#101827!important;border:0!important;border-radius:0!important;grid-template-rows:35px 31px minmax(0,1fr) 52px!important;grid-template-columns:minmax(0,1fr)!important;align-content:stretch!important;margin:0!important;padding:0!important;display:grid!important;position:static!important;overflow:hidden!important}#root main.entertainmentLobby .lobbyChatMain .chatHead{display:none!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar{background:#141f32!important;border-bottom:1px solid #26354e!important;align-items:center!important;gap:4px!important;min-height:35px!important;padding:4px 8px!important;display:flex!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar button{color:#aebbd0!important;background:#1a2840!important;border:1px solid #31425f!important;border-radius:7px!important;min-height:26px!important;padding:0 9px!important;font-size:7px!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar button.active{color:#fff!important;background:#4a3a83!important;border-color:#7c68df!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs{background:#101a2a!important;border-bottom:1px solid #25344d!important;align-items:center!important;gap:4px!important;width:100%!important;height:31px!important;min-height:31px!important;padding:3px 8px!important;display:flex!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs button{color:#aebbd0!important;background:#17243a!important;border:1px solid #30415e!important;border-radius:7px!important;flex:none!important;width:auto!important;min-width:64px!important;height:24px!important;min-height:24px!important;padding:0 12px!important;font-size:7px!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs button.active{color:#7ee2c3!important;background:#173e36!important;border-color:#22b98c!important}#root main.entertainmentLobby .lobbyChatMain .privateRecipient{z-index:15!important;color:#fff!important;background:#17243a!important;border:1px solid #34445f!important;border-radius:8px!important;width:190px!important;padding:6px!important;font-size:8px!important;position:absolute!important;top:126px!important;right:288px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessages{background:linear-gradient(#ffffff04,#0000 35%),#0f1725!important;flex-direction:column!important;gap:5px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:8px 10px!important;display:flex!important;overflow-y:auto!important}#root main.entertainmentLobby .lobbyChatMain .chatEmpty{color:#6f809a!important;margin:auto!important;font-size:9px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage{background:#ffffff09!important;border:0!important;border-left:2px solid #40516d!important;border-radius:0 8px 8px 0!important;max-width:88%!important;margin:0!important;padding:6px 8px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage.mine{background:#6d51d81f!important;border-left:0!important;border-right:2px solid #755be0!important;border-radius:8px 0 0 8px!important;margin-left:auto!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage>div{justify-content:space-between!important;align-items:center!important;gap:7px!important;display:flex!important}#root main.entertainmentLobby .lobbyChatMain .chatNameButton{color:#58d7e8!important;background:0 0!important;border:0!important;padding:0!important;font-size:8px!important;font-weight:900!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage small{color:#66758e!important;font-size:6px!important}#root main.entertainmentLobby .lobbyChatMain .chatTextStyled{color:#e2e8f0!important;margin:3px 0 0!important;font-size:9px!important;line-height:1.35!important}#root main.entertainmentLobby .lobbyChatMain .chatComposer{background:#141f32!important;border-top:1px solid #26354e!important;min-height:52px!important;padding:7px 9px!important}#root main.entertainmentLobby .lobbyChatMain .chatSend{grid-template-columns:34px minmax(0,1fr) 70px!important;gap:6px!important;width:100%!important;display:grid!important}#root main.entertainmentLobby .lobbyChatMain .chatSend input{color:#f2f6fb!important;background:#0d1522!important;border:1px solid #34445f!important;border-radius:8px!important;min-width:0!important;height:36px!important;padding:0 10px!important;font-size:8px!important}#root main.entertainmentLobby .lobbyChatMain .chatSend input::placeholder{color:#66758d!important}#root main.entertainmentLobby .lobbyChatMain .emojiButton{color:#d7e0ec!important;background:#1a2940!important;border:1px solid #34445f!important;border-radius:8px!important;height:36px!important;padding:0!important}#root main.entertainmentLobby .lobbyChatMain .chatSend>button:last-child{color:#fff!important;background:linear-gradient(135deg,#1ab889,#128766)!important;border:0!important;border-radius:8px!important;height:36px!important;padding:0!important;font-size:8px!important;font-weight:950!important}#root main.entertainmentLobby .lobbyPeopleRail{border-left:1px solid var(--l-line)!important;background:#101827!important;min-width:0!important;min-height:0!important;overflow:hidden!important}#root main.entertainmentLobby .lobbyPeopleRail .onlineUsersPanel{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;color:var(--l-text)!important;box-shadow:none!important;background:#101827!important;border:0!important;border-radius:0!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;overflow:hidden!important}#root main.entertainmentLobby .onlineUsersHead{background:#151f33!important;border-bottom:1px solid #26354e!important;justify-content:space-between!important;align-items:center!important;gap:7px!important;min-height:52px!important;padding:8px 10px!important;display:flex!important}#root main.entertainmentLobby .onlineUsersHead .eyebrow{color:#7ee2c3!important;margin:0!important;font-size:6px!important}#root main.entertainmentLobby .onlineUsersHead h3{color:#fff!important;margin:2px 0 0!important;font-size:12px!important}#root main.entertainmentLobby .onlineCountBadge{color:#7ee2c3!important;background:#173e36!important;border-radius:8px!important;place-items:center!important;min-width:28px!important;height:28px!important;padding:0 5px!important;font-size:9px!important;font-weight:950!important;display:grid!important}#root main.entertainmentLobby .onlineUserStats{border-bottom:1px solid #223149!important;gap:4px!important;padding:6px 8px!important;display:flex!important}#root main.entertainmentLobby .onlineUserStats span{color:#9eacc0!important;text-align:center!important;background:#162238!important;border-radius:6px!important;flex:1!important;min-width:0!important;padding:4px!important;font-size:6px!important}#root main.entertainmentLobby .onlineSearch{background:#0d1522!important;border:1px solid #31415c!important;border-radius:8px!important;align-items:center!important;gap:5px!important;height:30px!important;margin:6px 8px!important;padding:0 7px!important;display:flex!important}#root main.entertainmentLobby .onlineSearch span{color:#61718a!important;font-size:10px!important}#root main.entertainmentLobby .onlineSearch input{color:#e5ebf4!important;background:0 0!important;border:0!important;height:27px!important;padding:0!important;font-size:7px!important}#root main.entertainmentLobby .onlineUserList{flex-direction:column!important;flex:auto!important;gap:4px!important;min-height:0!important;padding:0 7px!important;display:flex!important;overflow-y:auto!important}#root main.entertainmentLobby .onlineUserRow{width:100%!important;min-height:43px!important;color:var(--l-text)!important;text-align:left!important;background:#141f32!important;border:1px solid #0000!important;border-radius:8px!important;grid-template-columns:31px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;padding:4px 5px!important;display:grid!important}#root main.entertainmentLobby .onlineUserRow:hover{background:#1a2941!important;border-color:#40516f!important}#root main.entertainmentLobby .onlineUserRow.me{background:#272343!important;border-color:#6654b5!important}#root main.entertainmentLobby .userAvatar{color:#fff!important;background:#243551!important;border-radius:8px!important;place-items:center!important;width:29px!important;height:29px!important;font-size:7px!important;font-weight:900!important;display:grid!important}#root main.entertainmentLobby .onlineUserIdentity{min-width:0!important;display:block!important}#root main.entertainmentLobby .onlineUserIdentity b{text-overflow:ellipsis!important;white-space:nowrap!important;color:#e7edf6!important;max-width:100%!important;font-size:7px!important;display:block!important;overflow:hidden!important}#root main.entertainmentLobby .onlineUserIdentity small{text-overflow:ellipsis!important;white-space:nowrap!important;color:#7ee2c3!important;margin-top:2px!important;font-size:6px!important;display:block!important;overflow:hidden!important}#root main.entertainmentLobby .onlineUserPoints{justify-items:end!important;gap:1px!important;display:grid!important}#root main.entertainmentLobby .onlineUserPoints b,#root main.entertainmentLobby .onlineUserPoints small{color:#8e9db4!important;font-size:5px!important}#root main.entertainmentLobby .onlineUsersHint{color:#66758d!important;border-top:1px solid #26354e!important;padding:6px 8px!important;font-size:6px!important}#root main.entertainmentLobby .lobbyEmpty{color:#9eacc0!important;background:#111a2b!important;border:1px dashed #3a4a66!important;border-radius:10px!important;min-height:160px!important;margin:9px!important}#root main.entertainmentLobby .lobbyEmpty b{color:#e8eef7!important}#root main.entertainmentLobby .lobbyEmpty button{color:#fff!important;background:#6f51d7!important;border:0!important;margin-top:8px!important}#root main.entertainmentLobby .createPanelInline{z-index:1000!important;color:#fff!important;background:#121c2e!important;border:1px solid #3b4a65!important;border-radius:16px!important;width:min(920px,100vw - 36px)!important;max-width:920px!important;max-height:none!important;margin:auto!important;position:fixed!important;inset:72px 18px 18px!important;overflow:auto!important;box-shadow:0 28px 90px #0000008c!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-rows:minmax(calc(100dvh - 82px),1fr)!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyCenterStage{display:none!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyChatFloor{grid-row:1!important;height:calc(100dvh - 82px)!important;min-height:0!important}@media (width<=700px) and (orientation:portrait){#root main.entertainmentLobby .lobbyTopbar{min-height:50px!important;padding:5px 7px!important}#root main.entertainmentLobby .lobbyTopbar .brand.small{font-size:14px!important}#root main.entertainmentLobby .lobbyTopCenter,#root main.entertainmentLobby .topNick,#root main.entertainmentLobby .membershipBadge,#root main.entertainmentLobby .radioToggle,#root main.entertainmentLobby .soundToggle{display:none!important}#root main.entertainmentLobby .balancePills span{min-height:27px!important;padding:0 5px!important;font-size:6px!important}#root main.entertainmentLobby .userSettingsButton,#root main.entertainmentLobby .themeToggle{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;padding:0!important}#root main.entertainmentLobby .userSettingsButton span,#root main.entertainmentLobby .themeToggle b{display:none!important}#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:240px 500px!important;gap:6px!important;max-width:none!important;padding:6px!important}#root main.entertainmentLobby .lobbyTablesBar{min-height:47px!important;padding:5px 6px!important}#root main.entertainmentLobby .lobbyTablesTitle h2{font-size:12px!important}#root main.entertainmentLobby .lobbyTablesTitle small{font-size:5px!important}#root main.entertainmentLobby .lobbyTablesActions{gap:3px!important}#root main.entertainmentLobby .lobbyTablesActions button{border-radius:6px!important;min-height:24px!important;padding:0 5px!important;font-size:5.5px!important}#root main.entertainmentLobby .lobbyTablesActions .collapseTables{display:none!important}#root main.entertainmentLobby .funTableGrid{grid-template-columns:1fr!important;gap:5px!important;padding:6px!important}#root main.entertainmentLobby .tableCard.funTableCard{border-radius:9px!important;padding:6px!important}#root main.entertainmentLobby .funTableCard h3{font-size:9px!important}#root main.entertainmentLobby .tableSeatVisual,#root main.entertainmentLobby .compactMeta{display:none!important}#root main.entertainmentLobby .joinFun{min-height:25px!important;font-size:6px!important}#root main.entertainmentLobby .lobbyChatFloor{border-radius:11px!important;grid-template-columns:minmax(0,1fr) 105px!important}#root main.entertainmentLobby .lobbyChatFloorHead{min-height:52px!important;padding:6px!important}#root main.entertainmentLobby .lobbyChatFloorHead b{font-size:11px!important}#root main.entertainmentLobby .lobbyChatFloorHead small{display:none!important}#root main.entertainmentLobby .darkCommunityLive{font-size:5px!important}#root main.entertainmentLobby .lobbyChatQuickActions{gap:2px!important}#root main.entertainmentLobby .lobbyChatQuickActions button{border-radius:6px!important;flex-direction:column!important;gap:0!important;min-width:34px!important;min-height:30px!important;padding:1px 3px!important}#root main.entertainmentLobby .lobbyChatQuickActions button strong{font-size:6px!important}#root main.entertainmentLobby .lobbyChatQuickActions button span{font-size:4.5px!important}#root main.entertainmentLobby .lobbySystemNotice{margin:5px 5px 0!important;padding:5px 6px!important;font-size:5.5px!important}#root main.entertainmentLobby .lobbyChatMain .richChat{grid-template-rows:30px 27px minmax(0,1fr) 44px!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar{min-height:30px!important;padding:2px 4px!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar button{min-height:24px!important;padding:0 6px!important;font-size:5.5px!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs{height:27px!important;min-height:27px!important;padding:2px 4px!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs button{min-width:47px!important;height:22px!important;min-height:22px!important;padding:0 7px!important;font-size:5.5px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessages{gap:4px!important;padding:5px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage{max-width:96%!important;padding:4px 5px!important}#root main.entertainmentLobby .lobbyChatMain .chatNameButton{font-size:6px!important}#root main.entertainmentLobby .lobbyChatMain .chatTextStyled{font-size:6.5px!important}#root main.entertainmentLobby .lobbyChatMain .chatComposer{min-height:44px!important;padding:5px!important}#root main.entertainmentLobby .lobbyChatMain .chatSend{grid-template-columns:28px minmax(0,1fr) 48px!important;gap:4px!important}#root main.entertainmentLobby .lobbyChatMain .chatSend input,#root main.entertainmentLobby .lobbyChatMain .emojiButton,#root main.entertainmentLobby .lobbyChatMain .chatSend>button:last-child{height:32px!important;font-size:6px!important}#root main.entertainmentLobby .onlineUsersHead{min-height:43px!important;padding:5px!important}#root main.entertainmentLobby .onlineUsersHead .eyebrow,#root main.entertainmentLobby .onlineUsersHead h3{display:none!important}#root main.entertainmentLobby .onlineCountBadge{min-width:26px!important;height:26px!important;margin:auto!important;font-size:7px!important}#root main.entertainmentLobby .onlineUserStats,#root main.entertainmentLobby .onlineSearch,#root main.entertainmentLobby .onlineUsersHint{display:none!important}#root main.entertainmentLobby .onlineUserList{gap:4px!important;padding:4px!important}#root main.entertainmentLobby .onlineUserRow{grid-template-columns:29px minmax(0,1fr)!important;gap:4px!important;min-height:50px!important;padding:3px!important}#root main.entertainmentLobby .onlineUserPoints{display:none!important}#root main.entertainmentLobby .onlineUserIdentity b{font-size:5.5px!important}#root main.entertainmentLobby .onlineUserIdentity small{font-size:4.8px!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-rows:calc(100dvh - 62px)!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyChatFloor{grid-template-columns:minmax(0,1fr) 112px!important;height:calc(100dvh - 62px)!important}#root main.entertainmentLobby .createPanelInline{border-radius:12px!important;width:calc(100vw - 12px)!important;inset:55px 6px 6px!important}}@media (height<=520px) and (orientation:landscape){#root main.entertainmentLobby .lobbyTopbar{min-height:44px!important;padding:4px 9px!important}#root main.entertainmentLobby .lobbyTopbar .brand.small{font-size:14px!important}#root main.entertainmentLobby .lobbyTopCenter{font-size:7px!important}#root main.entertainmentLobby .balancePills span{min-height:26px!important;font-size:6px!important}#root main.entertainmentLobby .membershipBadge,#root main.entertainmentLobby .topNick{display:none!important}#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:calc(100dvh - 56px)!important;grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr)!important;gap:6px!important;max-width:none!important;padding:6px!important}#root main.entertainmentLobby .lobbyCenterStage{grid-area:1/1!important}#root main.entertainmentLobby .lobbyChatFloor{grid-area:1/2!important;grid-template-columns:minmax(0,1fr) 150px!important}#root main.entertainmentLobby .lobbyTablesBar{min-height:45px!important;padding:5px!important}#root main.entertainmentLobby .lobbyTablesTitle h2{font-size:12px!important}#root main.entertainmentLobby .lobbyTablesActions button{min-height:23px!important;padding:0 4px!important;font-size:5px!important}#root main.entertainmentLobby .funTableGrid{grid-template-columns:1fr!important;gap:5px!important;padding:5px!important}#root main.entertainmentLobby .tableSeatVisual,#root main.entertainmentLobby .compactMeta{display:none!important}#root main.entertainmentLobby .lobbyChatFloorHead{min-height:46px!important;padding:5px!important}#root main.entertainmentLobby .lobbyChatFloorHead b{font-size:11px!important}#root main.entertainmentLobby .lobbyChatFloorHead small{display:none!important}#root main.entertainmentLobby .lobbyChatQuickActions button{flex-direction:column!important;gap:0!important;min-width:34px!important;min-height:28px!important;padding:1px 3px!important}#root main.entertainmentLobby .lobbyChatQuickActions button span{font-size:4px!important}#root main.entertainmentLobby .lobbySystemNotice{margin:4px 4px 0!important;padding:4px 5px!important;font-size:5px!important}#root main.entertainmentLobby .lobbyChatMain .richChat{grid-template-rows:27px 25px minmax(0,1fr) 40px!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar{min-height:27px!important;padding:2px 4px!important}#root main.entertainmentLobby .lobbyChatMain .socialToolBar button{min-height:21px!important;padding:0 5px!important;font-size:5px!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs{height:25px!important;min-height:25px!important;padding:2px 4px!important}#root main.entertainmentLobby .lobbyChatMain .chatTabs button{min-width:42px!important;height:20px!important;min-height:20px!important;padding:0 6px!important;font-size:5px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessages{padding:4px!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage{padding:3px 5px!important}#root main.entertainmentLobby .lobbyChatMain .chatTextStyled{font-size:6px!important}#root main.entertainmentLobby .lobbyChatMain .chatComposer{min-height:40px!important;padding:4px!important}#root main.entertainmentLobby .lobbyChatMain .chatSend{grid-template-columns:26px minmax(0,1fr) 46px!important;gap:3px!important}#root main.entertainmentLobby .lobbyChatMain .chatSend input,#root main.entertainmentLobby .lobbyChatMain .emojiButton,#root main.entertainmentLobby .lobbyChatMain .chatSend>button:last-child{height:30px!important;font-size:5.5px!important}#root main.entertainmentLobby .onlineUsersHead{min-height:42px!important;padding:5px!important}#root main.entertainmentLobby .onlineUsersHead h3{font-size:9px!important}#root main.entertainmentLobby .onlineUserStats,#root main.entertainmentLobby .onlineSearch{margin:4px!important}#root main.entertainmentLobby .onlineUserRow{grid-template-columns:26px minmax(0,1fr)!important;min-height:38px!important}#root main.entertainmentLobby .onlineUserPoints{display:none!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-rows:calc(100dvh - 56px)!important;grid-template-columns:minmax(0,1fr)!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyChatFloor{grid-area:1/1!important;grid-template-columns:minmax(0,1fr) 180px!important;height:calc(100dvh - 56px)!important}}#root main.entertainmentLobby .lobbyChatMain .chatMessage.role-admin{border-left-color:var(--l-amber)!important;background:#784d122e!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage.role-admin .chatNameButton{color:#f8c36b!important}#root main.entertainmentLobby .lobbyChatMain .chatMessage.role-admin .chatTextStyled{color:#ffe0a8!important;font-weight:700!important}#root main.entertainmentLobby{background:radial-gradient(circle at 10% 0,#7c5cff1f,#0000 30rem),linear-gradient(#111a2a 0%,#0c1422 48%,#0a111d 100%)!important}#root main.entertainmentLobby .lobbyCenterStage{background:#16243a!important;border-color:#344763!important}#root main.entertainmentLobby .lobbyChatFloor{background:#0f1827!important;border-color:#344763!important}#root main.entertainmentLobby .lobbyChatMain{background:#101a2a!important}#root main.entertainmentLobby .lobbyPeopleRail{background:#132033!important}#root main.entertainmentLobby .lobbyTablesBar,#root main.entertainmentLobby .lobbyChatFloorHead{box-shadow:inset 0 -1px #ffffff06!important}@media (width<=700px) and (orientation:portrait){#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:215px 525px!important}#root main.entertainmentLobby .lobbyChatFloor{grid-template-columns:minmax(0,1fr) 112px!important}#root main.entertainmentLobby .lobbyChatMain{min-width:0!important}#root main.entertainmentLobby .onlineUserIdentity b{font-size:6px!important}}@media (width>=701px) and (height>=521px){#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:210px minmax(430px,1fr)!important;gap:10px!important}#root main.entertainmentLobby .lobbyTablesBar{min-height:50px!important;padding:7px 10px!important}#root main.entertainmentLobby .lobbyTablesTitle h2{font-size:15px!important}#root main.entertainmentLobby .lobbyTablesActions button{min-height:28px!important;padding:0 8px!important}#root main.entertainmentLobby .funTableGrid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:6px!important;padding:7px!important}#root main.entertainmentLobby .tableCard.funTableCard{height:142px!important;min-height:142px!important;max-height:142px!important;padding:7px!important;overflow:hidden!important}#root main.entertainmentLobby .funTableCard h3{margin:4px 0 1px!important;font-size:11px!important}#root main.entertainmentLobby .funTableCard p{margin:0 0 4px!important;font-size:6.5px!important}#root main.entertainmentLobby .tableSeatVisual{height:36px!important;min-height:36px!important;margin:4px 0!important;padding:3px!important}#root main.entertainmentLobby .seatBubble{height:28px!important;min-height:28px!important;padding:2px!important}#root main.entertainmentLobby .seatBubble span{font-size:6px!important}#root main.entertainmentLobby .seatBubble small,#root main.entertainmentLobby .compactMeta{display:none!important}#root main.entertainmentLobby .joinFun{height:27px!important;min-height:27px!important;margin-top:3px!important}#root main.entertainmentLobby .lobbyChatFloor{grid-template-columns:minmax(0,1fr) 240px!important}#root main.entertainmentLobby .lobbyChatMain{background:#111c2c!important}#root main.entertainmentLobby .lobbyChatMain .chatMessages{background:#0e1827!important}#root main.entertainmentLobby .lobbyPeopleRail{background:#152238!important}#root main.entertainmentLobby .lobbyChatFloorHead{border-left:3px solid #7c5cff!important}#root main.entertainmentLobby .lobbyTablesBar{border-left:3px solid #22c993!important}}#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:285px minmax(420px,1fr)!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:10px!important}#root main.entertainmentLobby .lobbyCenterStage{grid-area:1/1!important}#root main.entertainmentLobby .lobbyChatFloor{grid-area:2/1!important;grid-template-columns:minmax(0,1fr)!important}#root main.entertainmentLobby .lobbyPeopleRail{border:1px solid var(--l-line)!important;border-radius:15px!important;grid-area:1/2/3!important;height:auto!important;min-height:0!important;overflow:hidden!important}#root main.entertainmentLobby .lobbyChatMain{width:100%!important;height:100%!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-rows:minmax(calc(100dvh - 82px),1fr)!important;grid-template-columns:minmax(0,1fr) 250px!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyChatFloor{grid-area:1/1!important;height:calc(100dvh - 82px)!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyPeopleRail{grid-area:1/2!important}#root main.entertainmentLobby .lobbyCenterStage{overflow:hidden auto!important}#root main.entertainmentLobby .funTableGrid{align-content:start!important}@media (width<=700px) and (orientation:portrait){#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:215px 525px!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:6px!important}#root main.entertainmentLobby .lobbyCenterStage{grid-area:1/1!important}#root main.entertainmentLobby .lobbyChatFloor{grid-area:2/1!important;grid-template-columns:minmax(0,1fr)!important}#root main.entertainmentLobby .lobbyPeopleRail{border-radius:11px!important;grid-area:1/2/3!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-rows:calc(100dvh - 62px)!important;grid-template-columns:minmax(0,1fr) 108px!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyChatFloor{grid-area:1/1!important;height:calc(100dvh - 62px)!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyPeopleRail{grid-area:1/2!important}}@media (height<=520px) and (orientation:landscape){#root main.entertainmentLobby>.lobbySocialLayout{grid-template-rows:145px minmax(185px,1fr)!important;grid-template-columns:minmax(0,1fr) 160px!important;gap:6px!important}#root main.entertainmentLobby .lobbyCenterStage{grid-area:1/1!important}#root main.entertainmentLobby .lobbyChatFloor{grid-area:2/1!important;grid-template-columns:minmax(0,1fr)!important}#root main.entertainmentLobby .lobbyPeopleRail{grid-area:1/2/3!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-rows:calc(100dvh - 56px)!important;grid-template-columns:minmax(0,1fr) 180px!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyChatFloor{grid-area:1/1!important;height:calc(100dvh - 56px)!important}#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby .lobbyPeopleRail{grid-area:1/2!important}}#root main.entertainmentLobby .createPanelInline{overscroll-behavior:contain;max-height:calc(100dvh - 90px)!important}#root main.entertainmentLobby .createPanelInline .createPanelHead h2,#root main.entertainmentLobby .createPanelInline .createFormGrid label,#root main.entertainmentLobby .createPanelInline .createChecks .checkRow{color:#f8fafc!important}#root main.entertainmentLobby .createPanelInline .createFormGrid>label{font-weight:850}#root main.entertainmentLobby .createPanelInline .tableThemePicker{color:#f8fafc!important;background:#17243a!important;border-color:#3b4d69!important}#root main.entertainmentLobby .createPanelInline .tableThemePickerHead span{color:#cbd5e1!important}#root main.entertainmentLobby .createPanelInline .tableThemeOption{color:#f8fafc!important;background:#0f1a2c!important;border-color:#344760!important}#root main.entertainmentLobby .createPanelInline .tableThemeOption>small{color:#cbd5e1!important}#root main.entertainmentLobby .createPanelInline .tableThemeOption.locked{opacity:.68}#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop{color:#f8fafc!important;background:#17243a!important;border-color:#405575!important}#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop summary{align-items:center;min-height:44px;padding:0 4px;display:flex;color:#f8fafc!important;font-size:12px!important;font-weight:950!important}#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop p,#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop small,#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop label{color:#cbd5e1!important}#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop input,#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop select{color:#f8fafc!important;background:#0d1728!important;border-color:#3b4d69!important}#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop summary:after{content:"AÇ";color:#dbe7f7;letter-spacing:.08em;background:#263852;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:7px}#root main.entertainmentLobby .createPanelInline .adminStyleWorkshop[open] summary:after{content:"KAPAT"}#root main.entertainmentLobby .createPanelInline .panelClose{color:#111827!important;background:#eef2ff!important;border-color:#d5dbea!important}.tableThemeOption.theme-classic-green .themePreview{background:#7a4b27!important;border-color:#6f4324!important;box-shadow:inset 0 0 0 1px #ffe09d40,0 3px 8px #00000040!important}.tableThemeOption.theme-classic-green .themePreview i{background:radial-gradient(circle at 50% 40%,#28976838,#0000 44%),linear-gradient(#0e6a49 0%,#095238 58%,#073d2b 100%)!important;border:1px solid #e5c370b8!important;border-radius:5px!important;inset:4px!important;box-shadow:inset 0 0 18px #00000052!important}.gameScreen.tableTheme-classic-green .feltTable{background:radial-gradient(circle at 50% 38%,#1d8f5f38 0%,#0000 45%),linear-gradient(#0d6a49 0%,#09583d 48%,#06412f 100%)!important;border-color:#6f4021!important;box-shadow:inset 0 0 0 2px #b88945,inset 0 0 0 5px #5b321c,inset 0 0 48px #00000040,0 12px 28px #0000004d!important}.gameScreen.tableTheme-classic-green .yuzbirMeldBoard{background:repeating-linear-gradient(90deg,#fff4c20b 0 1px,#0000 1px 9.09%),repeating-linear-gradient(0deg,#fff4c209 0 1px,#0000 1px 12.5%),linear-gradient(#085e408a,#05483394)!important;border-color:#c3a055!important;box-shadow:inset 0 0 0 1px #4d2c1675,inset 0 0 22px #0000002e!important}.gameScreen.tableTheme-classic-green .yuzbirMeldBoard:before{color:#f1d58a!important;text-shadow:0 1px #3d2414!important}.gameScreen.tableTheme-classic-green .seat{color:#fff6dc!important;background:linear-gradient(#18392e,#0d231d)!important;border-color:#b88d49!important;box-shadow:inset 0 0 0 1px #ffeebe14,0 4px 10px #00000042!important}.gameScreen.tableTheme-classic-green .seat.turn{border-color:#f1c75c!important;box-shadow:0 0 0 2px #f1c75c38,0 4px 12px #00000047!important}.gameScreen.tableTheme-classic-green .seat.winner{background:linear-gradient(#35533b,#173322)!important;border-color:#f6df8b!important}.gameScreen.tableTheme-classic-green .discardSpot{background:linear-gradient(#0d3227db,#07211ae0)!important;border-color:#a98146!important;box-shadow:inset 0 0 0 1px #ecd18f14,inset 0 0 14px #0000003d!important}.gameScreen.tableTheme-classic-green .discardSpot.previousDiscardSource{border-color:#e3bd63!important}.gameScreen.tableTheme-classic-green .centerDeck,.gameScreen.tableTheme-classic-green .indicatorPanel{color:#f5e2aa!important;background:linear-gradient(#18382d,#0c251e)!important;border-color:#b88a43!important;box-shadow:inset 0 0 0 1px #ffe8aa12,0 4px 12px #00000038!important}.gameScreen.tableTheme-classic-green .rackArea{background:linear-gradient(#86542f 0%,#6d4024 48%,#4d2b19 100%)!important;border-color:#8b542d!important;box-shadow:inset 0 2px #ffe0a72e,inset 0 -8px 18px #00000040,0 8px 18px #00000045!important}.gameScreen.tableTheme-classic-green .rackBoardShell{background:0 0!important;border-color:#603719!important}.gameScreen.tableTheme-classic-green .tileRackGrid{background:repeating-linear-gradient(90deg,#ffecc606 0 2px,#2c140806 2px 40px),linear-gradient(#754522 0%,#613719 58%,#4a2916 100%)!important;border-color:#5a321b!important;box-shadow:inset 0 2px #ffe1ac21,inset 0 -7px 14px #00000047!important}.gameScreen.tableTheme-classic-green .rackSlot{background:#30190d24!important;border-color:#ffe8b91f!important}.gameScreen.tableTheme-classic-green .rackArea button,.gameScreen.tableTheme-classic-green .rackHead button,.gameScreen.tableTheme-classic-green .rack101OpenActions button{color:#f8e7b9!important;background:linear-gradient(#6b3f24,#4b2a18)!important;border-color:#9c6b3a!important;box-shadow:inset 0 1px #ffebbf24!important}.gameScreen.tableTheme-classic-green .rackArea button:hover,.gameScreen.tableTheme-classic-green .rackHead button:hover,.gameScreen.tableTheme-classic-green .rack101OpenActions button:hover{background:linear-gradient(#81502c,#5a341d)!important}.gameScreen.tableTheme-classic-green .rack101ScoreBar,.gameScreen.tableTheme-classic-green .mobile101RackStats{color:#f1d58a!important}.gameScreen.tableTheme-classic-green .centerLogo{color:#f5dc9e57!important;text-shadow:0 1px #2a160bad!important}.gameScreen.tableTheme-classic-green .tableFlowNotice,.gameScreen.tableTheme-classic-green .turnBox,.gameScreen.tableTheme-classic-green .timerBox{color:#f2e1ad!important;background:#102b22!important;border-color:#9d7741!important}@media (width<=700px),(height<=520px) and (orientation:landscape){.gameScreen.tableTheme-classic-green .feltTable{box-shadow:inset 0 0 0 2px #b88945,inset 0 0 0 5px #5b321c,inset 0 0 30px #00000038!important}}@media (width<=700px),(height<=520px) and (width<=1000px){.mobileLobbyShell{color:#eef3fb!important;background:#0d1625!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important;width:100vw!important;min-width:0!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.mobileLobbyTopbar{min-height:50px!important;padding:calc(5px + env(safe-area-inset-top)) 10px 5px!important;box-sizing:border-box!important;background:#101a2a!important;border-bottom:1px solid #293851!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;display:grid!important}.mobileLobbyBrand{color:#fff!important;letter-spacing:-.04em!important;white-space:nowrap!important;font:950 15px/1 system-ui,sans-serif!important}.mobileLobbyBrand span{color:#9f7cff!important}.mobileLobbyOnline{color:#8ea0b9!important;justify-self:center!important;align-items:center!important;gap:4px!important;font-size:8px!important;display:flex!important}.mobileLobbyOnline i{background:#22c993!important;border-radius:50%!important;width:7px!important;height:7px!important;box-shadow:0 0 0 3px #22c9931f!important}.mobileLobbyOnline b{color:#fff!important;font-size:10px!important}.mobileSettingsButton{color:#e7edf6!important;background:#17243a!important;border:1px solid #34445f!important;border-radius:10px!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;font-size:15px!important;display:grid!important}.mobileReturnGame{color:#fff!important;text-align:center!important;background:#272044!important;border:1px solid #5e4aab!important;border-radius:10px!important;justify-self:center!important;gap:1px!important;max-width:170px!important;min-height:36px!important;padding:4px 10px!important;display:grid!important}.mobileReturnGame b{font-size:8px!important}.mobileReturnGame small{text-overflow:ellipsis!important;white-space:nowrap!important;color:#c9c0e8!important;max-width:145px!important;font-size:6px!important;overflow:hidden!important}.mobileReturnGame.urgent{background:#7d202b!important;border-color:#f04d55!important}.mobileActiveGameBar{background:#172337!important;border-bottom:1px solid #33445e!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:5px!important;min-height:52px!important;padding:5px 8px!important;display:grid!important}.mobileActiveGameBar>div{gap:1px!important;min-width:0!important;display:grid!important}.mobileActiveGameBar small{color:#7ee2c3!important;font-size:5px!important;font-weight:900!important}.mobileActiveGameBar b{text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:9px!important;overflow:hidden!important}.mobileActiveGameBar span{color:#8ea0b9!important;font-size:6px!important}.mobileActiveGameBar button{color:#fff!important;background:#1c2b43!important;border:1px solid #40526f!important;border-radius:8px!important;min-height:32px!important;padding:0 7px!important;font-size:6px!important;font-weight:900!important}.mobileActiveGameBar .mobileLeaveTable{color:#ffb5ba!important;background:#45232a!important;border-color:#7a3941!important}.mobileActiveGameBar.urgent{box-shadow:inset 3px 0 #ef4444!important}.mobilePeopleStrip{background:#121d2e!important;border-bottom:1px solid #26354d!important;min-width:0!important;padding:5px 0 6px!important}.mobileSectionTitle{justify-content:space-between!important;align-items:center!important;height:20px!important;padding:0 8px!important;display:flex!important}.mobileSectionTitle b{color:#c9d3e3!important;letter-spacing:.08em!important;font-size:7px!important}.mobileSectionTitle span{color:#71e2c0!important;background:#173d35!important;border-radius:999px!important;place-items:center!important;min-width:22px!important;height:18px!important;padding:0 5px!important;font-size:7px!important;display:grid!important}.mobilePeopleScroller{scrollbar-width:none!important;scroll-snap-type:x proximity!important;gap:6px!important;min-width:0!important;padding:2px 8px!important;display:flex!important;overflow:auto hidden!important}.mobilePeopleScroller::-webkit-scrollbar{display:none!important}.mobilePerson{color:#e7edf6!important;scroll-snap-align:start!important;background:#17243a!important;border:1px solid #2a3a55!important;border-radius:10px!important;flex-direction:column!important;flex:0 0 58px!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:58px!important;height:58px!important;padding:3px!important;display:flex!important}.mobilePerson.me{background:#292449!important;border-color:#725bd1!important}.mobilePersonAvatar{color:#fff!important;background:#2b3d59!important;border-radius:8px!important;place-items:center!important;width:27px!important;height:27px!important;font-size:7px!important;font-weight:950!important;display:grid!important}.mobilePerson b{text-overflow:ellipsis!important;white-space:nowrap!important;color:#eef3fb!important;text-align:center!important;width:52px!important;font-size:6px!important;overflow:hidden!important}.mobilePerson small{color:#6fdcba!important;font-size:5px!important}.mobileTablesPanel{background:#152238!important;border-bottom:1px solid #2a3953!important;min-width:0!important;overflow:hidden!important}.mobileTablesPanel.closed{min-height:39px!important}.mobileTablesHead{justify-content:space-between!important;align-items:center!important;gap:6px!important;min-height:39px!important;padding:4px 7px!important;display:flex!important}.mobileTablesHead>div:first-child{gap:1px!important;min-width:0!important;display:grid!important}.mobileTablesHead b{color:#fff!important;font-size:8px!important}.mobileTablesHead small{color:#7f90a8!important;font-size:5px!important}.mobileTableHeadActions{align-items:center!important;gap:3px!important;display:flex!important}.mobileTableHeadActions button{color:#aebbd0!important;background:#1a2941!important;border:1px solid #33455f!important;border-radius:7px!important;min-width:30px!important;height:29px!important;padding:0 6px!important;font-size:6px!important;font-weight:850!important}.mobileTableHeadActions button.active{color:#fff!important;background:#5c47b6!important;border-color:#8067e5!important}.mobileTableHeadActions .mobileCreateButton{color:#fff!important;background:#1a7c63!important;border-color:#219779!important;min-width:29px!important;padding:0!important;font-size:15px!important}.mobileTableHeadActions .mobileTablesToggle{min-width:29px!important;padding:0!important}.mobileTablesScroller{scrollbar-width:none!important;scroll-snap-type:x mandatory!important;gap:6px!important;min-width:0!important;padding:0 7px 7px!important;display:flex!important;overflow:auto hidden!important}.mobileTablesScroller::-webkit-scrollbar{display:none!important}.mobileTableCard{color:#fff!important;scroll-snap-align:start!important;box-sizing:border-box!important;background:#19283f!important;border:1px solid #30415d!important;border-radius:10px!important;flex:0 0 138px!important;grid-template-rows:auto auto auto 1fr!important;gap:3px!important;min-width:138px!important;height:94px!important;padding:7px!important;display:grid!important}.mobileTableCard.active{border-color:#9178ff!important;box-shadow:inset 0 0 0 1px #9178ff38!important}.mobileTableType{justify-content:space-between!important;align-items:center!important;gap:4px!important;display:flex!important}.mobileTableType span{color:#dbe5f3!important;background:#273a59!important;border-radius:999px!important;padding:2px 5px!important;font-size:5px!important;font-weight:900!important}.mobileTableType em{color:#63dcb9!important;font-size:5px!important;font-style:normal!important;font-weight:900!important}.mobileTableName{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;overflow:hidden!important}.mobileTableCard>small{text-overflow:ellipsis!important;white-space:nowrap!important;color:#8ea0b8!important;font-size:5px!important;overflow:hidden!important}.mobileTableCard>button{color:#fff!important;background:#6951d1!important;border:0!important;border-radius:7px!important;align-self:end!important;min-height:26px!important;font-size:6px!important;font-weight:900!important}.mobileTableCard>button:disabled{color:#718096!important;background:#27354b!important}.mobileEmptyTable{color:#8292a8!important;border:1px dashed #3b4c67!important;border-radius:9px!important;place-items:center!important;min-width:150px!important;height:64px!important;font-size:7px!important;display:grid!important}.mobileLobbyChat{background:#0e1725!important;grid-template-rows:38px minmax(0,1fr)!important;min-width:0!important;min-height:0!important;display:grid!important;overflow:hidden!important}.mobileChatTitle{background:#121e30!important;border-bottom:1px solid #27364e!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;min-height:38px!important;padding:4px 8px!important;display:flex!important}.mobileChatTitle>div:first-child{align-items:center!important;gap:6px!important;display:flex!important}.mobileChatTitle span{color:#3bd1a2!important;font-size:6px!important;font-weight:950!important}.mobileChatTitle b{color:#fff!important;font-size:9px!important}.mobileChatTitleActions button{color:#fff!important;background:#403579!important;border:1px solid #5e4ab1!important;border-radius:7px!important;min-height:28px!important;padding:0 8px!important;font-size:6px!important;font-weight:900!important}.mobileLobbyChat .richChat{grid-template-rows:30px 27px minmax(0,1fr) calc(45px + env(safe-area-inset-bottom))!important;background:#0d1623!important;border:0!important;border-radius:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.mobileLobbyChat .chatHead{display:none!important}.mobileLobbyChat .socialToolBar{background:#121d2e!important;border-bottom:1px solid #25344b!important;align-items:center!important;gap:4px!important;min-height:30px!important;padding:2px 5px!important;display:flex!important}.mobileLobbyChat .socialToolBar button{color:#aebbd0!important;background:#17243a!important;border:1px solid #32435d!important;border-radius:7px!important;min-height:24px!important;padding:0 7px!important;font-size:6px!important}.mobileLobbyChat .socialToolBar button.active{color:#fff!important;background:#3b3268!important;border-color:#8067e5!important}.mobileLobbyChat .chatTabs{background:#0f1a2a!important;border-bottom:1px solid #223149!important;gap:4px!important;height:27px!important;min-height:27px!important;padding:2px 5px!important;display:flex!important}.mobileLobbyChat .chatTabs button{color:#a8b7ca!important;background:#152238!important;border:1px solid #30405a!important;border-radius:6px!important;flex:none!important;width:auto!important;min-width:56px!important;height:22px!important;min-height:22px!important;padding:0 8px!important;font-size:6px!important}.mobileLobbyChat .chatTabs button.active{color:#7fe0c2!important;background:#173a33!important;border-color:#26b98d!important}.mobileLobbyChat .privateRecipient{z-index:20!important;color:#fff!important;background:#17243a!important;border:1px solid #40506c!important;border-radius:7px!important;width:170px!important;height:30px!important;font-size:7px!important;position:absolute!important;top:100px!important;right:8px!important}.mobileLobbyChat .chatMessages{background:#0d1623!important;flex-direction:column!important;gap:4px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:6px!important;display:flex!important;overflow-y:auto!important}.mobileLobbyChat .chatMessage{background:#142033!important;border-left:2px solid #425471!important;border-radius:0 8px 8px 0!important;max-width:94%!important;margin:0!important;padding:5px 6px!important}.mobileLobbyChat .chatMessage.mine{background:#211d3d!important;border-left:0!important;border-right:2px solid #7560db!important;border-radius:8px 0 0 8px!important;margin-left:auto!important}.mobileLobbyChat .chatMessage>div{justify-content:space-between!important;gap:5px!important;display:flex!important}.mobileLobbyChat .chatNameButton{color:#56d4e6!important;background:0 0!important;border:0!important;padding:0!important;font-size:7px!important;font-weight:900!important}.mobileLobbyChat .chatMessage small{color:#667892!important;font-size:5px!important}.mobileLobbyChat .chatTextStyled{color:#e3eaf4!important;margin:2px 0 0!important;font-size:7.5px!important;line-height:1.32!important}.mobileLobbyChat .chatEmpty{color:#62738c!important;margin:auto!important;font-size:8px!important}.mobileLobbyChat .chatComposer{min-height:45px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;background:#121e30!important;border-top:1px solid #27364e!important}.mobileLobbyChat .chatSend{grid-template-columns:34px minmax(0,1fr) 58px!important;gap:5px!important;width:100%!important;display:grid!important}.mobileLobbyChat .chatSend input{color:#fff!important;background:#0b1421!important;border:1px solid #35465f!important;border-radius:8px!important;min-width:0!important;height:34px!important;padding:0 9px!important;font-size:8px!important}.mobileLobbyChat .emojiButton{color:#fff!important;background:#18263b!important;border:1px solid #35465f!important;border-radius:8px!important;width:34px!important;height:34px!important;padding:0!important}.mobileLobbyChat .chatSend>button:last-child{color:#fff!important;background:#159c78!important;border:0!important;border-radius:8px!important;height:34px!important;padding:0!important;font-size:7px!important;font-weight:950!important}.mobileCreateSheet{z-index:1200!important;inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px!important;color:#fff!important;background:#111c2d!important;border:1px solid #41516b!important;border-radius:18px!important;gap:10px!important;max-height:76dvh!important;padding:12px!important;display:grid!important;position:fixed!important;overflow-y:auto!important;box-shadow:0 -18px 50px #00000073!important}.mobileCreateSheetHead{justify-content:space-between!important;align-items:center!important;display:flex!important}.mobileCreateSheetHead b{font-size:15px!important}.mobileCreateSheetHead button{color:#fff!important;background:#18263b!important;border:1px solid #3c4c67!important;border-radius:9px!important;width:34px!important;height:34px!important;font-size:18px!important}.mobileCreateSheet label{color:#9eacc0!important;gap:4px!important;font-size:7px!important;font-weight:800!important;display:grid!important}.mobileCreateSheet input{color:#fff!important;background:#0c1522!important;border:1px solid #394b66!important;border-radius:9px!important;height:38px!important;padding:0 10px!important;font-size:9px!important}.mobileCreateChoice,.mobileThemeChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;display:grid!important}.mobileCreateChoice button,.mobileThemeChoices button{color:#cbd5e1!important;background:#18263b!important;border:1px solid #3b4c67!important;border-radius:9px!important;min-height:40px!important;font-size:8px!important;font-weight:850!important}.mobileCreateChoice button.active,.mobileThemeChoices button.active{color:#fff!important;background:#352d62!important;border-color:#846cff!important}.mobileThemeChoices button{justify-content:flex-start!important;align-items:center!important;gap:6px!important;padding:6px 8px!important;display:flex!important}.mobileThemeDot{background:#0a674a!important;border-radius:7px!important;width:22px!important;height:22px!important;box-shadow:inset 0 0 0 3px #6b421f,inset 0 0 0 4px #bc924f!important}.mobileCreateSubmit{color:#fff!important;background:linear-gradient(135deg,#7a5bf0,#5e43c5)!important;border:0!important;border-radius:10px!important;min-height:42px!important;font-size:10px!important;font-weight:950!important}}@media (height<=520px) and (orientation:landscape) and (width<=1000px){.mobileLobbyShell{grid-template-rows:auto 67px minmax(0,1fr)!important;grid-template-columns:42% minmax(0,1fr)!important}.mobileLobbyTopbar{grid-area:1/1/auto/-1!important;min-height:42px!important;padding:3px 8px!important}.mobilePeopleStrip{grid-area:2/1/auto/-1!important;padding:3px 0 4px!important}.mobileSectionTitle{display:none!important}.mobilePeopleScroller{padding:2px 7px!important}.mobilePerson{flex-basis:54px!important;min-width:54px!important;height:55px!important}.mobilePersonAvatar{width:24px!important;height:24px!important}.mobileTablesPanel{border-bottom:0!important;border-right:1px solid #2b3a53!important;grid-area:3/1!important;overflow:auto!important}.mobileTablesScroller{scroll-snap-type:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:0 6px 6px!important;display:grid!important;overflow:hidden auto!important}.mobileTableCard{width:auto!important;min-width:0!important;height:88px!important}.mobileLobbyChat{grid-area:3/2!important;min-height:0!important}.mobileCreateSheet{width:min(360px,48vw)!important;max-height:none!important;inset:48px 8px 8px auto!important}}@media (width<=700px) and (orientation:portrait){body:has(main.gameScreen.yuzbirGame){background:#eef2f7!important}main.gameScreen.yuzbirGame{width:100vw!important;height:100dvh!important;min-height:0!important;padding:0!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important;box-sizing:border-box!important;overflow:hidden!important}main.gameScreen.yuzbirGame .gameTableWrap{inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0!important;height:auto!important;position:absolute!important}main.gameScreen.yuzbirGame .topbar{height:7.4%!important}main.gameScreen.yuzbirGame .topbar .lobbyPeekButton{border-radius:11px!important;width:42px!important;height:42px!important;top:9%!important;left:3.6%!important}main.gameScreen.yuzbirGame .topbar .themeToggle{border-radius:11px!important;width:42px!important;height:42px!important;top:9%!important;right:3.6%!important}main.gameScreen.yuzbirGame .yuzbirMeldBoard{border-radius:17px!important;width:67.4%!important;height:64.2%!important;padding:15px 6px 9px!important;top:8.6%!important;left:16.3%!important}main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{font-size:9px!important;top:6px!important}main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty{margin-top:16px!important}main.gameScreen.yuzbirGame .seat-1{width:10.5%!important;height:19.2%!important;top:30.7%!important;left:4.6%!important}main.gameScreen.yuzbirGame .seat-3{width:10.5%!important;height:19.2%!important;top:30.7%!important;left:84.9%!important}main.gameScreen.yuzbirGame .seat-1>b,main.gameScreen.yuzbirGame .seat-3>b{letter-spacing:.01em!important;font-size:9px!important}main.gameScreen.yuzbirGame .seat-1 .yuzbirSeatAvatar,main.gameScreen.yuzbirGame .seat-3 .yuzbirSeatAvatar{width:42px!important;height:42px!important;font-size:10px!important;top:-28%!important;left:50%!important;transform:translate(-50%)!important}main.gameScreen.yuzbirGame .seat-2{width:23%!important;height:3.5%!important;top:5.1%!important;left:38.5%!important}main.gameScreen.yuzbirGame .seat-2 b{font-size:8px!important}main.gameScreen.yuzbirGame .seat-2 .yuzbirSeatAvatar{width:39px!important;height:39px!important;top:-24%!important;left:-48%!important}main.gameScreen.yuzbirGame .seat-0{width:23%!important;height:3.3%!important;top:71.8%!important;left:38.5%!important}main.gameScreen.yuzbirGame .timerBox{border:1px solid #deb8586b!important;width:19%!important;height:3.8%!important;top:4.7%!important;left:17%!important}main.gameScreen.yuzbirGame .timerBox strong{font-size:11px!important}main.gameScreen.yuzbirGame .discard-1{width:10%!important;height:6.5%!important;top:56.8%!important;left:4.9%!important}main.gameScreen.yuzbirGame .discard-3{width:10%!important;height:6.5%!important;top:56.8%!important;left:85.1%!important}main.gameScreen.yuzbirGame .discard-2{width:9.8%!important;height:6.3%!important;top:8.7%!important;left:85.1%!important}main.gameScreen.yuzbirGame .discard-0{width:10.2%!important;height:6.5%!important;top:68.8%!important;left:76.3%!important}main.gameScreen.yuzbirGame .indicatorPanel{width:21%!important;height:5.4%!important;top:69.3%!important;left:7%!important}main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo:before{width:30px!important;height:30px!important}main.gameScreen.yuzbirGame .indicatorPanel .imageTile.okeyTile.compact{width:30px!important;min-width:30px!important;height:41px!important}main.gameScreen.yuzbirGame .centerDeck{border-radius:16px!important;gap:5px!important;width:40%!important;height:7.6%!important;padding:4px 7px!important;top:68.9%!important;left:31.5%!important}main.gameScreen.yuzbirGame .centerDeck .deckStack img{width:36px!important;height:49px!important}main.gameScreen.yuzbirGame .centerDeck small:after{font-size:6.5px!important}main.gameScreen.yuzbirGame .rackArea{border-radius:15px!important;width:92%!important;height:20.5%!important;top:76.5%!important;left:4%!important}main.gameScreen.yuzbirGame .rackHead{height:26%!important;top:2.5%!important;left:2.5%!important;right:2.5%!important}main.gameScreen.yuzbirGame .rackTools{gap:3px!important;width:57%!important}main.gameScreen.yuzbirGame .rackTools button,main.gameScreen.yuzbirGame .rack101OpenActions button{border-radius:7px!important;min-height:26px!important;padding:0 4px!important;font-size:6.5px!important}main.gameScreen.yuzbirGame .rack101ScoreBar{width:40%!important;height:26%!important;top:2.5%!important;right:2.5%!important}main.gameScreen.yuzbirGame .rackBoardShell{inset:31% 2.5% 4%!important}main.gameScreen.yuzbirGame .tileRackGrid{border-radius:9px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(14,minmax(0,1fr))!important;gap:2px 1px!important;padding:5px!important}main.gameScreen.yuzbirGame .rackSlot{width:auto!important;min-width:0!important;height:auto!important}main.gameScreen.yuzbirGame .rackSlot .imageTile.okeyTile:not(.compact){object-fit:fill!important;width:100%!important;min-width:0!important;height:100%!important}main.gameScreen.yuzbirGame .mobileSocialSheet{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:68dvh!important}}@media (height<=520px) and (orientation:landscape) and (width<=1000px){main.gameScreen.yuzbirGame{width:100vw!important;height:100dvh!important;min-height:0!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;box-sizing:border-box!important;overflow:hidden!important}main.gameScreen.yuzbirGame .gameTableWrap{inset:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)!important}main.gameScreen.yuzbirGame .topbar{height:13%!important}main.gameScreen.yuzbirGame .topbar .lobbyPeekButton{width:38px!important;height:38px!important;top:10%!important;left:1.5%!important}main.gameScreen.yuzbirGame .topbar .themeToggle{width:38px!important;height:38px!important;top:10%!important;right:1.5%!important}main.gameScreen.yuzbirGame .yuzbirMeldBoard{width:64%!important;height:58%!important;top:8%!important;left:18%!important}main.gameScreen.yuzbirGame .seat-1{width:9%!important;height:25%!important;top:29%!important;left:4%!important}main.gameScreen.yuzbirGame .seat-3{width:9%!important;height:25%!important;top:29%!important;left:87%!important}main.gameScreen.yuzbirGame .seat-1 .yuzbirSeatAvatar,main.gameScreen.yuzbirGame .seat-3 .yuzbirSeatAvatar{width:36px!important;height:36px!important}main.gameScreen.yuzbirGame .seat-2{width:16%!important;height:5%!important;top:3.5%!important;left:42%!important}main.gameScreen.yuzbirGame .seat-0{width:16%!important;height:5%!important;top:65.5%!important;left:42%!important}main.gameScreen.yuzbirGame .discard-1{width:7%!important;height:10%!important;top:57%!important;left:5%!important}main.gameScreen.yuzbirGame .discard-3{width:7%!important;height:10%!important;top:57%!important;left:88%!important}main.gameScreen.yuzbirGame .discard-2{width:7%!important;height:10%!important;top:9%!important;left:88%!important}main.gameScreen.yuzbirGame .discard-0{width:7%!important;height:10%!important;top:63%!important;left:77%!important}main.gameScreen.yuzbirGame .indicatorPanel{width:13%!important;height:8%!important;top:65%!important;left:15%!important}main.gameScreen.yuzbirGame .centerDeck{width:23%!important;height:11%!important;top:64%!important;left:31%!important}main.gameScreen.yuzbirGame .rackArea{width:84%!important;height:23%!important;top:75.5%!important;left:8%!important}main.gameScreen.yuzbirGame .rackHead{height:25%!important;top:2%!important}main.gameScreen.yuzbirGame .rackTools button,main.gameScreen.yuzbirGame .rack101OpenActions button{min-height:24px!important}main.gameScreen.yuzbirGame .rackBoardShell{top:30%!important;bottom:4%!important}}@media (width<=700px) and (orientation:portrait){main.gameScreen.phoneGame .topbar .leaveTableButton{color:#ffb7bc!important;pointer-events:auto!important;z-index:123!important;background:#3b1d22!important;border:1px solid #8c3d45!important;border-radius:11px!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;font:900 16px/1 system-ui,sans-serif!important;display:grid!important;position:absolute!important;top:9%!important;right:15.7%!important}main.gameScreen.phoneGame .leaveConfirmBackdrop{z-index:2000!important;padding:12px 8px calc(12px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#04080db8!important;place-items:end center!important;display:grid!important;position:fixed!important;inset:0!important}main.gameScreen.phoneGame .leaveConfirmCard{color:#eef3fb!important;background:#171f2d!important;border:1px solid #6a3e44!important;border-radius:18px!important;width:100%!important;max-width:380px!important;padding:16px!important;box-shadow:0 -18px 50px #0000006b!important}main.gameScreen.phoneGame .leaveConfirmCard>span{margin-bottom:5px!important;font-size:22px!important;display:block!important}main.gameScreen.phoneGame .leaveConfirmCard h3{color:#fff!important;margin:0 0 7px!important;font-size:15px!important}main.gameScreen.phoneGame .leaveConfirmCard p{color:#aab7c8!important;margin:0!important;font-size:9px!important;line-height:1.45!important}main.gameScreen.phoneGame .leaveConfirmCard>div{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:12px!important;display:grid!important}main.gameScreen.phoneGame .leaveConfirmCard button{color:#dce4ef!important;background:#202c40!important;border:1px solid #3c4c65!important;border-radius:10px!important;min-height:42px!important;font-size:9px!important;font-weight:900!important}main.gameScreen.phoneGame .leaveConfirmCard .primaryAction{color:#fff!important;background:#7b2933!important;border-color:#9b3f48!important}}@media (height<=520px) and (orientation:landscape) and (width<=1000px){main.gameScreen.phoneGame .topbar .leaveTableButton{color:#ffb7bc!important;pointer-events:auto!important;z-index:123!important;background:#3b1d22!important;border:1px solid #8c3d45!important;border-radius:10px!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;font:900 15px/1 system-ui,sans-serif!important;display:grid!important;position:absolute!important;top:10%!important;right:7.2%!important}}@media (width<=700px) and (orientation:portrait){.mobileLobbyTopbar{min-height:54px!important;padding-left:12px!important;padding-right:12px!important}.mobileLobbyOnline{font-size:9px!important}.mobileLobbyOnline b{font-size:11px!important}.mobileSettingsButton{width:40px!important;min-width:40px!important;height:40px!important;font-size:17px!important}.mobilePeopleStrip{padding:6px 0 7px!important}.mobileSectionTitle b{font-size:9px!important}.mobileSectionTitle span{min-width:24px!important;height:20px!important;font-size:8px!important}.mobilePerson{flex:0 0 70px!important;gap:3px!important;min-width:70px!important;height:68px!important;padding:4px!important}.mobilePerson b{width:62px!important;font-size:8px!important}.mobileTablesPanel.closed{min-height:44px!important}.mobileTableHeadActions{gap:4px!important}.mobileTableHeadActions .mobileCreateButton,.mobileTableHeadActions .mobileTablesToggle{width:34px!important;min-width:34px!important;font-size:16px!important}.mobileTableCard{border-radius:12px!important;flex:0 0 calc(100vw - 28px)!important;gap:5px!important;width:calc(100vw - 28px)!important;min-width:calc(100vw - 28px)!important;height:112px!important;padding:10px!important}.mobileTableType span,.mobileTableType em{font-size:7px!important}.mobileTableType span{padding:3px 7px!important}.mobileTableCard>button{border-radius:9px!important;min-height:34px!important;font-size:9px!important}.mobileLobbyChat{grid-template-rows:44px minmax(0,1fr)!important}.mobileChatTitleActions button{min-height:32px!important;padding:0 10px!important;font-size:8px!important}.mobileLobbyChat .richChat{grid-template-rows:36px 32px minmax(0,1fr) calc(52px + env(safe-area-inset-bottom))!important}.mobileLobbyChat .socialToolBar{gap:5px!important;min-height:36px!important;padding:3px 6px!important}.mobileLobbyChat .socialToolBar button{border-radius:8px!important;min-height:30px!important;padding:0 10px!important;font-size:8px!important}.mobileLobbyChat .chatTabs{gap:5px!important;height:32px!important;min-height:32px!important;padding:3px 6px!important}.mobileLobbyChat .chatTabs button{border-radius:7px!important;min-width:68px!important;height:26px!important;min-height:26px!important;padding:0 10px!important;font-size:8px!important}.mobileLobbyChat .chatMessages{gap:6px!important;padding:8px!important}.mobileLobbyChat .chatMessage{max-width:96%!important;padding:7px 8px!important}.mobileLobbyChat .chatNameButton{font-size:9px!important}.mobileLobbyChat .chatMessage small{font-size:7px!important}.mobileLobbyChat .chatTextStyled{font-size:10px!important;line-height:1.38!important}.mobileLobbyChat .chatEmpty{font-size:10px!important}.mobileLobbyChat .chatComposer{min-height:52px!important;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important}.mobileLobbyChat .chatSend input{border-radius:10px!important;height:40px!important;padding:0 11px!important;font-size:10px!important}.mobileLobbyChat .emojiButton{border-radius:10px!important;width:40px!important;height:40px!important}.mobileLobbyChat .chatSend>button:last-child{border-radius:10px!important;height:40px!important;font-size:9px!important}.mobileLobbyShell{grid-template-rows:auto auto auto minmax(280px,1fr)!important}html,body,#root{height:100%!important;min-height:100%!important;overflow:hidden!important}.mobileLobbyShell{grid-template-rows:auto auto auto minmax(0,1fr)!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.mobileLobbyTopbar{min-height:48px!important;padding:4px 10px!important}.mobileLobbyBrand{font-size:16px!important}.mobileSettingsButton{width:36px!important;min-width:36px!important;height:36px!important}.mobilePeopleStrip{max-height:78px!important;padding:4px 0!important;overflow:hidden!important}.mobileSectionTitle{height:20px!important;padding:0 8px!important}.mobilePeopleScroller{gap:6px!important;padding:2px 8px!important}.mobilePerson{flex:0 0 58px!important;min-width:58px!important;height:50px!important;padding:3px!important}.mobilePersonAvatar{width:24px!important;height:24px!important;font-size:7px!important}.mobilePerson b{font-size:6px!important}.mobilePerson small{font-size:5px!important}.mobileTablesPanel{max-height:160px!important;overflow:hidden!important}.mobileTablesHead{min-height:36px!important;padding:4px 8px!important}.mobileTablesHead b{font-size:8px!important}.mobileTablesHead small{font-size:6px!important}.mobileTableHeadActions button{min-width:30px!important;height:28px!important;padding:0 6px!important;font-size:7px!important}.mobileTablesScroller{gap:8px!important;padding:0 8px 6px!important}.mobileTableCard{flex:0 0 calc(100vw - 24px)!important;gap:3px!important;width:calc(100vw - 24px)!important;min-width:calc(100vw - 24px)!important;height:86px!important;padding:8px!important}.mobileTableName{font-size:9px!important}.mobileTableCard>small{font-size:6px!important}.mobileTableCard>button{min-height:26px!important;font-size:7px!important}.mobileLobbyChat{grid-template-rows:34px minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important}.mobileChatTitle{min-height:34px!important;padding:4px 8px!important}.mobileChatTitle b{font-size:9px!important}.mobileChatTitle span{font-size:6px!important}.mobileLobbyChat .richChat{grid-template-rows:28px 28px minmax(0,1fr) calc(46px + env(safe-area-inset-bottom))!important;height:100%!important;min-height:0!important}.mobileLobbyChat .socialToolBar{min-height:28px!important;padding:2px 6px!important}.mobileLobbyChat .socialToolBar button{min-height:24px!important;padding:0 8px!important;font-size:7px!important}.mobileLobbyChat .chatTabs{height:28px!important;min-height:28px!important;padding:2px 6px!important}.mobileLobbyChat .chatTabs button{min-width:58px!important;height:24px!important;min-height:24px!important;font-size:7px!important}.mobileLobbyChat .chatMessages{height:auto!important;min-height:0!important;max-height:none!important;padding:6px!important;overflow:hidden auto!important}.mobileLobbyChat .chatComposer{min-height:46px!important;height:calc(46px + env(safe-area-inset-bottom))!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}.mobileLobbyChat .chatSend{grid-template-columns:36px minmax(0,1fr) 58px!important;gap:6px!important}.mobileLobbyChat .emojiButton{width:36px!important;height:36px!important}.mobileLobbyChat .chatSend input{height:36px!important;padding:0 10px!important;font-size:9px!important}.mobileLobbyChat .chatSend>button:last-child{height:36px!important;font-size:8px!important}html,body,#root{overscroll-behavior-x:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body{position:fixed!important;inset:0!important}#root{position:relative!important}.mobileLobbyShell{overscroll-behavior:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.mobileLobbyShell,.mobileLobbyShell>*,.mobileLobbyTopbar,.mobilePeopleStrip,.mobileTablesPanel,.mobileLobbyChat{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.mobilePeopleScroller,.mobileTablesScroller{overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;width:100%!important;min-width:0!important;max-width:100%!important}.mobileTableCard{flex:0 0 calc(100% - 4px)!important;width:calc(100% - 4px)!important;min-width:calc(100% - 4px)!important;max-width:calc(100% - 4px)!important}.mobileTablesHead,.mobileChatTitle{width:100%!important;min-width:0!important;overflow:hidden!important}.mobileTablesHead>div:first-child,.mobileTableHeadActions,.mobileChatTitle>div:first-child,.mobileChatTitleActions{min-width:0!important}.mobileTableHeadActions{flex:none!important;gap:3px!important}.mobileTableHeadActions button{min-width:28px!important;height:28px!important;padding:0 5px!important}.mobileLobbyChat .richChat,.mobileLobbyChat .chatMessages,.mobileLobbyChat .chatComposer,.mobileLobbyChat .chatSend{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.mobileLobbyChat .chatSend input{width:100%!important;min-width:0!important}body:has(main.gameScreen.yuzbirGame){background:#eef2f7!important;min-height:100dvh!important;margin:0!important;overflow:hidden!important}body:has(main.gameScreen.yuzbirGame) #root{place-items:start center!important;min-height:100dvh!important;display:grid!important;overflow:hidden!important}main.gameScreen.yuzbirGame{aspect-ratio:auto!important;background:#063f2f!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;position:relative!important;overflow:hidden!important}main.gameScreen.yuzbirGame .gameTableWrap{width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;overflow:hidden!important}main.gameScreen.yuzbirGame .topbar{width:100%!important;height:10%!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;z-index:120!important;pointer-events:none!important;background:0 0!important;border:0!important;padding:0!important;position:absolute!important;inset:0 0 auto!important}main.gameScreen.yuzbirGame .brand.small,main.gameScreen.yuzbirGame .topbarRight>.stats,main.gameScreen.yuzbirGame .topbarRight>.balancePills,main.gameScreen.yuzbirGame .topbarRight>.membershipBadge,main.gameScreen.yuzbirGame .topbarRight>.speedScaleControl,main.gameScreen.yuzbirGame .topbarRight>.radioGameToggle,main.gameScreen.yuzbirGame .topbarRight>.soundToggle{display:none!important}main.gameScreen.yuzbirGame .topbarRight{width:100%!important;height:100%!important;margin:0!important;display:block!important;position:relative!important}main.gameScreen.yuzbirGame .topbar .lobbyPeekButton{color:#0000!important;pointer-events:auto!important;z-index:122!important;background:#0a251d!important;border:1px solid #c8922b!important;border-radius:10px!important;width:9.3%!important;min-width:0!important;height:43%!important;padding:0!important;font-size:0!important;line-height:0!important;position:absolute!important;top:12%!important;left:4.1%!important;overflow:hidden!important}main.gameScreen.yuzbirGame .topbar .lobbyPeekButton:before{content:"☰";color:#ffe4a3;place-items:center;font:900 18px/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}main.gameScreen.yuzbirGame .topbar .themeToggle{color:#ffe4a3!important;pointer-events:auto!important;z-index:122!important;background:#0a251d!important;border:1px solid #c8922b!important;border-radius:10px!important;width:9.3%!important;min-width:0!important;height:43%!important;padding:0!important;position:absolute!important;top:12%!important;right:3.6%!important}main.gameScreen.yuzbirGame .topbar .themeToggle span,main.gameScreen.yuzbirGame .topbar .themeToggle b{font-size:0!important}main.gameScreen.yuzbirGame .topbar .themeToggle span:after{content:"⚙";font:900 17px/1 system-ui,sans-serif}main.gameScreen.yuzbirGame .gameModeStrip,main.gameScreen.yuzbirGame .actionPanel,main.gameScreen.yuzbirGame .postHandAction,main.gameScreen.yuzbirGame .gameSocialLauncher,main.gameScreen.yuzbirGame .gameChatDock,main.gameScreen.yuzbirGame .rackHelp,main.gameScreen.yuzbirGame .devNote,main.gameScreen.yuzbirGame .ghost.dangerGhost{display:none!important}main.gameScreen.yuzbirGame .feltTable101{box-sizing:border-box!important;z-index:1!important;background:linear-gradient(#0a6a50 0%,#07563f 46%,#063f31 100%)!important;border:0!important;border-radius:28px!important;width:100%!important;height:100%!important;margin:0!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;box-shadow:inset 0 0 0 8px #6b3c1d,inset 0 0 0 10px #c18c39,inset 0 0 34px #00000040!important}main.gameScreen.yuzbirGame .centerLogo{display:none!important}main.gameScreen.yuzbirGame .yuzbirMeldBoard{box-sizing:border-box!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#d3a941 #0000002e!important;z-index:5!important;background:linear-gradient(#082d25f5,#034637e0),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 9.09%)!important;border:2px solid #c99b2e!important;border-radius:18px!important;width:65.9%!important;height:64.22%!important;padding:30px 7px 10px!important;position:absolute!important;inset:10.66% auto auto 17.44%!important;overflow:hidden auto!important;box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffe1911f!important}main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{content:"AÇILAN TAŞLAR · YUKARI / AŞAĞI KAYDIR";z-index:9!important;text-align:center!important;color:#f7d985!important;letter-spacing:.05em!important;pointer-events:none!important;background:linear-gradient(#0a3328,#08271f)!important;border-bottom:1px solid #e7be568c!important;margin:-30px -7px 8px!important;padding:7px 4px 6px!important;font-size:8px!important;font-weight:950!important;display:block!important;position:sticky!important;top:-30px!important}main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty{opacity:.32!important;margin-top:18px!important}main.gameScreen.yuzbirGame .yuzbirMeldLane{box-sizing:border-box!important;scroll-snap-align:start!important;background:#031c1794!important;border:1px solid #efcd7747!important;border-radius:10px!important;min-height:92px!important;margin:0 0 8px!important;padding:6px!important}main.gameScreen.yuzbirGame .yuzbirMeldLane:last-child{margin-bottom:0!important}main.gameScreen.yuzbirGame .yuzbirMeldLaneHead{color:#f7e4af!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;margin-bottom:5px!important;font-size:7px!important;display:flex!important}main.gameScreen.yuzbirGame .yuzbirMeldGroups{overscroll-behavior-x:contain!important;touch-action:pan-x!important;scrollbar-width:thin!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:5px!important;width:100%!important;padding:0 0 3px!important;display:flex!important;overflow:auto hidden!important}main.gameScreen.yuzbirGame .yuzbirMeldGroup{flex:none!important;min-width:max-content!important}main.gameScreen.yuzbirGame .seat{z-index:30!important;color:#fff!important;background:#071d19!important;border:1px solid #e0b75661!important;border-radius:11px!important;min-width:0!important;min-height:0!important;padding:3px!important;overflow:visible!important;box-shadow:0 3px 9px #00000038!important}main.gameScreen.yuzbirGame .seat b,main.gameScreen.yuzbirGame .seat .styledName,main.gameScreen.yuzbirGame .seat .styledName b{color:#fff!important;font-size:8px!important}main.gameScreen.yuzbirGame .seat>span:not(.yuzbirSeatAvatar){display:none!important}main.gameScreen.yuzbirGame .yuzbirSeatAvatar{box-sizing:border-box!important;color:#fff!important;writing-mode:horizontal-tb!important;opacity:1!important;background:#30204b!important;border:2px solid #a66bff!important;border-radius:50%!important;place-items:center!important;font:950 10px/1 system-ui,sans-serif!important;display:grid!important;position:absolute!important;box-shadow:0 0 0 2px #081e18e6,0 3px 8px #00000047!important}main.gameScreen.yuzbirGame .yuzbirSeatAvatar:after{content:"";background:#28e0c0;border:1px solid #063f31;border-radius:50%;width:6px;height:6px;position:absolute;bottom:2px;right:-3px}main.gameScreen.yuzbirGame .seat-1{justify-content:center!important;align-items:center!important;width:8.718%!important;height:18.957%!important;display:flex!important;inset:32.227% auto auto 6.154%!important;transform:none!important}main.gameScreen.yuzbirGame .seat-1>b{transform:rotate(180deg);writing-mode:vertical-rl!important}main.gameScreen.yuzbirGame .seat-1 .yuzbirSeatAvatar{width:129.4%!important;height:27.5%!important;top:-27.5%!important;left:50%!important;transform:translate(-50%)!important}main.gameScreen.yuzbirGame .seat-3{justify-content:center!important;align-items:center!important;width:8.718%!important;height:18.957%!important;display:flex!important;inset:33.175% auto auto 84.103%!important;transform:none!important}main.gameScreen.yuzbirGame .seat-3>b{transform:rotate(180deg);writing-mode:vertical-rl!important}main.gameScreen.yuzbirGame .seat-3 .yuzbirSeatAvatar{width:129.4%!important;height:27.5%!important;top:-35%!important;left:50%!important;transform:translate(-50%)!important}main.gameScreen.yuzbirGame .seat-2{justify-content:center!important;align-items:center!important;width:23.59%!important;height:3.318%!important;display:flex!important;inset:6.161% auto auto 46.667%!important;transform:none!important}main.gameScreen.yuzbirGame .seat-2 .yuzbirSeatAvatar{width:41.3%!important;height:135.71%!important;top:-17.86%!important;left:-43.48%!important}main.gameScreen.yuzbirGame .seat-0{justify-content:center!important;align-items:center!important;width:23.59%!important;height:3.318%!important;display:flex!important;inset:71.09% auto auto 38.205%!important;transform:none!important}main.gameScreen.yuzbirGame .seat-0 .yuzbirSeatAvatar{display:none!important}main.gameScreen.yuzbirGame .discardSpot{z-index:32!important;background:#011e177a!important;border-radius:9px!important;min-width:0!important;min-height:0!important;padding:2px!important}main.gameScreen.yuzbirGame .discard-1{width:8.205%!important;height:6.043%!important;inset:59.716% auto auto 5.128%!important;transform:none!important}main.gameScreen.yuzbirGame .discard-3{width:8.205%!important;height:6.043%!important;inset:59.716% auto auto 85.128%!important;transform:none!important}main.gameScreen.yuzbirGame .discard-2{width:8.205%!important;height:6.043%!important;inset:9.953% auto auto 84.103%!important;transform:none!important}main.gameScreen.yuzbirGame .discard-0{width:9.231%!important;height:6.043%!important;inset:69.668% auto auto 72.821%!important;transform:none!important}main.gameScreen.yuzbirGame .discardSpot .imageTile.okeyTile.compact{width:100%!important;min-width:0!important;height:100%!important}main.gameScreen.yuzbirGame .centerDeck{z-index:70!important;background:#102a22!important;border:2px solid #d4a22c!important;border-radius:18px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:33.3%!important;height:5.21%!important;padding:4px 7px!important;display:flex!important;position:absolute!important;inset:70.02% auto auto 35.9%!important;transform:none!important}main.gameScreen.yuzbirGame .centerDeck .deckStack{transform:none!important}main.gameScreen.yuzbirGame .centerDeck .deckStack img{width:34px!important;height:46px!important}main.gameScreen.yuzbirGame .centerDeck .deckStack b{font-size:8px!important}main.gameScreen.yuzbirGame .centerDeck small{font-size:0!important}main.gameScreen.yuzbirGame .centerDeck small:after{content:"ORTADAN ÇEK";white-space:nowrap;font-size:6px;font-weight:950}main.gameScreen.yuzbirGame .gameInfoBar{width:100%!important;height:100%!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;z-index:100!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:contents!important;position:absolute!important;inset:0!important;overflow:visible!important}main.gameScreen.yuzbirGame .gameInfoBar>.stockBox,main.gameScreen.yuzbirGame .gameInfoBar>.turnBox:not(.timerBox){display:none!important}main.gameScreen.yuzbirGame .timerBox{color:#fff!important;pointer-events:none!important;background:#0a251d!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:18.5%!important;min-width:0!important;height:3.4%!important;min-height:0!important;padding:0 5px!important;display:flex!important;position:absolute!important;top:6.6%!important;left:17.4%!important}main.gameScreen.yuzbirGame .timerBox small{font-size:5px!important}main.gameScreen.yuzbirGame .timerBox strong{font-size:10px!important}main.gameScreen.yuzbirGame .indicatorPanel{width:18%!important;height:5%!important;box-shadow:none!important;pointer-events:auto!important;background:0 0!important;border:0!important;align-items:center!important;gap:5px!important;padding:0!important;display:flex!important;position:absolute!important;top:71.1%!important;left:10.2%!important}main.gameScreen.yuzbirGame .indicatorPanel .featured{background:0 0!important;border:0!important;min-width:0!important;padding:0!important}main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo{align-items:center!important;gap:5px!important;width:100%!important;height:100%!important;display:flex!important}main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo small,main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>span,main.gameScreen.yuzbirGame .indicatorPanel .okeyInfo{display:none!important}main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo:before{content:"G";color:#ffe08a;background:#0a251d;border-radius:8px;place-items:center;width:28px;height:28px;font:950 14px/1 system-ui,sans-serif;display:grid}main.gameScreen.yuzbirGame .indicatorPanel .imageTile.okeyTile.compact{width:28px!important;min-width:28px!important;height:38px!important}main.gameScreen.yuzbirGame .rackArea{box-sizing:border-box!important;z-index:80!important;background:linear-gradient(#87552f,#5a321c)!important;border:2px solid #9d6127!important;border-radius:16px!important;width:91.79%!important;height:21.33%!important;margin:0!important;padding:0!important;position:absolute!important;top:76.07%!important;left:4.1%!important;overflow:hidden!important;box-shadow:0 8px 18px #00000040,inset 0 1px #ffffff1f!important}main.gameScreen.yuzbirGame .rackHead{z-index:84!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;height:24%!important;min-height:0!important;margin:0!important;display:flex!important;position:absolute!important;top:3%!important;left:3%!important;right:3%!important}main.gameScreen.yuzbirGame .rackHead>div:first-child{display:none!important}main.gameScreen.yuzbirGame .rackTools{grid-template-columns:repeat(3,1fr)!important;gap:3px!important;width:58%!important;display:grid!important;overflow:visible!important}main.gameScreen.yuzbirGame .rackTools button{white-space:nowrap!important;border-radius:7px!important;min-height:22px!important;padding:0 3px!important;font-size:6px!important}main.gameScreen.yuzbirGame .rackMode{display:none!important}main.gameScreen.yuzbirGame .rack101ScoreBar{width:38%!important;height:24%!important;min-height:0!important;box-shadow:none!important;z-index:85!important;background:0 0!important;border:0!important;justify-content:flex-end!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:3%!important;right:3%!important}main.gameScreen.yuzbirGame .rack101Score,main.gameScreen.yuzbirGame .rack101Warning,main.gameScreen.yuzbirGame .rack101OpenedBadge{display:none!important}main.gameScreen.yuzbirGame .rack101OpenActions{gap:3px!important;margin:0!important;display:flex!important}main.gameScreen.yuzbirGame .rack101OpenActions button{white-space:nowrap!important;border-radius:7px!important;min-height:22px!important;padding:0 4px!important;font-size:6px!important}main.gameScreen.yuzbirGame .rackBoardShell{width:auto!important;height:auto!important;margin:0!important;display:block!important;position:absolute!important;inset:30% 3% 5%!important}main.gameScreen.yuzbirGame .tileRackGrid{box-sizing:border-box!important;background:linear-gradient(#754725,#4e2b18)!important;border:1px solid #9b6532!important;border-radius:10px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-columns:repeat(14,minmax(0,1fr))!important;justify-content:stretch!important;gap:2px 1px!important;width:100%!important;height:100%!important;margin:0!important;padding:6px!important;display:grid!important;position:absolute!important;inset:0!important;overflow:hidden!important}main.gameScreen.yuzbirGame .rackSlot{border-radius:3px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:visible!important}main.gameScreen.yuzbirGame .rackSlot .imageTile.okeyTile:not(.compact){width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;inset:0!important}main.gameScreen.yuzbirGame .rackSlot.lastDrawSlot:before{display:none!important}main.gameScreen.yuzbirGame .connectionRecovery{z-index:145!important;border-radius:7px!important;align-items:center!important;gap:5px!important;width:232px!important;height:26px!important;min-height:0!important;margin:0!important;padding:0 8px!important;font-size:6px!important;display:flex!important;position:absolute!important;top:8px!important;left:10px!important}main.gameScreen.yuzbirGame .connectionRecovery b{white-space:nowrap!important;font-size:7px!important}main.gameScreen.yuzbirGame .connectionRecovery span{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:5px!important;overflow:hidden!important}main.gameScreen.yuzbirGame .winnerBanner,main.gameScreen.yuzbirGame .autoPilotBanner,main.gameScreen.yuzbirGame .nextHandDock{z-index:160!important}}

/* SOURCE: mobile-fix-20260928.css */
/* Mobile readability and room scrolling, 2026-09-28 */
@media (max-width: 760px) {
  html:has(.roomPage), body:has(.roomPage), body:has(.roomPage) #root {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body:has(.roomPage) { position: static !important; }
  body:has(.roomPage) #root { position: relative !important; }
  .roomPage { padding: 18px 14px max(90px, env(safe-area-inset-bottom)) !important; }
  .roomCard { padding: 20px 16px !important; }
  .roomCard h1 { font-size: clamp(28px, 8vw, 40px) !important; line-height: 1.15 !important; margin-bottom: 18px !important; overflow-wrap: anywhere; }
  .roomSeats { gap: 10px !important; }
  .roomSeat { min-height: 112px !important; padding: 12px !important; }
  .roomSeat b { font-size: 17px !important; }
  #root main.entertainmentLobby .createPanelInline {
    box-sizing: border-box !important;
    max-height: calc(100dvh - 68px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 18px 16px max(18px, env(safe-area-inset-bottom)) !important;
  }
  #root main.entertainmentLobby .createPanelInline .createFormGrid .gameChoices button {
    min-height: 52px !important;
    padding: 10px 8px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }
  #root main.entertainmentLobby .createPanelInline .tableThemeOption {
    min-height: 66px !important;
    padding: 10px !important;
    gap: 8px !important;
  }
  #root main.entertainmentLobby .createPanelInline .tableThemeOption > b { font-size: 15px !important; line-height: 1.3 !important; }
  #root main.entertainmentLobby .createPanelInline .tableThemeOption > small { font-size: 13px !important; line-height: 1.3 !important; }
  #root main.entertainmentLobby .createPanelInline .createFormGrid label,
  #root main.entertainmentLobby .createPanelInline .createChecks .checkRow { font-size: 14px !important; line-height: 1.35 !important; }
  #root main.entertainmentLobby .createPanelInline .createFormGrid input { font-size: 16px !important; }
}

@media (max-width: 760px) {
  body:has(.roomPage) { scroll-padding-bottom: 24px; }
  .roomPage .chatPanel { max-width: 100%; }
  .roomPage .chatSend {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 64px !important;
    padding: 8px 10px !important;
  }
  .roomPage .chatComposer .chatSend { grid-template-columns: auto minmax(0, 1fr) auto !important; }
  .roomPage .chatSend input { min-width: 0 !important; font-size: 16px !important; }
  .roomPage .chatSend button { min-height: 44px !important; font-size: 14px !important; white-space: nowrap !important; }
  .roomPage .chatComposer { scroll-margin-bottom: 20px; }
}

/* Okey table cards in the lobby */
@media (max-width: 760px) and (orientation: portrait) {
  .mobileTablesPanel { max-height: min(260px, 35dvh) !important; }
  .mobileTablesScroller {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 7px 10px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .mobileTableCard {
    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    flex: initial !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    gap: 5px !important;
    padding: 12px !important;
    border: 5px solid #6b492e !important;
    border-radius: 15px !important;
    background: radial-gradient(circle at 50% 42%, #235b49, #103a32 78%) !important;
    box-shadow: inset 0 0 0 2px #b58a54, 0 5px 12px #0005 !important;
    overflow: hidden !important;
  }
  .mobileTableType span, .mobileTableType em { font-size: 11px !important; }
  .mobileTableName { color: #fff !important; white-space: normal !important; overflow-wrap: anywhere !important; font-size: 16px !important; line-height: 1.2 !important; }
  .mobileTableCard small { color: #d9e9df !important; font-size: 11px !important; line-height: 1.25 !important; }
  .mobileTableCard button { min-height: 36px !important; padding: 5px 7px !important; font-size: 13px !important; }
}
@media (min-width: 761px) {
  #root main.entertainmentLobby .funTableCard {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 290px !important;
    max-height: none !important;
    border: 6px solid #6b492e !important;
    background: radial-gradient(circle at 50% 42%, #235b49, #103a32 78%) !important;
    box-shadow: inset 0 0 0 2px #b58a54, 0 8px 20px #0004 !important;
  }
  #root main.entertainmentLobby .funTableCard h3 { color: #fff !important; }
}

@media (min-width: 761px) {
  #root main.entertainmentLobby .funTableGrid { grid-template-columns: repeat(auto-fill, minmax(300px, 320px)) !important; }
  #root main.entertainmentLobby .funTableCard { min-height: 0 !important; width: 100% !important; }
}

/* Override the dense lobby card rule with an actual square table frame. */
@media (min-width: 761px) {
  #root main.entertainmentLobby .tableCard.funTableCard {
    aspect-ratio: 1 / 1 !important;
    width: 320px !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    border: 6px solid #6b492e !important;
    background: radial-gradient(circle at 50% 42%, #235b49, #103a32 78%) !important;
    box-shadow: inset 0 0 0 2px #b58a54, 0 8px 20px #0004 !important;
  }
}

/* Düz Okey: fit the board, controls and both rack rows on portrait phones. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame {
    width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #root main.gameScreen.duzGame .topbar {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 4px 8px !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.duzGame .brand.small { flex: 0 0 auto !important; font-size: 16px !important; line-height: 1 !important; }
  #root main.gameScreen.duzGame .topbarRight { min-width: 0 !important; gap: 5px !important; overflow: hidden !important; }
  #root main.gameScreen.duzGame .topbar .speedScaleControl,
  #root main.gameScreen.duzGame .topbar .balancePills,
  #root main.gameScreen.duzGame .topbar .stats,
  #root main.gameScreen.duzGame .topbar .liveSpeedControl,
  #root main.gameScreen.duzGame .topbar .visualSpeedControl { display: none !important; }
  #root main.gameScreen.duzGame .gameTableWrap {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 5px 6px 88px !important;
    overflow: visible !important;
  }
  #root main.gameScreen.duzGame .tableScoreStrip { box-sizing: border-box !important; width: 100% !important; overflow-x: auto !important; }
  #root main.gameScreen.duzGame .premiumInfoBar,
  #root main.gameScreen.duzGame .gameInfoBar {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    gap: 5px !important;
    margin: 0 0 5px !important;
    padding: 2px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  #root main.gameScreen.duzGame .premiumInfoBar > div,
  #root main.gameScreen.duzGame .gameInfoBar > div {
    box-sizing: border-box !important;
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 5px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.duzGame .premiumInfoBar .indicatorPanel,
  #root main.gameScreen.duzGame .gameInfoBar .indicatorPanel {
    flex-basis: 125px !important;
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px !important;
    padding: 3px !important;
  }
  #root main.gameScreen.duzGame .indicatorPanel .featured { min-width: 0 !important; gap: 1px !important; padding: 2px !important; }
  #root main.gameScreen.duzGame .indicatorPanel .featured .imageTile.okeyTile.compact { width: 27px !important; min-width: 27px !important; height: 37px !important; }
  #root main.gameScreen.duzGame .indicatorPanel .featured small,
  #root main.gameScreen.duzGame .indicatorPanel .featured > span { font-size: 7px !important; }
  #root main.gameScreen.duzGame .gameInfoBar small { font-size: 9px !important; }
  #root main.gameScreen.duzGame .gameInfoBar strong { font-size: 13px !important; }
  #root main.gameScreen.duzGame .feltTable {
    box-sizing: border-box !important;
    width: 100% !important;
    height: clamp(300px, 42dvh, 390px) !important;
    min-height: 300px !important;
    margin: 0 auto !important;
  }
  #root main.gameScreen.duzGame .rackArea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 3px auto 0 !important;
    padding: 2px 0 7px !important;
    overflow: visible !important;
  }
  #root main.gameScreen.duzGame .rackHead { min-height: 35px !important; }
  #root main.gameScreen.duzGame .rackTools { gap: 3px !important; }
  #root main.gameScreen.duzGame .rackTools button { min-height: 30px !important; padding: 3px 5px !important; font-size: 10px !important; }
  #root main.gameScreen.duzGame .rackBoardShell {
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #root main.gameScreen.duzGame .tileRackGrid {
    box-sizing: border-box !important;
    grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 43px) !important;
    gap: 1px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 94px !important;
    padding: 5px 3px !important;
    overflow: visible !important;
  }
  #root main.gameScreen.duzGame .rackSlot { width: 100% !important; min-width: 0 !important; height: 42px !important; }
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 41px !important; }
  #root main.gameScreen.duzGame .myDiscardDock { box-sizing: border-box !important; width: 54px !important; min-width: 54px !important; }
  #root main.gameScreen.duzGame .discardDockTile { width: 42px !important; min-height: 48px !important; }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .premiumInfoBar,
  #root main.gameScreen.duzGame .gameInfoBar { height: 96px !important; min-height: 96px !important; }
  #root main.gameScreen.duzGame .premiumInfoBar > div,
  #root main.gameScreen.duzGame .gameInfoBar > div { height: 90px !important; min-height: 90px !important; }
  #root main.gameScreen.duzGame .indicatorPanel .featured { align-content: start !important; }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .premiumInfoBar .stockBox,
  #root main.gameScreen.duzGame .premiumInfoBar .turnBox,
  #root main.gameScreen.duzGame .gameInfoBar .stockBox,
  #root main.gameScreen.duzGame .gameInfoBar .turnBox { color: #182331 !important; }
  #root main.gameScreen.duzGame .premiumInfoBar .stockBox *,
  #root main.gameScreen.duzGame .premiumInfoBar .turnBox *,
  #root main.gameScreen.duzGame .gameInfoBar .stockBox *,
  #root main.gameScreen.duzGame .gameInfoBar .turnBox * { color: #182331 !important; }
  #root main.gameScreen.duzGame .premiumInfoBar .stockBox small,
  #root main.gameScreen.duzGame .premiumInfoBar .turnBox small,
  #root main.gameScreen.duzGame .gameInfoBar .stockBox small,
  #root main.gameScreen.duzGame .gameInfoBar .turnBox small { color: #4b596b !important; }
  #root main.gameScreen.duzGame .feltTable { height: clamp(270px, 36dvh, 340px) !important; min-height: 270px !important; }
  #root main.gameScreen.duzGame .gameTableWrap { padding-bottom: 110px !important; }
}

/* Chrome's collapsing address bar must not resize the game board. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame { min-height: 100svh !important; }
  #root main.gameScreen.duzGame .feltTable {
    height: clamp(260px, 70vw, 300px) !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* Keep the tile colours and numbers legible; swipe the two-row rack sideways. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .rackBoardShell { overflow: hidden !important; }
  #root main.gameScreen.duzGame .tileRackGrid {
    grid-template-columns: repeat(15, 34px) !important;
    grid-template-rows: repeat(2, 47px) !important;
    justify-content: start !important;
    gap: 2px 1px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 107px !important;
    min-height: 107px !important;
    padding: 5px 4px 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: thin !important;
  }
  #root main.gameScreen.duzGame .rackSlot { width: 34px !important; min-width: 34px !important; height: 46px !important; }
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact) {
    width: 33px !important;
    min-width: 33px !important;
    max-width: 33px !important;
    height: 45px !important;
  }
}

/* Readable phone rack: all slots visible, with no hidden horizontal position. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .premiumInfoBar,
  #root main.gameScreen.duzGame .gameInfoBar {
    height: 76px !important;
    min-height: 76px !important;
    gap: 3px !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.duzGame .premiumInfoBar > div,
  #root main.gameScreen.duzGame .gameInfoBar > div {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 3px !important;
  }
  #root main.gameScreen.duzGame .premiumInfoBar .indicatorPanel,
  #root main.gameScreen.duzGame .gameInfoBar .indicatorPanel {
    flex: 0 0 110px !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }
  #root main.gameScreen.duzGame .gameInfoBar small { font-size: 7px !important; line-height: 1.1 !important; }
  #root main.gameScreen.duzGame .gameInfoBar strong { font-size: 11px !important; line-height: 1.15 !important; }
  #root main.gameScreen.duzGame .indicatorPanel .featured .imageTile.okeyTile.compact { width: 25px !important; min-width: 25px !important; height: 34px !important; }
  #root main.gameScreen.duzGame .rackBoardShell { align-items: start !important; overflow: visible !important; }
  #root main.gameScreen.duzGame .tileRackGrid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(4, 49px) !important;
    grid-auto-flow: row !important;
    gap: 2px !important;
    width: 100% !important;
    height: 212px !important;
    min-height: 212px !important;
    padding: 5px !important;
    overflow: hidden !important;
    touch-action: auto !important;
  }
  #root main.gameScreen.duzGame .rackSlot { width: 100% !important; min-width: 0 !important; height: 48px !important; }
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact) {
    width: min(100%, 40px) !important;
    min-width: 0 !important;
    max-width: 40px !important;
    height: 47px !important;
  }
  #root main.gameScreen.duzGame .myDiscardDock { min-height: 105px !important; }
}

/* Standard two-row rack: use the whole phone width for the stones. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .rackBoardShell {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: 100% !important;
    overflow: visible !important;
  }
  #root main.gameScreen.duzGame .tileRackGrid {
    grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 48px) !important;
    gap: 1px !important;
    width: 100% !important;
    height: 106px !important;
    min-height: 106px !important;
    padding: 5px 3px !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.duzGame .rackSlot { width: 100% !important; min-width: 0 !important; height: 47px !important; }
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile:not(.compact) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
  }
  #root main.gameScreen.duzGame .myDiscardDock {
    align-self: flex-end !important;
    width: 78px !important;
    min-width: 78px !important;
    min-height: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 3px !important;
    border-radius: 9px !important;
  }
  #root main.gameScreen.duzGame .discardDockTile { width: 37px !important; min-height: 45px !important; }
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t40.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t41.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t42.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t43.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t44.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t45.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t46.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t47.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t48.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t49.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t50.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t51.png"],
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile img[src$="/t52.png"] {
    filter: saturate(2.2) contrast(1.18) brightness(1.08) !important;
  }
}

/* Place the discard dock beside the player's name, above the two-row rack. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .rackArea { position: relative !important; }
  #root main.gameScreen.duzGame .rackBoardShell { display: block !important; width: 100% !important; }
  #root main.gameScreen.duzGame .rackHead { padding-right: 58px !important; }
  #root main.gameScreen.duzGame .myDiscardDock {
    z-index: 90 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 2px !important;
    position: absolute !important;
    top: 0 !important;
    right: 2px !important;
    bottom: auto !important;
    left: auto !important;
  }
  #root main.gameScreen.duzGame .myDiscardDock .discardDockTitle { font-size: 10px !important; }
  #root main.gameScreen.duzGame .discardDockTile { width: 32px !important; min-height: 39px !important; }
  #root main.gameScreen.duzGame .myDiscardDock .imageTile.okeyTile.compact { width: 28px !important; min-width: 28px !important; height: 38px !important; }
}

/* AT stays inside the felt beside the player's own name. */
#root main.gameScreen.duzGame .feltTable .seat-0 {
  min-width: 0; padding-right: 57px; position: absolute; overflow: visible;
}
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock {
  position: absolute !important; top: 50% !important; right: 4px !important;
  bottom: auto !important; left: auto !important; transform: translateY(-50%) !important;
  width: 48px !important; min-width: 48px !important; height: 52px !important;
  min-height: 52px !important; margin: 0 !important; padding: 2px !important;
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  z-index: 8 !important; border-width: 2px !important; border-radius: 8px !important;
}
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock .discardDockTitle {
  font-size: 12px !important; line-height: 14px !important; color: white !important;
}
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock .discardDockTile {
  min-height: 29px !important; width: 28px !important; overflow: hidden;
}
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock small { display: none !important; }
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock .imageTile.okeyTile.compact {
  width: 26px !important; min-width: 26px !important; height: 29px !important;
}
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .rackHead { padding-right: 0 !important; }
  #root main.gameScreen.duzGame .feltTable .seat-0 { padding-right: 54px !important; }
}

/* Leave is available on desktop and on the finished hand dialog. */
#root .gameScreen .topbar .leaveTableButton {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 106px; padding: 8px 12px; font-size: 13px; font-weight: 700;
  white-space: nowrap; cursor: pointer;
}
#root .gameScreen .handFinishedOverlay .finishedLeaveTable {
  width: min(100%, 340px); min-height: 42px; margin-top: 8px;
  background: #202c30; color: #fff; border: 1px solid #aebec4;
  border-radius: 10px; font-weight: 700; cursor: pointer;
}
@media (max-width: 700px) {
  #root .gameScreen .topbar .leaveTableButton { min-width: 42px; padding: 6px; font-size: 11px; }
}

/* Portrait Düz Okey uses the page as its vertical scroller. The shared lobby
   stylesheet otherwise fixes body and clips all overflow. */
@media (max-width: 700px) and (orientation: portrait) {
  html:has(main.gameScreen.duzGame),
  body:has(main.gameScreen.duzGame),
  body:has(main.gameScreen.duzGame) #root {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
  }
  body:has(main.gameScreen.duzGame) {
    position: static !important;
    inset: auto !important;
  }
  body:has(main.gameScreen.duzGame) #root {
    position: relative !important;
  }
  #root main.gameScreen.duzGame {
    height: auto !important;
    min-height: 100svh !important;
    max-height: none !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }
  #root main.gameScreen.duzGame .gameTableWrap {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Let vertical swipes start on stones; make mobile draw/discard targets easy to hit. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.duzGame .rackSlot .imageTile.okeyTile,
  #root main.gameScreen.duzGame .centerDeck,
  #root main.gameScreen.duzGame .discardSpot { touch-action: pan-y !important; }
  #root main.gameScreen.duzGame .centerDeck.drawSource,
  #root main.gameScreen.duzGame .discardSpot.takeableDiscard,
  #root main.gameScreen.duzGame .discardSpot.myDiscardTarget {
    min-width: 48px !important; min-height: 56px !important; cursor: pointer;
  }
}

/* 101 mobile: expose the hand total and opening actions above the rack. */
@media (max-width: 900px) {
  #root main.gameScreen.yuzbirGame .rackArea {
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .rack101ScoreBar {
    box-sizing: border-box !important;
    position: absolute !important;
    z-index: 120 !important;
    top: -64px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    background: #102b25 !important;
    border: 1px solid #caab67 !important;
    border-radius: 10px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score {
    display: grid !important;
    flex: 0 1 86px !important;
    min-width: 62px !important;
    height: 50px !important;
    padding: 3px 5px !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    color: #fff !important;
    background: #244439 !important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score small {
    display: block !important;
    color: #dbe6dd !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score strong {
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score span { display: none !important; }
  #root main.gameScreen.yuzbirGame .rack101OpenActions {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    gap: 4px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenActions button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 4px 5px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenedBadge {
    display: flex !important;
    color: #fff !important;
    font-size: 11px !important;
  }
}

/* 101 feedback appears briefly where opened sets are placed. */
#root main.gameScreen.yuzbirGame .feltTable101 { position: relative !important; }
#root main.gameScreen.yuzbirGame .meldGameNotice {
  position: absolute !important; z-index: 210 !important; top: 21% !important;
  left: 18% !important; right: 18% !important; width: auto !important;
  padding: 9px 13px !important; border: 1px solid #ffd27c !important;
  border-radius: 10px !important; background: #273b33 !important;
  color: #fff !important; box-shadow: 0 8px 24px #0009 !important;
  font-size: clamp(12px, 2.4vw, 15px) !important; font-weight: 700 !important;
  text-align: center !important; pointer-events: none !important;
}
#root main.gameScreen.yuzbirGame .pendingDiscardWarning {
  display: inline-flex !important; align-items: center !important; flex-wrap: wrap !important;
  gap: 6px !important; font-size: 12px !important; line-height: 1.3 !important;
}
#root main.gameScreen.yuzbirGame .pendingDiscardWarning .undoSideDraw {
  min-height: 36px !important; padding: 6px 10px !important; font-size: 12px !important;
  font-weight: 800 !important; border-radius: 7px !important;
  color: #fff !important; background: #835027 !important; border: 1px solid #e3af74 !important;
}
@media (max-width: 900px) {
  #root main.gameScreen.yuzbirGame .meldGameNotice { left: 9% !important; right: 9% !important; top: 16% !important; }
  #root main.gameScreen.yuzbirGame .pendingDiscardWarning .undoSideDraw { min-height: 38px !important; }
}

/* Recovery stays on the 101 meld surface even when the action panel is hidden. */
#root main.gameScreen.yuzbirGame .feltTable101 .pendingSideUndo {
  position: absolute !important; z-index: 211 !important; top: 40% !important;
  left: 50% !important; transform: translateX(-50%) !important;
  min-width: 190px !important; min-height: 42px !important; padding: 7px 12px !important;
  color: #fff !important; background: #8a4b20 !important;
  border: 1px solid #ffd17f !important; border-radius: 9px !important;
  font-size: 13px !important; font-weight: 800 !important; cursor: pointer !important;
}

/* Mobile 101: visible table controls, clear totals, and usable stone sizes. */
@media (max-width: 900px) {
  #root main.gameScreen.yuzbirGame .topbarRight .leaveTableButton {
    display: inline-flex !important; position: absolute !important;
    top: 15% !important; right: 9% !important; left: auto !important;
    width: auto !important; min-width: 90px !important; height: 58% !important;
    padding: 2px 7px !important; font-size: 11px !important;
    pointer-events: auto !important; z-index: 170 !important;
  }
  #root main.gameScreen.yuzbirGame .indicatorPanel {
    z-index: 132 !important; pointer-events: auto !important;
    top: 65% !important; left: 3% !important;
    width: 108px !important; height: 48px !important;
    padding: 3px !important; background: #102e24 !important;
    border: 1px solid #d5ae5b !important; border-radius: 9px !important;
  }
  #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo:before { display: none !important; }
  #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo small {
    display: block !important; color: #ffe8a6 !important; font-size: 10px !important;
  }
  #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo {
    display: flex !important; gap: 3px !important; align-items: center !important;
  }
  #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo .imageTile.okeyTile.compact {
    width: 28px !important; min-width: 28px !important; height: 38px !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck {
    z-index: 132 !important; pointer-events: auto !important;
    top: 65% !important; left: 39% !important; right: auto !important;
    width: 120px !important; height: 48px !important;
    min-height: 48px !important; padding: 2px 5px !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck.drawSource { cursor: pointer !important; }
  #root main.gameScreen.yuzbirGame .centerDeck .deckStack img {
    width: 29px !important; height: 37px !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck small {
    display: block !important; color: #fff !important;
    font-size: 10px !important; line-height: 1.1 !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck small:after {
    content: " · TAŞ ÇEK" !important; font-size: 9px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score,
  #root main.gameScreen.yuzbirGame .rack101Warning { display: none !important; }
  #root main.gameScreen.yuzbirGame .rack101ScoreBar {
    top: -52px !important; height: 48px !important; min-height: 48px !important;
    justify-content: flex-end !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenActions {
    width: 100% !important; justify-content: flex-end !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenActions button {
    min-height: 38px !important; font-size: 12px !important;
  }
  #root main.gameScreen.yuzbirGame .rackTools button {
    font-size: 9px !important; min-height: 26px !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
    overflow-x: auto !important; overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .imageTile.okeyTile.compact,
  #root main.gameScreen.yuzbirGame .discardSpot .imageTile.okeyTile.compact {
    width: 23px !important; min-width: 23px !important; height: 31px !important;
  }
  #root main.gameScreen.yuzbirGame .rackSlot .imageTile.okeyTile:not(.compact) {
    height: calc(100% + 3px) !important; max-height: calc(100% + 3px) !important;
    position: relative !important; top: -2px !important;
  }
}

/* Keep draw and indicator clear of the 101 opening controls on short phones. */
@media (max-width: 900px) and (max-height: 560px) {
  #root main.gameScreen.yuzbirGame .indicatorPanel,
  #root main.gameScreen.yuzbirGame .centerDeck { top: 50% !important; }
}

/* Portrait 101: draw and indicator must sit above the opening-action row. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .indicatorPanel {
    top: 57% !important; left: 3% !important;
    width: 112px !important; height: 54px !important;
    z-index: 145 !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck {
    top: 57% !important; left: 38% !important;
    width: 145px !important; height: 54px !important;
    min-height: 54px !important; z-index: 145 !important;
    box-shadow: 0 5px 16px #0008 !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck .deckStack img {
    width: 32px !important; height: 42px !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck small {
    font-size: 11px !important; font-weight: 900 !important;
  }
  #root main.gameScreen.yuzbirGame .rack101ScoreBar {
    z-index: 120 !important;
  }
}

/* Portrait 101: distinct rows for sorting, opening, then two stone rows. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .topbarRight .leaveTableButton {
    box-sizing: border-box !important; top: 16% !important; right: 11% !important;
    left: auto !important; width: 118px !important; min-width: 118px !important;
    max-width: 118px !important; height: 42px !important; min-height: 42px !important;
    padding: 3px 7px !important; font-size: 11px !important;
    line-height: 1 !important; white-space: nowrap !important;
    word-break: keep-all !important; overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .indicatorPanel {
    top: 47% !important; left: 3% !important; width: 110px !important;
    height: 54px !important; min-height: 54px !important; z-index: 170 !important;
    display: flex !important; position: absolute !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck {
    top: 47% !important; left: 38% !important; width: 145px !important;
    height: 54px !important; min-height: 54px !important; z-index: 170 !important;
    display: flex !important; position: absolute !important;
  }
  #root main.gameScreen.yuzbirGame .rackArea {
    top: 69% !important; left: 4% !important; width: 92% !important;
    height: 29% !important; min-height: 0 !important;
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .rackHead {
    box-sizing: border-box !important; top: 2% !important; left: 3% !important;
    right: 3% !important; width: 94% !important; height: 16% !important;
    min-height: 0 !important; padding: 0 !important; overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .rackTools {
    width: 100% !important; height: 100% !important;
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  #root main.gameScreen.yuzbirGame .rackTools button {
    box-sizing: border-box !important; height: 100% !important;
    min-height: 34px !important; padding: 3px !important;
    font-size: 11px !important; white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame .rack101ScoreBar {
    box-sizing: border-box !important; top: 20% !important; right: 3% !important;
    left: 3% !important; width: 94% !important; height: 18% !important;
    min-height: 42px !important; margin: 0 !important; padding: 2px !important;
    position: absolute !important; z-index: 120 !important;
    background: #18392e !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenActions {
    width: 100% !important; height: 100% !important; gap: 6px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenActions button {
    box-sizing: border-box !important; min-height: 40px !important;
    height: 100% !important; padding: 3px 5px !important;
    font-size: 12px !important; white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame .rackBoardShell {
    box-sizing: border-box !important; top: 42% !important; bottom: 3% !important;
    left: 3% !important; right: 3% !important; height: auto !important;
    width: auto !important; margin: 0 !important; overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid {
    box-sizing: border-box !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    height: 100% !important; width: 100% !important;
  }
  #root main.gameScreen.yuzbirGame .rackSlot .imageTile.okeyTile:not(.compact) {
    height: 100% !important; max-height: 100% !important; top: 0 !important;
  }
}

/* Opened 101 hands are a separate two-direction viewport on phones. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, 242px) !important;
    grid-auto-rows: minmax(170px, max-content) !important;
    align-content: start !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    overflow-x: scroll !important;
    overflow-y: scroll !important;
    overscroll-behavior: contain !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    position: static !important;
    width: max-content !important;
    height: auto !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty {
    grid-column: 1 / -1 !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldLane {
    box-sizing: border-box !important;
    width: 242px !important;
    min-width: 242px !important;
    max-width: 242px !important;
    min-height: 150px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldGroups {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-x pan-y !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 28px !important;
    max-height: 28px !important;
  }
  #root main.gameScreen.yuzbirGame .rackArea {
    top: 68% !important; height: 30% !important;
  }
  #root main.gameScreen.yuzbirGame .rack101ScoreBar {
    top: 20% !important; height: 23% !important; min-height: 50px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenActions button {
    min-height: 48px !important;
    height: 100% !important;
    font-size: 14px !important;
    padding: 5px 8px !important;
  }
  #root main.gameScreen.yuzbirGame .rackBoardShell {
    top: 47% !important; bottom: 3% !important;
  }
}

/* Reserve a real header row; keep draw controls outside the opened-hand pane. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
    top: 10.7% !important;
    height: 48% !important;
    grid-template-rows: 26px !important;
    grid-auto-rows: minmax(150px, max-content) !important;
    align-content: start !important;
    scroll-snap-type: none !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before {
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 22px !important;
  }
  #root main.gameScreen.yuzbirGame .indicatorPanel,
  #root main.gameScreen.yuzbirGame .centerDeck {
    top: 61% !important;
    z-index: 170 !important;
  }
}


/* SOURCE: mobile-101-window-20260929.css */
/* Dedicated mobile 101 opened-stone viewport. The window stays put; its canvas pans. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
    box-sizing: border-box !important;
    display: block !important;
    position: absolute !important;
    top: 10.7% !important;
    left: 17% !important;
    width: 66% !important;
    height: 48% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #e3c073 #0b3529 !important;
    border: 2px solid #d4aa4e !important;
    border-radius: 16px !important;
    background: #073b2e !important;
    z-index: 5 !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before {
    content: "AÇILAN TAŞLAR  ·  HER YÖNE KAYDIR" !important;
    box-sizing: border-box !important;
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
    width: 100% !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: #ffe3a2 !important;
    background: #06372c !important;
    border-bottom: 1px solid #d4aa4e !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, 292px) !important;
    grid-auto-rows: minmax(220px, max-content) !important;
    align-content: start !important;
    align-items: start !important;
    gap: 16px !important;
    width: 632px !important;
    min-width: 632px !important;
    min-height: 740px !important;
    margin: 0 !important;
    padding: 16px !important;
    background: linear-gradient(90deg, #ffffff07 1px, transparent 1px),
                linear-gradient(#ffffff07 1px, transparent 1px), #063a2e !important;
    background-size: 32px 32px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane {
    box-sizing: border-box !important;
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
    min-height: 165px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: visible !important;
    background: #0b3028 !important;
    border: 1px solid #b49a5c !important;
    border-radius: 10px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroups {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    overflow: visible !important;
    touch-action: pan-x pan-y !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup {
    display: flex !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .imageTile.okeyTile.compact {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 28px !important;
    max-height: 28px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty {
    grid-column: 1 / -1 !important;
    width: 292px !important;
    min-height: 160px !important;
    margin: 0 !important;
    padding: 18px !important;
  }
}

/* Keep the empty state in the visible part of the pan window. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard { scrollbar-width: none !important; }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard::-webkit-scrollbar { display: none !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty {
    box-sizing: border-box !important;
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    width: 400px !important;
    max-width: 400px !important;
    min-height: 180px !important;
    margin: 30px 0 0 0 !important;
    white-space: normal !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty b {
    font-size: 16px !important;
    letter-spacing: .06em !important;
    white-space: normal !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty span {
    font-size: 11px !important;
    white-space: normal !important;
  }
}

/* Bot discard spots stay visible between the side seats and the lower controls. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1 {
    top: 48% !important; left: 5.128% !important; right: auto !important; bottom: auto !important;
    width: 8.205% !important; height: 6.043% !important; transform: none !important; z-index: 35 !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3 {
    top: 48% !important; left: 85.128% !important; right: auto !important; bottom: auto !important;
    width: 8.205% !important; height: 6.043% !important; transform: none !important; z-index: 35 !important;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .tileRackGrid,
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,
  #root main.gameScreen.yuzbirGame .tileRackGrid .okeyTile { touch-action: none !important; }
  #root main.gameScreen.yuzbirGame .discardSpot .discardOwner {
    position: absolute !important; z-index: 3 !important; left: 50% !important; bottom: calc(100% + 3px) !important;
    transform: translateX(-50%) !important; white-space: nowrap !important; pointer-events: none !important;
    color: #fff3c8 !important; background: #092d26ed !important; border: 1px solid #b9944d !important;
    border-radius: 5px !important; padding: 2px 4px !important; font-size: 9px !important; font-weight: 800 !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot .discardOwner:after { content: " ATTI"; }
  #root main.gameScreen.yuzbirGame .discard-2 .discardOwner { bottom: auto !important; top: calc(100% + 3px) !important; }
}

/* Every bot discards immediately to the right of its own seat. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1 {
    inset: 35% auto auto 15.2% !important; width: 8.2% !important; height: 6.1% !important;
    transform: none !important; z-index: 36 !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3 {
    inset: 35% auto auto 83% !important; width: 8.2% !important; height: 6.1% !important;
    transform: none !important; z-index: 36 !important;
  }
  #root main.gameScreen.yuzbirGame .discard-3 .discardOwner { left: auto !important; right: 0 !important; transform: none !important; }
  #root main.gameScreen.yuzbirGame .discard-2 .discardOwner { left: auto !important; right: 0 !important; transform: none !important; }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1 { left: 15.2% !important; }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    inset: 9.95% auto auto 84.1% !important; width: 8.2% !important; height: 6.05% !important;
    z-index: 36 !important; transform: none !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1,
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2,
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3 {
    border: 2px solid #d7ad5c !important; background: #092d26 !important;
    box-shadow: 0 0 0 3px #092d2699 !important;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0 {
    inset: 55% auto auto 85% !important; width: 8.2% !important; height: 6.05% !important;
    transform: none !important; z-index: 36 !important;
    border: 2px solid #d7ad5c !important; background: #092d26 !important;
    box-shadow: 0 0 0 3px #092d2699 !important;
  }
  #root main.gameScreen.yuzbirGame .discard-0 .discardOwner { left: auto !important; right: 0 !important; transform: none !important; }
  #root main.gameScreen.yuzbirGame .discard-0 .discardOwner:after { content: " ATTIN" !important; }
}

/* Open order: first top-left, second below, third top-right, fourth below. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    grid-template-columns: repeat(2, 292px) !important;
    grid-template-rows: repeat(2, minmax(320px, max-content)) !important;
    grid-auto-flow: row !important; gap: 18px 16px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane {
    position: relative !important; width: 292px !important; min-height: 0 !important;
    padding: 4px !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane:nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane:nth-child(3) { grid-column: 2 !important; grid-row: 1 !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLaneHead { display: none !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup {
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    padding: 1px !important; box-shadow: none !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup.canLayoff {
    background: #1a7e5c38 !important; outline: 2px solid #48e3b1c7 !important;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    grid-template-rows: repeat(2, minmax(180px, max-content)) !important;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .centerDeck small { font-size: 0 !important; }
  #root main.gameScreen.yuzbirGame .centerDeck small:after {
    content: "SIRA BEKLE" !important; font-size: 11px !important; white-space: normal !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck.drawSource small:after { content: "ORTA · TAŞ ÇEK" !important; }
  #root main.gameScreen.yuzbirGame .centerDeck.discardPhase small:after { content: "TAŞINI AT" !important; }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen .tileRackGrid .okeyTile.selected {
    transform: none !important; top: 0 !important; border-color: #bda1ff !important;
    box-shadow: 0 0 0 3px #a679f7, 0 0 13px 5px #9b65ffb8, inset 0 0 6px #ffffff75 !important;
    z-index: 12 !important;
  }
  #root main.gameScreen .okeyTile.tile-blue img {
    filter: brightness(1.14) saturate(1.5) !important;
  }
}

/* Mobile 101: keep discard labels clear and every opened group reachable. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1,
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2,
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3,
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0 {
    box-sizing: border-box !important;
    width: 8.2% !important;
    min-width: 32px !important;
    height: 6.5% !important;
    min-height: 42px !important;
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3 { left: 82% !important; right: auto !important; }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 { left: 81% !important; right: auto !important; }
  #root main.gameScreen.yuzbirGame .discardSpot .discardOwner,
  #root main.gameScreen.yuzbirGame .discard-2 .discardOwner,
  #root main.gameScreen.yuzbirGame .discard-3 .discardOwner,
  #root main.gameScreen.yuzbirGame .discard-0 .discardOwner {
    box-sizing: border-box !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(100% + 2px) !important;
    transform: translateX(-50%) !important;
    max-width: 72px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.15 !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard { scroll-padding: 34px 12px 12px !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    width: max-content !important;
    min-width: 632px !important;
    min-height: 740px !important;
    padding: 16px 22px 24px 16px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane {
    max-width: none !important;
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup {
    max-width: none !important;
  }
}

/* Keep the empty meld instruction clear of the top player's discard. */
@media (min-width: 701px) {
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty {
    position: absolute !important;
    left: 50% !important;
    top: 52% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
  }
}

/* The left bot's discard must remain outside the opened-stone frame. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1 {
    left: 7.5% !important; right: auto !important;
  }
  #root main.gameScreen.yuzbirGame .discard-1 .discardOwner {
    left: 0 !important; right: auto !important; transform: none !important;
  }
}

/* Desktop: park bot discards outside the opened meld viewport. */
@media (min-width: 701px) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1 { left: 8.5% !important; }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    left: 60% !important; top: 0 !important; transform: none !important;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .centerDeck.drawSource,
  #root main.gameScreen.yuzbirGame .discardSpot.takeableDiscard { touch-action: none !important; }
}

/* Number-aligned opened sets: thirteen columns, rows grow for collisions. */
#root main.gameScreen.yuzbirGame .meldPanCanvas {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 383px !important;
  min-width: 383px !important;
  min-height: 568px !important;
  max-width: none !important;
  padding: 0 !important;
  background: repeating-linear-gradient(90deg, #d3bc8133 0 1px, transparent 1px 27px),
              repeating-linear-gradient(0deg, #d3bc8133 0 1px, transparent 1px 43px), #063a2e !important;
  background-position: 16px 52px !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane,
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroups {
  display: contents !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLaneHead { display: none !important; }
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup {
  position: absolute !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#root main.gameScreen.yuzbirGame .meldNumberAxis {
  position: absolute; top: 10px; left: 16px;
  display: grid; grid-template-columns: repeat(13, 27px); width: 351px;
  color: #ffe3a2; font-size: 11px; font-weight: 800; text-align: center;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty {
  position: absolute !important; top: 86px !important; left: 16px !important;
  width: 351px !important; max-width: 351px !important;
  margin: 0 !important; text-align: center !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty {
  transform: none !important;
  min-height: 120px !important;
  height: auto !important;
}

/* Fit all thirteen numbered columns within the portrait meld window. */
#root main.gameScreen.yuzbirGame .meldPanCanvas {
  --meld-pad: 16px; --meld-slot: 27px; --meld-head: 52px; --meld-row: 43px;
  height: calc(var(--meld-head) + var(--meld-rows) * var(--meld-row)) !important;
}
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    --meld-pad: 6px;
    --meld-slot: calc((66vw - 16px) / 13);
    --meld-head: 42px;
    --meld-row: 36px;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: calc(var(--meld-head) + var(--meld-rows) * var(--meld-row)) !important;
    background: linear-gradient(90deg, #d3bc8133 1px, transparent 1px),
                linear-gradient(#d3bc8133 1px, transparent 1px), #063a2e !important;
    background-size: var(--meld-slot) var(--meld-row) !important;
    background-position: var(--meld-pad) var(--meld-head) !important;
  }
  #root main.gameScreen.yuzbirGame .meldNumberAxis {
    top: 7px !important; left: var(--meld-pad) !important;
    width: calc(13 * var(--meld-slot)) !important;
    grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
    font-size: 9px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup { gap: 2px !important; }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .imageTile.okeyTile.compact {
    width: calc(var(--meld-slot) - 2px) !important;
    min-width: calc(var(--meld-slot) - 2px) !important;
    max-width: calc(var(--meld-slot) - 2px) !important;
    height: 27px !important;
    max-height: 27px !important;
  }
  #root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldBoardEmpty {
    top: 90px !important; left: 8px !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-height: 90px !important;
    transform: none !important;
    padding: 6px !important;
  }
}

/* Eight color rows and thirteen numbered slots; each opened tile owns its cell. */
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup {
  display: contents !important; position: static !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .meld101Cell {
  position: absolute !important; display: block !important;
  box-sizing: border-box !important; width: var(--meld-slot) !important; height: var(--meld-row) !important;
  padding: 2px 1px !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .meld101Cell .imageTile.okeyTile.compact {
  width: calc(var(--meld-slot) - 2px) !important; min-width: calc(var(--meld-slot) - 2px) !important;
  max-width: calc(var(--meld-slot) - 2px) !important; height: calc(var(--meld-row) - 5px) !important;
  max-height: calc(var(--meld-row) - 5px) !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .grid101Layoff {
  position: absolute !important; width: auto !important; min-width: 0 !important;
  padding: 1px 3px !important; font-size: 8px !important; line-height: 1.2 !important;
}
#root main.gameScreen.yuzbirGame .meldColorAxis {
  position: absolute; top: var(--meld-head); left: 0; width: var(--meld-pad);
  display: grid; grid-template-rows: repeat(8, var(--meld-row));
  align-items: center; text-align: center; font-size: 8px; font-weight: 900; color: #fff;
}
#root main.gameScreen.yuzbirGame .meldColorAxis .meldColor-0 { color: #d1d5db; }
#root main.gameScreen.yuzbirGame .meldColorAxis .meldColor-1 { color: #ffcf6f; }
#root main.gameScreen.yuzbirGame .meldColorAxis .meldColor-2 { color: #91b9ff; }
#root main.gameScreen.yuzbirGame .meldColorAxis .meldColor-3 { color: #ff8b8b; }
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    --meld-pad: 21px !important; --meld-slot: calc((66vw - 30px) / 13) !important;
    --meld-row: 36px !important;
  }
  #root main.gameScreen.yuzbirGame .meldColorAxis { font-size: 7px !important; }
}

/* Show the effective color and number of a true joker in the opened tile grid. */
.meld101Cell.grid101Joker .grid101Value{position:absolute;right:0;bottom:-2px;min-width:22px;padding:1px 2px;border-radius:5px;background:#f8e3a4;color:#1b2634;border:1px solid #744ca0;font:800 10px/1.1 system-ui,sans-serif;text-align:center;z-index:3;pointer-events:none;box-shadow:0 1px 4px #0009}
/* Portrait: keep opened tiles readable and pan the fixed window horizontally. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .meldPanCanvas {
    --meld-pad: 22px !important;
    --meld-slot: 32px !important;
    --meld-row: 42px !important;
    --meld-head: 42px !important;
    width: calc(var(--meld-pad) + 13 * var(--meld-slot) + 8px) !important;
    min-width: calc(var(--meld-pad) + 13 * var(--meld-slot) + 8px) !important;
    min-height: calc(var(--meld-head) + var(--meld-rows) * var(--meld-row)) !important;
  }
  #root main.gameScreen.yuzbirGame .meldNumberAxis { font-size: 10px !important; }
  #root main.gameScreen.yuzbirGame .meldColorAxis { font-size: 9px !important; }
}
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .meldPanCanvas { width: 446px !important; min-width: 446px !important; }
  #root main.gameScreen.yuzbirGame .meldNumberAxis { width: 416px !important; grid-template-columns: repeat(13, 32px) !important; }
}
/* Keep the top player's seat and discard together, above the opened-tile window. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .seat.seat-2 {
    top: 9.5% !important; left: 46.7% !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    top: 9.5% !important; left: 72% !important; right: auto !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
    top: 17.5% !important; height: 41.2% !important;
  }
}
@media (min-width: 701px) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    left: calc(50% + 65px) !important; top: 10px !important;
  }
}

/* Keep the internal 13-by-8 placement grid, but hide its coordinate labels. */
#root main.gameScreen.yuzbirGame .meldPanCanvas .meldNumberAxis,
#root main.gameScreen.yuzbirGame .meldPanCanvas .meldColorAxis { display: none !important; }
/* Selection is a glow in place, including the tile's image and touch hover state. */
#root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .imageTile.okeyTile.selected,
#root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .imageTile.okeyTile.selected:hover {
  transform: none !important; translate: none !important; top: 0 !important;
  margin-top: 0 !important; outline: 2px solid #bb9aff !important;
  box-shadow: 0 0 0 3px #a679f7, 0 0 13px 5px #9b65ffb8, inset 0 0 6px #ffffff75 !important;
}

/* Opposite bot discard sits to the left of its avatar and name. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    top: 9.5% !important; left: 25% !important; right: auto !important;
    inset: 9.5% auto auto 25% !important; transform: none !important;
  }
}
@media (min-width: 701px), (orientation: landscape) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    top: 10px !important; left: calc(50% - 115px) !important; right: auto !important;
    inset: 10px auto auto calc(50% - 115px) !important; transform: none !important;
  }
}

/* Reveal the top bot fully below the fixed header while keeping its discard on the left. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .seat.seat-2 {
    top: 12.5% !important; bottom: auto !important;
    inset: 12.5% auto auto 46.7% !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
    top: 12.5% !important; bottom: auto !important;
    inset: 12.5% auto auto 25% !important;
  }
}

/* Make the 101 layoff gate visible without changing the rule. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard.layoffLocked::before {
    content: "AÇILAN TAŞLAR · İŞLE: ÖNCE EL AÇ" !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard.layoffReady::before {
    content: "AÇILAN TAŞLAR · TAŞ SEÇ, PERE İŞLE" !important;
  }
  #root main.gameScreen.yuzbirGame .discardHistoryCount {
    top: calc(100% + 2px) !important; bottom: auto !important;
    right: 0 !important; font-size: 8px !important;
    padding: 2px 4px !important; z-index: 42 !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .imageTile.okeyTile.selected,
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .imageTile.okeyTile.selected:hover {
    inset: 0 !important; width: 100% !important; height: 100% !important;
    max-width: 100% !important; max-height: 100% !important;
    transform: none !important; translate: none !important;
    animation: none !important; transition: box-shadow .12s ease, outline-color .12s ease !important;
    box-shadow: 0 0 0 2px #a679f7, 0 0 8px 2px #9b65ffb8 !important;
  }
}

/* 101 rack selection must NEVER move the tile. Desktop + mobile. */
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot.occupied > .imageTile.okeyTile.selected,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot.occupied > .imageTile.okeyTile.selected:hover,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot.occupied > .imageTile.okeyTile.selected:active {
  inset: 0 !important;
  margin: auto !important;
  transform: none !important;
  translate: none !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  animation: none !important;
  transition: box-shadow .12s ease, outline-color .12s ease !important;
  outline: 2px solid #bb9aff !important;
  outline-offset: -1px !important;
  box-shadow: 0 0 0 2px #a679f7, 0 0 8px 2px #9b65ffb8 !important;
}

/* HARD LOCK: 101 rack tiles never move vertically for selection/new-draw/hover/drop. */
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot:hover,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot.dropTarget {
  transform: none !important;
  translate: none !important;
}
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot > .imageTile.okeyTile,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot > .imageTile.okeyTile:hover,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot > .imageTile.okeyTile:active,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot > .imageTile.okeyTile.selected,
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot > .imageTile.okeyTile.newlyDrawn {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
}
#root main.gameScreen.yuzbirGame .rackBoardShell .tileRackGrid .rackSlot > .imageTile.okeyTile.newlyDrawn:after {
  display: none !important;
}
/* 101 opened-tile layout v29: 106-tile-safe, melds stay whole, pairs use a compact band. */
#root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  overflow: auto !important;
  overscroll-behavior: contain !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, 320px) !important;
  grid-auto-rows: minmax(150px, max-content) !important;
  align-content: start !important;
  gap: 10px !important;
  width: 660px !important;
  min-width: 660px !important;
  min-height: 100% !important;
  padding: 10px !important;
  background: #063a2e !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane {
  box-sizing: border-box !important;
  position: relative !important;
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
  min-height: 150px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px !important;
  overflow: visible !important;
}#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane.normalLane {
  background: #0b3028 !important;
  border: 1px solid #b49a5c !important;
  border-radius: 10px !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane.pairLane {
  grid-column: 1 / -1 !important;
  width: 650px !important;
  min-width: 650px !important;
  max-width: 650px !important;
  min-height: 92px !important;
  background: #102f28 !important;
  border: 1px solid #d3ad55 !important;
  border-radius: 10px !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroups.normalGroups {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 7px 9px !important;
  width: 100% !important;
  overflow: visible !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup.normalGroup {
  position: relative !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  max-width: none !important;
}#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroups.pairGroups {
  display: grid !important;
  grid-template-columns: repeat(4, max-content) !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  justify-content: start !important;
  gap: 7px 12px !important;
  width: 100% !important;
  overflow: visible !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup.pairGroup {
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 1px !important;
  padding-right: 8px !important;
  margin: 0 !important;
  border-right: 1px dashed #d3ad5566 !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .meld101Cell {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 20px !important;
  height: 29px !important;
  padding: 0 !important;
  transform: none !important;
}#root main.gameScreen.yuzbirGame .meldPanCanvas .meld101Cell .imageTile.okeyTile.compact {
  position: relative !important;
  inset: auto !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 29px !important;
  max-height: 29px !important;
  margin: 0 !important;
  transform: none !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .grid101Value {
  display: none !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirLayoffButton,
#root main.gameScreen.yuzbirGame .meldPanCanvas .grid101Layoff {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  min-width: 34px !important;
  height: 29px !important;
  margin-left: 3px !important;
  padding: 0 3px !important;
  font-size: 6px !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .pairLane .yuzbirMeldLaneHead:after {
  content: "ÇİFT ALANI · 4 SÜTUN";
  color: #f1cf78;
  margin-left: auto;
  font-size: 7px;
  font-weight: 900;
}
/* Mobile 101: side discards follow the requested lower-left / upper-right flow. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .discardSpot.discard-1 {
    inset: 50% auto auto 7.5% !important;
    transform: none !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3 {
    inset: 20% auto auto 82% !important;
    transform: none !important;
  }
}
@media (max-width: 760px) {
  .yuzbirMeldGroup.canLayoff { outline: 3px solid rgba(255,215,80,.95) !important; outline-offset: 3px; }
  .grid101Layoff { min-width: 68px !important; min-height: 36px !important; font-weight: 900 !important; }
}

/* Mobile 101 seat names and history badges: compact, separated from meld header. */
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .seat.seat-1,
  #root main.gameScreen.yuzbirGame .seat.seat-3 {
    height: 12% !important;
    padding: 5px !important;
    min-height: 70px !important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1 { inset: 32.227% auto auto 6.154% !important; }
  #root main.gameScreen.yuzbirGame .seat.seat-3 { inset: 32.227% auto auto 84.103% !important; }
  #root main.gameScreen.yuzbirGame .seat.seat-1 .yuzbirSeatAvatar,
  #root main.gameScreen.yuzbirGame .seat.seat-3 .yuzbirSeatAvatar {
    width: 129.4% !important; height: 36px !important;
    top: -40px !important; left: 50% !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-2 .discardHistoryCount {
    top: auto !important; bottom: 0 !important;
    left: calc(100% + 5px) !important; right: auto !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-3 .discardHistoryCount {
    top: auto !important; bottom: 0 !important;
    right: calc(100% + 5px) !important; left: auto !important;
  }
}
#root main.gameScreen .tileRackGrid .okeyTile.invertedOkey img {
  transform: none !important;
  filter: none !important;
}

/* Openings follow chronological DOM order in one vertical column. */
#root main.gameScreen.yuzbirGame .meldPanCanvas {
  display: flex !important; flex-direction: column !important;
  align-items: stretch !important; gap: 12px !important;
  width: 100% !important; min-width: 0 !important;
  height: auto !important; min-height: 100% !important;
  padding: 10px !important; box-sizing: border-box !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane {
  display: block !important; position: relative !important;
  grid-row: auto !important; grid-column: auto !important;
  width: 100% !important; min-width: 0 !important; max-width: none !important;
  min-height: 0 !important; height: auto !important; flex: 0 0 auto !important;
  padding: 7px !important; box-sizing: border-box !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLaneHead {
  display: flex !important; gap: 8px !important; align-items: center !important;
  justify-content: space-between !important; margin: 0 0 7px !important;
  font-size: 10px !important; color: #ffe3a2 !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroups {
  display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important;
  gap: 7px 9px !important; width: 100% !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroup {
  display: flex !important; flex: 0 0 auto !important; position: relative !important;
  flex-wrap: nowrap !important; height: auto !important;
}
#root main.gameScreen .okeyTile.tile-blue img {
  filter: none !important;
}
#root main.gameScreen .okeyTile.okeyFace img {
  transform: none !important; filter: none !important;
}
@media (max-width: 700px) and (orientation: portrait) {
  #root main.gameScreen.yuzbirGame .rack101OpenedBadge {
    display: flex !important; flex-direction: column !important;
    gap: 8px !important; width: 100% !important; min-width: 0 !important;
    box-sizing: border-box !important; font-size: 11px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenedBadge .rack101OpenActions {
    display: flex !important; flex-wrap: wrap !important; width: 100% !important;
    min-width: 0 !important; gap: 6px !important;
  }
  #root main.gameScreen.yuzbirGame .rack101OpenedBadge .rack101OpenActions button {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    white-space: normal !important; font-size: 11px !important; padding: 9px 5px !important;
    box-sizing: border-box !important;
  }
}

#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane.pairLane,
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldLane.normalLane {
  width: 100% !important; min-width: 0 !important; max-width: none !important;
  min-height: 0 !important;
}
#root main.gameScreen.yuzbirGame .meldPanCanvas .yuzbirMeldGroups.pairGroups {
  display: flex !important; flex-wrap: wrap !important;
}


/* SOURCE: mobile-lobby-readable-20260929.css */
@media (max-width: 700px) and (orientation: portrait) {
  #root .mobileChatTitleActions { display: flex !important; align-items: center !important; gap: 5px !important; flex: none !important; }
  #root .mobileChatTitleActions button { min-height: 32px !important; padding: 0 8px !important; font-size: 10px !important; white-space: nowrap !important; }
  #root .mobileChatTitle b, #root .mobileTablesHead b { font-size: 11px !important; }
  #root .mobileChatTitle span, #root .mobileTablesHead small { font-size: 8px !important; }
  #root .mobileTableHeadActions button { min-width: 32px !important; height: 30px !important; padding: 0 6px !important; font-size: 9px !important; }
  #root .mobileTableCard .mobileTableName { font-size: 12px !important; }
  #root .mobileTableCard > small { font-size: 9px !important; }
  #root .mobileTableCard > button { min-height: 31px !important; font-size: 11px !important; }
  #root .mobileTableCard .mobileTableType { font-size: 10px !important; }
  #root .mobilePersonCard b, #root .mobilePersonCard small { font-size: 9px !important; }
  #root .mobileLobbyChat .chatMessages, #root .mobileLobbyChat .chatComposer { font-size: 11px !important; }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root .mobileLobbyChat .chatComposer { position: relative !important; overflow: visible !important; }
  #root .mobileLobbyChat .emojiPicker {
    box-sizing: border-box !important; position: absolute !important; z-index: 80 !important;
    left: 0 !important; right: 0 !important; bottom: calc(100% - 1px) !important;
    width: 100% !important; max-height: min(42vh, 320px) !important;
    overflow-y: auto !important; border: 1px solid #5e4ab1 !important;
    border-radius: 12px 12px 0 0 !important; box-shadow: 0 -12px 26px #0008 !important;
  }
  #root .mobileLobbyChat .emojiTabs button { font-size: 11px !important; min-height: 32px !important; }
  #root .mobileLobbyChat .gifGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}


/* SOURCE: table-start-options-20260930.css */
.roomPage .roomCard { position:relative; min-height:430px; border-radius:32px; background:radial-gradient(ellipse at center,#16704c,#09402e); border:10px solid #634328; color:#fff; padding:20px; box-sizing:border-box; }
.roomCard .tableMeta { opacity:.85; }
.roomCard .roomSeats { position:relative; height:300px; display:block; }
.roomCard .roomSeat { position:absolute; width:145px; text-align:center; border:1px solid #ffffff40; border-radius:14px; background:#07291ddb; padding:8px; box-sizing:border-box; }
.roomCard .roomSeat:nth-child(1) {bottom:0;left:50%;transform:translateX(-50%)}
.roomCard .roomSeat:nth-child(2) {left:0;top:50%;transform:translateY(-50%)}
.roomCard .roomSeat:nth-child(3) {top:0;left:50%;transform:translateX(-50%)}
.roomCard .roomSeat:nth-child(4) {right:0;top:50%;transform:translateY(-50%)}
.tableStartCenter {position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:9px;width:230px;max-width:65%;text-align:center;pointer-events:auto}
.tableStartCenter .roomStart {margin:0!important;padding:16px 24px!important;font-size:20px!important;border-radius:16px!important;background:#e7bd56!important;color:#241706!important;border:2px solid #fff1bb!important;box-shadow:0 6px 24px #0006;white-space:nowrap;min-height:54px}
.tableStartCenter .roomStart:disabled {opacity:.65;cursor:default}
.tableStartCenter small {color:#fff;background:#08281fdd;border-radius:9px;padding:6px 9px;font-size:12px}
.feltTable .nextHandStart {top:50%}
.dark101Options {color:#f5f7fa;background:#14231e;border:1px solid #79a78d;border-radius:20px;padding:24px;width:360px;max-width:calc(100vw - 32px);box-sizing:border-box}
.dark101Options::backdrop {background:#000a}
.dark101Options form {display:flex;flex-direction:column;gap:12px}
.dark101Options h2 {margin:0 0 6px}.dark101Options label {display:flex;flex-direction:column;gap:7px;font-weight:700}
.dark101Options select {padding:12px;border-radius:10px;background:#f5f6ee;color:#13211b;font-size:17px;width:100%}
.dark101Options p {font-size:12px;line-height:1.5;margin:0;color:#c1d4c8}
.dark101Options .optionActions {display:flex;gap:10px;margin-top:10px}.dark101Options button {flex:1;padding:12px;border-radius:10px;font-size:15px}
@media(max-width:650px){.roomPage .roomCard{min-height:420px;padding:10px;border-width:6px}.roomCard .roomSeats{height:310px}.roomCard .roomSeat{width:100px;font-size:12px}.tableStartCenter{width:190px;max-width:60%}.tableStartCenter .roomStart{font-size:17px!important;padding:14px 18px!important}.tableStartCenter small{font-size:11px}.roomCard .tableMeta{font-size:10px}}
.roomCard h1{font-size:24px!important;line-height:1.2!important;margin:4px 0 10px!important;color:#fff!important}
.roomCard .eyebrow{font-size:10px!important;color:#b8d5c4!important;margin:0!important}
.roomCard .roomSeat{min-height:0!important;height:86px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:7px!important}
.roomCard .roomSeat>b{color:#fff!important;font-size:14px!important;margin:0!important}.roomCard .roomSeat>small{color:#b7cfc0!important;font-size:11px!important}.roomCard .roomSeat>span{display:none!important}
.roomCard>.tableStartCenter{top:calc(50% + 35px)}
@media(max-width:650px){.roomCard h1{font-size:19px!important}.roomCard .roomSeat{width:84px!important;height:70px!important}.roomCard .roomSeat>b{font-size:11px!important}.roomCard .roomSeat>small{font-size:9px!important}.roomCard>.tableStartCenter{max-width:calc(100% - 180px);top:calc(50% + 30px)}.roomCard .roomStart{padding:12px!important;font-size:15px!important}}


/* SOURCE: normal-table-flow-20260930.css */
#root main.gameScreen .normalTableStart {position:absolute!important;left:50%!important;top:40%!important;inset:40% auto auto 50%!important;transform:translate(-50%,-50%)!important;z-index:140!important;width:230px!important;max-width:70%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;}
#root main.gameScreen .normalTableStart .roomStart {width:auto!important;min-height:48px!important;font-size:18px!important;}
#root main.gameScreen .normalTableStart small {white-space:normal!important;line-height:1.4!important;}
#root main.gameScreen.waitingHand .gameModeStrip,
#root main.gameScreen.waitingHand .gameInfoBar,
#root main.gameScreen.waitingHand .actionPanel,
#root main.gameScreen.waitingHand .rack101ScoreBar,
#root main.gameScreen.waitingHand .yuzbirMeldBoard,
#root main.gameScreen.waitingHand .discardSpot,
#root main.gameScreen.waitingHand .stockRestartOverlay,
#root main.gameScreen.waitingHand .nextHandDock,
#root main.gameScreen.waitingHand .deckCenter,
#root main.gameScreen.waitingHand .centerLogo {visibility:hidden!important;pointer-events:none!important;}
#root main.gameScreen.finishedHand .stockRestartOverlay,
#root main.gameScreen.finishedHand .nextHandDock,
#root main.gameScreen.finishedHand .actionPanel,
#root main.gameScreen.finishedHand .rack101ScoreBar {display:none!important;}
#root main.gameScreen .botSeatRemove {position:absolute!important;top:calc(100% + 3px)!important;left:50%!important;transform:translateX(-50%)!important;z-index:145!important;min-height:24px!important;padding:4px 7px!important;border:1px solid #cf9a6e!important;border-radius:7px!important;background:#4d2c20!important;color:#fff!important;font-size:10px!important;white-space:nowrap!important;}
#root main.gameScreen .remainingStoneLabel {display:block!important;position:absolute!important;top:calc(100% + 4px)!important;left:50%!important;transform:translateX(-50%)!important;min-width:86px!important;width:auto!important;max-width:none!important;height:auto!important;padding:4px 7px!important;margin:0!important;border-radius:8px!important;background:#062d23!important;border:1px solid #c9aa55!important;color:#fff4bc!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;z-index:75!important;}
#root main.gameScreen.finishedHand .winnerBanner {position:relative!important;inset:auto!important;min-height:0!important;height:auto!important;padding:8px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
#root main.gameScreen.finishedHand .winnerBanner>div:first-child {font-size:11px!important;}
#root main.gameScreen.finishedHand .handResultMini {display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
#root main.gameScreen.finishedHand .handResultMini>span {display:inline-flex!important;gap:5px!important;padding:4px 7px!important;font-size:11px!important;min-height:0!important;width:auto!important;}
/* Compact game header: menu, exit and settings share one small row. */
#root main.gameScreen .topbar .topbarRight .leaveTableButton {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:0!important;border-radius:9px!important;}
#root main.gameScreen .topbar .leaveTableButton svg {width:18px!important;height:18px!important;display:block!important;}
@media(max-width:700px) and (orientation:portrait){
 #root main.gameScreen.yuzbirGame .topbar {height:44px!important;min-height:44px!important;max-height:44px!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
 #root main.gameScreen.yuzbirGame .topbar .topbarRight {height:44px!important;}
 #root main.gameScreen.yuzbirGame .topbar .topbarRight .leaveTableButton {top:5px!important;right:48px!important;left:auto!important;bottom:auto!important;}
 #root main.gameScreen.yuzbirGame .topbar .lobbyPeekButton {top:5px!important;left:10px!important;width:34px!important;height:34px!important;min-height:34px!important;}
 #root main.gameScreen.yuzbirGame .topbar .themeToggle {top:5px!important;right:8px!important;width:34px!important;height:34px!important;min-height:34px!important;}
 #root main.gameScreen.yuzbirGame .seat.seat-2 {top:8.5%!important;inset:8.5% auto auto 46.7%!important;}
 #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {top:8.5%!important;inset:8.5% auto auto 25%!important;}
}
/* Restart belongs to the table wrapper so the rack cannot cover it. */
#root main.gameScreen .gameTableWrap > .normalTableStart {position:absolute!important;inset:34% auto auto 50%!important;top:34%!important;z-index:650!important;pointer-events:auto!important;max-width:70%!important;}
#root main.gameScreen.finishedHand .winnerBanner {display:none!important;}
#root main.gameScreen .stockCountBadge {position:absolute!important;top:6px!important;left:50%!important;transform:translateX(-50%)!important;z-index:180!important;display:flex!important;align-items:center!important;gap:6px!important;padding:6px 9px!important;background:#082f24!important;border:1px solid #c8a75a!important;border-radius:9px!important;color:#fff1b5!important;line-height:1!important;pointer-events:none!important;}
#root main.gameScreen .stockCountBadge small {font-size:9px!important;white-space:nowrap!important;}
#root main.gameScreen .stockCountBadge b {font-size:17px!important;color:#fff!important;}
@media(max-width:700px) and (orientation:portrait){
 #root main.gameScreen.yuzbirGame .seat.seat-2 {inset:5.8% auto auto 46.7%!important;top:5.8%!important;}
 #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {inset:5.8% auto auto 25%!important;top:5.8%!important;}
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {inset:13% auto auto 17%!important;top:13%!important;left:17%!important;width:66%!important;height:47%!important;}
 #root main.gameScreen.yuzbirGame .centerDeck .remainingStoneLabel {top:0!important;left:calc(100% + 6px)!important;transform:none!important;min-width:72px!important;font-size:10px!important;}
}
/* Keep the 101 rack count visible left of the top bot nickname. */
@media (min-width:701px){
 #root main.gameScreen.yuzbirGame .seat.seat-2:has(.botSeatRemove){
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important
 }
 #root main.gameScreen.yuzbirGame .seat.seat-2:has(.botSeatRemove)>span:not(.yuzbirSeatAvatar){
  position:static!important;order:0!important;width:auto!important;max-width:none!important;margin:0!important;white-space:nowrap!important;font-size:10px!important
 }
 #root main.gameScreen.yuzbirGame .seat.seat-2:has(.botSeatRemove)>b{order:1!important;width:auto!important;flex:0 1 auto!important}
}

/* SOURCE: clean-top-draw-20260930.css */

#root main.gameScreen .stockCountBadge,#root main.gameScreen .remainingStoneLabel{display:none!important}
#root main.gameScreen .centerDeck .deckStack b{display:block!important;color:#fff2b3!important;font-size:23px!important;z-index:195!important}
@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen .connectionRecovery,#root main.gameScreen .gameModeStrip,#root main.gameScreen .actionPanel,#root main.gameScreen .gameInfoBar>.stockBox,#root main.gameScreen .gameInfoBar>.turnBox,#root main.gameScreen .autoPilotBanner>div{display:none!important}
#root main.gameScreen .gameInfoBar{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none!important}
#root main.gameScreen .autoPilotBanner{position:absolute!important;inset:auto auto 34% 50%!important;transform:translateX(-50%)!important;z-index:550!important;padding:0!important;border:0!important;background:none!important}
#root main.gameScreen .centerDeck{position:absolute!important;inset:61% auto auto 50%!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:80px!important;min-width:80px!important;height:52px!important;min-height:52px!important;padding:3px!important;overflow:visible!important;z-index:190!important}
#root main.gameScreen .centerDeck .deckStack{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:70px!important;height:44px!important;margin:0!important;transform:none!important}
#root main.gameScreen .centerDeck .deckStack img{width:29px!important;height:41px!important;display:block!important;opacity:1!important;max-width:none!important}
#root main.gameScreen .centerDeck .deckStack b{position:absolute!important;inset:50% 1px auto auto!important;transform:translateY(-50%)!important;width:34px!important;height:auto!important;padding:3px 0!important;background:none!important;font-weight:900!important;line-height:1!important;text-align:center!important}
}

#root main.gameScreen .centerDeck .deckStack b{font-size:15px!important;line-height:1!important;font-weight:700!important}
#root main.gameScreen .tileRackGrid,#root main.gameScreen .tileRackGrid .okeyTile{touch-action:none!important}
@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen .centerDeck{width:64px!important;min-width:64px!important;height:46px!important;min-height:46px!important;padding:2px!important;box-sizing:border-box!important}
#root main.gameScreen .centerDeck .deckStack{width:56px!important;height:38px!important;gap:6px!important;justify-content:center!important}
#root main.gameScreen .centerDeck .deckStack img{width:25px!important;height:36px!important;flex:0 0 25px!important;object-fit:contain!important}
#root main.gameScreen .centerDeck .deckStack b{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:23px!important;flex:0 0 23px!important;padding:0!important;margin:0!important;text-align:center!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.gameScreen .gameTableWrap .centerDeck{position:absolute!important;inset:61% auto auto 50%!important;transform:translateX(-50%)!important;width:72px!important;min-width:72px!important;height:48px!important;min-height:48px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:3px!important;box-sizing:border-box!important;z-index:190!important}
#root main.gameScreen.gameScreen .gameTableWrap .centerDeck .deckStack{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:62px!important;height:40px!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important}
#root main.gameScreen.gameScreen .gameTableWrap .centerDeck .deckStack img{display:block!important;width:25px!important;height:36px!important;max-width:25px!important;flex:0 0 25px!important;object-fit:contain!important;margin:0!important}
#root main.gameScreen.gameScreen .gameTableWrap .centerDeck .deckStack b{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:23px!important;min-width:0!important;height:auto!important;flex:0 0 23px!important;font-size:14px!important;line-height:1!important;font-weight:700!important;text-align:center!important;padding:0!important;margin:0!important;background:none!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.yuzbirGame.finishedHand .rackArea{top:76%!important;height:22%!important;min-height:0!important}
#root main.gameScreen.yuzbirGame.finishedHand .rackBoardShell{top:24%!important;bottom:3%!important;height:auto!important}
#root main.gameScreen.yuzbirGame.finishedHand .rack101ScoreBar{display:none!important}
}

#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}
#root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{position:relative!important;top:auto!important;left:auto!important;flex:0 0 32px!important;height:32px!important;margin:0!important}
#root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:auto!important;touch-action:pan-x pan-y!important;overscroll-behavior:contain!important}

#root main.gameScreen.yuzbirGame .rack101OpenedBadge{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;font-size:9px!important}
#root main.gameScreen.yuzbirGame .rack101OpenedBadge .autoLayoffButton{grid-column:1 / -1!important;width:100%!important;min-height:32px!important;padding:4px!important;font-size:12px!important}
#root main.gameScreen.yuzbirGame .rack101OpenedBadge .rack101OpenActions{grid-column:1 / -1!important}

#root main.gameScreen.yuzbirGame .rack101OpenedBadge{box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;align-items:stretch!important;height:100%!important;max-height:100%!important;gap:5px!important;padding:3px!important;overflow:hidden!important}
#root main.gameScreen.yuzbirGame .rack101OpenedBadge .autoLayoffButton{grid-column:1!important;grid-row:1!important;height:100%!important;min-height:0!important;padding:3px!important;font-size:11px!important}
#root main.gameScreen.yuzbirGame .rack101OpenedBadge .rack101OpenActions{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:3px!important;height:100%!important;min-height:0!important}
#root main.gameScreen.yuzbirGame .rack101OpenedBadge .rack101OpenActions button{height:100%!important;min-height:0!important;padding:3px!important;font-size:9px!important;white-space:normal!important;flex:1!important}

#root main.gameScreen.yuzbirGame .rack101UnifiedActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;gap:5px!important;width:100%!important;height:100%!important;padding:3px!important;box-sizing:border-box!important}
#root main.gameScreen.yuzbirGame .rack101UnifiedActions button{width:100%!important;min-width:0!important;min-height:30px!important;height:34px!important;padding:3px!important;font-size:10px!important;line-height:1.1!important;border-radius:8px!important;white-space:normal!important}
#root main.gameScreen.yuzbirGame .rack101UnifiedActions .returnSideTile{grid-column:1 / -1!important;height:25px!important;min-height:25px!important}


/* SOURCE: chat-points-20260930.css */

#root main.gameScreen .tableQuickTools{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:flex;gap:5px;pointer-events:auto;z-index:700}
.tableQuickTools button,.tablePointsMenu summary{font:700 11px sans-serif;color:#ffe3a2;background:#092d25;border:1px solid #bca056;border-radius:9px;padding:8px 9px;cursor:pointer;list-style:none}
.tablePointsMenu summary::-webkit-details-marker{display:none}
.tablePointsPopup{position:absolute;top:42px;left:50%;transform:translateX(-50%);width:230px;padding:12px;border:1px solid #bca056;border-radius:12px;background:#102821;color:#fff;box-shadow:0 8px 25px #0008}
.tablePointsPopup>small{display:block;margin:5px 0 10px;color:#b6c9c0;font-size:10px}
.tablePointsRow{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #ffffff20;font-size:12px}
.tableChatDrawerContent{height:100%;min-height:0;display:flex;flex-direction:column}
.tableChatDrawerContent>.chatPanel{flex:1;min-height:0;overflow:hidden}
.chatGameNotice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:#143f32;border-bottom:1px solid #bca056;color:#ffe3a2;font-size:13px}
.chatGameNotice button{padding:8px;border-radius:8px;background:#8052b3;color:#fff;border:0}
@media(max-width:700px){
#root main.gameScreen .gameChatDock.mobileSocialSheet{position:fixed!important;inset:0 0 0 auto!important;width:90vw!important;max-width:420px!important;height:100dvh!important;max-height:100dvh!important;z-index:1000!important;margin:0!important;padding:0!important;border-radius:14px 0 0 14px!important;display:block!important;background:#10231d!important;box-shadow:-10px 0 40px #0009!important;overflow:hidden!important}
#root main.gameScreen .tableChatDrawerContent>.chatPanel{height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important}
}

#root main.gameScreen .tableChatDrawerContent .chatTextStyled{color:#eef2f7!important;opacity:1!important;font-size:13px!important;line-height:1.5!important}
@media(max-width:700px){
#root main.gameScreen .tableChatDrawerContent .chatPanel.richChat{flex:1 1 0!important;min-height:0!important;height:0!important;max-height:none!important;overflow:hidden!important}
#root main.gameScreen .tableChatDrawerContent .socialToolBar,#root main.gameScreen .tableChatDrawerContent .chatHead,#root main.gameScreen .tableChatDrawerContent .chatTabs{flex:0 0 auto!important}
#root main.gameScreen .tableChatDrawerContent .chatHead{padding:8px 14px!important}
#root main.gameScreen .tableChatDrawerContent .chatHead .eyebrow{display:none!important}
#root main.gameScreen .tableChatDrawerContent .chatHead h2{font-size:18px!important;margin:0!important}
#root main.gameScreen .tableChatDrawerContent .chatMessages{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important}
#root main.gameScreen .tableChatDrawerContent .chatComposer{flex:0 0 auto!important;position:relative!important;margin-top:auto!important;padding:10px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
#root main.gameScreen .tableChatDrawerContent .chatSend{display:flex!important;gap:6px!important}
#root main.gameScreen .tableChatDrawerContent .chatSend input{min-width:0!important;flex:1!important;font-size:14px!important}
#root main.gameScreen .tableChatDrawerContent .chatSend button{min-height:40px!important;padding:8px 10px!important;font-size:12px!important}
}

#root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldTurnArrow{position:absolute!important;right:8px!important;bottom:8px!important;z-index:30!important;display:flex!important;align-items:center!important;gap:5px!important;padding:4px 8px!important;border:1px solid #d4aa4e!important;border-radius:10px!important;background:#082c24ed!important;color:#ffe394!important;pointer-events:none!important;box-shadow:0 2px 7px #0005!important}
#root main.gameScreen.yuzbirGame .meldTurnArrow b{font-size:25px!important;line-height:1!important}
#root main.gameScreen.yuzbirGame .meldTurnArrow span{font-size:10px!important;font-weight:700!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.tableChatBadgeButton{position:relative}.tableChatBadgeButton em{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:4px;padding:0 3px;border-radius:20px;background:#ac58e8;color:white;font-style:normal;font-size:10px}
#root main.gameScreen .newTableMessageToast{position:absolute;top:44px;left:50%;transform:translateX(-50%);z-index:750;max-width:80%;padding:8px 12px;border:1px solid #c19bff;border-radius:12px;background:#382249;color:white;font-size:12px;box-shadow:0 4px 12px #0006}
#root main.gameScreen .tableQuickTools{gap:3px}
#root main.gameScreen .messageSoundButton{padding:6px!important;font-size:12px!important}

#root main.gameScreen .turnTimeMarker{position:absolute;z-index:175;display:flex;align-items:center;gap:6px;padding:5px 9px;background:#123a2ff2;border:1px solid #d1ad5b;border-radius:12px;color:#ffe39b;pointer-events:none;font-size:11px}
#root main.gameScreen .turnTimeMarker b{font-size:25px;line-height:1}
#root main.gameScreen .turnTimeMarker strong{font-size:16px}
#root main.gameScreen .turnTimeMarker.urgent{color:#fff;background:#862b32;border-color:#ffbd9e}
#root main.gameScreen.duzGame .duzTurnMarker{top:30%;left:50%;transform:translateX(-50%)}
#root main.gameScreen.yuzbirGame .yuzbirTurnMarker{top:3px;left:50%;transform:translateX(-50%)}
#root main.gameScreen.yuzbirGame .yuzbirTurnMarker>span{display:none}
#root main.gameScreen.yuzbirGame .yuzbirTurnMarker:not(:has(strong)){display:none}


/* SOURCE: duz-mobile-20260930.css */

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .topbar{position:relative!important;height:44px!important;min-height:44px!important;padding:3px!important;overflow:visible!important}
#root main.gameScreen.duzGame .topbar .brand,#root main.gameScreen.duzGame .topbar .soundToggle,#root main.gameScreen.duzGame .topbar .lobbyPeekButton,#root main.gameScreen.duzGame .membershipBadge{display:none!important}
#root main.gameScreen.duzGame .topbarRight{position:relative!important;width:100%!important;height:38px!important;overflow:visible!important}
#root main.gameScreen.duzGame .tableQuickTools{left:6px!important;top:2px!important;transform:none!important}
#root main.gameScreen.duzGame .leaveTableButton{position:absolute!important;inset:2px 44px auto auto!important;width:34px!important;height:34px!important;padding:6px!important}
#root main.gameScreen.duzGame .themeToggle{position:absolute!important;inset:2px 4px auto auto!important;width:34px!important;height:34px!important;min-width:0!important;padding:5px!important}
#root main.gameScreen.duzGame .themeToggle b{display:none!important}
#root main.gameScreen.duzGame .tableScoreStrip{display:none!important}
#root main.gameScreen.duzGame .gameTableWrap{padding:4px 6px 8px!important}
#root main.gameScreen.duzGame .gameInfoBar{height:57px!important;min-height:57px!important;padding:0!important;margin-bottom:4px!important;overflow:visible!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel{display:flex!important;flex-direction:row!important;align-items:center!important;width:120px!important;min-width:120px!important;height:55px!important;min-height:55px!important;padding:3px!important;overflow:visible!important;gap:6px!important}
#root main.gameScreen.duzGame .indicatorPanel .featured{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;position:static!important;width:48px!important;min-width:0!important;height:48px!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
#root main.gameScreen.duzGame .indicatorPanel .featured .imageTile.okeyTile.compact{width:22px!important;min-width:22px!important;height:30px!important}
#root main.gameScreen.duzGame .feltTable{height:clamp(290px,48dvh,390px)!important;min-height:0!important}
#root main.gameScreen.duzGame .feltTable .seat-0{width:125px!important;left:50%!important;bottom:10px!important;padding:6px!important;transform:translateX(-50%)!important}
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock{right:-56px!important;top:50%!important}
#root main.gameScreen.duzGame .rackArea{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:5px 0 0!important;padding:5px!important;overflow:visible!important}
#root main.gameScreen.duzGame .rackHead{display:flex!important;justify-content:center!important;min-height:34px!important;margin-bottom:5px!important}
#root main.gameScreen.duzGame .rackHead>div:first-child{display:none!important}
#root main.gameScreen.duzGame .rackTools{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
#root main.gameScreen.duzGame .rackTools button{min-height:32px!important;font-size:10px!important;padding:4px!important}
#root main.gameScreen.duzGame .rackBoardShell{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:106px!important;min-height:106px!important;margin:0!important}
#root main.gameScreen.duzGame .tileRackGrid{height:106px!important;min-height:106px!important;grid-template-rows:repeat(2,46px)!important;padding:5px 3px!important}
#root main.gameScreen.duzGame .rackArea>.ghost,#root main.gameScreen.duzGame .gameNotice,#root main.gameScreen.duzGame .gameSocialLauncher{display:none!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot{position:relative!important;display:block!important;height:46px!important;transform:none!important;translate:none!important;padding:0!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile:hover,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.newlyDrawn{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:46px!important;transform:none!important;translate:none!important;animation:none!important;padding:0!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;margin:0!important;transform:none!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile{max-height:46px!important;min-height:46px!important;aspect-ratio:auto!important;display:block!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile img{max-height:none!important;min-height:0!important;aspect-ratio:auto!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile{height:42px!important;min-height:42px!important;max-height:42px!important;top:2px!important;bottom:auto!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel{align-items:flex-start!important;gap:8px!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured{display:grid!important;grid-template-rows:10px 30px 8px!important;justify-items:center!important;align-content:start!important;align-items:center!important;gap:0!important;height:48px!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>small{grid-row:1!important;line-height:10px!important;margin:0!important;padding:0!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact{grid-row:2!important;position:relative!important;inset:auto!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0!important;transform:none!important;aspect-ratio:auto!important;box-shadow:none!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact img{width:100%!important;height:100%!important;object-fit:fill!important;transform:none!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>span{grid-row:3!important;line-height:8px!important;margin:0!important;padding:0!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .imageTile.okeyTile img[src$="/okey-face.svg"]{content:url("/assets/tiles/duz-okey-aligned.svg")!important;object-fit:fill!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile{border:0!important;border-radius:2px!important;outline:none!important;outline-offset:0!important;filter:none!important;box-shadow:0 1px 2px #0005!important;transition:none!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.invertedOkey{outline:none!important;box-shadow:0 0 0 1px #d8ad50!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.newlyDrawn{outline:none!important;filter:none!important;box-shadow:0 0 0 1px #b98bf3,0 0 4px #9b65ff80!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact,
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact.invertedOkey{outline:none!important;outline-offset:0!important;border:0!important;border-radius:2px!important;box-shadow:none!important;filter:none!important;background:transparent!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact::before,
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact::after{display:none!important}
}

/* Düz Okey: all rack states use identical geometry. */
@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected:hover,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected:active,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.newlyDrawn{position:absolute!important;inset:2px 0 auto 0!important;top:2px!important;bottom:auto!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;animation:none!important;box-sizing:border-box!important}
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile img{height:100%!important;max-height:100%!important;width:100%!important;object-fit:fill!important;transform:none!important}
}


/* SOURCE: tile-selection-fixed-20260930.css */
/* Site rule: selection changes color only, never tile position or size. */
#root main.gameScreen .rackSlot:hover{translate:none!important}
#root main.gameScreen .rackSlot:has(.okeyTile.selected){transform:none!important;translate:none!important;animation:none!important}
#root main.gameScreen .rackSlot .okeyTile.selected,
#root main.gameScreen .rackSlot .okeyTile.selected:hover,
#root main.gameScreen .rackSlot .okeyTile.selected:active{animation:none!important;translate:none!important;filter:none!important;transition:box-shadow .12s ease!important;outline:1px solid #b98bf3!important;outline-offset:-1px!important;box-shadow:0 0 3px #9b65ff70!important}

#root main.gameScreen .gameTableWrap .centerDeck .turnTimeMarker{position:absolute!important;top:calc(100% + 3px)!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;width:max-content!important;max-width:145px!important;min-height:18px!important;padding:2px 5px!important;gap:3px!important;font-size:9px!important;line-height:1.1!important;border-radius:5px!important;z-index:175!important;pointer-events:none!important}
#root main.gameScreen .gameTableWrap .centerDeck .turnTimeMarker b{font-size:15px!important;line-height:1!important}
#root main.gameScreen .gameTableWrap .centerDeck .turnTimeMarker strong{font-size:11px!important}
#root main.gameScreen .gameTableWrap .centerDeck .turnTimeMarker>span{display:inline!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:85px!important}
#root main.gameScreen .meldTurnArrow{display:none!important}


/* SOURCE: duz-desktop-20260930.css */
@media(min-width:1000px){
/* ================================================================= */
/* PC MASAÜSTÜ İÇİN ANA MASANIN VE YERLEŞİMİN TÜM ENGELLERİNİ KALDIRMA */
/* ================================================================= */
html body #root #root main.gameScreen.duzGame .gameTableWrap {
    width: calc(100% - 348px) !important; 
    max-width: 100% !important;        
    margin: 0 !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
    float: left !important;
}

/* Istakanın sağa ve sola taşmasını engelleyen tüm dış boşlukları PC için sıfırlıyoruz */
html body #root #root main.gameScreen.duzGame .rackArea {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #root #root main.gameScreen .rackArea .rackHead{position:relative!important;min-height:38px!important}
html body #root #root main.gameScreen .rackArea .rackHead .rackTools{position:absolute!important;left:50%!important;right:auto!important;top:0!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(3,max-content)!important;justify-content:center!important;gap:8px!important;width:auto!important}
html body #root #root main.gameScreen .rackArea .rackHead .rackTools>button:nth-child(1){grid-column:2!important;grid-row:1!important}
html body #root #root main.gameScreen .rackArea .rackHead .rackTools>button:nth-child(2){grid-column:1!important;grid-row:1!important}
html body #root #root main.gameScreen .rackArea .rackHead .rackTools>button:nth-child(3){grid-column:3!important;grid-row:1!important}
html body #root #root main.gameScreen .rackArea .rackHead .rackTools>button{position:static!important;width:auto!important;min-height:34px!important;font-size:13px!important;padding:6px 14px!important}
html body #root #root main.gameScreen .rackArea .rackHead .rackMode{display:none!important}

/* PC Taş Boyutları */
html body #root #root main.gameScreen.duzGame{--duz-rack-tile-width:44px;--duz-rack-tile-height:60px}

/* PC Istaka Ahşap Tabanı */
html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell{
    width: min(100%, calc(var(--duz-rack-tile-width)*15 + 44px))!important;
    max-width: 100%!important;
    height: 154px !important;
    min-height: 154px !important;
    margin: 0 auto!important;
    padding: 8px 12px !important;
    box-sizing: border-box!important;
    overflow: visible!important;
    position: relative !important;
}

/* PC 2 Sıralı Izgara Kısıtlaması */
html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .tileRackGrid{
    display: grid !important;
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    height: 136px !important;
    grid-template-columns: repeat(15, minmax(0, 1fr))!important;
    grid-template-rows: repeat(2, 60px) !important;
    gap: 12px 2px !important;
    padding: 0!important;
    box-sizing: border-box!important;
    overflow: visible!important;
    position: relative!important;
    z-index: 2!important;
}

html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .rackSlot{
    height: 60px !important;
    padding: 0!important;
    min-width: 0!important;
    overflow: visible!important;
    background: transparent!important;
    box-shadow: none!important;
    border: 0!important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* React'ın inline absolute koordinatlarını PC ızgarasına göre sıfırlıyoruz */
html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .rackSlot > .imageTile.okeyTile,
html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .tileRackGrid .rackSlot > button.okeyTile.imageTile {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    translate: none !important;
    width: 100%!important;
    max-width: var(--duz-rack-tile-width)!important;
    height: var(--duz-rack-tile-height) !important;
    margin: 0 auto!important;
    padding: 0!important;
    z-index: 4 !important;
}

html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .rackSlot>.imageTile.okeyTile img{
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
}
html body #root #root main.gameScreen.duzGame .indicatorPanel{overflow:visible!important}
}

@media(min-width:1000px){html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .rackSlot,html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .rackSlot>.imageTile.okeyTile{box-sizing:border-box!important;border-width:0!important}html body #root #root main.gameScreen.duzGame .rackArea .rackBoardShell .rackSlot>.imageTile.okeyTile{border-radius:3px!important}}
@media(min-width:1000px){html body #root #root #root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important}}
html body #root #root #root main.gameScreen .visibleGameNotice{display:block!important;position:fixed!important;top:80px!important;left:50%!important;transform:translateX(-50%)!important;z-index:1000!important;max-width:min(560px,90vw)!important;padding:12px 18px!important;background:#341b13!important;color:#fff3d0!important;border:1px solid #e6ae59!important;border-radius:12px!important;font-size:15px!important;line-height:1.4!important;box-shadow:0 5px 20px #0006!important;pointer-events:none!important}
html body #root #root #root .chatMessage{background:#445268!important;border-color:#78879d!important;color:#fff!important}
html body #root #root #root .chatMessage .chatTextStyled{font-size:14px!important;line-height:1.45!important}
html body #root #root #root .chatMessage small{color:#d6dfeb!important}
html body #root #root #root main.gameScreen .indicatorPanel{grid-template-columns:minmax(0,1fr)!important;justify-content:center!important}
html body #root #root #root main.gameScreen .indicatorPanel .indicatorInfo{justify-self:center!important}

@media(min-width:1025px){
html body #root #root #root main.gameScreen .rackArea,html body #root #root #root main.gameScreen .rackArea *{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}
html body #root #root #root main.gameScreen .rackArea .tileRackGrid .rackSlot{transform:none!important;translate:none!important;transition:none!important}
html body #root #root #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>button.okeyTile.imageTile,html body #root #root #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>button.okeyTile.imageTile:hover,html body #root #root #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>button.okeyTile.imageTile:active{transform:none!important;translate:none!important;animation:none!important;transition:box-shadow .1s!important}
}

@media(min-width:1000px){
html body #root #root #root main.gameScreen .tileRackGrid .rackSlot.rackGroupSelected{outline:2px solid #c49aff!important;outline-offset:1px!important;box-shadow:0 0 8px #b780f980!important;z-index:10!important}
html body #root #root #root main.gameScreen .tileRackGrid.pcRackGroupActive::after{content:attr(data-group-count) " taş birlikte seçildi";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);padding:3px 10px;border-radius:8px;background:#241b36;color:#f0e7ff;font-size:12px;font-weight:700;pointer-events:none;z-index:30}
}

/* PC Ahşap Çıtalar */
@media(min-width:1000px){
html body #root #root #root main.gameScreen.duzGame .rackArea .rackBoardShell,
html body #root #root #root main.gameScreen.duzGame.finishedHand .rackArea .rackBoardShell,
html body #root #root #root main.gameScreen.duzGame.waitingHand .rackArea .rackBoardShell{
    height: 154px !important;
    min-height: 154px !important;
    max-height: 154px !important;
    padding: 8px 12px !important;
    background: repeating-linear-gradient(2deg,#ffffff05 0 1px,transparent 1px 6px),linear-gradient(180deg,#9d6b3c,#70451f)!important;
    border: 2px solid #5e3b1e!important;
    border-top-color: #d5a676!important;
    border-radius: 9px!important;
    box-shadow: 0 5px 9px #0004,inset 0 1px 3px #efd0a866!important;
    overflow: visible!important;
    isolation: isolate!important;
    position: relative!important;
}

html body #root #root #root main.gameScreen.duzGame.finishedHand .tileRackGrid .rackSlot,
html body #root #root #root main.gameScreen.duzGame.waitingHand .tileRackGrid .rackSlot{
    display: block!important;
    visibility: hidden!important;
}
html body #root #root #root main.gameScreen.duzGame .rackArea .rackHead{margin-bottom:8px!important}

html body #root #root #root main.gameScreen.duzGame .rackArea .rackBoardShell::before,
html body #root #root #root main.gameScreen.duzGame .rackArea .rackBoardShell::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    height:6px!important;
    background:linear-gradient(#cf9b63,#835329 45%,#4e2e15)!important;
    border:0!important;
    border-radius:2px!important;
    box-shadow:0 2px 3px #0005!important;
    pointer-events:none!important;
    z-index: 5 !important;
    transform:none!important;
}
html body #root #root #root main.gameScreen.duzGame .rackArea .rackBoardShell::before{top: 74px !important; bottom:auto!important}
html body #root #root #root main.gameScreen.duzGame .rackArea .rackBoardShell::after{bottom: 6px !important; top:auto!important}


}
/* Repaired missing closing brace in preceding desktop media block. */
/* SOURCE: pc-layout-20260930.css */
@media (min-width:1180px){
 body:has(main.appShell.entertainmentLobby){overflow:auto!important}
 main.appShell.entertainmentLobby>.topbar{height:58px!important;min-height:58px!important;max-height:58px!important;padding:0 22px!important}
 main.appShell.entertainmentLobby>.lobby.lobbyWide.lobbyV21.lobbySocialLayout{
  box-sizing:border-box!important;width:100%!important;max-width:1920px!important;
  height:auto!important;min-height:calc(100dvh - 58px)!important;max-height:none!important;
  margin:0 auto!important;padding:12px 18px 18px!important;gap:12px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 292px!important;
  grid-template-rows:minmax(420px,46dvh) minmax(360px,1fr)!important;align-items:stretch!important;overflow:visible!important
 }
 main.appShell.entertainmentLobby .tablesArea.lobbyCenterStage{
  box-sizing:border-box!important;grid-area:1/1!important;width:auto!important;height:auto!important;
  min-width:0!important;min-height:420px!important;max-height:none!important;overflow:auto!important;
  padding:0 12px 14px!important;border-radius:16px!important
 }
 main.appShell.entertainmentLobby .tablesArea .lobbyTablesBar{min-height:76px!important;height:auto!important;padding:12px 16px!important;gap:18px!important}
 main.appShell.entertainmentLobby .tablesArea .lobbyTablesTitle{gap:12px!important}
 main.appShell.entertainmentLobby .tablesArea .lobbyTablesTitle h2{font-size:24px!important}
 main.appShell.entertainmentLobby .tablesArea .lobbyTablesActions{gap:8px!important;max-width:560px!important}
 main.appShell.entertainmentLobby .tablesArea .tableGrid.funTableGrid{
  box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;overflow:visible!important;padding:14px 4px 8px!important;
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),340px))!important;
  grid-auto-rows:minmax(280px,auto)!important;align-content:start!important;justify-content:start!important;gap:16px!important
 }
 main.appShell.entertainmentLobby .tablesArea .tableCard.funTableCard{
  box-sizing:border-box!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;
  padding:14px!important;border-radius:14px!important;overflow:auto!important
 }
 main.appShell.entertainmentLobby .tablesArea .tableCard.funTableCard .tableSeatVisual{min-height:48px!important;margin:12px 0!important}
 main.appShell.entertainmentLobby .tablesArea .tableCard.funTableCard>button{min-height:42px!important}
 main.appShell.entertainmentLobby .lobbyChatFloor{
  box-sizing:border-box!important;grid-area:2/1!important;width:auto!important;height:auto!important;
  min-width:0!important;min-height:360px!important;max-height:none!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;
  border-radius:16px!important
 }
 main.appShell.entertainmentLobby .lobbyChatFloor>.lobbyChatFloorHead{grid-area:1/1!important;min-height:64px!important;padding:10px 16px!important}
 main.appShell.entertainmentLobby .lobbyChatFloor>.chatPanel{grid-area:2/1!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
 main.appShell.entertainmentLobby .lobbyPeopleRail{
  box-sizing:border-box!important;grid-area:1/2/3/3!important;width:auto!important;height:auto!important;
  min-width:0!important;min-height:0!important;max-height:none!important;align-self:stretch!important;border-radius:16px!important
 }
}
@media (min-width:1600px){
 main.appShell.entertainmentLobby>.lobby.lobbyWide.lobbyV21.lobbySocialLayout{grid-template-columns:minmax(0,1fr) 320px!important;grid-template-rows:minmax(430px,45dvh) minmax(380px,1fr)!important;padding:16px 24px 22px!important;gap:16px!important}
 main.appShell.entertainmentLobby .tablesArea .tableGrid.funTableGrid{grid-template-columns:repeat(auto-fill,minmax(320px,360px))!important}
}


/* SOURCE: pc-casino-lounge-20260930.css */
[Reading 153 lines from start (total: 153 lines, 0 remaining)]

@media (min-width:1000px){
 :root{--pc-gold:#d5b35c;--pc-gold-bright:#f2d786;--pc-forest:#092b22;--pc-forest-deep:#041610;--pc-wood:#58351d;--pc-wine:#351a20}
 body:has(main.gameScreen.yuzbirGame),body:has(main.appShell.entertainmentLobby){background:radial-gradient(ellipse at 50% -15%,#183b2f 0,#0b1914 48%,#070c0b 100%)!important}
 main.appShell.entertainmentLobby>.topbar{background:linear-gradient(180deg,#11271f,#09130f)!important;border-bottom:1px solid #a98942!important;box-shadow:0 5px 24px #0008!important}
 main.appShell.entertainmentLobby .tablesArea,main.appShell.entertainmentLobby .lobbyChatFloor,main.appShell.entertainmentLobby .lobbyPeopleRail{background:linear-gradient(150deg,#10271f,#091813)!important;border:1px solid #9b7a36!important;box-shadow:inset 0 0 0 2px #d0ae5640,0 14px 32px #0008!important}
 main.appShell.entertainmentLobby .tablesArea .tableCard.funTableCard{background:radial-gradient(ellipse at 50% 0,#14543d,#0a3024 62%,#081d17)!important;border:2px solid #b48c3c!important;box-shadow:inset 0 0 0 2px #ecd38235,0 12px 25px #0008!important}
 main.appShell.entertainmentLobby .lobbyChatFloorHead,main.appShell.entertainmentLobby .lobbyPeopleRail .onlineUsersPanel{background:linear-gradient(110deg,#17392d,#0c2119)!important}
 main.appShell.entertainmentLobby button.primary,main.appShell.entertainmentLobby .joinFun,main.appShell.entertainmentLobby .tableCard button:not(:disabled){background:linear-gradient(180deg,#e5c56c,#b98b35)!important;border:1px solid #f4dc91!important;color:#20190c!important;font-weight:800!important;box-shadow:inset 0 1px #fff5,0 4px 12px #0005!important}
 main.appShell.entertainmentLobby .lobbyTablesActions button,main.appShell.entertainmentLobby .lobbyChatFloor button{border-color:#987a3e!important}
 main.gameScreen.yuzbirGame{
  isolation:isolate!important;background:radial-gradient(ellipse at 50% 30%,#173d30,#07130f 76%)!important;
  width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important
 }
 main.gameScreen.yuzbirGame>.topbar{
  z-index:180!important;box-sizing:border-box!important;position:absolute!important;inset:0 0 auto 0!important;
  height:58px!important;min-height:58px!important;max-height:58px!important;padding:6px 18px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  background:linear-gradient(180deg,#10271f,#091510)!important;border-bottom:1px solid #a98942!important;
  box-shadow:0 5px 24px #0008!important;backdrop-filter:blur(10px)!important
 }
 main.gameScreen.yuzbirGame>.topbar .brand{margin-right:auto!important;color:#f5edd7!important;font-size:24px!important;font-weight:950!important;letter-spacing:-.05em!important}
 main.gameScreen.yuzbirGame>.topbar .brand span{color:#bd87f3!important}
 main.gameScreen.yuzbirGame>.topbar .topbarRight{position:static!important;display:flex!important;align-items:center!important;gap:8px!important}
 main.gameScreen.yuzbirGame>.topbar button{border:1px solid #a78742!important;border-radius:10px!important;background:linear-gradient(180deg,#17382c,#0a1c15)!important;color:#f3df9e!important;box-shadow:inset 0 1px #fff2,0 3px 10px #0005!important}
 main.gameScreen.yuzbirGame>.topbar .tablePointsMenu summary,main.gameScreen.yuzbirGame>.topbar .tableChatBadgeButton{padding:8px 12px!important;font-size:13px!important}
 main.gameScreen.yuzbirGame>.topbar .leaveTableButton{position:static!important;inset:auto!important;width:auto!important;min-width:100px!important;max-width:none!important;height:38px!important;min-height:38px!important;padding:6px 12px!important;background:linear-gradient(#572a2e,#32191d)!important;border-color:#b55a5d!important;color:#ffd6d1!important}
 main.gameScreen.yuzbirGame>.topbar .themeToggle{position:static!important;inset:auto!important;width:40px!important;min-width:40px!important;height:38px!important;min-height:38px!important;padding:0!important}
 main.gameScreen.yuzbirGame>.gameTableWrap{
  box-sizing:border-box!important;position:absolute!important;inset:58px 0 0!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px 18px 14px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:12px!important;
  overflow:hidden!important;background:radial-gradient(ellipse at 50% 35%,#18382d,#07120e 78%)!important
 }
 main.gameScreen.yuzbirGame .feltTable101{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;grid-row:1!important;
  width:min(100%,1500px)!important;height:100%!important;min-height:0!important;max-height:none!important;justify-self:center!important;
  border:10px solid #68401f!important;border-radius:38px!important;
  background:radial-gradient(ellipse at 50% 42%,#0e7452 0,#07523d 56%,#063528 100%)!important;
  box-shadow:inset 0 0 0 3px #dfbd64,inset 0 0 0 7px #56351c,inset 0 0 60px #00170f99,0 18px 40px #0009!important
 }
 main.gameScreen.yuzbirGame .feltTable101:after{content:"";position:absolute;inset:14px;border:1px solid #dfbd644d;border-radius:26px;pointer-events:none;box-shadow:inset 0 0 50px #00180d55}
 main.gameScreen.yuzbirGame .yuzbirMeldBoard{z-index:5!important;left:18%!important;top:15%!important;width:64%!important;height:55%!important;border:2px solid #d3b35c!important;border-radius:24px!important;background:linear-gradient(145deg,#0b382bdf,#06251eeF)!important;box-shadow:inset 0 0 0 3px #e3c87425,0 10px 34px #00140d66!important;overflow:auto!important}
 main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{color:#f1d992!important;text-shadow:0 2px 8px #000!important}
 main.gameScreen.yuzbirGame .centerDeck{z-index:18!important;left:50%!important;top:76%!important;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 6px 10px #0008)!important}
 main.gameScreen.yuzbirGame .indicatorPanel{z-index:18!important;top:auto!important;left:26px!important;bottom:22px!important;transform:none!important;border:1px solid #bd9846!important;border-radius:12px!important;background:linear-gradient(145deg,#342216,#120e0a)!important;box-shadow:0 8px 20px #0008!important}
 main.gameScreen.yuzbirGame .seat{z-index:16!important;filter:drop-shadow(0 5px 8px #0007)!important}
 main.gameScreen.yuzbirGame .seat .playerCard,main.gameScreen.yuzbirGame .seat .playerName,main.gameScreen.yuzbirGame .seat .yuzbirSeatCard{background:linear-gradient(145deg,#10281f,#06140f)!important;border:1px solid #b69549!important;color:#f6eccd!important;box-shadow:inset 0 0 0 1px #fff1,0 6px 18px #0008!important}
 main.gameScreen.yuzbirGame .rackArea{
  z-index:40!important;box-sizing:border-box!important;position:relative!important;inset:auto!important;grid-row:2!important;
  width:min(100%,1500px)!important;height:clamp(170px,22dvh,220px)!important;min-height:170px!important;max-height:220px!important;
  justify-self:center!important;margin:0!important;padding:10px 12px 12px!important;border:3px solid #68401f!important;border-radius:22px!important;
  background:linear-gradient(145deg,#764a29,#492919 52%,#2f1b11)!important;box-shadow:inset 0 0 0 2px #d8b15a88,inset 0 0 28px #1a0b0677,0 12px 30px #0009!important
 }
 main.gameScreen.yuzbirGame .rackHead{min-height:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 4px 6px!important;gap:12px!important}
 main.gameScreen.yuzbirGame .rackHead>div:first-child b{color:#f7e7ba!important;font-size:13px!important}
 main.gameScreen.yuzbirGame .rackHead>div:first-child span{color:#e0cda8!important;font-size:11px!important}
 main.gameScreen.yuzbirGame .rackTools{display:flex!important;align-items:center!important;gap:7px!important}
 main.gameScreen.yuzbirGame .rackTools button,main.gameScreen.yuzbirGame .rack101UnifiedActions button{min-height:32px!important;height:34px!important;padding:5px 12px!important;border:1px solid #d7b75c!important;border-radius:9px!important;background:linear-gradient(180deg,#253a30,#101a15)!important;color:#f2dfaa!important;font-size:12px!important;font-weight:800!important;box-shadow:inset 0 1px #fff2,0 3px 8px #0006!important}
 main.gameScreen.yuzbirGame .rackTools button.active,main.gameScreen.yuzbirGame .rack101UnifiedActions button.primaryAction{background:linear-gradient(180deg,#e6c86f,#b68a39)!important;color:#211909!important}
 main.gameScreen.yuzbirGame .rackBoardShell{box-sizing:border-box!important;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:calc(100% - 42px)!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:hidden!important}
 main.gameScreen.yuzbirGame .tileRackGrid{box-sizing:border-box!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;grid-template-columns:repeat(14,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:4px 3px!important;padding:7px!important;border:1px solid #c0934b!important;border-radius:12px!important;background:linear-gradient(180deg,#603a22,#402518)!important;box-shadow:inset 0 2px 10px #160b06aa!important}
 main.gameScreen.yuzbirGame .tileRackGrid .rackSlot{min-width:0!important;min-height:0!important;border-radius:5px!important;background:#24150c30!important}
 main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile{position:absolute!important;inset:3px 2px!important;width:calc(100% - 4px)!important;min-width:0!important;max-width:none!important;height:calc(100% - 6px)!important;min-height:0!important;max-height:none!important;margin:0!important;transform:none!important;border-radius:4px!important;box-shadow:0 2px 4px #0008!important}
 main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{width:100%!important;height:100%!important;object-fit:fill!important}
 main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile.selected{outline:2px solid #d6aaff!important;outline-offset:-2px!important;transform:none!important}
 main.gameScreen.yuzbirGame .turnTimeMarker,main.gameScreen.yuzbirGame .meldTurnArrow{border:1px solid #d8b75e!important;border-radius:14px!important;background:linear-gradient(135deg,#15392b,#0b2119)!important;color:#ffebaa!important;box-shadow:0 5px 20px #0008!important}
 main.gameScreen.yuzbirGame .turnTimeMarker b,main.gameScreen.yuzbirGame .meldTurnArrow b{color:#f2d375!important}
}
@media (min-width:1500px){main.gameScreen.yuzbirGame>.gameTableWrap{padding:14px 24px 16px!important;gap:14px!important}main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:13%!important;height:58%!important}}
@media (min-width:1000px){
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby section.tablesArea,
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby section.lobbyChatFloor,
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby aside.lobbyPeopleRail{
  background:radial-gradient(ellipse at 50% 0,#173c2e 0,#0c241b 55%,#08150f 100%)!important;
  border:1px solid #a88943!important;border-radius:16px!important;
  box-shadow:inset 0 0 0 2px #d0ae5630,0 14px 32px #0008!important
 }
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby article.tableCard.funTableCard{
  background:radial-gradient(ellipse at 50% 0,#17563c,#0b3023 60%,#071c14)!important;
  border:2px solid #c39a44!important;box-shadow:inset 0 0 0 2px #efd37e35,0 12px 28px #0009!important
 }
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .tableSeatVisual{border-color:#af8c44!important;background:#0a2018!important}
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .seatBubble{border-color:#d6b45f!important;background:linear-gradient(#1f6248,#0c3427)!important;color:#f6e5ad!important}
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .lobbyTablesBar,
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .lobbyChatFloorHead{background:linear-gradient(100deg,#1a3b2d,#0a1d15)!important}
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby button.primary,
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .joinFun,
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .tableCard button:not(:disabled){background:linear-gradient(180deg,#efd47a,#bd913e)!important;border-color:#f5dfa0!important;color:#241b0b!important}
 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby .tableCard button:disabled{background:#1e3329!important;border:1px solid #88703d!important;color:#b5a777!important;opacity:1!important}
 main.gameScreen.yuzbirGame .seat-1,main.gameScreen.yuzbirGame .seat-3{width:clamp(130px,12vw,190px)!important;min-width:clamp(130px,12vw,190px)!important;max-width:190px!important}
 main.gameScreen.yuzbirGame .seat-1 .seatPanel,main.gameScreen.yuzbirGame .seat-3 .seatPanel,
 main.gameScreen.yuzbirGame .seat-1 .yuzbirSeatCard,main.gameScreen.yuzbirGame .seat-3 .yuzbirSeatCard{min-height:64px!important;padding:8px!important}
 main.gameScreen.yuzbirGame .seat-0 .yuzbirSeatCard{border:1px solid #d4b45d!important;background:linear-gradient(140deg,#12372a,#071b13)!important;box-shadow:0 0 0 2px #edce7533,0 6px 20px #0008!important}
 main.gameScreen.yuzbirGame .rack101UnifiedActions button{background:linear-gradient(180deg,#274337,#12251b)!important;color:#f4dfa0!important;border-color:#cfab52!important}
 main.gameScreen.yuzbirGame .rack101UnifiedActions button.primaryAction{background:linear-gradient(#efd47a,#bd913e)!important;color:#241b0b!important}
}

@media (min-width:1000px){
 body:has(main.gameScreen.yuzbirGame){background:radial-gradient(ellipse at 50% 8%,#51351d55,transparent 34%),radial-gradient(ellipse at 18% 56%,#b68a3520,transparent 28%),radial-gradient(ellipse at 82% 56%,#b68a3520,transparent 28%),linear-gradient(145deg,#080c0b,#111814 48%,#050807)!important}
 main.gameScreen.yuzbirGame{background:radial-gradient(ellipse at 50% 48%,#21382b 0,#101b15 48%,#090d0b 100%)!important}
 main.gameScreen.yuzbirGame>.topbar{background:linear-gradient(180deg,#18291e,#0a100c)!important;border-bottom:1px solid #bf9c4d!important;box-shadow:0 4px 24px #000b,0 1px #f1d47733!important}
 main.gameScreen.yuzbirGame .feltTable101{border:13px solid #51331d!important;border-radius:48px!important;background:radial-gradient(ellipse at 50% 44%,#087352 0,#07533e 54%,#063527 100%)!important;box-shadow:inset 0 0 0 2px #f1d77f,inset 0 0 0 6px #9d7034,inset 0 0 0 9px #28190e,inset 0 0 72px #00150caa,0 26px 55px #000c!important}
 main.gameScreen.yuzbirGame .feltTable101:before{content:"DARK  •  OKEY  •  101";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:0;color:#f4dc8c10;font-size:clamp(28px,3vw,50px);font-weight:1000;letter-spacing:.18em;white-space:nowrap;pointer-events:none}
 main.gameScreen.yuzbirGame .feltTable101:after{inset:12px!important;border:1px solid #efd47a73!important;border-radius:34px!important;box-shadow:inset 0 0 52px #00170d66,0 0 0 1px #3b251650!important}
 main.gameScreen.yuzbirGame .yuzbirMeldBoard{border:1px solid #e2c56d!important;border-radius:20px!important;background:linear-gradient(145deg,#092b21f2,#061d17f2)!important;box-shadow:inset 0 0 0 2px #e8d07b26,inset 0 12px 32px #ffffff07,0 16px 36px #00100899!important}
 main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{color:#f2d98d!important;letter-spacing:.09em!important}
 main.gameScreen.yuzbirGame .seat .playerCard,main.gameScreen.yuzbirGame .seat .playerName,main.gameScreen.yuzbirGame .seat .yuzbirSeatCard{border:1px solid #c2a454!important;background:linear-gradient(145deg,#17392b,#071810)!important;color:#fff1c8!important;box-shadow:inset 0 1px #fff2,0 8px 20px #0009!important}
 main.gameScreen.yuzbirGame .seat.turn .playerCard,main.gameScreen.yuzbirGame .seat.turn .playerName,main.gameScreen.yuzbirGame .seat.turn .yuzbirSeatCard{border-color:#ffe18a!important;box-shadow:0 0 0 2px #e8c96b35,0 0 26px #dfb94f55,0 8px 20px #0009!important}
 main.gameScreen.yuzbirGame .rackArea{border:4px solid #442819!important;border-radius:24px!important;background:linear-gradient(135deg,#8a572d 0,#694022 30%,#462718 100%)!important;box-shadow:inset 0 0 0 2px #e5c56a,inset 0 0 0 5px #59361d,inset 0 0 30px #160b06aa,0 16px 36px #000b!important}
 main.gameScreen.yuzbirGame .tileRackGrid{border:1px solid #d4ab55!important;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 54px),linear-gradient(180deg,#70462b,#42271a)!important;box-shadow:inset 0 2px 14px #160a06bb,0 1px #fff2!important}
 main.gameScreen.yuzbirGame .tileRackGrid .rackSlot{background:#170d0833!important;box-shadow:inset 0 0 0 1px #f0d48a0c!important}
 main.gameScreen.yuzbirGame .centerDeck{filter:drop-shadow(0 8px 12px #000b)!important}
 main.gameScreen.yuzbirGame .indicatorPanel{border:1px solid #e0bf61!important;background:linear-gradient(145deg,#3b291a,#17110c)!important;box-shadow:inset 0 0 0 2px #fff1,0 10px 22px #000a!important}
 main.gameScreen.yuzbirGame .meldTurnArrow,main.gameScreen.yuzbirGame .turnTimeMarker{border-color:#e1c56e!important;background:linear-gradient(145deg,#24563f,#0b261b)!important;box-shadow:0 8px 24px #0009,0 0 0 2px #e4c86a20!important}
}

@media (min-width:1000px){
 main.gameScreen.yuzbirGame .desktopSocialToggle{z-index:190!important;position:absolute!important;top:72px!important;right:22px!important;width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border:1px solid #d2b15c!important;border-radius:13px!important;background:linear-gradient(145deg,#1a3e2e,#091a12)!important;color:#f4df9f!important;font-size:24px!important;font-weight:900!important;box-shadow:0 7px 18px #0009,inset 0 1px #fff2!important}
 main.gameScreen.yuzbirGame .desktopSocialToggle:hover{background:linear-gradient(145deg,#285a40,#10281c)!important;box-shadow:0 0 0 2px #e5c76b35,0 8px 22px #000a!important}
 main.gameScreen.yuzbirGame .tableStartCenter{z-index:22!important;filter:drop-shadow(0 12px 20px #0007)!important}
 main.gameScreen.yuzbirGame .tableStartCenter .roomStart{min-width:205px!important;min-height:64px!important;border:2px solid #f5df91!important;border-radius:18px!important;background:linear-gradient(180deg,#f3d77c,#bd8b37)!important;color:#241a08!important;font-size:20px!important;font-weight:950!important;box-shadow:inset 0 2px #fff8,0 8px 20px #0008!important}
 main.gameScreen.yuzbirGame .tableStartCenter small{display:inline-block!important;margin-top:10px!important;padding:9px 16px!important;border:1px solid #d1b15a!important;border-radius:999px!important;background:#081a13eF!important;color:#f2e3b1!important;font-size:13px!important;box-shadow:0 5px 14px #0007!important}
 main.gameScreen.yuzbirGame .seat .yuzbirSeatAvatar{border:1px solid #f0d275!important;background:linear-gradient(145deg,#d8ad50,#785022)!important;color:#171108!important}
 main.gameScreen.yuzbirGame .seat b{color:#fff0c6!important;text-shadow:0 1px 4px #000!important}
}

@media (min-width:1000px){
 main.gameScreen.yuzbirGame .tableStartCenter .roomStart:disabled{border-color:#99824a!important;background:linear-gradient(180deg,#807449,#5b5635)!important;color:#f0e4b6!important;box-shadow:inset 0 1px #fff3,0 6px 14px #0007!important;cursor:not-allowed!important}
 main.gameScreen.yuzbirGame .tableStartCenter .roomStart:not(:disabled):hover{background:linear-gradient(180deg,#ffe99c,#d6a94f)!important;transform:translateY(-1px)!important}
}

@media (min-width:1000px){
 main.gameScreen.yuzbirGame .feltTable101{width:min(calc(100vw - 96px),1530px)!important;max-width:1530px!important;justify-self:center!important;margin-inline:auto!important}
 main.gameScreen.yuzbirGame .feltTable101:before,main.gameScreen.yuzbirGame .feltTable101:after{pointer-events:none!important}
 main.gameScreen.yuzbirGame .desktopSocialToggle{pointer-events:auto!important;touch-action:manipulation!important}
}

@media (min-width:1000px){
 main.gameScreen.yuzbirGame>.gameTableWrap{position:fixed!important;inset:58px 0 0 0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100vw!important;height:calc(100dvh - 58px)!important;max-width:none!important;margin:0!important}
}

@media (min-width:1000px){
 main.gameScreen.yuzbirGame .feltTable101{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;grid-row:1!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:min(1530px,calc(100vw - 96px))!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  justify-self:center!important;margin:0 auto!important;transform:none!important
 }
 main.gameScreen.yuzbirGame .rackArea{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;grid-row:2!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:min(1530px,calc(100vw - 96px))!important;max-width:100%!important;height:clamp(170px,22dvh,220px)!important;
  min-height:170px!important;max-height:220px!important;justify-self:center!important;margin:0!important;transform:none!important;overflow:visible!important;z-index:100!important
 }
 main.gameScreen.yuzbirGame .actionPanel{position:absolute!important;left:50%!important;right:auto!important;bottom:calc(clamp(170px,22dvh,220px) + 24px)!important;transform:translateX(-50%)!important;width:min(980px,calc(100% - 80px))!important;margin:0!important;z-index:70!important;pointer-events:auto!important}
 main.gameScreen.yuzbirGame .rackBoardShell{position:relative!important;inset:auto!important;width:100%!important;height:calc(100% - 42px)!important;margin:0!important}
}

/* Masaüstü sohbet rayı: yalnızca PC genişliğinde açılır ve masa alanı
   sohbet paneline yer bırakır. Telefon/tablet çekmecesi etkilenmez. */
@media (min-width:1180px){
 :root{--pc-social-width:clamp(320px,24vw,390px)}

 main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap{
  position:fixed!important;inset:58px 0 0 0!important;
  left:0!important;right:0!important;width:100vw!important;
  max-width:none!important;margin:0!important;transform:none!important;
 }
 main.gameScreen.yuzbirGame.socialCollapsed .feltTable101{
  width:min(1530px,calc(100vw - 96px))!important;
 }
 main.gameScreen.yuzbirGame.socialCollapsed .rackArea{
  width:min(1530px,calc(100vw - 96px))!important;
 }

 body:has(main.appShell.entertainmentLobby) main.appShell.entertainmentLobby{
  background:radial-gradient(ellipse at 50% -15%,#183b2f 0,#0b1914 48%,#070c0b 100%)!important;
 }

 main.gameScreen.yuzbirGame:not(.socialCollapsed)>.gameTableWrap{
  left:0!important;right:calc(var(--pc-social-width) + 20px)!important;
  width:calc(100vw - var(--pc-social-width) - 20px)!important;
  max-width:none!important;margin:0!important;padding-left:12px!important;padding-right:12px!important;
 }
 main.gameScreen.yuzbirGame:not(.socialCollapsed) .feltTable101,
 main.gameScreen.yuzbirGame:not(.socialCollapsed) .rackArea{
  width:min(1530px,calc(100% - 48px))!important;
 }

 main.gameScreen.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail{
  position:fixed!important;z-index:220!important;
  top:68px!important;right:10px!important;bottom:10px!important;
  width:var(--pc-social-width)!important;max-width:calc(100vw - 24px)!important;
  margin:0!important;display:block!important;overflow:hidden!important;
  border:1px solid #a88943!important;border-radius:16px!important;
  background:linear-gradient(160deg,#10271f,#091813)!important;
  box-shadow:0 16px 48px #000b,inset 0 0 0 2px #d0ae5630!important;
 }
 main.gameScreen.yuzbirGame .desktopSocialRail .chatPanel{
  display:flex!important;flex-direction:column!important;
  width:100%!important;height:100%!important;max-height:none!important;
  overflow:hidden!important;border:0!important;border-radius:15px!important;
  background:linear-gradient(155deg,#101b19,#0a1113)!important;
 }
 main.gameScreen.yuzbirGame .desktopSocialRail .chatMessages{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;
  overflow:auto!important;overscroll-behavior:contain!important;
 }
 main.gameScreen.yuzbirGame .desktopSocialRail .chatComposer{flex:0 0 auto!important;margin-top:auto!important}

 main.gameScreen.yuzbirGame .desktopSocialToggle{
  position:fixed!important;z-index:221!important;top:72px!important;
  right:calc(var(--pc-social-width) + 22px)!important;
  width:42px!important;min-width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
 }
 main.gameScreen.yuzbirGame .desktopSocialToggle.collapsed{
  right:12px!important;width:auto!important;min-width:92px!important;padding:0 12px!important;
 }
}

/* PC controls: larger hit targets and a taller, evenly fitted rack. */
@media (min-width:1000px){
 main.gameScreen.yuzbirGame .rackArea{
  height:clamp(184px,24dvh,236px)!important;min-height:184px!important;max-height:236px!important;
  padding:9px 12px 12px!important
 }
 main.gameScreen.yuzbirGame .rackHead{height:46px!important;min-height:46px!important;padding-bottom:6px!important;gap:12px!important}
 main.gameScreen.yuzbirGame .rackTools{gap:10px!important}
 main.gameScreen.yuzbirGame .rackTools button,
 main.gameScreen.yuzbirGame .rack101UnifiedActions button,
 main.gameScreen.yuzbirGame .actionPanel button{
  box-sizing:border-box!important;min-height:42px!important;height:42px!important;
  padding:8px 15px!important;font-size:14px!important;line-height:1.15!important;border-radius:10px!important
 }
 main.gameScreen.yuzbirGame .rackBoardShell{height:calc(100% - 54px)!important}
 main.gameScreen.yuzbirGame .tileRackGrid{gap:5px 4px!important;padding:8px!important}
 main.gameScreen.yuzbirGame .actionPanel{bottom:calc(clamp(184px,24dvh,236px) + 24px)!important}
}

/* Final PC fit: game table and rack are sibling sections under #root. */
@media (min-width:1000px){
 :root{--pc-rack-height:clamp(184px,30dvh,230px)}
 #root main.gameScreen.yuzbirGame{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  min-height:0!important;max-height:100dvh!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame>.gameTableWrap{
  position:fixed!important;top:58px!important;left:0!important;right:0!important;
  bottom:calc(var(--pc-rack-height) + 20px)!important;width:auto!important;height:auto!important;
  max-width:none!important;margin:0!important;padding:12px 18px!important;
  display:block!important;overflow:hidden!important;transform:none!important
 }
 #root main.gameScreen.yuzbirGame .feltTable101{
  box-sizing:border-box!important;position:absolute!important;inset:0 auto 0 50%!important;
  width:min(1530px,calc(100vw - 96px))!important;max-width:100%!important;height:auto!important;
  min-height:0!important;margin:0!important;transform:translateX(-50%)!important
 }
 #root main.gameScreen.yuzbirGame .rackArea,
 #root main.gameScreen.yuzbirGame.finishedHand .rackArea{
  box-sizing:border-box!important;position:fixed!important;left:50%!important;right:auto!important;
  top:auto!important;bottom:8px!important;z-index:160!important;transform:translateX(-50%)!important;
  width:min(1530px,calc(100vw - 48px))!important;height:var(--pc-rack-height)!important;
  min-height:0!important;max-height:var(--pc-rack-height)!important;margin:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .rackHead{flex:0 0 46px!important;height:46px!important;min-height:46px!important}
 #root main.gameScreen.yuzbirGame .rackHead>div:first-child{min-width:0!important;max-width:34%!important}
 #root main.gameScreen.yuzbirGame .rackHead>div:first-child span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 #root main.gameScreen.yuzbirGame .rackTools{flex:0 0 auto!important;min-width:max-content!important;gap:8px!important;margin-left:auto!important}
 #root main.gameScreen.yuzbirGame .rackTools button{
  flex:0 0 auto!important;min-width:104px!important;width:max-content!important;max-width:none!important;
  min-height:44px!important;height:44px!important;padding:8px 14px!important;
  font-size:15px!important;line-height:1.1!important;white-space:nowrap!important
 }
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions button,
 #root main.gameScreen.yuzbirGame .actionPanel button{
  min-width:104px!important;min-height:44px!important;height:44px!important;
  padding:8px 12px!important;font-size:15px!important;line-height:1.1!important;white-space:nowrap!important
 }
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{flex:0 0 auto!important;min-height:0!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell,
 #root main.gameScreen.yuzbirGame.finishedHand .rackBoardShell{
  position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;
  flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid{
  grid-template-columns:repeat(14,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:5px 4px!important;padding:8px!important
 }
}
@media (min-width:1180px){
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed)>.gameTableWrap{
  left:0!important;right:calc(var(--pc-social-width) + 20px)!important;width:auto!important
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed) .feltTable101{
  width:min(1530px,calc(100vw - var(--pc-social-width) - 68px))!important
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed) .rackArea{
  left:calc((100vw - var(--pc-social-width) - 20px)/2)!important;
  width:min(1530px,calc(100vw - var(--pc-social-width) - 68px))!important
 }
 #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea{
  left:50%!important;width:min(1530px,calc(100vw - 48px))!important
 }
}


/* Desktop repair v17: keep 101 controls in their own row above the tiles. */
@media (min-width:901px){
 :root{--pc-rack-height:clamp(210px,31dvh,252px)}
 #root main.gameScreen.yuzbirGame{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  min-height:0!important;max-height:100dvh!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame>.gameTableWrap{
  position:fixed!important;inset:58px 0 calc(var(--pc-rack-height) + 20px)!important;
  width:auto!important;max-width:none!important;height:auto!important;margin:0!important;
  padding:12px 18px!important;display:block!important;overflow:hidden!important;transform:none!important
 }
 #root main.gameScreen.yuzbirGame .feltTable101{
  position:absolute!important;inset:0 auto 0 50%!important;width:min(1530px,calc(100vw - 64px))!important;
  max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;transform:translateX(-50%)!important
 }
 #root main.gameScreen.yuzbirGame .rackArea,
 #root main.gameScreen.yuzbirGame.finishedHand .rackArea{
  box-sizing:border-box!important;position:fixed!important;left:50%!important;right:auto!important;
  top:auto!important;bottom:8px!important;z-index:160!important;transform:translateX(-50%)!important;
  width:min(1530px,calc(100vw - 40px))!important;height:var(--pc-rack-height)!important;
  min-height:0!important;max-height:var(--pc-rack-height)!important;margin:0!important;padding:8px 12px 10px!important;
  display:flex!important;flex-direction:column!important;gap:5px!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .rackHead{
  position:relative!important;inset:auto!important;flex:0 0 42px!important;width:100%!important;
  height:42px!important;min-height:42px!important;margin:0!important;padding:0 4px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;overflow:visible!important
 }
 #root main.gameScreen.yuzbirGame .rackHead>div:first-child{display:flex!important;min-width:0!important;max-width:30%!important}
 #root main.gameScreen.yuzbirGame .rackHead>div:first-child span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 #root main.gameScreen.yuzbirGame .rackTools{
  position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;
  width:auto!important;height:auto!important;min-width:max-content!important;margin:0 0 0 auto!important;gap:8px!important;overflow:visible!important
 }
 #root main.gameScreen.yuzbirGame .rackTools button{
  box-sizing:border-box!important;flex:0 0 auto!important;min-width:112px!important;width:auto!important;max-width:none!important;
  height:42px!important;min-height:42px!important;padding:7px 14px!important;font-size:14px!important;line-height:1.1!important;white-space:nowrap!important
 }
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;z-index:auto!important;
  flex:0 0 48px!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important
 }
 #root main.gameScreen.yuzbirGame .rack101Score{
  box-sizing:border-box!important;display:grid!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important;
  height:42px!important;padding:3px 6px!important;grid-template-columns:1fr!important;gap:0!important
 }
 #root main.gameScreen.yuzbirGame .rack101Score small{display:block!important;font-size:8px!important;white-space:nowrap!important}
 #root main.gameScreen.yuzbirGame .rack101Score strong{font-size:17px!important;line-height:1!important}
 #root main.gameScreen.yuzbirGame .rack101Score span{display:none!important}
 #root main.gameScreen.yuzbirGame .rack101Warning{display:none!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;display:grid!important;
  flex:1 1 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;
  width:auto!important;height:44px!important;min-width:0!important;max-height:44px!important;padding:0!important;gap:8px!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions button{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;
  padding:6px 10px!important;font-size:14px!important;line-height:1.1!important;white-space:nowrap!important
 }
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions .returnSideTile{grid-column:1/-1!important;height:26px!important;min-height:26px!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell,
 #root main.gameScreen.yuzbirGame.finishedHand .rackBoardShell{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;flex:1 1 0!important;
  width:100%!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid{
  grid-template-columns:repeat(14,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:4px 3px!important;padding:6px!important
 }
 #root main.gameScreen.yuzbirGame .actionPanel{bottom:calc(var(--pc-rack-height) + 24px)!important}
}
@media (min-width:1180px){
 #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap{
  right:0!important;width:100vw!important
 }
 #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .feltTable101{
  width:min(1530px,calc(100vw - 64px))!important
 }
 #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea{
  left:50%!important;width:min(1530px,calc(100vw - 40px))!important
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail)>.gameTableWrap{
  right:calc(var(--pc-social-width) + 20px)!important;width:auto!important
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101,
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea{
  width:min(1530px,calc(100vw - var(--pc-social-width) - 64px))!important
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea{
  left:calc((100vw - var(--pc-social-width) - 20px)/2)!important
 }
}


/* Desktop header repair v18: prevent the felt from bleeding through the top bar. */
@media (min-width:901px){
 #root main.gameScreen.yuzbirGame>.topbar{
  box-sizing:border-box!important;position:absolute!important;inset:0 0 auto 0!important;
  width:100%!important;height:58px!important;min-height:58px!important;max-height:58px!important;
  padding:6px 18px!important;display:flex!important;align-items:center!important;
  background:linear-gradient(180deg,#10271f 0%,#091510 100%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  opacity:1!important;filter:none!important;isolation:isolate!important
 }
 #root main.gameScreen.yuzbirGame>.gameTableWrap{top:58px!important}
}


/* Desktop fit v19: reclaim unused chat space and keep the full hand visible. */
@media (min-width:901px){
 :root{--pc-rack-height:clamp(238px,34dvh,280px)}
 #root main.gameScreen.yuzbirGame>.gameTableWrap{
  left:0!important;right:0!important;width:100vw!important;
  bottom:calc(var(--pc-rack-height) + 20px)!important;padding:12px 18px!important
 }
 #root main.gameScreen.yuzbirGame .feltTable101{width:min(1530px,calc(100vw - 64px))!important}
 #root main.gameScreen.yuzbirGame .rackArea,
 #root main.gameScreen.yuzbirGame.finishedHand .rackArea{
  left:50%!important;width:min(1530px,calc(100vw - 40px))!important;
  height:var(--pc-rack-height)!important;max-height:var(--pc-rack-height)!important
 }
 #root main.gameScreen.yuzbirGame .gameTableWrap>.devNote,
 #root main.gameScreen.yuzbirGame .gameTableWrap>.ghost.dangerGhost{display:none!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell,
 #root main.gameScreen.yuzbirGame.finishedHand .rackBoardShell{
  display:block!important;position:relative!important;inset:auto!important;
  flex:1 1 120px!important;width:100%!important;height:auto!important;min-height:120px!important;
  margin:0!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  grid-template-columns:repeat(14,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important
 }
}
@media (min-width:1180px){
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail)>.gameTableWrap{right:0!important;width:100vw!important}
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101{width:min(1530px,calc(100vw - 64px))!important}
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea{left:50%!important;width:min(1530px,calc(100vw - 40px))!important}
}


/* Desktop table spacing v20: separate the meld window, seats and draw deck. */
@media (min-width:901px){
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  top:19%!important;height:46%!important;left:18%!important;width:64%!important;
  scroll-behavior:smooth!important
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:has(.yuzbirMeldBoardEmpty){
  overflow:hidden!important;scrollbar-width:none!important
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:has(.yuzbirMeldBoardEmpty)::-webkit-scrollbar{display:none!important}
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .yuzbirMeldBoardEmpty{
  min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;margin:0!important;padding:18px!important
 }
 #root main.gameScreen.yuzbirGame .centerDeck{top:80%!important}
}


/* Desktop 101 empty state and turn timer v21. */
@media (min-width:901px){
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  top:15%!important;height:55%!important;left:18%!important;width:64%!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{
  flex:0 0 32px!important;height:32px!important;min-height:32px!important;margin:0!important
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:has(.yuzbirMeldBoardEmpty) .meldPanCanvas{
  box-sizing:border-box!important;display:flex!important;flex:1 1 0!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:stretch!important;width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;overflow:hidden!important
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:has(.yuzbirMeldBoardEmpty) .yuzbirMeldBoardEmpty{
  box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;width:100%!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:16px!important;
  align-items:center!important;justify-content:center!important
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldTurnArrow{display:flex!important}
 #root main.gameScreen.yuzbirGame .turnTimeMarker.yuzbirTurnMarker:not(:has(strong)){display:none!important}
 #root main.gameScreen.yuzbirGame .turnTimeMarker.yuzbirTurnMarker:has(strong){
  position:absolute!important;top:71%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;z-index:52!important;min-height:24px!important;padding:4px 8px!important
 }
 #root main.gameScreen.yuzbirGame .turnTimeMarker.yuzbirTurnMarker:has(strong) b,
 #root main.gameScreen.yuzbirGame .turnTimeMarker.yuzbirTurnMarker:has(strong)>span{display:none!important}
}


/* Desktop grouped rack v22: fitted tiles touch within each run/set; empty group slot separates melds. */
@media (min-width:901px){
 #root main.gameScreen .tileRackGrid{gap:4px 0!important}
 #root main.gameScreen .tileRackGrid .rackSlot>.imageTile.okeyTile{
  inset:2px 0!important;width:100%!important;height:calc(100% - 4px)!important;
  border-radius:3px!important
 }
 #root main.gameScreen .tileRackGrid .rackSlot>.imageTile.okeyTile img{object-fit:fill!important}
}


/* PC play controls v23: compact rack, touching tiles, and a smaller clear play surface. */
@media (min-width:901px){
 :root{--pc-rack-height:clamp(178px,25dvh,205px)}
 #root main.gameScreen .rackArea{
  width:min(1100px,calc(100vw - 72px))!important;height:var(--pc-rack-height)!important;
  min-height:0!important;max-height:var(--pc-rack-height)!important;padding:6px 10px 8px!important
 }
 #root main.gameScreen .rackHead{flex:0 0 36px!important;height:36px!important;min-height:36px!important}
 #root main.gameScreen .rack101ScoreBar{flex:0 0 38px!important;height:38px!important;min-height:38px!important;max-height:38px!important}
 #root main.gameScreen .rack101Score{height:34px!important;min-height:34px!important}
 #root main.gameScreen .rack101UnifiedActions{height:34px!important;max-height:34px!important}
 #root main.gameScreen .rackTools button,
 #root main.gameScreen .rack101UnifiedActions button{height:34px!important;min-height:34px!important;padding:5px 10px!important;font-size:13px!important}
 #root main.gameScreen .tileRackGrid{
  display:grid!important;grid-template-columns:repeat(14,38px)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  justify-content:center!important;align-content:stretch!important;gap:2px 0!important;padding:5px!important
 }
 #root main.gameScreen.duzGame .tileRackGrid{grid-template-columns:repeat(15,38px)!important}
 #root main.gameScreen .tileRackGrid .rackSlot{min-width:0!important;width:38px!important}
 #root main.gameScreen .tileRackGrid .rackSlot>.imageTile.okeyTile{
  inset:1px 0!important;width:100%!important;max-width:none!important;height:calc(100% - 2px)!important;
  max-height:none!important;margin:0!important;border-radius:3px!important
 }
 #root main.gameScreen.yuzbirGame>.gameTableWrap{bottom:calc(var(--pc-rack-height) + 14px)!important;padding:8px 12px!important}
 #root main.gameScreen.yuzbirGame .feltTable101{width:min(1240px,calc(100vw - 160px))!important}
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  z-index:2!important;top:17%!important;left:21%!important;width:58%!important;height:43%!important;
  overflow:hidden!important;pointer-events:auto!important
 }
 #root main.gameScreen.yuzbirGame .seat{z-index:22!important;pointer-events:auto!important}
 #root main.gameScreen.yuzbirGame .discardSpot{z-index:30!important;pointer-events:auto!important}
 #root main.gameScreen.yuzbirGame .centerDeck{z-index:34!important;pointer-events:auto!important}
 #root main.gameScreen.yuzbirGame .indicatorPanel{z-index:32!important;pointer-events:auto!important}
 #root main.gameScreen.yuzbirGame .yuzbirMeldGroup,
 #root main.gameScreen.yuzbirGame .yuzbirLayoffButton{pointer-events:auto!important}
}


/* PC interactions for both Okey modes. */
@media (min-width:901px){
 #root main.gameScreen.duzGame .gameTableWrap .feltTable{width:min(1240px,calc(100vw - 160px))!important;margin-left:auto!important;margin-right:auto!important}
 #root main.gameScreen.duzGame .seat{z-index:22!important;pointer-events:auto!important}
 #root main.gameScreen.duzGame .discardSpot{z-index:30!important;pointer-events:auto!important}
 #root main.gameScreen.duzGame .centerDeck{z-index:34!important;pointer-events:auto!important}
 #root main.gameScreen.duzGame .indicatorPanel{z-index:32!important;pointer-events:auto!important}
 #root main.gameScreen.duzGame .rackArea{z-index:50!important}
 #root main.gameScreen .tileRackGrid .rackSlot{touch-action:none!important}
 #root main.gameScreen .tileRackGrid .rackSlot>.imageTile.okeyTile{cursor:grab!important;user-select:none!important;-webkit-user-drag:element!important}
 #root main.gameScreen .tileRackGrid .rackSlot>.imageTile.okeyTile:active{cursor:grabbing!important}
 #root main.gameScreen .centerDeck.drawSource,#root main.gameScreen .discardSpot.drawSource{cursor:grab!important;user-select:none!important;-webkit-user-drag:element!important}
}


/* PC open area v25: give the 101 meld table room; compress the rack below it. */
@media (min-width:901px){
 :root{--pc-rack-height:clamp(170px,20dvh,190px)}
 #root main.gameScreen.yuzbirGame .rackArea,
 #root main.gameScreen.yuzbirGame.finishedHand .rackArea,
 #root main.gameScreen.duzGame .rackArea{
  width:min(1400px,calc(100vw - 240px))!important;height:var(--pc-rack-height)!important;
  min-height:0!important;max-height:var(--pc-rack-height)!important;padding:5px 8px 6px!important
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea{width:min(1400px,calc(100vw - 240px))!important}
 #root main.gameScreen.yuzbirGame .rackHead,
 #root main.gameScreen.duzGame .rackHead{flex:0 0 32px!important;height:32px!important;min-height:32px!important}
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{flex:0 0 34px!important;height:34px!important;min-height:34px!important;max-height:34px!important}
 #root main.gameScreen.yuzbirGame .rack101Score{height:30px!important;min-height:30px!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions{height:30px!important;max-height:30px!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions button,
 #root main.gameScreen.duzGame .rackTools button{height:30px!important;min-height:30px!important;padding:4px 8px!important;font-size:12px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid,
 #root main.gameScreen.duzGame .tileRackGrid{
  grid-template-columns:repeat(14,34px)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  justify-content:center!important;align-content:stretch!important;gap:1px 0!important;padding:3px!important
 }
 #root main.gameScreen.duzGame .tileRackGrid{grid-template-columns:repeat(15,34px)!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,
 #root main.gameScreen.duzGame .tileRackGrid .rackSlot{width:34px!important;min-width:34px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile,
 #root main.gameScreen.duzGame .tileRackGrid .rackSlot>.imageTile.okeyTile{
  inset:1px 0!important;width:100%!important;max-width:none!important;height:calc(100% - 2px)!important;
  max-height:none!important;margin:0!important;border-radius:3px!important
 }
 #root main.gameScreen.yuzbirGame>.gameTableWrap{bottom:calc(var(--pc-rack-height) + 10px)!important;padding:6px 10px!important}
 #root main.gameScreen.yuzbirGame .feltTable101,
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101,
 #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101{width:min(1600px,calc(100vw - 140px))!important}
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:8%!important;left:15%!important;width:70%!important;height:64%!important;z-index:2!important}
}

/* 2026-10-01: 101 PC rack fit. Tighten rack chrome so every tile row stays inside the rack. */
@media (min-width:901px){
 #root main.gameScreen.yuzbirGame .rackArea{padding:3px 8px 4px!important;gap:2px!important}
 #root main.gameScreen.yuzbirGame .rackHead{flex:0 0 26px!important;height:26px!important;min-height:26px!important;padding:0 3px!important}
 #root main.gameScreen.yuzbirGame .rackHead>div:first-child span{font-size:10px!important;line-height:1.1!important}
 #root main.gameScreen.yuzbirGame .rackTools{gap:6px!important}
 #root main.gameScreen.yuzbirGame .rackTools button{height:28px!important;min-height:28px!important;padding:3px 9px!important;font-size:12px!important}
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{flex:0 0 28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;gap:6px!important}
 #root main.gameScreen.yuzbirGame .rack101Score{height:26px!important;min-height:26px!important;padding:2px 5px!important}
 #root main.gameScreen.yuzbirGame .rack101Score strong{font-size:15px!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions{height:26px!important;max-height:26px!important;gap:6px!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions button{height:26px!important;min-height:26px!important;padding:3px 8px!important;font-size:12px!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid{grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:3px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot{min-height:0!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile{inset:1px 0!important;height:calc(100% - 2px)!important}
}


/* 2026-10-01: keep the redundant leave-table control out of the PC rack so both tile rows fit. */
@media (min-width:901px){
 #root main.gameScreen.yuzbirGame .rackArea>.dangerGhost{display:none!important}
 #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell{flex:1 1 0!important;min-height:82px!important;height:auto!important}
 #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell .tileRackGrid{overflow:hidden!important}
}


/* PC rack pass 2: reserve space for the desktop chat rail and give tiles usable size. */
@media (min-width:901px){
 :root{--pc-rack-height:clamp(195px,21dvh,220px)}
 #root main.gameScreen.yuzbirGame .rackArea,#root main.gameScreen.duzGame .rackArea{height:var(--pc-rack-height)!important;min-height:0!important;max-height:var(--pc-rack-height)!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid,#root main.gameScreen.duzGame .tileRackGrid{grid-template-columns:repeat(14,42px)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;justify-content:center!important;align-content:stretch!important;gap:0!important;padding:3px!important}
 #root main.gameScreen.duzGame .tileRackGrid{grid-template-columns:repeat(15,42px)!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,#root main.gameScreen.duzGame .tileRackGrid .rackSlot{width:42px!important;min-width:42px!important}
 #root main.gameScreen.yuzbirGame .rackArea>.dangerGhost,#root main.gameScreen.duzGame .rackArea>.dangerGhost{display:none!important}
}
@media (min-width:1180px){
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail)>.gameTableWrap{left:0!important;right:calc(var(--pc-social-width) + 20px)!important;width:auto!important}
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea{left:calc((100vw - var(--pc-social-width) - 20px)/2)!important;width:min(1400px,calc(100vw - var(--pc-social-width) - 68px))!important}
}


/* PC rack pass 3: start each hand at the left edge and scale tile width with the screen. */
@media (min-width:901px){
 #root main.gameScreen.yuzbirGame,#root main.gameScreen.duzGame{--pc-rack-tile-width:clamp(42px,2.8vw,50px)}
 #root main.gameScreen.yuzbirGame .tileRackGrid,#root main.gameScreen.duzGame .tileRackGrid{grid-template-columns:repeat(14,var(--pc-rack-tile-width))!important;justify-content:start!important}
 #root main.gameScreen.duzGame .tileRackGrid{grid-template-columns:repeat(15,var(--pc-rack-tile-width))!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,#root main.gameScreen.duzGame .tileRackGrid .rackSlot{width:var(--pc-rack-tile-width)!important;min-width:var(--pc-rack-tile-width)!important}
}


/* PC chat rail pass 1: use the empty right column while preserving a fitted playing surface. */
@media (min-width:1180px){
 :root{--pc-social-width:clamp(380px,26vw,480px)}
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail)>.gameTableWrap{left:0!important;right:calc(var(--pc-social-width) + 20px)!important;width:auto!important}
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101{width:min(1530px,calc(100vw - var(--pc-social-width) - 68px))!important}
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea{left:calc((100vw - var(--pc-social-width) - 20px)/2)!important;width:min(1400px,calc(100vw - var(--pc-social-width) - 68px))!important}
 #root main.gameScreen.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail{right:10px!important;width:var(--pc-social-width)!important}
}


/* SOURCE: pc-lobby-social-20261001.css */
/* PC lobby: tables + chat + online users visible together. Mobile untouched. */
@media (min-width:1000px){
 #root main.entertainmentLobby{
  --lobby-gap:14px;
  --lobby-people:260px;
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% -20%,#173c30 0,#0a1914 48%,#060c0a 100%)!important;
 }
 #root main.entertainmentLobby>.topbar.lobbyTopbar{
  box-sizing:border-box!important;
  height:64px!important;
  min-height:64px!important;
  padding:0 20px!important;
  position:relative!important;
  z-index:50!important;
 }
 #root main.entertainmentLobby .lobbyTopbar .brand.small{
  font-size:25px!important;
  flex:0 0 auto!important;
 }
 #root main.entertainmentLobby .lobbyTopCenter{
  font-size:13px!important;
  gap:12px!important;
 }
 #root main.entertainmentLobby .topbarRight{
  gap:8px!important;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1920px!important;
  height:calc(100dvh - 64px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:14px 16px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(470px,1.15fr) minmax(430px,.95fr) var(--lobby-people)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:var(--lobby-gap)!important;
  align-items:stretch!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{
  grid-template-columns:minmax(430px,1fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby>.tablesArea{
  display:none!important;
 }
 #root main.entertainmentLobby .tablesArea.lobbyCenterStage{
  grid-area:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:16px!important;
 }
 #root main.entertainmentLobby .lobbyTablesBar{
  min-height:64px!important;
  padding:10px 13px!important;
  gap:10px!important;
  position:sticky!important;
  top:0!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle h2{
  font-size:20px!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle small{
  font-size:11px!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle .liveDot{
  font-size:10px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions{
  gap:6px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions button{
  min-height:36px!important;
  padding:0 11px!important;
  font-size:11px!important;
  border-radius:9px!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:12px!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  min-height:0!important;
  padding:13px!important;
  border-radius:14px!important;
 }
 #root main.entertainmentLobby .funTableCard h3{
  margin:8px 0 3px!important;
  font-size:17px!important;
  line-height:1.15!important;
 }
 #root main.entertainmentLobby .funTableCard>p{
  margin:0 0 7px!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .tablePlaying,
 #root main.entertainmentLobby .tableWaiting{
  font-size:9px!important;
  padding:5px 8px!important;
 }
 #root main.entertainmentLobby .tableBadge{
  font-size:10px!important;
 }
 #root main.entertainmentLobby .tableSeatVisual{
  gap:5px!important;
  margin:8px 0!important;
 }
 #root main.entertainmentLobby .seatBubble>span{
  width:36px!important;height:36px!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .seatBubble small{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .compactMeta{
  gap:4px!important;
  margin:7px 0!important;
 }
 #root main.entertainmentLobby .compactMeta span{
  min-height:24px!important;
  padding:3px 6px!important;
  font-size:9px!important;
 }
 #root main.entertainmentLobby .joinFun,
 #root main.entertainmentLobby .funTableCard>button{
  min-height:36px!important;
  font-size:11px!important;
  border-radius:9px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloor{
  grid-area:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:16px!important;
 }
 #root main.entertainmentLobby .lobbyChatMain{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .lobbyChatFloorHead{
  min-height:68px!important;
  padding:10px 12px!important;
 }
 #root main.entertainmentLobby .darkCommunityLive{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloorHead b{
  font-size:18px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloorHead small{
  font-size:10px!important;
 }
 #root main.entertainmentLobby .lobbyChatQuickActions{
  gap:5px!important;
 }
 #root main.entertainmentLobby .lobbyChatQuickActions button{
  min-height:36px!important;
  padding:4px 8px!important;
  font-size:10px!important;
 }
 #root main.entertainmentLobby .lobbySystemNotice{
  font-size:10px!important;
  padding:7px 10px!important;
 }
 #root main.entertainmentLobby .lobbyChatMain>.chatPanel{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatMessages{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
  padding:12px!important;
  font-size:13px!important;
  line-height:1.42!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatComposer,
 #root main.entertainmentLobby .lobbyChatMain .chatSend{
  flex:0 0 auto!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatSend{
  padding:10px!important;
  gap:7px!important;
  border-top:1px solid #26354e!important;
  background:#101827!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatSend input{
  height:42px!important;
  min-height:42px!important;
  font-size:13px!important;
  padding:0 12px!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .emojiButton,
 #root main.entertainmentLobby .lobbyChatMain .chatSend>button:last-child{
  height:42px!important;
  min-height:42px!important;
  font-size:12px!important;
 }
 #root main.entertainmentLobby .lobbyPeopleRail{
  grid-area:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  border:1px solid #9b7a36!important;
  border-radius:16px!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .onlineUsersHead{
  min-height:64px!important;
  padding:10px 12px!important;
 }
 #root main.entertainmentLobby .onlineUsersHead .eyebrow{font-size:8px!important}
 #root main.entertainmentLobby .onlineUsersHead h3{font-size:14px!important}
 #root main.entertainmentLobby .onlineCountBadge{font-size:11px!important}
 #root main.entertainmentLobby .onlineUserStats span{
  font-size:9px!important;
  padding:6px 4px!important;
 }
 #root main.entertainmentLobby .onlineUsersPanel input{
  min-height:36px!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .onlineUsersList{
  min-height:0!important;
  overflow:auto!important;
 }
 #root main.entertainmentLobby .onlineUserRow{
  min-height:42px!important;
  padding:7px 9px!important;
  font-size:11px!important;
 }
}
@media (min-width:1000px) and (max-width:1279px){
 #root main.entertainmentLobby{
  --lobby-people:220px;
  --lobby-gap:10px;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  padding:10px!important;
  grid-template-columns:minmax(390px,1.05fr) minmax(370px,.95fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
 }
}

/* PC lobby polish v2: remove table overflow and give chat more room. */
@media (min-width:1000px){
 #root main.entertainmentLobby{
  --lobby-people:270px;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  grid-template-columns:minmax(520px,.95fr) minmax(560px,1.1fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby .tablesArea.lobbyCenterStage{
  overflow-x:hidden!important;
  overflow-y:auto!important;
 }
 #root main.entertainmentLobby .lobbyTablesBar{
  min-width:0!important;
  flex-wrap:nowrap!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle{
  flex:0 1 auto!important;
  min-width:105px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions{
  flex:1 1 auto!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions button{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions .primary{
  width:auto!important;
  min-width:92px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions .collapseTables{
  width:auto!important;
  min-width:105px!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:max-content!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard>*{
  min-width:0!important;
  max-width:100%!important;
 }
 #root main.entertainmentLobby .tableSeatVisual{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
 }
 #root main.entertainmentLobby .seatBubble{
  min-width:0!important;
 }
 #root main.entertainmentLobby .compactMeta{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .compactMeta span{
  min-width:0!important;
  max-width:100%!important;
 }
 #root main.entertainmentLobby .funTableCard>button{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
 }
 #root main.entertainmentLobby .funTableCard>button+button{
  margin-top:6px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloor{
  min-width:0!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatPanel,
 #root main.entertainmentLobby .lobbyChatMain .richChat{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
 }
 #root main.entertainmentLobby .chatMessage{
  font-size:12px!important;
 }
 #root main.entertainmentLobby .chatMessage small,
 #root main.entertainmentLobby .chatMessage time{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .lobbyPeopleRail{
  min-width:250px!important;
 }
}
@media (min-width:1000px) and (max-width:1279px){
 #root main.entertainmentLobby{
  --lobby-people:230px;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  grid-template-columns:minmax(380px,.9fr) minmax(430px,1.1fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions .collapseTables{
  display:none!important;
 }
}

/* PC room-card v3: classic compact table preview. */
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr)!important;
  grid-template-rows:auto auto minmax(92px,auto) auto!important;
  column-gap:10px!important;
  row-gap:5px!important;
  min-height:190px!important;
  padding:10px!important;
  background:linear-gradient(145deg,#08713d,#075a31)!important;
  border:3px solid #0b3b27!important;
  border-radius:16px!important;
  box-shadow:inset 0 0 0 1px #ffffff14,0 8px 20px #0006!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard:before{
  display:none!important;
 }
 #root main.entertainmentLobby .funTableCard .tableCardTop{
  grid-column:1/-1!important;
  grid-row:1!important;
  min-width:0!important;
 }
 #root main.entertainmentLobby .funTableCard h3{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard>p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  text-align:right!important;
  color:#d8f1e5!important;
  font-size:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  grid-column:1!important;
  grid-row:3!important;
  align-self:stretch!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(42px,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding:8px!important;
  background:#07512f!important;
  border:1px solid #9c7a39!important;
  border-radius:12px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 6px!important;
  background:#0b6139!important;
  border:1px solid #16784a!important;
  border-radius:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble>span{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:10px!important;
  background:#4f35c8!important;
  border:1px solid #806af0!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble small{
  display:block!important;
  min-width:0!important;
  max-width:78px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta{
  grid-column:2!important;
  grid-row:3!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  margin:0!important;
  padding:8px 9px!important;
  background:#064a2b!important;
  border:1px solid #9c7a39!important;
  border-radius:12px!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta span{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:0!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard .joinFun{
  grid-column:1!important;
  grid-row:4!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  color:#201600!important;
  background:linear-gradient(180deg,#f4d76d,#c89520)!important;
  border:1px solid #f8e59a!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:950!important;
 }
 #root main.entertainmentLobby .funTableCard>button:last-child{
  grid-column:2!important;
  grid-row:4!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  border-radius:8px!important;
  font-size:10px!important;
 }
 #root main.entertainmentLobby .funTableCard .tableBadge{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .tablePlaying,
 #root main.entertainmentLobby .funTableCard .tableWaiting{
  font-size:8px!important;
 }
}
@media (min-width:1000px) and (max-width:1279px){
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr)!important;
 }
}

/* PC active-table lobby v4: feel like the normal lobby, not a separate limbo screen. */
@media (min-width:1000px){
 #root main.gameLobbyBrowse{
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% -20%,#173c30 0,#0a1914 48%,#060c0a 100%)!important;
 }
 #root main.gameLobbyBrowse>.gameLobbyTopbar{
  height:64px!important;
  min-height:64px!important;
  position:relative!important;
  top:auto!important;
  z-index:50!important;
  padding:0 20px!important;
 }
 #root main.gameLobbyBrowse .gameAwayStatus{
  min-width:190px!important;
  padding:5px 10px!important;
  border-color:#3b4658!important;
  background:#111923!important;
 }
 #root main.gameLobbyBrowse .returnTableButton{
  min-height:38px!important;
  padding:8px 14px!important;
  font-size:11px!important;
 }
 #root main.gameLobbyBrowse>.gameLobbyLayout{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1920px!important;
  height:calc(100dvh - 64px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:14px 16px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:14px!important;
  overflow:hidden!important;
 }
 #root main.gameLobbyBrowse .browseTablesArea{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
 }
 #root main.gameLobbyBrowse .browseHero{
  min-height:54px!important;
  margin:0 0 10px!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:12px!important;
  background:#111923!important;
  border:1px solid #2d3949!important;
  box-shadow:none!important;
 }
 #root main.gameLobbyBrowse .browseHero>div:first-child{
  display:none!important;
 }
 #root main.gameLobbyBrowse .browseGameCard{
  width:100%!important;
  min-width:0!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
 }
 #root main.gameLobbyBrowse .browseGameCard small{
  font-size:8px!important;
  white-space:nowrap!important;
 }
 #root main.gameLobbyBrowse .browseGameCard b{
  min-width:0!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.gameLobbyBrowse .browseGameCard span{
  font-size:10px!important;
  white-space:nowrap!important;
 }
 #root main.gameLobbyBrowse .sectionHead{
  min-height:48px!important;
  margin:0!important;
  padding:6px 2px!important;
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
 }
 #root main.gameLobbyBrowse .sectionHead .eyebrow{
  margin:0 0 2px!important;
  font-size:8px!important;
 }
 #root main.gameLobbyBrowse .sectionHead h2{
  margin:0!important;
  font-size:20px!important;
 }
 #root main.gameLobbyBrowse .filterBar{
  margin:0 0 10px!important;
  gap:6px!important;
 }
 #root main.gameLobbyBrowse .filterBar button{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:10px!important;
 }
 #root main.gameLobbyBrowse .browseChatArea{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  position:static!important;
  top:auto!important;
  display:grid!important;
  grid-template-rows:205px minmax(0,1fr)!important;
  gap:10px!important;
  overflow:hidden!important;
 }
 #root main.gameLobbyBrowse .browseChatArea>.onlineUsersPanel{
  min-height:0!important;
  max-height:none!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:14px!important;
 }
 #root main.gameLobbyBrowse .browseChatArea>.chatPanel{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  position:static!important;
  top:auto!important;
  overflow:hidden!important;
  border-radius:14px!important;
 }
 #root main.gameLobbyBrowse .browseChatArea .chatMessages{
  min-height:0!important;
  height:auto!important;
  flex:1 1 auto!important;
 }
 #root main.gameLobbyBrowse .browseExitActions{
  display:none!important;
 }
 #root main.gameLobbyBrowse .turnReturnBanner{
  display:none!important;
 }
}
/* PC active-table lobby v4 */
@media (min-width:1000px){
 #root main.gameLobbyBrowse{min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;background:radial-gradient(circle at 50% -20%,#173c30 0,#0a1914 48%,#060c0a 100%)!important}
 #root main.gameLobbyBrowse>.gameLobbyTopbar{height:64px!important;min-height:64px!important;position:relative!important;top:auto!important;z-index:50!important;padding:0 20px!important}
 #root main.gameLobbyBrowse .gameAwayStatus{min-width:190px!important;padding:5px 10px!important;border-color:#3b4658!important;background:#111923!important}
 #root main.gameLobbyBrowse .returnTableButton{min-height:38px!important;padding:8px 14px!important;font-size:11px!important}
 #root main.gameLobbyBrowse>.gameLobbyLayout{box-sizing:border-box!important;width:100%!important;max-width:1920px!important;height:calc(100dvh - 64px)!important;min-height:0!important;margin:0 auto!important;padding:14px 16px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:14px!important;overflow:hidden!important}
 #root main.gameLobbyBrowse .browseTablesArea{min-width:0!important;min-height:0!important;height:100%!important;overflow:auto!important;overscroll-behavior:contain!important}
}@media (min-width:1000px){
 #root main.gameLobbyBrowse .browseHero{min-height:54px!important;margin:0 0 10px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:12px!important;background:#111923!important;border:1px solid #2d3949!important;box-shadow:none!important}
 #root main.gameLobbyBrowse .browseHero>div:first-child{display:none!important}
 #root main.gameLobbyBrowse .browseGameCard{width:100%!important;min-width:0!important;padding:8px 11px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;border:0!important;background:transparent!important;border-radius:0!important}
 #root main.gameLobbyBrowse .browseGameCard small{font-size:8px!important;white-space:nowrap!important}
 #root main.gameLobbyBrowse .browseGameCard b{min-width:0!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 #root main.gameLobbyBrowse .browseGameCard span{font-size:10px!important;white-space:nowrap!important}
 #root main.gameLobbyBrowse .sectionHead{min-height:48px!important;margin:0!important;padding:6px 2px!important;display:flex!important;align-items:end!important;justify-content:space-between!important}
 #root main.gameLobbyBrowse .sectionHead .eyebrow{margin:0 0 2px!important;font-size:8px!important}
 #root main.gameLobbyBrowse .sectionHead h2{margin:0!important;font-size:20px!important}
 #root main.gameLobbyBrowse .filterBar{margin:0 0 10px!important;gap:6px!important}
 #root main.gameLobbyBrowse .filterBar button{min-height:34px!important;padding:0 12px!important;font-size:10px!important}
}@media (min-width:1000px){
 #root main.gameLobbyBrowse .browseChatArea{min-width:0!important;min-height:0!important;height:100%!important;position:static!important;top:auto!important;display:grid!important;grid-template-rows:205px minmax(0,1fr)!important;gap:10px!important;overflow:hidden!important}
 #root main.gameLobbyBrowse .browseChatArea>.onlineUsersPanel{min-height:0!important;max-height:none!important;height:100%!important;overflow:hidden!important;border-radius:14px!important}
 #root main.gameLobbyBrowse .browseChatArea>.chatPanel{min-height:0!important;height:100%!important;max-height:none!important;position:static!important;top:auto!important;overflow:hidden!important;border-radius:14px!important}
 #root main.gameLobbyBrowse .browseChatArea .chatMessages{min-height:0!important;height:auto!important;flex:1 1 auto!important}
 #root main.gameLobbyBrowse .browseExitActions{display:none!important}
 #root main.gameLobbyBrowse .turnReturnBanner{display:none!important}
}/* PC room-card v5: one full-width room per row in the lobby rail. */
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
  gap:10px!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr)!important;
  grid-template-rows:auto auto minmax(96px,auto) auto!important;
  min-height:200px!important;
 }
 #root main.entertainmentLobby .funTableCard h3{
  font-size:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard>p{
  font-size:11px!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,44px)!important;
  gap:7px!important;
  padding:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble small{
  max-width:none!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta{
  gap:5px!important;
  padding:9px 11px!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta span{
  font-size:11px!important;
  line-height:1.35!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .joinFun,
 #root main.entertainmentLobby .funTableCard>button:last-child{
  min-height:38px!important;
  height:38px!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard .joinFun{
  padding:0 10px!important;
 }
 #root main.entertainmentLobby .funTableCard>button:last-child{
  padding:0 10px!important;
 }
}/* PC room-card v6: compact height, no dead space. */
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:max-content!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  height:max-content!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  align-content:start!important;
  grid-template-rows:auto auto auto auto!important;
  padding:10px!important;
  row-gap:7px!important;
 }
 #root main.entertainmentLobby .funTableCard .tableCardTop{
  align-self:start!important;
 }
 #root main.entertainmentLobby .funTableCard h3,
 #root main.entertainmentLobby .funTableCard>p{
  align-self:center!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  min-height:96px!important;
  height:96px!important;
  max-height:96px!important;
  align-self:start!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta{
  min-height:96px!important;
  height:96px!important;
  max-height:96px!important;
  align-self:start!important;
  justify-content:center!important;
 }
 #root main.entertainmentLobby .funTableCard .joinFun,
 #root main.entertainmentLobby .funTableCard>button:last-child{
  align-self:start!important;
 }
}/* PC room-card v7: clear seat positions around the table, no overlaps. */
@media (min-width:1000px){
 #root main.entertainmentLobby article.tableCard.funTableCard{
  grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr)!important;
  grid-template-rows:auto auto auto auto!important;
  row-gap:6px!important;
 }
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  position:relative!important;
  display:grid!important;
  grid-template-columns:92px minmax(70px,1fr) 92px!important;
  grid-template-rows:44px 52px 44px!important;
  min-height:154px!important;
  height:154px!important;
  max-height:154px!important;
  gap:4px 8px!important;
  padding:7px!important;
  border-radius:14px!important;
  background:radial-gradient(circle at center,#0d8350 0,#08633b 58%,#064e31 100%)!important;
  border:2px solid #a48039!important;
 }
 #root main.entertainmentLobby .funTableCard .tableSeatVisual:after{
  content:"OKEY";
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:62px!important;
  height:42px!important;
  border-radius:10px!important;
  background:#0b3762!important;
  border:1px solid #3976a7!important;
  color:#d9ecff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 4px 12px #0005!important;
 }
}
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .seatBubble{
  position:static!important;
  min-width:0!important;
  width:100%!important;
  height:40px!important;
  padding:3px 5px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:9px!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(1){grid-column:2!important;grid-row:1!important}
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(2){grid-column:1!important;grid-row:2!important}
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(3){grid-column:2!important;grid-row:3!important}
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(4){grid-column:3!important;grid-row:2!important}
 #root main.entertainmentLobby .funTableCard .seatBubble>span{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  font-size:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble small{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  font-size:9px!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .compactMeta{
  min-height:154px!important;
  height:154px!important;
  max-height:154px!important;
  justify-content:center!important;
  gap:8px!important;
  padding:12px!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta span{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
 }
 #root main.entertainmentLobby .inlineMatchOption{
  gap:6px!important;
  align-content:start!important;
 }
 #root main.entertainmentLobby .inlineMatchOption .tableTimeSelect{
  margin-top:5px!important;
 }
}

/* SOURCE: pc-lobby-create-compact-20261001.css */
/* PC: masa aç penceresini küçült; başlığı görünür tut, mobil kurallarına dokunma. */
@media screen and (min-width:1025px) {
  #root main.entertainmentLobby .createPanelInline {
    width:min(840px,calc(100vw - 64px))!important;max-width:840px!important;
    max-height:min(520px,calc(100dvh - 110px))!important;
    inset:72px auto auto 50%!important;transform:translateX(-50%)!important;
    margin:0!important;padding:14px!important;
    overflow:auto!important;overscroll-behavior:contain!important;
  }
  #root main.entertainmentLobby .createPanelInline .createPanelHead h2 {font-size:23px!important;margin:0!important}
  #root main.entertainmentLobby .createPanelInline .createFormGrid {gap:8px!important;margin-top:8px!important}
  #root main.entertainmentLobby .createPanelInline .createFormGrid>label {font-size:11px!important}
  #root main.entertainmentLobby .createPanelInline .createFormGrid input,
  #root main.entertainmentLobby .createPanelInline .createFormGrid select {min-height:34px!important;padding:6px 8px!important;margin-top:4px!important}
  #root main.entertainmentLobby .createPanelInline .createFormGrid .gameChoices {margin-top:4px!important}
  #root main.entertainmentLobby .createPanelInline .createFormGrid .gameChoices button {min-height:34px!important;padding:6px 5px!important}
  #root main.entertainmentLobby .createPanelInline .tableThemePicker {margin-top:8px!important;padding:9px!important}
  #root main.entertainmentLobby .createPanelInline .tableThemePickerHead {margin-bottom:7px!important}
  #root main.entertainmentLobby .createPanelInline .tableThemeOptions {grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
  #root main.entertainmentLobby .createPanelInline .tableThemeOption {min-width:0!important;min-height:96px!important;padding:6px!important;gap:3px!important}
  #root main.entertainmentLobby .createPanelInline .themePreview {height:27px!important}
  #root main.entertainmentLobby .createPanelInline .tableThemeOption>b {font-size:10px!important}
  #root main.entertainmentLobby .createPanelInline .tableThemeOption>small {font-size:8px!important;line-height:1.15!important}
  #root main.entertainmentLobby .createPanelInline .tableThemeOption>em {font-size:8px!important}
  #root main.entertainmentLobby .createPanelInline .createChecks {gap:7px 12px!important;margin:8px 0!important}
  #root main.entertainmentLobby .createPanelInline .createNow {min-height:40px!important;margin-top:2px!important}
  #root main.entertainmentLobby .createPanelInline .adminStyleWorkshop summary {min-height:36px!important;font-size:10px!important}
}


/* SOURCE: responsive-game-layout-20261001.css */
/* Responsive desktop/tablet game layout. Mobile rules (<=700px) stay untouched. */
@media (min-width: 701px) {
  #root main.gameScreen { box-sizing: border-box; min-width: 0; }
  #root main.gameScreen .gameTableWrap,
  #root main.gameScreen .rackArea { min-width: 0; }
  #root main.gameScreen .feltTable,
  #root main.gameScreen .feltTable101 { max-width: 100%; }
}
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame,
  #root main.gameScreen.duzGame {
    --pc-rack-height: clamp(150px, 21dvh, 210px);
    --pc-rack-tile-width: clamp(30px, 2.6vw, 48px);
  }
  #root main.gameScreen.yuzbirGame .rackArea,
  #root main.gameScreen.duzGame .rackArea {
    box-sizing: border-box !important;
    width: min(1400px, calc(100vw - 40px)) !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid {
    grid-template-columns: repeat(14, minmax(0, var(--pc-rack-tile-width))) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    justify-content: start !important;
    max-width: 100% !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot {
    width: var(--pc-rack-tile-width) !important;
    min-width: 0 !important;
  }
}
@media (min-width: 1180px) {
  #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea {
    width: min(1400px, calc(100vw - var(--pc-social-width) - 48px)) !important;
    max-width: calc(100vw - var(--pc-social-width) - 48px) !important;
  }
  #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101 {
    width: min(1530px, calc(100vw - var(--pc-social-width) - 48px)) !important;
    max-width: calc(100vw - var(--pc-social-width) - 48px) !important;
  }
}
@media (min-width: 1000px) {
  #root main.gameScreen.duzGame .feltTable {
    height: clamp(280px, 45dvh, 430px) !important;
    min-height: 0 !important;
  }
  #root main.gameScreen.duzGame .rackArea {
    height: var(--pc-rack-height) !important;
    min-height: 0 !important;
    max-height: var(--pc-rack-height) !important;
  }
  #root main.gameScreen.duzGame .rackBoardShell {
    height: clamp(100px, 17dvh, 146px) !important;
    min-height: 0 !important;
  }
  #root main.gameScreen.duzGame .tileRackGrid {
    grid-template-columns: repeat(15, var(--pc-rack-tile-width)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    gap: 1px !important;
    justify-content: start !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.duzGame .tileRackGrid .rackSlot {
    width: var(--pc-rack-tile-width) !important;
    min-width: 0 !important;
  }
}
@media (min-width: 901px) and (max-height: 760px) {
  #root main.gameScreen.yuzbirGame,
  #root main.gameScreen.duzGame {
    --pc-rack-height: clamp(132px, 19dvh, 156px);
    --pc-rack-tile-width: clamp(30px, 2.4vw, 42px);
  }
  #root main.gameScreen.yuzbirGame .rackArea {
    bottom: 6px !important;
  }
  #root main.gameScreen.yuzbirGame > .gameTableWrap {
    bottom: calc(var(--pc-rack-height) + 12px) !important;
  }
}
@media (min-width: 1000px) and (max-height: 760px) {
  #root main.gameScreen.duzGame .feltTable {
    height: clamp(250px, 39dvh, 300px) !important;
  }
  #root main.gameScreen.duzGame .rackBoardShell {
    height: clamp(82px, 15dvh, 112px) !important;
  }
}
/* Keep both 101 rack rows inside the panel at laptop-height viewports. */
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame {
    --pc-rack-height: clamp(196px, 24dvh, 232px);
    --pc-rack-tile-width: clamp(28px, 2.3vw, 42px);
  }
  #root main.gameScreen.yuzbirGame .rackArea {
    height: var(--pc-rack-height) !important;
    min-height: 0 !important;
    max-height: var(--pc-rack-height) !important;
  }
  #root main.gameScreen.yuzbirGame .rackBoardShell {
    flex: 1 1 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid {
    height: 100% !important;
    min-height: 0 !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot > .imageTile.okeyTile {
    position: absolute !important;
    inset: 1px 0 !important;
    width: 100% !important;
    height: calc(100% - 2px) !important;
    min-height: 0 !important;
    max-height: 100% !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Use the freed desktop column when chat is collapsed; keep mobile layout untouched. */
@media (min-width: 1180px) {
  #root main.gameScreen.yuzbirGame.socialCollapsed > .gameTableWrap,
  #root main.gameScreen.duzGame.socialCollapsed > .gameTableWrap {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
  }
  #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
  #root main.gameScreen.duzGame.socialCollapsed .feltTable {
    width: min(1600px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
  #root main.gameScreen.duzGame.socialCollapsed .rackArea {
    left: 50% !important;
    width: min(1600px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    transform: translateX(-50%) !important;
  }
}
/* Keep the two hand rows fully inside the 101 rack on short desktop windows. */
@media (min-width: 901px) and (max-height: 760px) {
  #root main.gameScreen.yuzbirGame { --pc-rack-height: clamp(196px, 25dvh, 216px); }
}

/* Spread the hand across the desktop rack while keeping each tile fully inside its cell. */
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame .tileRackGrid,
  #root main.gameScreen.duzGame .tileRackGrid {
    grid-template-columns: repeat(14, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    column-gap: 1px !important;
  }
  #root main.gameScreen.duzGame .tileRackGrid { grid-template-columns: repeat(15, minmax(0, 1fr)) !important; }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,
  #root main.gameScreen.duzGame .tileRackGrid .rackSlot {
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot > .imageTile.okeyTile,
  #root main.gameScreen.duzGame .tileRackGrid .rackSlot > .imageTile.okeyTile {
    left: 50% !important;
    right: auto !important;
    width: min(100%, clamp(32px, 2.4vw, 42px)) !important;
    max-width: 100% !important;
    transform: translateX(-50%) !important;
  }
}

/* Put the current-turn arrow beside the active player's name, away from the discard target. */
@media (min-width: 701px) {
  #root main.gameScreen .seat.turn > b::before {
    content: "➜";
    display: inline-block;
    margin-right: 5px;
    color: #f5d66e;
    font-weight: 900;
  }
  #root main.gameScreen .turnTimeMarker { display: none !important; }
}
/* Bot on the right discards up and to its outside, away from the human rack. */
@media (min-width: 701px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3,
  #root main.gameScreen.duzGame .feltTable .discardSpot.discard-3 {
    top: 34% !important;
    right: 2% !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
  }
}

@media (min-width: 701px) {
  #root main.gameScreen .desktopLeaveTable {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid #a85a61;
    border-radius: 10px;
    background: #35191f;
    color: #ffd1d5;
    font-weight: 700;
    white-space: nowrap;
  }
}
@media (max-width: 700px) { #root main.gameScreen .desktopLeaveTable { display: none !important; } }

/* PC hand spacing pass: keep tiles compact and center a slightly narrower rack. */
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame,
  #root main.gameScreen.duzGame { --pc-rack-tile-width: clamp(36px, 2.2vw, 42px); }
  #root main.gameScreen.yuzbirGame .rackArea,
  #root main.gameScreen.duzGame .rackArea {
    width: min(1280px, calc(100vw - 96px)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid,
  #root main.gameScreen.duzGame .tileRackGrid {
    grid-template-columns: repeat(14, var(--pc-rack-tile-width)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    justify-content: center !important;
    align-content: stretch !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  #root main.gameScreen.duzGame .tileRackGrid { grid-template-columns: repeat(15, var(--pc-rack-tile-width)) !important; }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,
  #root main.gameScreen.duzGame .tileRackGrid .rackSlot {
    width: var(--pc-rack-tile-width) !important;
    min-width: var(--pc-rack-tile-width) !important;
    max-width: var(--pc-rack-tile-width) !important;
  }
}
@media (min-width: 1180px) {
  #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea {
    width: min(1280px, calc(100vw - var(--pc-social-width) - 80px)) !important;
    left: calc((100vw - var(--pc-social-width) - 20px) / 2) !important;
    max-width: calc(100vw - var(--pc-social-width) - 80px) !important;
    transform: translateX(-50%) !important;
  }
}

/* Align each desktop tile to its cell, reduce rack height slightly, and center the hand. */
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame,
  #root main.gameScreen.duzGame { --pc-rack-height: clamp(188px, 22dvh, 210px); }
  #root main.gameScreen.yuzbirGame .rackArea,
  #root main.gameScreen.duzGame .rackArea {
    height: var(--pc-rack-height) !important;
    min-height: 0 !important;
    max-height: var(--pc-rack-height) !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot,
  #root main.gameScreen.duzGame .tileRackGrid .rackSlot {
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot > .imageTile.okeyTile,
  #root main.gameScreen.duzGame .tileRackGrid .rackSlot > .imageTile.okeyTile {
    position: relative !important;
    inset: auto !important;
    width: var(--pc-rack-tile-width) !important;
    min-width: var(--pc-rack-tile-width) !important;
    max-width: var(--pc-rack-tile-width) !important;
    height: auto !important;
    aspect-ratio: 0.68 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* Wide desktop at high browser zoom can match the legacy landscape layout; restore a normal header. */
@media (min-width: 901px) and (orientation: landscape) and (max-height: 700px) {
  #root main.gameScreen.yuzbirGame > .topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 18px !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    pointer-events: none !important;
  }
  #root main.gameScreen.yuzbirGame > .topbar > .brand.small { display: block !important; flex: 0 0 auto !important; font-size: 20px !important; }
  #root main.gameScreen.yuzbirGame > .topbar > .topbarRight {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    height: 100% !important;
    margin-left: auto !important;
    position: relative !important;
  }
  #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .leaveTableButton { display: none !important; }
  #root main.gameScreen.yuzbirGame > .topbar .lobbyPeekButton,
  #root main.gameScreen.yuzbirGame > .topbar .desktopLeaveTable,
  #root main.gameScreen.yuzbirGame > .topbar .themeToggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    transform: none !important;
    font-size: 11px !important;
    pointer-events: auto !important;
    white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame > .topbar .themeToggle b { display: inline !important; }
}
/* The floating turn label covers the draw/discard target; the active seat name carries the arrow. */
@media (min-width: 901px) {
  #root main.gameScreen .gameTableWrap .centerDeck .turnTimeMarker,
  #root main.gameScreen.yuzbirGame .turnTimeMarker.yuzbirTurnMarker:has(strong),
  #root main.gameScreen.duzGame .turnTimeMarker.duzTurnMarker:has(strong) {
    display: none !important;
  }
}

/* v8 - Always expose explicit desktop table-exit action. */
@media (min-width:1000px){
 #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .leaveTableButton.leaveTableTextButton{
  display:inline-flex!important;
  pointer-events:auto!important;
  position:absolute!important;
  top:12%!important;
  right:13.5%!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:112px!important;
  max-width:150px!important;
  height:43%!important;
  min-height:34px!important;
  padding:0 12px!important;
  gap:7px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #b84f55!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#5d252b,#35171b)!important;
  color:#ffd9d6!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:124!important;
  box-shadow:0 3px 12px #0005!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableTextButton span,
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableTextButton b{
  display:inline!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
 }
}
/* v9 - clean desktop game header: one row, no overlapping controls. */
@media (min-width:1000px){
 #root main.gameScreen.yuzbirGame > .topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0 18px!important;
  pointer-events:none!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar > .brand.small{
  display:block!important;
  flex:0 0 auto!important;
  font-size:20px!important;
  pointer-events:auto!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar > .topbarRight{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:auto!important;
  height:100%!important;
  margin-left:auto!important;
  position:static!important;
  inset:auto!important;
  pointer-events:auto!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .tableQuickTools{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .tableQuickTools > *,
 #root main.gameScreen.yuzbirGame > .topbar .lobbyPeekButton,
 #root main.gameScreen.yuzbirGame > .topbar .themeToggle,
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableButton.leaveTableTextButton{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  height:38px!important;
  min-height:38px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  flex:0 0 auto!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .lobbyPeekButton{
  padding:0 14px!important;
  font-size:11px!important;
  color:#f2e8ff!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableButton.leaveTableTextButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:108px!important;
  padding:0 12px!important;
  background:linear-gradient(180deg,#6d282e,#42191e)!important;
  border:1px solid #cc6168!important;
  color:#ffe1df!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:none!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableTextButton span,
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableTextButton b{
  display:inline!important;
  color:inherit!important;
  font-size:11px!important;
  white-space:nowrap!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .themeToggle{
  padding:0 12px!important;
 }
}

/* Desktop 101: keep the status HUD out of the felt and remove the wide turn-help overlay. */
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame .gameInfoBar {
    position: fixed !important;
    top: 72px !important;
    left: 14px !important;
    z-index: 110 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    max-width: calc(100vw - var(--pc-social-width, 0px) - 28px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
    overflow: visible !important;
  }
  #root main.gameScreen.yuzbirGame .gameInfoBar > .stockBox,
  #root main.gameScreen.yuzbirGame .gameInfoBar > .turnBox:not(.timerBox) {
    display: none !important;
  }
  #root main.gameScreen.yuzbirGame .gameTableWrap > .actionPanel {
    display: none !important;
  }
}
/* PC 101 table refresh: wide meld area, seats around the felt, draw pile to the side. */
@media (min-width: 901px) {
  #root main.gameScreen.yuzbirGame { --pc-rack-height: clamp(218px, 25dvh, 258px); }
  #root main.gameScreen.yuzbirGame > .gameTableWrap {
    bottom: calc(var(--pc-rack-height) + 16px) !important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 {
    border-radius: 34px !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
    position: absolute !important;
    top: 15% !important;
    left: 13% !important;
    right: auto !important;
    bottom: auto !important;
    width: 74% !important;
    height: 59% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    padding: 0 82px 8px 10px !important;
    overflow: hidden !important;
    z-index: 12 !important;
    border: 2px solid #d4ac42 !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #082e25f5, #063f31eb) !important;
    box-shadow: 0 10px 25px #001b15a0, inset 0 0 0 1px #f7d8731c !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before {
    position: relative !important;
    flex: 0 0 34px !important;
    height: 34px !important;
    top: auto !important;
    margin: 0 -72px 5px -1px !important;
    padding: 7px 8px !important;
    font-size: 13px !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: auto !important;
    padding: 2px 0 !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldLane {
    flex: 1 0 auto !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border-radius: 11px !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldGroups {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 0 !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldGroup {
    flex: 0 0 auto !important;
    gap: 1px !important;
  }
  #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {
    width: 36px !important;
    min-width: 36px !important;
    height: 52px !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck {
    position: absolute !important;
    top: 46% !important;
    left: 88% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 45 !important;
    width: 90px !important;
    min-width: 90px !important;
    padding: 8px 5px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 15px !important;
    background: #06261ee8 !important;
    border: 1px solid #cfaa49 !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck .deckStack img {
    width: 58px !important;
    height: 82px !important;
    object-fit: contain !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck .deckStack b {
    display: block !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }
  #root main.gameScreen.yuzbirGame .centerDeck small {
    display: block !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  #root main.gameScreen.yuzbirGame .gameInfoBar {
    display: contents !important;
    position: static !important;
  }
  #root main.gameScreen.yuzbirGame .gameInfoBar > .indicatorPanel {
    position: fixed !important;
    left: 22px !important;
    bottom: calc(var(--pc-rack-height) + 22px) !important;
    z-index: 90 !important;
    width: 112px !important;
    min-width: 112px !important;
    grid-template-columns: 1fr !important;
    padding: 7px !important;
    pointer-events: none !important;
  }
  #root main.gameScreen.yuzbirGame .gameInfoBar > .indicatorPanel .okeyInfo {
    display: none !important;
  }
  #root main.gameScreen.yuzbirGame .gameInfoBar > .timerBox {
    position: fixed !important;
    left: 22px !important;
    top: 72px !important;
    z-index: 90 !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 42px !important;
    padding: 5px 9px !important;
    pointer-events: none !important;
  }
  #root main.gameScreen.yuzbirGame .seat {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 46px !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    z-index: 35 !important;
  }
  #root main.gameScreen.yuzbirGame .seat-2 {
    top: 1.5% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 220px !important;
    height: 54px !important;
    transform: translateX(-50%) !important;
  }
  #root main.gameScreen.yuzbirGame .seat-3 {
    top: 45% !important;
    left: 1.5% !important;
    right: auto !important;
    bottom: auto !important;
    width: 150px !important;
    height: 58px !important;
  }
  #root main.gameScreen.yuzbirGame .seat-1 {
    top: 45% !important;
    right: 1.5% !important;
    left: auto !important;
    bottom: auto !important;
    width: 150px !important;
    height: 58px !important;
  }
  #root main.gameScreen.yuzbirGame .seat-0 {
    top: auto !important;
    bottom: 1.5% !important;
    left: 50% !important;
    right: auto !important;
    width: 220px !important;
    height: 54px !important;
    transform: translateX(-50%) !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot {
    z-index: 50 !important;
    width: 52px !important;
    height: 74px !important;
    min-width: 52px !important;
    min-height: 74px !important;
    padding: 3px !important;
    transform: none !important;
  }
  #root main.gameScreen.yuzbirGame .discard-2 {
    top: 11% !important;
    left: 61% !important;
    right: auto !important;
    bottom: auto !important;
  }
  #root main.gameScreen.yuzbirGame .discard-3 {
    top: 48% !important;
    left: 13% !important;
    right: auto !important;
    bottom: auto !important;
  }
  #root main.gameScreen.yuzbirGame .discard-1 {
    top: 48% !important;
    right: 13% !important;
    left: auto !important;
    bottom: auto !important;
  }
  #root main.gameScreen.yuzbirGame .discard-0 {
    top: auto !important;
    bottom: 4% !important;
    left: 66% !important;
    right: auto !important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot .imageTile.okeyTile.compact {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
  }
  #root main.gameScreen.yuzbirGame {
    --pc-rack-tile-width: clamp(40px, calc((100vw - var(--pc-social-width, 0px) - 680px) / 18), 54px);
  }
  #root main.gameScreen.yuzbirGame .rackArea {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 7px !important;
    width: min(1600px, calc(100vw - var(--pc-social-width, 0px) - 44px)) !important;
    height: var(--pc-rack-height) !important;
    min-height: 0 !important;
    max-height: var(--pc-rack-height) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea {
    width: min(1600px, calc(100vw - 40px)) !important;
  }
  #root main.gameScreen.yuzbirGame .rackBoardShell {
    position: absolute !important;
    inset: 29% 10px 8px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(18, var(--pc-rack-tile-width)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    width: max-content !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: var(--pc-rack-tile-width) !important;
    min-width: var(--pc-rack-tile-width) !important;
    max-width: var(--pc-rack-tile-width) !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot > .imageTile.okeyTile {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: .68 !important;
    margin: 0 !important;
    transform: none !important;
  }
}


/* SOURCE: pc-101-spacious-20261001.css */
/* DARK OKEY PC 101 spacious table layout. Mobile untouched. */
@media (min-width:1000px){
 #root main.gameScreen.yuzbirGame{
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .gameTableWrap{
  position:absolute!important;
  inset:64px 0 0!important;
  width:100%!important;
  height:calc(100dvh - 64px)!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .feltTable101{
  position:absolute!important;
  inset:0 8px auto!important;
  width:calc(100% - 16px)!important;
  height:calc(100% - 258px)!important;
  min-height:470px!important;
  max-height:none!important;
  margin:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  position:absolute!important;
  left:15.5%!important;
  top:8%!important;
  width:69%!important;
  height:50%!important;
  min-height:0!important;
  max-height:none!important;
  padding:28px 12px 12px!important;
  overflow:auto!important;
  border-radius:16px!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{
  position:sticky!important;
  top:-28px!important;
  margin:-28px -12px 8px!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldLane{
  min-height:82px!important;
  margin-bottom:7px!important;
  padding:6px 8px!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldGroups{
  gap:6px!important;
 }
 #root main.gameScreen.yuzbirGame .centerLogo{
  display:block!important;
  inset:56% 0 auto!important;
  height:auto!important;
  font-size:34px!important;
  opacity:.22!important;
  pointer-events:none!important;
 }
 #root main.gameScreen.yuzbirGame .seat-2{
  position:absolute!important;
  top:1.5%!important;
  left:50%!important;
  width:170px!important;
  height:46px!important;
  transform:translateX(-50%)!important;
 }
 #root main.gameScreen.yuzbirGame .seat-1{
  position:absolute!important;
  top:35%!important;
  left:2.2%!important;
  width:145px!important;
  height:86px!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .seat-3{
  position:absolute!important;
  top:35%!important;
  right:2.2%!important;
  left:auto!important;
  width:145px!important;
  height:86px!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .seat-0{
  position:absolute!important;
  top:auto!important;
  bottom:2.4%!important;
  left:50%!important;
  width:200px!important;
  height:42px!important;
  transform:translateX(-50%)!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot{
  z-index:44!important;
  width:54px!important;
  height:70px!important;
  min-width:54px!important;
  min-height:70px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
 }
 #root main.gameScreen.yuzbirGame .discard-2{
  top:5%!important;
  left:60%!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .discard-1{
  top:52%!important;
  left:8.3%!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .discard-3{
  top:52%!important;
  right:8.3%!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .discard-0{
  top:auto!important;
  bottom:4.3%!important;
  left:61%!important;
  right:auto!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .indicatorPanel{
  position:absolute!important;
  left:17.5%!important;
  top:auto!important;
  bottom:3.5%!important;
  width:auto!important;
  height:72px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
 }
 #root main.gameScreen.yuzbirGame .indicatorPanel .okeyInfo{
  display:none!important;
 }
 #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo{
  width:auto!important;
 }
 #root main.gameScreen.yuzbirGame .centerDeck{
  position:absolute!important;
  left:auto!important;
  right:16.5%!important;
  top:18%!important;
  width:86px!important;
  height:118px!important;
  transform:none!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:6px!important;
  z-index:46!important;
 }
 #root main.gameScreen.yuzbirGame .rackArea{
  position:absolute!important;
  left:2%!important;
  right:2%!important;
  top:auto!important;
  bottom:8px!important;
  width:96%!important;
  height:238px!important;
  margin:0!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .rackHead{
  position:absolute!important;
  left:2.5%!important;
  right:2.5%!important;
  top:8px!important;
  height:48px!important;
  margin:0!important;
  z-index:84!important;
 }
 #root main.gameScreen.yuzbirGame .rackBoardShell{
  position:absolute!important;
  left:2.5%!important;
  right:2.5%!important;
  top:62px!important;
  bottom:10px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:repeat(18,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
  padding:7px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .rackSlot{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
 }
 #root main.gameScreen.yuzbirGame .rackSlot .imageTile.okeyTile:not(.compact){
  position:relative!important;
  inset:auto!important;
  width:min(48px,92%)!important;
  min-width:0!important;
  max-width:48px!important;
  height:auto!important;
  max-height:100%!important;
  aspect-ratio:.68!important;
  margin:0!important;
 }
}@media (min-width:1000px) and (max-height:820px){
 #root main.gameScreen.yuzbirGame .feltTable101{
  height:calc(100% - 232px)!important;
  min-height:410px!important;
 }
 #root main.gameScreen.yuzbirGame .rackArea{
  height:214px!important;
 }
 #root main.gameScreen.yuzbirGame .rackBoardShell{
  top:56px!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  top:7%!important;
  height:49%!important;
 }
}
/* v2 - force the spacious 101 layout to use the full desktop viewport. */
@media (min-width:1000px){
 html,body,#root{
  width:100%!important;
  max-width:none!important;
 }
 body:has(main.gameScreen.yuzbirGame){
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame{
  position:relative!important;
  inset:auto!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  zoom:1!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar{
  width:100vw!important;
  max-width:none!important;
  left:0!important;
  right:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .gameTableWrap{
  left:0!important;
  right:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .feltTable101{
  left:12px!important;
  right:12px!important;
  width:calc(100vw - 24px)!important;
  max-width:none!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .rackArea{
  left:2%!important;
  right:2%!important;
  width:96vw!important;
  max-width:none!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  left:14%!important;
  width:72%!important;
  max-width:none!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .desktopLeaveTable{
  display:none!important;
 }
 #root main.gameScreen.yuzbirGame > .topbar .leaveTableButton.leaveTableTextButton{
  display:inline-flex!important;
 }
}
/* v3 - neutralize legacy social-rail width reservations on desktop 101. */
@media (min-width:1000px){
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) > .gameTableWrap,
 #root main.gameScreen.yuzbirGame.socialCollapsed > .gameTableWrap,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) > .gameTableWrap{
  position:absolute!important;
  inset:64px 0 0 0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  height:calc(100dvh - 64px)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101,
 #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .feltTable101{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:0!important;
  width:calc(100vw - 24px)!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  justify-self:auto!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea,
 #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea{
  position:absolute!important;
  left:2vw!important;
  right:2vw!important;
  width:96vw!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .yuzbirMeldBoard,
 #root main.gameScreen.yuzbirGame.socialCollapsed .yuzbirMeldBoard,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .yuzbirMeldBoard{
  left:14%!important;
  width:72%!important;
  max-width:none!important;
 }
}/* v4: stable desktop geometry; reserve only the visible chat rail. */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame {
  --pc-rack-height:clamp(220px,23dvh,250px);
  --pc-social-reserve:0px;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) {
  --pc-social-reserve:400px;
 }
 #root main.gameScreen.yuzbirGame .gameTableWrap {
  position:fixed!important;
  inset:64px var(--pc-social-reserve) calc(var(--pc-rack-height) + 16px) 0!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .feltTable101 {
  position:absolute!important;
  inset:8px 12px 0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  position:absolute!important;
  left:12%!important;
  top:15%!important;
  width:74%!important;
  height:58%!important;
  min-height:0!important;
  max-height:none!important;
  padding:30px 12px 10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:24!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before {
  position:absolute!important;
  inset:0 0 auto!important;
  height:30px!important;
  margin:0!important;
  z-index:2!important;
 }
 #root main.gameScreen.yuzbirGame .meldPanCanvas {
  min-height:0!important;
  overflow:auto!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldLane {
  min-height:clamp(78px,9dvh,96px)!important;
  margin:4px 0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldGroups {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldGroup {
  display:flex!important;
  flex:0 0 auto!important;
  gap:1px!important;
 }
 #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {
  width:clamp(42px,2.6vw,48px)!important;
  min-width:clamp(42px,2.6vw,48px)!important;
  height:clamp(62px,3.8vw,72px)!important;
 }
 #root main.gameScreen.yuzbirGame .centerDeck {
  position:absolute!important;
  top:63%!important;
  left:91%!important;
  right:auto!important;
  bottom:auto!important;
  width:76px!important;
  min-width:76px!important;
  height:auto!important;
  padding:6px!important;
  transform:translate(-50%,-50%)!important;
  z-index:46!important;
 }
 #root main.gameScreen.yuzbirGame .centerDeck .deckStack img {
  width:48px!important;
  height:68px!important;
  object-fit:contain!important;
 }
 #root main.gameScreen.yuzbirGame .seat-2 {
  top:1%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:190px!important;
  height:52px!important;
  transform:translateX(-50%)!important;
 }
 #root main.gameScreen.yuzbirGame .seat-1 {
  top:43%!important;
  left:1.5%!important;
  right:auto!important;
  bottom:auto!important;
  width:150px!important;
  height:62px!important;
 }
 #root main.gameScreen.yuzbirGame .seat-3 {
  top:43%!important;
  left:auto!important;
  right:1.5%!important;
  bottom:auto!important;
  width:150px!important;
  height:62px!important;
 }
 #root main.gameScreen.yuzbirGame .seat-0 {
  top:auto!important;
  left:50%!important;
  right:auto!important;
  bottom:1%!important;
  width:190px!important;
  height:52px!important;
  transform:translateX(-50%)!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot {
  z-index:50!important;
  width:50px!important;
  min-width:50px!important;
  height:72px!important;
  min-height:72px!important;
  padding:2px!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .discard-2 {top:9%!important;left:64%!important;right:auto!important;bottom:auto!important}
 #root main.gameScreen.yuzbirGame .discard-1 {top:47%!important;left:13%!important;right:auto!important;bottom:auto!important}
 #root main.gameScreen.yuzbirGame .discard-3 {top:47%!important;left:auto!important;right:13%!important;bottom:auto!important}
 #root main.gameScreen.yuzbirGame .discard-0 {top:auto!important;left:67%!important;right:auto!important;bottom:3%!important}
 #root main.gameScreen.yuzbirGame .gameInfoBar {
  display:contents!important;
 }
 #root main.gameScreen.yuzbirGame .gameInfoBar>.indicatorPanel {
  position:fixed!important;
  left:14px!important;
  top:72px!important;
  bottom:auto!important;
  width:118px!important;
  min-width:118px!important;
  height:72px!important;
  min-height:72px!important;
  padding:5px!important;
  z-index:95!important;
 }
 #root main.gameScreen.yuzbirGame .gameInfoBar>.indicatorPanel .okeyInfo {
  display:none!important;
 }
 #root main.gameScreen.yuzbirGame .gameInfoBar>.timerBox {
  position:fixed!important;
  left:140px!important;
  top:78px!important;
  width:100px!important;
  min-width:100px!important;
  height:44px!important;
  min-height:44px!important;
  padding:5px 8px!important;
  z-index:95!important;
 }
 #root main.gameScreen.yuzbirGame .gameInfoBar>.stockBox,
 #root main.gameScreen.yuzbirGame .gameInfoBar>.turnBox:not(.timerBox),
 #root main.gameScreen.yuzbirGame .gameTableWrap>.actionPanel {
  display:none!important;
 }
 #root main.gameScreen.yuzbirGame .rackArea {
  position:fixed!important;
  left:12px!important;
  right:auto!important;
  bottom:8px!important;
  width:calc(100vw - var(--pc-social-reserve) - 24px)!important;
  height:var(--pc-rack-height)!important;
  min-height:0!important;
  max-height:var(--pc-rack-height)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:65!important;
 }
 #root main.gameScreen.yuzbirGame .rackHead {
  position:absolute!important;
  inset:6px 12px auto!important;
  height:46px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  z-index:85!important;
 }
 #root main.gameScreen.yuzbirGame .rackHead .rackTools {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  height:44px!important;
 }
 #root main.gameScreen.yuzbirGame .rackHead .rackTools button {
  min-width:140px!important;
  height:42px!important;
  padding:0 14px!important;
  font-size:14px!important;
 }
 #root main.gameScreen.yuzbirGame .rackBoardShell {
  position:absolute!important;
  inset:58px 12px 10px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid {
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:repeat(18,var(--pc-rack-tile-width))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:1px!important;
  width:max-content!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  justify-content:center!important;
  align-content:center!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame {
  --pc-rack-tile-width:clamp(42px,calc((100vw - var(--pc-social-reserve) - 600px)/18),52px);
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:var(--pc-rack-tile-width)!important;
  min-width:var(--pc-rack-tile-width)!important;
  max-width:var(--pc-rack-tile-width)!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:100%!important;
  aspect-ratio:.68!important;
  margin:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile.compact {
  transform:none!important;
 }
}
/* v5: the chat dock is a sibling of the game root, so reserve by state. */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame {--pc-social-reserve:400px!important}
 #root main.gameScreen.yuzbirGame.socialCollapsed {--pc-social-reserve:0px!important}
 #root main.gameScreen.yuzbirGame .rackHead>div:first-child {
  flex:1 1 220px!important;
  min-width:0!important;
  max-width:320px!important;
  overflow:hidden!important;
  font-size:13px!important;
  line-height:1.25!important;
 }
 #root main.gameScreen.yuzbirGame .rackHead .rackTools {
  flex:1 1 450px!important;
  min-width:0!important;
  justify-content:stretch!important;
 }
 #root main.gameScreen.yuzbirGame .rackHead .rackTools button {
  flex:1 1 0!important;
  min-width:125px!important;
  max-width:210px!important;
 }
 #root main.gameScreen.yuzbirGame .tileRackGrid {
  flex:0 0 auto!important;
 }
}/* v6: beat the legacy high-specificity chat-state selectors. */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail)>.gameTableWrap,
 #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {
  position:fixed!important;
  inset:64px var(--pc-social-reserve) calc(var(--pc-rack-height) + 16px) 0!important;
  left:0!important;
  right:var(--pc-social-reserve)!important;
  bottom:calc(var(--pc-rack-height) + 16px)!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101,
 #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .feltTable101 {
  inset:8px 12px 0!important;
  left:12px!important;
  right:12px!important;
  top:8px!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .rackArea,
 #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea {
  position:fixed!important;
  left:12px!important;
  right:auto!important;
  bottom:8px!important;
  width:calc(100vw - var(--pc-social-reserve) - 24px)!important;
  height:var(--pc-rack-height)!important;
  min-height:0!important;
  max-height:var(--pc-rack-height)!important;
  margin:0!important;
  transform:none!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .yuzbirMeldBoard,
 #root main.gameScreen.yuzbirGame.socialCollapsed .yuzbirMeldBoard,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .yuzbirMeldBoard {
  left:12%!important;
  top:15%!important;
  width:74%!important;
  height:58%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
 }
}
/* v7: clear legacy 100vw minimums that made the felt slide behind chat. */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail)>.gameTableWrap,
 #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
 }
 #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) .feltTable101,
 #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
 #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .feltTable101 {
  min-width:0!important;
  box-sizing:border-box!important;
 }
}/* v8: keep the 101 score/actions row separate from rack tools. */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame {--pc-rack-height:clamp(245px,26dvh,280px)!important}
 #root main.gameScreen.yuzbirGame .rackHead {
  inset:6px 12px auto!important;
  height:46px!important;
 }
 #root main.gameScreen.yuzbirGame .rack101ScoreBar {
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:58px!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  z-index:86!important;
 }
 #root main.gameScreen.yuzbirGame .rack101Score {
  flex:0 0 92px!important;
  width:92px!important;
  min-width:92px!important;
  height:38px!important;
  margin:0!important;
 }
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions {
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  gap:8px!important;
  height:42px!important;
  min-width:0!important;
  margin:0!important;
 }
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions button {
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  padding:0 8px!important;
  font-size:13px!important;
 }
 #root main.gameScreen.yuzbirGame .rackBoardShell {
  inset:108px 12px 10px!important;
 }
 #root main.gameScreen.yuzbirGame .discard-2 {
  top:3%!important;
  left:64%!important;
  right:auto!important;
 }
 #root main.gameScreen.yuzbirGame .discard-1 {
  top:56%!important;
  left:2%!important;
  right:auto!important;
 }
 #root main.gameScreen.yuzbirGame .discard-3 {
  top:56%!important;
  right:1%!important;
  left:auto!important;
 }
}/* v9: override finished-hand sizing and keep every discard beside its seat. */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell,
 #root main.gameScreen.yuzbirGame.finishedHand .rackArea .rackBoardShell {
  position:absolute!important;
  inset:auto 12px 10px!important;
  top:108px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
 }
 #root main.gameScreen.yuzbirGame .rackArea .rack101ScoreBar .rack101UnifiedActions,
 #root main.gameScreen.yuzbirGame.finishedHand .rackArea .rack101ScoreBar .rack101UnifiedActions {
  height:42px!important;
  min-height:42px!important;
  max-height:none!important;
  align-self:center!important;
 }
 #root main.gameScreen.yuzbirGame .rackArea .rack101ScoreBar .rack101UnifiedActions button {
  height:38px!important;
  min-height:38px!important;
  max-height:none!important;
 }
 #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-1 {
  top:56%!important;
  left:2%!important;
  right:auto!important;
  bottom:auto!important;
 }
 #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-2 {
  top:3%!important;
  left:64%!important;
  right:auto!important;
  bottom:auto!important;
 }
 #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3 {
  top:56%!important;
  left:auto!important;
  right:1%!important;
  bottom:auto!important;
 }
}

/* v10: desktop 101 cleanup from live screenshot */
@media (min-width:1000px) {
 #root main.gameScreen.yuzbirGame .topbarRight {
  position:absolute!important;
  left:126px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:hidden!important;
 }
 #root main.gameScreen.yuzbirGame .topbarRight .tableQuickTools {order:0!important;flex:0 0 auto!important}
 #root main.gameScreen.yuzbirGame .topbarRight .stats {order:1!important;flex:0 1 150px!important;min-width:90px!important;white-space:nowrap!important}
 #root main.gameScreen.yuzbirGame .topbarRight .leaveTableButton.leaveTableTextButton {
  order:10!important;position:static!important;inset:auto!important;flex:0 0 auto!important;
 }
 #root main.gameScreen.yuzbirGame .topbarRight .balancePills {order:2!important;flex:0 0 auto!important}
 #root main.gameScreen.yuzbirGame .topbarRight .membershipBadge {order:3!important;flex:0 0 auto!important}
 #root main.gameScreen.yuzbirGame .topbarRight .speedScaleControl {flex:0 1 120px!important;width:120px!important;min-width:104px!important;overflow:hidden!important}
 #root main.gameScreen.yuzbirGame .topbarRight .speedScaleControl:nth-of-type(1) {order:4!important}
 #root main.gameScreen.yuzbirGame .topbarRight .speedScaleControl:nth-of-type(2) {order:5!important}
 #root main.gameScreen.yuzbirGame .topbarRight .speedScaleControl button {min-width:16px!important;padding-inline:3px!important}
 #root main.gameScreen.yuzbirGame .topbarRight .soundToggle {order:6!important;flex:0 0 32px!important}
 #root main.gameScreen.yuzbirGame .topbarRight .lobbyPeekButton {order:8!important;flex:0 0 auto!important}
 #root main.gameScreen.yuzbirGame .topbarRight .themeToggle {order:9!important;flex:0 0 auto!important}
 #root main.gameScreen.yuzbirGame .gameModeStrip {display:none!important}
 #root main.gameScreen.yuzbirGame .gameInfoBar {display:none!important}
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  left:max(12%,160px)!important;
  right:max(12%,160px)!important;
  width:auto!important;
  box-sizing:border-box!important;
 }
 #root main.gameScreen.yuzbirGame .seat-2 {
  top:1.5%!important;left:50%!important;right:auto!important;
  width:240px!important;height:58px!important;
  box-sizing:border-box!important;padding:5px 8px!important;
  display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;
  grid-template-rows:22px 18px!important;gap:2px 7px!important;
  align-items:center!important;justify-items:stretch!important;
  transform:translateX(-50%)!important;
 }
 #root main.gameScreen.yuzbirGame .seat-2>.yuzbirSeatAvatar {grid-area:1/1!important;justify-self:center!important}
 #root main.gameScreen.yuzbirGame .seat-2>b {grid-area:1/2!important;white-space:nowrap!important;min-width:max-content!important;justify-self:start!important}
 #root main.gameScreen.yuzbirGame .seat-2>.botSeatRemove {
  grid-area:1/3!important;position:static!important;inset:auto!important;
  transform:none!important;width:auto!important;min-width:78px!important;
  height:22px!important;padding:0 6px!important;font-size:11px!important;
 }
 #root main.gameScreen.yuzbirGame .seat-2>span:not(.yuzbirSeatAvatar) {
  grid-area:2/2/3/4!important;white-space:nowrap!important;justify-self:start!important;
 }
 #root main.gameScreen.yuzbirGame .seat-1,
 #root main.gameScreen.yuzbirGame .seat-3 {
  top:36%!important;width:138px!important;height:80px!important;
  box-sizing:border-box!important;padding:6px!important;
  display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;
  grid-template-rows:23px 18px 24px!important;gap:2px 5px!important;
  align-items:center!important;justify-items:stretch!important;
 }
 #root main.gameScreen.yuzbirGame .seat-1 {left:1%!important;right:auto!important}
 #root main.gameScreen.yuzbirGame .seat-3 {right:1%!important;left:auto!important}
 #root main.gameScreen.yuzbirGame .seat-1>.yuzbirSeatAvatar,
 #root main.gameScreen.yuzbirGame .seat-3>.yuzbirSeatAvatar {grid-area:1/1!important;justify-self:center!important}
 #root main.gameScreen.yuzbirGame .seat-1>b,
 #root main.gameScreen.yuzbirGame .seat-3>b {grid-area:1/2!important;white-space:nowrap!important;min-width:max-content!important}
 #root main.gameScreen.yuzbirGame .seat-1>span:not(.yuzbirSeatAvatar),
 #root main.gameScreen.yuzbirGame .seat-3>span:not(.yuzbirSeatAvatar) {grid-area:2/1/3/3!important;white-space:nowrap!important;font-size:10px!important}
 #root main.gameScreen.yuzbirGame .seat-1>.botSeatRemove,
 #root main.gameScreen.yuzbirGame .seat-3>.botSeatRemove {
  grid-area:3/1/4/3!important;position:static!important;inset:auto!important;
  transform:none!important;justify-self:center!important;width:100%!important;
  min-width:0!important;height:23px!important;padding:0 4px!important;font-size:11px!important;
 }
 #root main.gameScreen.yuzbirGame .seat-0 {
  width:220px!important;height:54px!important;bottom:2%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;white-space:nowrap!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot {
  width:48px!important;height:70px!important;min-width:48px!important;min-height:70px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:2px!important;overflow:visible!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot>.imageTile {
  display:block!important;flex:0 0 auto!important;width:46px!important;min-width:46px!important;
  max-width:46px!important;height:68px!important;min-height:68px!important;
  max-height:68px!important;padding:0!important;aspect-ratio:.676!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot>.imageTile>img {
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:fill!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot>.discardOwner {
  position:absolute!important;top:-21px!important;left:50%!important;
  transform:translateX(-50%)!important;width:max-content!important;
  min-width:max-content!important;max-width:none!important;height:auto!important;
  white-space:nowrap!important;line-height:16px!important;overflow:visible!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot>.discardHistoryCount {
  position:absolute!important;top:auto!important;bottom:-18px!important;left:50%!important;
  transform:translateX(-50%)!important;width:max-content!important;white-space:nowrap!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot.discard-2 {
  top:3%!important;left:64%!important;right:auto!important;bottom:auto!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot.discard-1 {
  top:57%!important;left:1%!important;right:auto!important;bottom:auto!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot.discard-3 {
  top:57%!important;left:auto!important;right:1%!important;bottom:auto!important;
 }
 #root main.gameScreen.yuzbirGame .discardSpot.discard-0 {
  top:auto!important;left:61%!important;right:auto!important;bottom:3%!important;
 }
 #root main.gameScreen.yuzbirGame .centerDeck {
  left:80%!important;right:auto!important;top:63%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;z-index:46!important;
 }
 #root main.gameScreen.yuzbirGame .indicatorPanel {
  left:2%!important;top:2%!important;right:auto!important;bottom:auto!important;
  z-index:48!important;
 }
}

/* v11: override legacy topbar positioning and retain a clean desktop toolbar */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight {
  position:absolute!important;left:126px!important;right:12px!important;inset:0 12px 0 126px!important;
  width:auto!important;height:64px!important;min-width:0!important;max-width:none!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;overflow:hidden!important;transform:none!important;
 }
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .tableQuickTools {flex:0 0 auto!important;order:0!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .stats {flex:0 1 145px!important;min-width:90px!important;order:1!important;white-space:nowrap!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .balancePills {flex:0 0 auto!important;order:2!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .membershipBadge {flex:0 0 auto!important;order:3!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .speedScaleControl {flex:0 1 112px!important;width:112px!important;min-width:100px!important;order:4!important;overflow:hidden!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .speedScaleControl:nth-child(7) {order:5!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .soundToggle {position:static!important;flex:0 0 32px!important;order:6!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .lobbyPeekButton {flex:0 0 auto!important;order:8!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .themeToggle {flex:0 0 auto!important;order:9!important}
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .leaveTableButton.leaveTableTextButton {
  display:inline-flex!important;position:static!important;inset:auto!important;order:10!important;
  flex:0 0 auto!important;width:auto!important;min-width:112px!important;max-width:150px!important;
  height:38px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;
  transform:none!important;pointer-events:auto!important;
 }
}
@media (min-width:1000px) and (max-width:1500px) {
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .stats,
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .speedScaleControl {display:none!important}
}

/* v12: keep header quick actions in normal flow beside the brand */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small {
  position:relative!important;left:auto!important;right:auto!important;flex:0 0 98px!important;
  width:98px!important;min-width:98px!important;margin:0!important;opacity:1!important;z-index:2!important;
 }
 html body #root main.gameScreen.yuzbirGame > .topbar .topbarRight > .tableQuickTools {
  position:static!important;inset:auto!important;left:auto!important;right:auto!important;
  flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
  margin:0!important;transform:none!important;
 }
}

/* v13: restore the indicator on desktop without stacking duplicate status boxes */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame .gameInfoBar {
  display:block!important;position:absolute!important;left:12px!important;top:8px!important;
  right:auto!important;bottom:auto!important;width:240px!important;height:80px!important;
  min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel {
  position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;width:232px!important;height:74px!important;min-width:0!important;
  margin:0!important;padding:4px 8px!important;box-sizing:border-box!important;
  background:linear-gradient(145deg,#32231a,#120f0d)!important;
  border:1px solid rgba(238,196,94,.65)!important;border-radius:14px!important;
  box-shadow:0 5px 15px rgba(0,0,0,.24)!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .indicatorInfo,
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyInfo {
  display:flex!important;position:relative!important;align-items:center!important;
  justify-content:center!important;gap:4px!important;width:100px!important;
  min-width:100px!important;height:62px!important;margin:0!important;padding:3px 4px!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyInfo {display:flex!important}
 html body main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyTile {
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;
  aspect-ratio:.68!important;flex:0 0 38px!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar>.stockBox,
 html body #root main.gameScreen.yuzbirGame .gameInfoBar>.turnBox {display:none!important}
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small {color:#f4f4f0!important}
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small b,
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small span {color:#a86af7!important}
}

/* v14: one clear restart action and a single-line wordmark */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:3px!important;white-space:nowrap!important;line-height:1!important;
 }
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small b,
 html body #root main.gameScreen.yuzbirGame > .topbar > .brand.small span {
  display:inline!important;white-space:nowrap!important;line-height:1!important;
 }
 html body #root main.gameScreen.yuzbirGame.finishedHand .gameTableWrap>.postHandAction {
  display:none!important;
 }
}


/* SOURCE: spectator-live-20261001.css */
/* Live spectator table: actual board, recent discards and table chat. */
.darkSpectatorPanel{
 position:fixed;inset:5vh 3vw;z-index:20000;display:none;flex-direction:column;
 box-sizing:border-box;padding:14px;overflow:hidden;color:#f5f7fb;
 background:linear-gradient(145deg,#092d25,#071b1c 70%);border:2px solid #c9a64d;border-radius:20px;
 box-shadow:0 0 0 200vmax #020609c7,0 22px 70px #000b;font-family:inherit;
}
.darkSpectatorPanel .spectatorHeader{font-size:12px;color:#aebec0;padding:0 3px 8px}
.darkSpectatorPanel .spectatorTabs,.darkSpectatorPanel .spectatorCloseRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.darkSpectatorPanel .spectatorTabs{padding-bottom:8px;border-bottom:1px solid #b99c4c}
.darkSpectatorPanel .spectatorCloseRow{justify-content:flex-end;padding:8px 0}
.darkSpectatorPanel button{cursor:pointer;border:1px solid #b69b52;border-radius:10px;padding:9px 13px;color:#f5e7bc;background:#103d32;font:inherit;font-size:13px;font-weight:700}
.darkSpectatorPanel button.active{background:#653c9b;color:#fff;border-color:#c19bff}
.darkSpectatorPanel .spectatorExit{background:#49221f;border-color:#9c5c52}
.darkSpectatorPanel .spectatorContent{flex:1;min-height:0;overflow:auto}
.darkSpectatorPanel .spectatorLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:14px;min-height:100%;height:100%}
.darkSpectatorPanel .spectatorMain{display:flex;flex-direction:column;min-width:0;min-height:0}
.darkSpectatorPanel .spectatorTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px}
.darkSpectatorPanel .spectatorTitle h2{margin:0;font-size:20px}
.darkSpectatorPanel .spectatorStatus{font-size:11px;letter-spacing:.08em;color:#83e1b1;font-weight:900}
.darkSpectatorPanel .spectatorBoard{flex:1;min-height:420px;display:grid;grid-template-columns:minmax(125px,165px) minmax(180px,1fr) minmax(125px,165px);grid-template-rows:minmax(88px,auto) minmax(0,1fr) minmax(88px,auto);grid-template-areas:"top top top" "left center right" "bottom bottom bottom";gap:8px;padding:12px;border-radius:22px;border:7px solid #6d4728;box-shadow:inset 0 0 0 2px #c29a4b;background:radial-gradient(ellipse at 50% 46%,#08714c 0,#07563d 58%,#06372f 100%)}
.darkSpectatorPanel .spectatorSeat{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px 9px;border-radius:13px;border:1px solid #477b68;background:#071e1ce8}
.darkSpectatorPanel .spectatorSeat b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.darkSpectatorPanel .spectatorSeat small{font-size:10px;color:#b8ceca}
.darkSpectatorPanel .spectatorSeat.turn{outline:2px solid #aa72f7;box-shadow:0 0 15px #a06ae886}
.darkSpectatorPanel .spectatorSeat.top{grid-area:top;justify-self:center;width:min(80%,560px)}
.darkSpectatorPanel .spectatorSeat.bottom{grid-area:bottom;justify-self:center;width:min(80%,560px)}
.darkSpectatorPanel .spectatorSeat.left{grid-area:left}
.darkSpectatorPanel .spectatorSeat.right{grid-area:right}
.darkSpectatorPanel .spectatorDiscardTray{display:flex;align-items:center;gap:3px;min-height:36px;overflow:hidden}
.darkSpectatorPanel .spectatorDiscardTray>small{font-size:9px;color:#9ab4ae}
.darkSpectatorPanel .spectatorCenter{grid-area:center;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px;border:1px solid #b9a14e88;border-radius:16px;background:#06382ebd}
.darkSpectatorPanel .spectatorIndicators{display:flex;gap:12px;align-items:center}
.darkSpectatorPanel .spectatorIndicator{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #bfa753;border-radius:10px;background:#271d16a8}
.darkSpectatorPanel .spectatorIndicator>small{font-size:9px;font-weight:900;color:#ebdca7}
.darkSpectatorPanel .spectatorStock{display:flex;align-items:center;gap:8px;color:#ffedaa}
.darkSpectatorPanel .spectatorStock b{font-size:20px}
.darkSpectatorPanel .spectatorStock small{font-size:9px;color:#b9cbc5}
.darkSpectatorPanel .spectatorWall{display:block;width:33px;height:45px;border:1px solid #9b7c44;border-radius:3px;background:repeating-linear-gradient(0deg,#63472f 0 4px,#856342 4px 7px)}
.darkSpectatorPanel .spectatorMelds{width:100%;max-height:45%;overflow:auto;display:flex;flex-direction:column;gap:5px}
.darkSpectatorPanel .spectatorMeldRow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:5px;border-radius:8px;background:#071d1bcf}
.darkSpectatorPanel .spectatorMeldRow>b{font-size:10px;color:#c7a5ff}
.darkSpectatorPanel .spectatorMeld{display:flex;gap:2px;padding:2px;border:1px solid #bba25266;border-radius:6px}
.darkSpectatorPanel .spectatorTile{display:inline-flex;flex:none;width:34px;height:48px;align-items:center;justify-content:center}
.darkSpectatorPanel .spectatorTile img{display:block;width:100%;height:100%;object-fit:contain}
.darkSpectatorPanel .spectatorTile.small{width:25px;height:36px}
.darkSpectatorPanel .spectatorChat{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #9d8549;border-radius:15px;background:#0b171c}
.darkSpectatorPanel .spectatorChat h3{margin:0;padding:13px 14px;border-bottom:1px solid #343b45;font-size:16px;color:#eee0b6}
.darkSpectatorPanel .spectatorMessages{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.darkSpectatorPanel .spectatorMessage{padding:9px 10px;border-radius:11px;background:#222035;border:1px solid #443856}
.darkSpectatorPanel .spectatorMessage b{color:#b78cff;font-size:12px}
.darkSpectatorPanel .spectatorMessage time{float:right;color:#99a1ad;font-size:10px}
.darkSpectatorPanel .spectatorMessage p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.darkSpectatorPanel .spectatorNoMessages,.darkSpectatorPanel .spectatorLoading,.darkSpectatorPanel .spectatorError{padding:16px;color:#b7c3c0}
@media (max-width:900px){
 .darkSpectatorPanel{inset:6px;padding:9px;border-radius:14px}
 .darkSpectatorPanel .spectatorLayout{height:auto;grid-template-columns:1fr;grid-template-rows:minmax(380px,1fr) minmax(220px,35vh);gap:9px}
 .darkSpectatorPanel .spectatorBoard{min-height:360px;grid-template-columns:minmax(68px,20%) minmax(0,1fr) minmax(68px,20%);grid-template-rows:75px minmax(0,1fr) 75px;gap:4px;padding:7px;border-width:5px}
 .darkSpectatorPanel .spectatorSeat{padding:5px;gap:3px}
 .darkSpectatorPanel .spectatorSeat b{font-size:10px}
 .darkSpectatorPanel .spectatorSeat small{font-size:8px}
 .darkSpectatorPanel .spectatorTile{width:29px;height:41px}
 .darkSpectatorPanel .spectatorTile.small{width:20px;height:29px}
 .darkSpectatorPanel .spectatorDiscardTray{min-height:29px}
 .darkSpectatorPanel .spectatorTitle h2{font-size:16px}
 .darkSpectatorPanel .spectatorContent{overflow:auto}
}
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{grid-auto-rows:280px!important;grid-template-rows:none!important;align-content:start!important}
 #root main.entertainmentLobby article.tableCard.funTableCard{height:280px!important;min-height:280px!important;max-height:280px!important;aspect-ratio:auto!important;align-self:start!important;overflow:hidden!important}
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{min-height:125px!important;height:125px!important;max-height:125px!important}
 #root main.entertainmentLobby .funTableCard .compactMeta{min-height:125px!important;height:125px!important;max-height:125px!important}
}


/* SOURCE: game-layout-pc-20261001.css */
/* Short desktop viewport fit for 1366x768 PCs. Mobile/tablet rules stay untouched. */
@media (min-width:1000px) and (max-height:720px) {
 html body #root main.gameScreen.yuzbirGame {
  --pc-rack-height:clamp(174px,28dvh,198px)!important;
  overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap {
  position:fixed!important;inset:60px var(--pc-social-reserve) calc(var(--pc-rack-height) + 10px) 0!important;
  left:0!important;right:var(--pc-social-reserve)!important;bottom:calc(var(--pc-rack-height) + 10px)!important;
  width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .feltTable101 {
  position:absolute!important;inset:6px 10px 0!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;transform:none!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea {
  position:fixed!important;left:12px!important;right:auto!important;bottom:6px!important;
  width:calc(100vw - var(--pc-social-reserve) - 24px)!important;height:var(--pc-rack-height)!important;
  min-height:0!important;max-height:var(--pc-rack-height)!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:hidden!important;box-sizing:border-box!important;z-index:65!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackHead {
  inset:4px 10px auto!important;height:32px!important;min-height:0!important;gap:6px!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackHead>div:first-child {
  flex:1 1 130px!important;max-width:220px!important;font-size:11px!important;line-height:1.1!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackHead .rackTools {height:30px!important;gap:5px!important;flex:1 1 auto!important;}
 html body #root main.gameScreen.yuzbirGame .rackHead .rackTools button {
  min-width:0!important;height:30px!important;min-height:30px!important;padding:0 7px!important;font-size:11px!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101ScoreBar {
  top:39px!important;left:10px!important;right:10px!important;height:32px!important;min-height:32px!important;
  gap:5px!important;align-items:center!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101Score {
  flex:0 0 50px!important;width:50px!important;min-width:50px!important;height:30px!important;min-height:0!important;
  margin:0!important;padding:2px 4px!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101Score small,
 html body #root main.gameScreen.yuzbirGame .rack101Score span {display:none!important}
 html body #root main.gameScreen.yuzbirGame .rack101Score strong {font-size:15px!important;line-height:1!important}
 html body #root main.gameScreen.yuzbirGame .rack101UnifiedActions {
  height:30px!important;min-height:30px!important;gap:5px!important;align-self:center!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101UnifiedActions button {
  height:30px!important;min-height:30px!important;padding:0 6px!important;font-size:11px!important;white-space:nowrap!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell,
 html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea .rackBoardShell {
  inset:76px 10px 6px!important;top:76px!important;min-height:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .tileRackGrid {
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:1px!important;height:100%!important;min-height:0!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar {
  top:6px!important;height:60px!important;width:210px!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel {
  width:204px!important;height:56px!important;min-height:56px!important;padding:3px 6px!important;gap:5px!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .indicatorInfo,
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyInfo {
  width:88px!important;min-width:88px!important;height:48px!important;min-height:48px!important;padding:2px!important;
 }
 html body main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyTile {
  width:30px!important;min-width:30px!important;max-width:30px!important;height:44px!important;min-height:44px!important;
  max-height:44px!important;flex:0 0 30px!important;
 }
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner {
  position:fixed!important;top:66px!important;left:220px!important;right:calc(var(--pc-social-reserve) + 12px)!important;
  width:auto!important;max-width:460px!important;min-height:32px!important;padding:3px 8px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  box-sizing:border-box!important;z-index:100!important;
 }
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>div {min-width:0!important;}
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>div>b {font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;}
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>div>span {display:none!important;}
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>button {height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:10px!important;white-space:nowrap!important;}
}

/* PC responsive correction v2: Düz Okey + reclaim unused chat space in 101. */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame {--pc-social-reserve:0px!important;}
 html body #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) {--pc-social-reserve:400px!important;}
 html body #root main.gameScreen.duzGame {
  --pc-social-reserve:0px!important;
  --pc-rack-height:clamp(156px,25dvh,196px)!important;
  height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important;
 }
 html body #root main.gameScreen.duzGame:not(.socialCollapsed):has(.desktopSocialRail) {--pc-social-reserve:340px!important;}
 html body #root main.gameScreen.duzGame>.topbar {
  position:relative!important;z-index:180!important;height:58px!important;min-height:58px!important;
  max-height:58px!important;padding:5px 12px!important;flex-wrap:nowrap!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight {
  min-width:0!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:flex-end!important;
 }
 html body #root main.gameScreen.duzGame>.gameTableWrap {
  position:fixed!important;top:60px!important;left:0!important;right:var(--pc-social-reserve)!important;
  bottom:calc(var(--pc-rack-height) + 8px)!important;width:auto!important;height:auto!important;
  min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .gameInfoBar {
  position:absolute!important;left:12px!important;top:4px!important;right:auto!important;bottom:auto!important;
  display:block!important;width:210px!important;height:54px!important;min-height:0!important;margin:0!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;z-index:35!important;
 }
 html body #root main.gameScreen.duzGame .indicatorPanel {
  position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;
  width:204px!important;min-width:204px!important;height:52px!important;margin:0!important;padding:2px 5px!important;
  box-sizing:border-box!important;border:1px solid rgba(225,190,91,.55)!important;border-radius:12px!important;
  background:linear-gradient(145deg,#32231a,#120f0d)!important;box-shadow:0 4px 12px #0005!important;
 }
 html body #root main.gameScreen.duzGame .indicatorPanel .featured {
  width:90px!important;height:46px!important;grid-template-rows:10px 30px 8px!important;gap:0!important;
 }
 html body #root main.gameScreen.duzGame .indicatorPanel .featured>.imageTile {
  width:23px!important;min-width:23px!important;height:30px!important;min-height:30px!important;
 }
 html body #root main.gameScreen.duzGame .feltTable {
  position:absolute!important;left:12px!important;right:12px!important;top:58px!important;bottom:38px!important;
  width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
  border-radius:24px!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .actionPanel {
  position:absolute!important;left:12px!important;right:12px!important;bottom:3px!important;inset:auto 12px 3px!important;
  width:auto!important;height:30px!important;min-height:0!important;max-height:30px!important;
  margin:0!important;padding:4px 8px!important;overflow:hidden!important;font-size:11px!important;line-height:1.2!important;
 }
 html body #root main.gameScreen.duzGame .rackArea {
  position:fixed!important;left:12px!important;right:calc(var(--pc-social-reserve) + 12px)!important;bottom:6px!important;
  width:auto!important;height:var(--pc-rack-height)!important;min-height:0!important;max-height:var(--pc-rack-height)!important;
  margin:0!important;padding:3px 8px 5px!important;transform:none!important;overflow:hidden!important;
  box-sizing:border-box!important;z-index:70!important;
 }
 html body #root main.gameScreen.duzGame .rackHead {
  position:absolute!important;inset:3px 8px auto!important;height:30px!important;min-height:30px!important;
  margin:0!important;display:flex!important;align-items:center!important;gap:6px!important;z-index:85!important;
 }
 html body #root main.gameScreen.duzGame .rackHead>div:first-child {flex:1 1 auto!important;min-width:0!important;max-width:220px!important;font-size:11px!important;line-height:1.1!important;}
 html body #root main.gameScreen.duzGame .rackHead>div:first-child>span,
 html body #root main.gameScreen.duzGame .rackMode {display:none!important;}
 html body #root main.gameScreen.duzGame .rackTools {height:28px!important;gap:5px!important;min-width:0!important;}
 html body #root main.gameScreen.duzGame .rackTools button {
  height:28px!important;min-height:28px!important;min-width:0!important;padding:2px 8px!important;font-size:11px!important;white-space:nowrap!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .rackBoardShell {
  position:absolute!important;inset:37px 8px 5px!important;width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;display:block!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid {
  position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:1px!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;padding:2px!important;
  justify-content:center!important;align-content:stretch!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot {
  position:relative!important;display:grid!important;place-items:center!important;width:auto!important;min-width:0!important;
  height:100%!important;min-height:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile {
  position:relative!important;inset:auto!important;width:min(100%,44px)!important;min-width:0!important;max-width:44px!important;
  height:auto!important;min-height:0!important;max-height:100%!important;aspect-ratio:.68!important;margin:0!important;
  transform:none!important;translate:none!important;animation:none!important;
 }
 html body #root main.gameScreen.duzGame .gameChatDock.desktopSocialRail {
  position:fixed!important;top:64px!important;right:10px!important;bottom:10px!important;width:320px!important;
  max-width:calc(100vw - 20px)!important;z-index:220!important;
 }
}
@media (min-width:1000px) and (max-height:760px) {
 html body #root main.gameScreen.duzGame {--pc-rack-height:clamp(150px,25dvh,170px)!important;}
 html body #root main.gameScreen.duzGame .feltTable {top:54px!important;bottom:34px!important;}
 html body #root main.gameScreen.duzGame .actionPanel {height:26px!important;max-height:26px!important;}
 html body #root main.gameScreen.duzGame .rackArea .rackBoardShell {top:35px!important;}
}

/* v3: Firefox/Chrome 1366px layout. A closed/missing chat rail must not reserve a phantom 400px column. */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame.socialCollapsed,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) {--pc-social-reserve:0px!important;}
 html body #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {
  left:0!important;right:0!important;width:100vw!important;max-width:none!important;
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .feltTable101 {
  left:12px!important;right:12px!important;width:auto!important;max-width:none!important;
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea {
  left:12px!important;right:12px!important;width:auto!important;max-width:none!important;margin:0!important;
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .desktopSocialToggle,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .desktopSocialToggle {
  right:12px!important;
 }
}

/* v4: wider PC 101 meld area and true contiguous rack groups. Mobile rules are unchanged. */
@media (min-width:1000px) {
 html,body,#root { width:100%!important; max-width:none!important; }
 body:has(main.gameScreen.yuzbirGame) { overflow-x:hidden!important; }
 html body #root main.gameScreen.yuzbirGame { width:100vw!important; max-width:none!important; margin-left:0!important; margin-right:0!important; }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {
  left:0!important; right:0!important; width:100vw!important; max-width:none!important;
 }
 html body #root main.gameScreen.yuzbirGame .feltTable101 { left:12px!important; right:12px!important; width:auto!important; max-width:none!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  left:8%!important; right:auto!important; top:7%!important; width:84%!important; height:74%!important;
  max-width:none!important; min-height:0!important; padding-left:10px!important; padding-right:10px!important;
  overflow:auto!important; z-index:12!important;
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas { gap:4px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldLane { min-height:60px!important; padding:4px 6px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroups { gap:3px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup { gap:0!important; padding:1px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {
  width:34px!important; min-width:34px!important; height:49px!important;
 }
}

/* v5: reliable PC 101 layout for Windows scaling/zoom; stays off on phone widths. */
@media (min-width:900px) {
 html,body,#root {width:100%!important;max-width:none!important}
 html body #root main.gameScreen.yuzbirGame {width:100vw!important;max-width:none!important;margin:0!important;overflow-x:hidden!important}
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap {
  position:fixed!important;top:64px!important;left:0!important;right:var(--pc-social-reserve,0px)!important;
  bottom:calc(var(--pc-rack-height,220px) + 16px)!important;width:auto!important;max-width:none!important;
  min-width:0!important;margin:0!important;padding:0!important;transform:none!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {right:0!important;width:100vw!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 {
  position:absolute!important;left:12px!important;right:12px!important;top:8px!important;bottom:0!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;
  margin:0!important;transform:none!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  left:8%!important;right:auto!important;top:7%!important;width:84%!important;height:74%!important;
  max-width:none!important;max-height:none!important;min-height:0!important;overflow:auto!important
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas {gap:4px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldLane {min-height:60px!important;margin-bottom:0!important;padding:4px 6px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroups {gap:3px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup {gap:0!important;padding:1px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {width:34px!important;min-width:34px!important;height:49px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea {
  left:12px!important;right:auto!important;width:calc(100vw - var(--pc-social-reserve,0px) - 24px)!important;
  max-width:none!important;margin:0!important;transform:none!important
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea {width:calc(100vw - 24px)!important}
 html body #root main.gameScreen.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail {
  position:fixed!important;display:block!important;visibility:visible!important;top:78px!important;right:10px!important;
  bottom:10px!important;width:clamp(300px,28vw,390px)!important;max-width:calc(100vw - 24px)!important;
  z-index:400!important;overflow:hidden!important
 }
}

/* v6: PC 101 rack tiles fill adjacent cells with no visual gutters. */
@media (min-width:900px) {
 html body #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell {
  display:flex!important;justify-content:stretch!important;align-items:stretch!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {
  display:grid!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;
  grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;justify-content:stretch!important;align-content:stretch!important;padding:0!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot {
  display:grid!important;place-items:stretch!important;width:auto!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  display:block!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;
  max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
  aspect-ratio:auto!important;margin:0!important;transform:none!important;object-fit:fill!important;
 }
}

/* v7: matching PC rack treatment for Duz Okey + visible leave-table action. */
@media (min-width:900px) {
 html body #root main.gameScreen.duzGame .rackArea .rackBoardShell {
  display:flex!important;justify-content:center!important;align-items:stretch!important;width:100%!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid {
  display:grid!important;flex:0 1 auto!important;width:max-content!important;max-width:100%!important;
  grid-template-columns:repeat(15,48px)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;justify-content:center!important;align-content:stretch!important;padding:0!important;margin:0 auto!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot {
  display:grid!important;place-items:stretch!important;width:48px!important;min-width:48px!important;max-width:48px!important;
  height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  display:block!important;position:relative!important;inset:auto!important;width:48px!important;min-width:48px!important;
  max-width:48px!important;height:100%!important;min-height:0!important;max-height:100%!important;
  aspect-ratio:.68!important;margin:0!important;transform:none!important;object-fit:fill!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton {
  display:inline-flex!important;position:static!important;flex:0 0 auto!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;width:auto!important;min-width:104px!important;max-width:none!important;
  height:34px!important;min-height:34px!important;padding:5px 9px!important;font-size:10px!important;
  color:#ffd6d1!important;background:linear-gradient(#572a2e,#32191d)!important;
  border:1px solid #b55a5d!important;border-radius:9px!important;white-space:nowrap!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton span {
  display:inline-flex!important;font-size:14px!important;line-height:1!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton b {
  display:inline!important;font-size:10px!important;line-height:1!important;
 }
}

/* v8: 101 PC rack keeps real drop slots while compacting empty separators. */
@media (min-width:900px) {
 html body #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell {
  display:flex!important;justify-content:center!important;align-items:stretch!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {
  display:grid!important;flex:0 1 auto!important;width:max-content!important;max-width:100%!important;
  grid-template-columns:repeat(18,max-content)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;justify-content:center!important;align-content:stretch!important;padding:0!important;margin:0 auto!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot {
  display:grid!important;place-items:stretch!important;min-width:0!important;height:100%!important;
  min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied {width:44px!important;max-width:44px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty {width:14px!important;max-width:14px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  display:block!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;
  max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
  aspect-ratio:auto!important;margin:0!important;transform:none!important;object-fit:fill!important;
 }
}

/* v9: unique PC table-create entry; selected lobby game preselects and locks form mode. */
@media screen and (min-width:1025px) {
  main.entertainmentLobby .lobbyChatQuickActions button:nth-child(3),
  main.entertainmentLobby .lobbyChatQuickActions button:nth-child(4),
  main.entertainmentLobby .lobbyEmpty button { display:none!important; }

  main.entertainmentLobby .createPanelInline.okey101 .createFormGrid > label:nth-child(2),
  main.entertainmentLobby .createPanelInline.duz-okey .createFormGrid > label:nth-child(2) { display:none!important; }
}


/* v10: PC 101 seat content stays inside its card; bot controls use real grid rows. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .seat.seat-2 {
    top:2%!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:280px!important;height:62px!important;min-width:280px!important;max-width:280px!important;
    box-sizing:border-box!important;padding:5px 8px!important;
    display:grid!important;grid-template-columns:24px minmax(65px,1fr) auto!important;
    grid-template-rows:24px 18px!important;gap:2px 7px!important;
    align-items:center!important;justify-items:stretch!important;transform:translateX(-50%)!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-2>.yuzbirSeatAvatar {grid-area:1/1!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>b {grid-area:1/2!important;min-width:0!important;white-space:nowrap!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>span:not(.yuzbirSeatAvatar) {grid-area:2/2/3/4!important;position:static!important;white-space:nowrap!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>.botSeatRemove {
    grid-area:1/3!important;position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;justify-self:end!important;align-self:center!important;width:auto!important;min-width:78px!important;max-width:94px!important;
    height:22px!important;min-height:22px!important;margin:0!important;padding:0 6px!important;font-size:10px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1,
  #root main.gameScreen.yuzbirGame .seat.seat-3 {
    top:36%!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:80px!important;
    box-sizing:border-box!important;padding:6px!important;
    display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;
    grid-template-rows:22px 16px 23px!important;gap:2px 5px!important;
    align-items:center!important;justify-items:stretch!important;transform:none!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1 {left:1%!important;right:auto!important}
  #root main.gameScreen.yuzbirGame .seat.seat-3 {right:1%!important;left:auto!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>.yuzbirSeatAvatar,
  #root main.gameScreen.yuzbirGame .seat.seat-3>.yuzbirSeatAvatar {grid-area:1/1!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>b,
  #root main.gameScreen.yuzbirGame .seat.seat-3>b {grid-area:1/2!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>span:not(.yuzbirSeatAvatar),
  #root main.gameScreen.yuzbirGame .seat.seat-3>span:not(.yuzbirSeatAvatar) {grid-area:2/1/3/3!important;position:static!important;white-space:nowrap!important;font-size:10px!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>.botSeatRemove,
  #root main.gameScreen.yuzbirGame .seat.seat-3>.botSeatRemove {
    grid-area:3/1/4/3!important;position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;justify-self:center!important;align-self:center!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:23px!important;min-height:23px!important;margin:0!important;padding:0 4px!important;font-size:10px!important;
  }
}


/* v11: give the top PC seat three readable rows instead of compressing its controls. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .seat.seat-2 {
    width:280px!important;min-width:280px!important;max-width:280px!important;height:82px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-rows:23px 17px 22px!important;gap:2px 7px!important;
    align-content:center!important;padding:6px 8px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-2>.yuzbirSeatAvatar {grid-area:1/1!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>b {grid-area:1/2!important;justify-self:start!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>span:not(.yuzbirSeatAvatar) {
    grid-area:2/1/3/3!important;justify-self:center!important;font-size:10px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-2>.botSeatRemove {
    grid-area:3/1/4/3!important;justify-self:center!important;align-self:center!important;
    width:auto!important;min-width:108px!important;max-width:140px!important;height:22px!important;
  }
}


/* v12: show the wooden rack as a continuous surface, not a grid of empty boxes.
   Empty rack slots keep their hit area for drag/drop; only their decoration is removed. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {background:transparent!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty {
    background:transparent!important;background-image:none!important;border-color:transparent!important;
    outline:0!important;box-shadow:none!important;opacity:1!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty:before,
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty:after {
    display:none!important;content:none!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty.dropTarget {
    background:#f2d98225!important;border:1px dashed #f0d477b0!important;border-radius:5px!important;
    box-shadow:inset 0 0 0 1px #f0d47735!important;
  }
}


/* v13: visible 3px breathing room between adjacent rack tiles. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {column-gap:3px!important;row-gap:3px!important}
}


/* v14: target a true ~3px visible gap after accounting for transparent PNG margins.
   The tile button/slot remains the original size, so drag/drop hit targets do not expand. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    display:block!important;width:calc(100% + 10px)!important;max-width:none!important;height:100%!important;
    margin-left:-5px!important;object-fit:fill!important;pointer-events:none!important;
  }
}


/* v15: tighter visible rack spacing and a large, one-click PC discard target for 101. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    width:calc(100% + 13px)!important;max-width:none!important;height:100%!important;
    margin-left:-6.5px!important;object-fit:fill!important;pointer-events:none!important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0.myDiscardTarget.tapDiscardReady {
    z-index:120!important;left:60%!important;right:auto!important;bottom:2%!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    width:76px!important;min-width:76px!important;height:96px!important;min-height:96px!important;
    padding:4px!important;overflow:visible!important;box-sizing:border-box!important;
    background:linear-gradient(160deg,#123f34,#09251f)!important;border:2px solid #f2cb68!important;
    border-radius:12px!important;box-shadow:0 0 0 3px #f2cb6833,0 5px 16px #0008!important;cursor:pointer!important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0.myDiscardTarget.tapDiscardReady>.imageTile.okeyTile {
    position:absolute!important;top:4px!important;left:50%!important;transform:translateX(-50%)!important;
    width:48px!important;min-width:48px!important;height:68px!important;min-height:68px!important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0.myDiscardTarget.tapDiscardReady .tapDiscardHint {
    position:absolute!important;left:4px!important;right:4px!important;bottom:4px!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;
    height:24px!important;min-height:24px!important;padding:0 4px!important;background:#f0c65c!important;
    color:#17211c!important;border:0!important;border-radius:7px!important;font-size:12px!important;font-weight:900!important;
    line-height:1!important;white-space:nowrap!important;cursor:pointer!important;z-index:3!important;
  }
}


/* v16: compact vertical names in the left/right 101 PC seats. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .seat.seat-1,
  #root main.gameScreen.yuzbirGame .seat.seat-3 {
    width:104px!important;min-width:104px!important;max-width:104px!important;height:112px!important;
    grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:25px 42px 17px 22px!important;
    gap:2px 5px!important;padding:6px!important;align-content:center!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1>b,
  #root main.gameScreen.yuzbirGame .seat.seat-3>b {
    grid-area:1/2/3/3!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;
    justify-self:center!important;align-self:center!important;max-height:62px!important;overflow:hidden!important;
    font-size:12px!important;line-height:1!important;white-space:nowrap!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1>span:not(.yuzbirSeatAvatar),
  #root main.gameScreen.yuzbirGame .seat.seat-3>span:not(.yuzbirSeatAvatar) {grid-area:3/1/4/3!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>.botSeatRemove,
  #root main.gameScreen.yuzbirGame .seat.seat-3>.botSeatRemove {grid-area:4/1/5/3!important}
}


/* v17: bind side-name styling to the actual nested nickname component; tighten tile art further. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    width:calc(100% + 18px)!important;margin-left:-9px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1>b,
  #root main.gameScreen.yuzbirGame .seat.seat-3>b {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:58px!important;height:18px!important;max-width:none!important;max-height:none!important;
    writing-mode:horizontal-tb!important;transform:rotate(-90deg)!important;transform-origin:center!important;
    white-space:nowrap!important;overflow:visible!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1>b .styledName,
  #root main.gameScreen.yuzbirGame .seat.seat-3>b .styledName {
    display:inline-flex!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;
    font-size:11px!important;line-height:1!important;
  }
}

/* v18: visible draw focus ring on all game modes without changing rack layout. */
#root main.gameScreen .rackArea .tileRackGrid .rackSlot.lastDrawSlot {
  position:relative!important;z-index:35!important;outline:2px solid #c18cff!important;outline-offset:2px!important;
  border-radius:7px!important;animation:darkDrawFocus 1.25s ease-in-out infinite alternate!important;
}
#root main.gameScreen .rackArea .tileRackGrid .rackSlot.lastDrawSlot>.imageTile.okeyTile {
  filter:drop-shadow(0 0 5px #bd83ff)!important;
}
@keyframes darkDrawFocus {from{box-shadow:0 0 0 2px #b879ff55,0 0 8px #b879ff66}to{box-shadow:0 0 0 4px #d9b6ffbb,0 0 19px #bc7dffff}}

/* v19: PC 101 discard target at table lower-right; put all rack actions in one row. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-0.myDiscardTarget {
    left:auto!important;right:14px!important;top:auto!important;bottom:12px!important;transform:none!important;z-index:120!important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-0.myDiscardTarget.tapDiscardReady {left:auto!important;right:14px!important;bottom:12px!important}
  #root main.gameScreen.yuzbirGame .rackHead {top:4px!important;left:10px!important;right:10px!important;height:34px!important;min-height:34px!important}
  #root main.gameScreen.yuzbirGame .rackHead .rackTools {
    position:absolute!important;top:0!important;left:0!important;width:54%!important;height:32px!important;
    display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:5px!important;
  }
  #root main.gameScreen.yuzbirGame .rackHead .rackTools button {flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;font-size:11px!important}
  #root main.gameScreen.yuzbirGame .rack101ScoreBar {
    position:absolute!important;top:4px!important;left:56%!important;right:10px!important;width:auto!important;
    height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;display:flex!important;
    flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score {
    flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:30px!important;min-height:0!important;
    margin:0!important;padding:1px 3px!important;overflow:hidden!important;
  }
  #root main.gameScreen.yuzbirGame .rack101Score small,
  #root main.gameScreen.yuzbirGame .rack101Score span,
  #root main.gameScreen.yuzbirGame .rack101Warning {display:none!important}
  #root main.gameScreen.yuzbirGame .rack101Score strong {font-size:14px!important;line-height:1!important}
  #root main.gameScreen.yuzbirGame .rack101UnifiedActions {
    flex:1 1 auto!important;min-width:0!important;height:30px!important;min-height:30px!important;
    display:flex!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important;
  }
  #root main.gameScreen.yuzbirGame .rack101UnifiedActions button {
    flex:1 1 0!important;min-width:0!important;height:30px!important;min-height:30px!important;
    padding:0 5px!important;font-size:10px!important;white-space:nowrap!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell,
  #root main.gameScreen.yuzbirGame.finishedHand .rackArea .rackBoardShell {
    inset:43px 10px 6px!important;top:43px!important;min-height:0!important;overflow:hidden!important;
  }
}

/* v20: stronger rack-scoped override; align 101 arrange/open actions on one PC row. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead {position:absolute!important;top:4px!important;left:10px!important;right:10px!important;height:34px!important;min-height:34px!important}
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools {
    position:absolute!important;top:0!important;left:0!important;right:46%!important;width:auto!important;height:32px!important;
    display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:5px!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools button {flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;font-size:11px!important}
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>.rackMode {display:none!important}
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar {
    position:absolute!important;top:4px!important;left:55%!important;right:10px!important;width:auto!important;max-width:none!important;
    height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;display:flex!important;
    flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;z-index:90!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101Score {
    flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:30px!important;min-height:0!important;
    margin:0!important;padding:1px 3px!important;overflow:hidden!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101Score small,
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101Score span,
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101Warning {display:none!important}
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101Score strong {font-size:14px!important;line-height:1!important}
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions {
    flex:1 1 auto!important;min-width:0!important;height:30px!important;min-height:30px!important;
    display:flex!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions button {
    flex:1 1 0!important;min-width:0!important;height:30px!important;min-height:30px!important;
    padding:0 4px!important;font-size:10px!important;white-space:nowrap!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell {inset:43px 10px 6px!important;top:43px!important}
}

/* v21: remove the rack title/badge from behind the one-line PC 101 controls. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead>div:first-child {display:none!important}
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead .rackNewTileBadge {display:none!important}
}
/* v22: separate the rack arrangement buttons from the score/action group by 8px. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools {right:47%!important}
}

/* v23: keep both the empty personal discard target and the thrown tile at lower-right. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-0 {
    left:auto!important;right:14px!important;top:auto!important;bottom:12px!important;
    transform:none!important;z-index:120!important;
  }
}

/* v24: lower the draw pile and reserve room for all four 101 meld lanes on short PC viewports. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .centerDeck {
    left:80%!important;right:auto!important;top:74%!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important;z-index:46!important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldBoard {
    left:8%!important;right:24%!important;top:15%!important;bottom:4%!important;
    width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
    padding:30px 10px 6px!important;overflow:auto!important;box-sizing:border-box!important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 .meldPanCanvas {gap:3px!important;}
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldLane {padding:4px 6px!important;}
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldLaneHead {margin-bottom:3px!important;}
}


/* v25: prioritize a wide, taller meld board on desktop so four players' rows can fit together. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldBoard.layoffReady {
    left:8%!important;right:24%!important;top:12%!important;bottom:4%!important;
    width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
    padding:30px 10px 6px!important;overflow:auto!important;box-sizing:border-box!important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 .centerDeck {
    left:84%!important;top:78%!important;
  }
}


/* v26: keep four opened-player rows comfortably inside short desktop tables. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldLane {
    padding:2px 6px!important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldLaneHead {
    margin-bottom:2px!important;
  }
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldGroups {
    padding:1px 0!important;
  }
}


/* v27: give the full-width 101 rack a fixed, recognizable dark-wood tray even as tiles are removed. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea > .rackBoardShell {
    inset:40px 10px 4px!important;min-height:0!important;overflow:hidden!important;
    position:absolute!important;box-sizing:border-box!important;border:3px solid #76583b!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,rgba(255,232,188,.08),transparent 18%,transparent 82%,rgba(0,0,0,.32)),linear-gradient(105deg,#241d19,#45372c 32%,#302720 68%,#1e1916)!important;
    box-shadow:inset 0 1px 0 rgba(255,235,198,.28),inset 0 0 0 2px rgba(12,10,9,.75),inset 0 -8px 14px rgba(0,0,0,.5),0 4px 9px rgba(0,0,0,.4)!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea > .rackBoardShell::before {
    content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);
    background:linear-gradient(180deg,#9a7955,#211a16 35%,#100e0d 68%,#765b40);
    box-shadow:0 1px 2px rgba(255,227,181,.25);pointer-events:none;z-index:2;
  }
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
}


/* v28: tighten 101 opened tiles, raise/enlarge the desktop rack, and simplify its score row. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldGroup {gap:0!important;}
  #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldCell,
  #root main.gameScreen.yuzbirGame .feltTable101 .meld101Cell,
  #root main.gameScreen.yuzbirGame .feltTable101 .meld101Cell button,
  #root main.gameScreen.yuzbirGame .feltTable101 .meld101Cell .okeyTile,
  #root main.gameScreen.yuzbirGame .feltTable101 .meld101Cell img {
    width:18px!important;min-width:18px!important;height:26px!important;min-height:26px!important;
    max-width:18px!important;max-height:26px!important;box-sizing:border-box!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea {height:255px!important;min-height:255px!important;bottom:6px!important;}
  #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell {inset:40px 10px 4px!important;}
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101Score {display:none!important;}
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar {
    left:55%!important;right:10px!important;gap:5px!important;align-items:center!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.pcRackHandCount {
    flex:0 0 62px!important;width:62px!important;height:30px!important;display:flex!important;
    align-items:center!important;justify-content:center!important;border:1px solid #9b8351!important;
    border-radius:8px!important;background:#0b241e!important;color:#f4dfa0!important;
    font-size:10px!important;font-weight:800!important;white-space:nowrap!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions {
    flex:1 1 auto!important;min-width:0!important;height:32px!important;min-height:32px!important;gap:4px!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions button {
    flex:1 1 0!important;min-width:0!important;height:30px!important;min-height:30px!important;
    padding:0 4px!important;font-size:10px!important;white-space:nowrap!important;
  }
}


/* v29: override the previous PC rack max-height so it can rise slightly into the gap. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea {
    top:auto!important;bottom:8px!important;height:253px!important;min-height:253px!important;max-height:253px!important;
  }
}


/* v30: set the responsive 101 rack variable at higher specificity; keep mobile unchanged. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame {
    --pc-rack-height:clamp(253px,26dvh,280px)!important;
  }
}


/* v31: keep the pair count only on the ÇİFT AÇ action; leave Çift Diz as a mode label. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button:nth-child(3) {
    font-size:0!important;
  }
  html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button:nth-child(3)::after {
    content:"Çift Diz";font-size:11px!important;
  }
}


/* v32: prevent enlarged tile artwork from crossing adjacent 101 rack slots on PC. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    width:calc(100% - 1px)!important;min-width:0!important;max-width:100%!important;
    height:100%!important;margin-left:.5px!important;object-fit:fill!important;
  }
}


/* v33: reduce the top gap above the 101 tiles and give the tile tray more height on PC. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools {
    height:34px!important;min-height:34px!important;align-items:center!important;
  }
  html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button {
    height:32px!important;min-height:32px!important;padding:0 8px!important;align-self:center!important;
  }
  html body #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell {
    inset:33px 10px 4px!important;
  }
}

/* v34: apply the reduced rack gap to finished hands too, where a legacy selector was winning. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea > .rackBoardShell {
    inset:37px 10px 4px!important;
  }
}

/* v35: reclaim 12px above the PC 101 rack and add that height to its tile rows. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame {
    --pc-rack-height:clamp(265px,28dvh,280px)!important;
  }
  html body #root main.gameScreen.yuzbirGame .rackArea {
    height:var(--pc-rack-height)!important;min-height:var(--pc-rack-height)!important;
    max-height:var(--pc-rack-height)!important;bottom:8px!important;
  }
}

/* v36: preserve the real tile proportions inside the taller PC 101 rack rows. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile {
    width:42px!important;min-width:42px!important;max-width:42px!important;
    height:56px!important;min-height:56px!important;max-height:56px!important;
    place-self:center!important;aspect-ratio:auto!important;
  }
  html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    width:41px!important;min-width:0!important;max-width:41px!important;
    height:55px!important;min-height:0!important;max-height:55px!important;
    margin:0 auto!important;object-fit:fill!important;
  }
}

/* v37: direct PC rack drag with a clear drop target. */
@media screen and (min-width:1025px) {
  html body #root main.gameScreen .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile { cursor:grab!important; }
  html body #root main.gameScreen .rackArea .tileRackGrid.pcRackPointerActive { cursor:grabbing!important; user-select:none!important; }
  html body #root main.gameScreen .rackArea .tileRackGrid .rackSlot.dropTarget {
    outline:2px solid #c294ff!important; outline-offset:1px!important;
    box-shadow:0 0 12px rgba(167,104,255,.8)!important; border-radius:5px!important;
  }
}


/* SOURCE: mobile-round-chat-20261001.css */
/* Mobile table chat: explicit button above the rack. */
#root main.gameScreen .tableChatBubble{position:absolute!important;right:20px!important;bottom:12px!important;z-index:70!important;width:48px!important;height:48px!important;min-width:48px!important;padding:10px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#7350ba!important;color:#fff!important;border:2px solid #e7ca79!important;box-shadow:0 3px 12px #0006!important;overflow:visible!important;touch-action:manipulation}
#root main.gameScreen .tableChatBubble svg{width:26px;height:26px;display:block}
#root main.gameScreen .tableChatBubbleCount{position:absolute;right:-6px;top:-7px;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border-radius:20px;background:#e94353;color:#fff;border:2px solid #fff;font:800 12px/1 system-ui;box-sizing:border-box}
#root main.gameScreen .tableChatBubble.hasUnread{box-shadow:0 0 0 4px #e9435340,0 3px 12px #0006!important}
#root main.gameScreen.phoneGame .tableChatBadgeButton{display:none!important}
#root main.gameScreen.phoneGame .newTableMessageToast{display:none!important}
@media(max-height:520px){#root main.gameScreen .tableChatBubble{width:42px!important;height:42px!important;min-width:42px!important;right:12px!important;bottom:8px!important;padding:7px!important}}


/* SOURCE: layoff-tile-dots-20261001.css */
#root .tileRackGrid .okeyTile.layoffCandidate{position:relative!important}
#root .tileRackGrid .layoffTileDot{position:absolute!important;top:4px!important;right:4px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#ff303e!important;border:1px solid #fff!important;z-index:12!important;pointer-events:none!important;box-shadow:0 0 5px #ff152b;animation:layoff-dot-blink 1.1s ease-in-out infinite}
@keyframes layoff-dot-blink{0%,100%{opacity:1;box-shadow:0 0 5px #ff152b}50%{opacity:.35;box-shadow:0 0 1px #ff152b}}
@media(prefers-reduced-motion:reduce){#root .tileRackGrid .layoffTileDot{animation:none}}


/* SOURCE: mobile-rack-columns-20261001.css */
/* The 101 packing, dragging and scoring engine uses two rows of 18 slots. */
@media(max-width:900px){
 #root main.gameScreen.yuzbirGame .tileRackGrid{display:grid!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:0!important;gap:2px 1px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}

/* Compact the wooden rack and use the tile face's full width. */
@media(max-width:700px) and (orientation:portrait){
 #root main.gameScreen.yuzbirGame .rackArea{height:18.2%!important;top:79.2%!important;bottom:auto!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell{inset:31% 1.5% 4%!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid{padding:3px!important;column-gap:0!important;row-gap:3px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile img{transform:scale(1.1)!important;transform-origin:center!important;object-fit:contain!important}
}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
 #root main.gameScreen.yuzbirGame .rackArea{height:19%!important;top:78.5%!important;bottom:auto!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile{padding:0!important;border:0!important;background:transparent!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile img{transform:scale(1.08)!important;object-fit:contain!important}
}

/* Keep sort controls, opening controls and tiles in separate rows. */
@media(max-width:700px) and (orientation:portrait){
 #root main.gameScreen.yuzbirGame .rackArea{height:clamp(160px,20dvh,190px)!important;top:auto!important;bottom:2.5%!important;overflow:hidden!important}
 #root main.gameScreen.yuzbirGame .rackHead{position:absolute!important;top:5px!important;left:8px!important;right:8px!important;height:27px!important;margin:0!important;padding:0!important}
 #root main.gameScreen.yuzbirGame .rackTools{width:100%!important;height:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
 #root main.gameScreen.yuzbirGame .rackTools button{height:27px!important;min-height:0!important;padding:0 3px!important;font-size:clamp(9px,2.4vw,12px)!important}
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{position:absolute!important;top:36px!important;left:8px!important;right:8px!important;bottom:auto!important;width:auto!important;max-width:none!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;display:block!important;box-shadow:none!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions{width:100%!important;height:28px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:0!important;margin:0!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions>button{height:28px!important;min-height:0!important;padding:0 3px!important;font-size:clamp(9px,2.4vw,12px)!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions .returnSideTile{display:none!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell{position:absolute!important;inset:70px 6px 6px!important;min-height:0!important;margin:0!important}
 #root main.gameScreen.yuzbirGame .rack101Score,#root main.gameScreen.yuzbirGame .rack101Warning,#root main.gameScreen.yuzbirGame .rackMode{display:none!important}
}

/* Size the rack from the two tile rows, independently of screen height. */
@media(max-width:700px) and (orientation:portrait){
 #root main.gameScreen.yuzbirGame .rackArea{height:calc(76px + clamp(56px,14.4vw,92px))!important;min-height:0!important;max-height:none!important}
 #root main.gameScreen.yuzbirGame .rackHead{top:5px!important;height:25px!important}
 #root main.gameScreen.yuzbirGame .rackTools button{height:25px!important}
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{top:34px!important;height:25px!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions,#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button{height:25px!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell{inset:63px 6px 5px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid{padding:2px 3px!important;column-gap:1px!important;row-gap:3px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot{border:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:100%!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile{position:relative!important;inset:auto!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot .okeyTile img{transform:none!important;width:100%!important;height:100%!important;object-fit:contain!important}
}

@media(max-width:700px) and (orientation:portrait){
 #root main.gameScreen.yuzbirGame .rackBoardShell{inset:65px 7px 7px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid{padding:3px 2px!important;column-gap:1.5px!important;row-gap:5px!important}
}


/* SOURCE: manual-layoff-targets-20261001.css */
/* Smaller opened faces; keep layout cells and touch targets stable. */
#root main.gameScreen.yuzbirGame .meld101Cell .okeyTile{transform:scale(.86)!important;transform-origin:center!important}
#root main.gameScreen.yuzbirGame .manualLayoffTarget{position:absolute;display:block;background:#071b2ee6;border:2px solid #6baade;border-radius:5px;box-shadow:inset 0 0 0 1px #0008,0 2px 5px #0004;cursor:pointer;box-sizing:border-box}
#root main.gameScreen.yuzbirGame .yuzbirMeldGroup.canLayoff .meld101Cell{cursor:pointer}
#root main.gameScreen.yuzbirGame .grid101Layoff{background:#071b2e!important;color:#d6edff!important;border:1px solid #6baade!important;border-radius:4px!important;font-weight:800!important}


/* SOURCE: responsive-proportions-20261002.css */
/* Proportional desktop rack: tile width determines both row heights. */
@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame{--pc-social-reserve:0px!important;--pc-social-width:var(--pc-social-reserve)!important;--fit-tile:clamp(32px,calc((100vw - var(--pc-social-reserve) - 90px)/18),64px);--pc-rack-height:calc(100px + var(--fit-tile)*2.95)!important}
 html body #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail){--pc-social-reserve:clamp(260px,23vw,330px)!important}
 html body #root main.gameScreen.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail{width:calc(var(--pc-social-reserve) - 12px)!important;min-width:0!important;right:8px!important}
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap{position:fixed!important;inset:64px var(--pc-social-reserve) calc(var(--pc-rack-height) + 16px) 0!important;width:auto!important;height:auto!important;min-height:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea{position:fixed!important;left:12px!important;right:calc(var(--pc-social-reserve) + 12px)!important;bottom:8px!important;top:auto!important;width:auto!important;transform:none!important;height:var(--pc-rack-height)!important;min-height:0!important;max-height:var(--pc-rack-height)!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead{inset:5px 10px auto!important;height:30px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools{position:static!important;width:100%!important;height:30px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button{height:30px!important;min-height:30px!important;font-size:12px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar{top:40px!important;left:10px!important;right:10px!important;height:30px!important;min-height:30px!important;gap:6px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions{height:30px!important;min-height:30px!important;gap:6px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button{height:30px!important;min-height:30px!important;font-size:12px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell,html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea>.rackBoardShell{inset:76px 10px 6px!important;top:76px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid{width:100%!important;max-width:none!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;column-gap:2px!important;row-gap:6px!important;padding:4px!important;box-sizing:border-box!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot{width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important;background:transparent!important;border:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;inset:auto!important;padding:0!important;background:transparent!important;border:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile img{width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;transform:none!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldBoard.layoffReady{left:12%!important;right:12%!important;top:20%!important;bottom:20%!important;width:auto!important;height:auto!important;overflow:auto!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .centerDeck{left:84%!important;top:86%!important;z-index:46!important;transform:translate(-50%,-50%) scale(.8)!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .tableTurnBadge{right:13%!important;bottom:4%!important}
 html body #root main.gameScreen.yuzbirGame .gameToast{max-width:440px!important;font-size:12px!important;padding:8px 14px!important}
}

@media(min-width:901px){html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button{width:100%!important;max-width:none!important;margin:0!important}}

@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied{width:100%!important;max-width:100%!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools{position:absolute!important;inset:0!important;width:auto!important;height:30px!important;min-height:30px!important}
}




@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-0{right:20%!important;left:auto!important;top:auto!important;bottom:6px!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .seat-1,html body #root main.gameScreen.yuzbirGame .feltTable101 .seat-3{top:28%!important;height:76px!important;min-height:0!important;width:98px!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-1{right:2%!important;left:auto!important;top:58%!important;bottom:auto!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3{left:2%!important;right:auto!important;top:58%!important;bottom:auto!important}
}
@media(min-width:901px) and (max-height:720px){html body #root main.gameScreen.yuzbirGame .feltTable101 .centerDeck{top:82%!important;transform:translate(-50%,-50%) scale(.6)!important}}


@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>div:first-child,html body #root main.gameScreen.yuzbirGame .rackArea .rackHint,html body #root main.gameScreen.yuzbirGame .rackArea .rackMode,html body #root main.gameScreen.yuzbirGame .rackArea .rack101Warning,html body #root main.gameScreen.yuzbirGame .rackArea .rack101Score{display:none!important}
}


/* SOURCE: desktop-table-polish-20261002.css */
/* Desktop-only presentation; game rules and mobile styles remain independent. */
@media(min-width:901px){
 html body #root main.gameScreen.desktopGame.yuzbirGame{--fit-tile:clamp(32px,calc((100vw - var(--pc-social-reserve) - 120px)/18),60px)!important;color:#f2e9d3!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame>.topbar{height:64px!important;min-height:64px!important;max-height:64px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 16px!important;background:#0b1918!important;border-bottom:1px solid #8b7342!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame>.topbar>.brand{font-size:20px!important;flex:0 0 auto!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame>.topbar>.topbarRight{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:1!important;min-width:0!important;overflow:visible!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .stats{display:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .tableQuickTools{display:flex!important;position:static!important;gap:6px!important;align-items:center!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .tableQuickTools>button,html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .soundToggle,html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .lobbyPeekButton,html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .themeToggle,html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .leaveTableTextButton{position:static!important;inset:auto!important;transform:none!important;height:34px!important;min-height:34px!important;max-height:34px!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;padding:0 10px!important;border-radius:9px!important;font-size:11px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;background:#152a29!important;color:#eadfc5!important;border:1px solid #4a5b50!important;box-shadow:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .leaveTableTextButton{order:20!important;background:#4a2428!important;border-color:#94515b!important;color:#ffe2e4!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .lobbyPeekButton{background:#322647!important;color:#e4d6ff!important;border-color:#665184!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .lobbyPeekButton::before,html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .lobbyPeekButton::after{content:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .lobbyPeekButton,html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .themeToggle{font-size:11px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .balancePills{position:static!important;display:flex!important;gap:4px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .balancePills>span{background:#142724!important;color:#ddd3b9!important;border:1px solid #394f45!important;font-size:10px!important;padding:5px 6px!important;border-radius:7px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .membershipBadge{display:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleControl{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:34px!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleControl>small{display:block!important;font-size:8px!important;line-height:9px!important;color:#bcae86!important;letter-spacing:1px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleDots{display:flex!important;gap:3px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleDots>button{position:static!important;width:14px!important;min-width:14px!important;max-width:14px!important;height:20px!important;min-height:20px!important;max-height:20px!important;font-size:9px!important;padding:0!important;border:1px solid #726441!important;border-radius:5px!important;color:#bfb392!important;background:#12231d!important;box-shadow:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleDots>button.filled{background:#66542b!important;color:#f5e4b4!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleDots>button.active{background:#bc9247!important;color:#15211b!important;border-color:#f1d590!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .tablePointsMenu>summary{height:34px!important;display:flex!important;align-items:center!important;padding:0 10px!important;font-size:11px!important;background:#14291f!important;color:#ecdca5!important;border:1px solid #9a8046!important;border-radius:9px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:24px 18px 22px!important;gap:2px 6px!important;align-items:center!important;align-content:center!important;padding:8px!important;width:136px!important;height:86px!important;min-height:0!important;max-height:86px!important;border:1px solid #668375!important;border-radius:12px!important;background:#092920f5!important;box-shadow:0 4px 12px #0004!important;writing-mode:horizontal-tb!important;overflow:hidden!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>*{position:static!important;inset:auto!important;transform:none!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;margin:0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>.yuzbirSeatAvatar{grid-column:1!important;grid-row:1/3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#594087!important;color:#fff!important;font-size:10px!important;border:1px solid #b49be0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>b{grid-column:2!important;grid-row:1!important;font-size:12px!important;line-height:20px!important;text-align:left!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#f3ead5!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>b .styledName,html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>b .styledName>b{position:static!important;display:inline!important;transform:none!important;writing-mode:horizontal-tb!important;font-size:12px!important;line-height:20px!important;color:inherit!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>span:last-child{grid-column:1/3!important;grid-row:2!important;text-align:center!important;font-size:10px!important;line-height:16px!important;color:#b7c5bb!important;white-space:nowrap!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>.botSeatRemove{grid-column:1/3!important;grid-row:3!important;width:auto!important;height:22px!important;min-height:22px!important;padding:0 7px!important;font-size:9px!important;color:#ead2bc!important;background:#3c2f25!important;border:1px solid #7d6247!important;border-radius:6px!important;line-height:1!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat.turn{border-color:#d8b86e!important;box-shadow:0 0 0 1px #d8b86e66,0 3px 12px #0004!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat-1{right:1.2%!important;left:auto!important;top:25%!important;bottom:auto!important;transform:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat-3{left:1.2%!important;right:auto!important;top:25%!important;bottom:auto!important;transform:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat-2{left:50%!important;right:auto!important;top:10px!important;bottom:auto!important;transform:translateX(-50%)!important;width:210px!important;height:72px!important;max-height:72px!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:20px 15px 20px!important;padding:6px 10px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat-0{left:50%!important;right:auto!important;top:auto!important;bottom:8px!important;transform:translateX(-50%)!important;width:220px!important;height:58px!important;max-height:58px!important;grid-template-rows:22px 18px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldBoard.layoffReady{left:calc(1.2% + 150px)!important;right:calc(1.2% + 150px)!important;top:88px!important;bottom:80px!important;max-height:none!important;padding:28px 8px 6px!important;border:1px solid #c7a855!important;border-radius:16px!important;background:#07372be8!important;box-shadow:inset 0 1px 0 #e7d69422,0 5px 12px #0003!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldLane{min-height:50px!important;padding:3px 6px!important;margin:0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldLaneHead{font-size:10px!important;margin-bottom:3px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot{width:48px!important;min-width:48px!important;height:68px!important;min-height:68px!important;transform:none!important;padding:2px!important;background:#0c3027!important;border:1px solid #a88b48!important;border-radius:10px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardOwner{display:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot.discard-1{right:4%!important;left:auto!important;top:calc(25% + 116px)!important;bottom:auto!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot.discard-3{left:4%!important;right:auto!important;top:calc(25% + 116px)!important;bottom:auto!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot.discard-2{left:auto!important;right:calc(50% - 170px)!important;top:12px!important;bottom:auto!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot.discard-0{left:auto!important;right:23%!important;top:auto!important;bottom:8px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .centerDeck{left:auto!important;right:12%!important;top:auto!important;bottom:8px!important;transform:none!important;width:58px!important;min-width:58px!important;height:68px!important;padding:4px!important;border-radius:10px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .centerDeck .deckStack img{width:40px!important;height:55px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .centerDeck .deckStack b{font-size:15px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .tableTurnBadge{left:auto!important;right:10px!important;bottom:6px!important;font-size:11px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea .tileRackGrid{column-gap:4px!important;row-gap:8px!important;padding:5px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{width:calc(100% - 2px)!important;max-width:calc(100% - 2px)!important;height:calc(100% - 4px)!important;max-height:calc(100% - 4px)!important;justify-self:center!important;align-self:center!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rackHead>.rackTools>button{background:#142923!important;color:#e5dac4!important;border:1px solid #67715a!important;border-radius:8px!important;box-shadow:none!important;font-weight:700!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rackHead>.rackTools>button.active{background:#4e3a6d!important;color:#f0e4ff!important;border-color:#a684cd!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button{background:#695329!important;color:#f1dfb3!important;border:1px solid #ac9052!important;border-radius:8px!important;box-shadow:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button:disabled{background:#28352b!important;color:#a79e82!important;border-color:#596044!important;opacity:1!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail{background:#0d201b!important;border:1px solid #917846!important;border-radius:16px!important;overflow:hidden!important;top:72px!important;bottom:8px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .tableChatDrawerContent,html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatPanel{height:100%!important;max-height:none!important;background:#10221d!important;color:#e8e4d4!important;border:0!important;box-shadow:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .socialToolBar{background:#142d25!important;padding:10px!important;border-bottom:1px solid #3b5142!important;gap:5px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .socialToolBar>button,html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatTabs>button{background:#172d27!important;color:#d5d5c5!important;border:1px solid #496050!important;border-radius:9px!important;font-size:11px!important;min-width:0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .socialToolBar>button.active,html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatTabs>button.active{background:#463258!important;border-color:#8a68b3!important;color:#eee0ff!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatHead{background:#10221d!important;padding:16px!important;border-bottom:1px solid #31493c!important;color:#e8e4d4!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatHead h2{color:#f3ead6!important;font-size:22px!important;line-height:1.2!important;margin:4px 0 0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatHead .eyebrow{color:#ba9be0!important;font-size:10px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatHead>span,html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatEmpty{color:#a2b1a5!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatMessages{background:#0d201b!important;color:#e8e4d4!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatComposer{background:#122820!important;border-top:1px solid #41513c!important;padding:10px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatSend input{background:#0c1b18!important;color:#f4ecda!important;border:1px solid #506049!important;border-radius:9px!important;font-size:12px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatSend input::placeholder{color:#a9b2a3!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .desktopSocialRail .chatSend>button{background:#49365d!important;color:#ede0ff!important;border:1px solid #9270b5!important;border-radius:9px!important;font-size:11px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameInfoBar .indicatorPanel{width:190px!important;min-width:190px!important;max-width:190px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:5px 8px!important;top:72px!important;left:20px!important;border-radius:12px!important;background:#19231c!important;border:1px solid #9a8049!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameInfoBar .indicatorPanel .okeyTile{width:30px!important;min-width:30px!important;height:44px!important;min-height:44px!important;max-height:44px!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameInfoBar .indicatorPanel .okeyInfo{display:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameInfoBar .indicatorPanel .indicatorInfo{width:auto!important;min-width:0!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameInfoBar .indicatorPanel small{font-size:9px!important;color:#ccb985!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame .gameNotice{left:50%!important;top:85px!important;width:auto!important;max-width:380px!important;padding:8px 18px!important;font-size:12px!important}
}
@media(min-width:901px) and (max-width:1200px){html body #root main.gameScreen.desktopGame.yuzbirGame .topbar .speedScaleControl{display:none!important} html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat{width:108px!important} html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldBoard.layoffReady{left:130px!important;right:130px!important}}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame .meldGameNotice{position:absolute!important;top:8px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 320px)!important;padding:8px 14px!important;border-radius:10px!important;border:1px solid #bb9753!important;background:#123a2f!important;color:#ffe9ad!important;font-size:12px!important;line-height:1.4!important;min-height:0!important;z-index:60!important;box-shadow:0 4px 16px #0005!important}}

@media(min-width:901px) and (max-height:740px){html body #root main.gameScreen.desktopGame.yuzbirGame{--pc-rack-height:calc(82px + var(--fit-tile)*2.75)!important}html body #root main.gameScreen.desktopGame.yuzbirGame .gameInfoBar .indicatorPanel{top:12px!important;width:170px!important;min-width:170px!important;max-width:170px!important;height:60px!important;min-height:60px!important;max-height:60px!important}html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat-1,html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat-3{top:90px!important;height:76px!important;min-height:76px!important}html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discard-1,html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discard-3{top:196px!important}html body #root main.gameScreen.desktopGame.yuzbirGame .rackGrid{row-gap:5px!important}}

/* Keep adjacent tiles close. Only an empty rack slot separates melds/pairs.
   Never stretch 18 rack columns across the table: wide screens add empty
   space after the rack contents rather than between every tile. */
@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea .tileRackGrid{grid-template-columns:repeat(18,var(--fit-tile))!important;grid-template-rows:repeat(2,calc(var(--fit-tile)*1.4))!important;column-gap:2px!important;row-gap:6px!important;justify-content:start!important;align-content:center!important}html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}}

/* Labels must not overlap the discard, history, or player information.
   Rack columns and meld/pair separators remain unchanged. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>.yuzbirSeatAvatar{grid-row:1!important;align-self:center!important}
html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .seat>span:last-child{grid-column:1/3!important;grid-row:2!important;padding-top:2px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot>.takeDiscardHint{position:absolute!important;top:-25px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:92px!important;min-width:92px!important;height:22px!important;min-height:22px!important;padding:2px 4px!important;font-size:9px!important;line-height:16px!important;border-radius:6px!important;white-space:nowrap!important;z-index:5!important}
html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .discardSpot>.discardHistoryCount{position:absolute!important;top:calc(100% + 5px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;height:18px!important;min-height:18px!important;padding:1px 5px!important;font-size:8px!important;line-height:14px!important;white-space:nowrap!important;z-index:5!important}
html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rack101ScoreBar>.drawFirstPrompt{left:28px!important;transform:none!important;bottom:calc(var(--pc-rack-height) + 28px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rackHead>.rackTools>button:nth-child(3){font-size:12px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame .rackArea>.rackHead>.rackTools>button:nth-child(3)::after{content:none!important;display:none!important}
}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame .feltTable101 .yuzbirMeldBoard.layoffReady{bottom:60px!important}}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard.layoffReady{height:min(calc(58% + 24px),calc(100% - 168px))!important;bottom:auto!important;max-height:none!important}}

/* PC side names run from top to bottom; preserve rack tile geometry. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3){top:108px!important;width:68px!important;min-width:68px!important;height:210px!important;max-height:210px!important;padding:6px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:28px minmax(60px,1fr) 28px 22px!important;gap:4px!important;justify-items:center!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>.yuzbirSeatAvatar{grid-column:1!important;grid-row:1!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>b{grid-column:1!important;grid-row:2!important;writing-mode:vertical-rl!important;text-orientation:upright!important;text-align:center!important;line-height:16px!important;font-size:11px!important;max-height:100%!important;align-self:center!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>b .styledName,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>b .styledName>b{writing-mode:inherit!important;text-orientation:inherit!important;line-height:16px!important;font-size:11px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>span:last-child{grid-column:1!important;grid-row:3!important;white-space:normal!important;text-align:center!important;line-height:12px!important;font-size:9px!important;padding:0!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>.botSeatRemove{grid-column:1!important;grid-row:4!important;width:100%!important;padding:0 2px!important;font-size:8px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot:is(.discard-1,.discard-3){top:350px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard.layoffReady{left:100px!important;right:100px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .meldGameNotice{top:100px!important;left:50%!important;max-width:calc(100% - 220px)!important}
}
@media(min-width:901px) and (max-height:740px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3){top:12px!important;height:min(190px,calc(100% - 128px))!important;max-height:none!important;grid-template-rows:24px minmax(40px,1fr) 26px 20px!important;gap:2px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot:is(.discard-1,.discard-3){top:calc(min(190px,100% - 128px) + 44px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .gameInfoBar .indicatorPanel{left:100px!important}
}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat:is(.seat-1,.seat-3)>b{height:100%!important;min-height:0!important;max-height:100%!important;width:auto!important;max-width:none!important;display:block!important;justify-self:center!important;align-self:stretch!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .gameInfoBar .indicatorPanel{top:12px!important}}

/* One control row. Gain vertical table space without changing tile geometry. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame){--pc-rack-height:calc(65px + var(--fit-tile)*2.95)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead{left:10px!important;right:auto!important;top:5px!important;width:calc(40% - 12px)!important;height:30px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar{left:40%!important;right:10px!important;top:5px!important;height:30px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.handPenaltyCount{width:116px!important;font-size:10px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions{margin-left:122px!important;width:calc(100% - 122px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead>.rackTools>button,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button{font-size:11px!important;white-space:nowrap!important;padding:0 4px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackBoardShell,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame).finishedHand .rackArea>.rackBoardShell{inset:41px 10px 6px!important;top:41px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard.layoffReady{height:min(calc(58% + 38px),calc(100% - 168px))!important}
}
@media(min-width:901px) and (max-height:740px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame){--pc-rack-height:calc(47px + var(--fit-tile)*2.75)!important}}

/* Local player card is redundant for its owner; opponents and the separate
   spectator view retain it. Reclaim table space, not rack geometry. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat-0{display:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard.layoffReady{left:88px!important;right:88px!important;width:auto!important;height:auto!important;bottom:24px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck{left:auto!important;right:1.2%!important;bottom:8px!important;top:auto!important;transform:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0{left:auto!important;right:1.2%!important;bottom:90px!important;top:auto!important}
}
@media(min-width:901px) and (max-height:740px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard.layoffReady{bottom:84px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0{right:calc(1.2% + 68px)!important;bottom:8px!important}
}

/* Two full tile rows plus six-pixel separator and safe label/edge padding.
   Fixed row dimensions must never overflow a shorter rack container. */
@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame){--pc-rack-height:calc(85px + var(--fit-tile)*2.8)!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea .tileRackGrid{padding:8px 5px!important;row-gap:6px!important;align-content:start!important;overflow:visible!important}}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0{left:1.2%!important;right:auto!important;bottom:32px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0>.discardOwner{display:block!important;position:absolute!important;top:-19px!important;left:50%!important;transform:translateX(-50%)!important;font-size:9px!important;font-weight:800!important;color:#f3dfaa!important;white-space:nowrap!important}}
@media(min-width:901px) and (max-height:740px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0{left:auto!important;right:calc(1.2% + 68px)!important;bottom:32px!important}}

/* Primary rack action centered; secondary controls at the edges. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar{left:10px!important;right:10px!important;width:auto!important;top:5px!important;pointer-events:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead>.rackTools>button{position:absolute!important;top:0!important;pointer-events:auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead>.rackTools>button:nth-child(1){left:40%!important;width:20%!important;font-size:12px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead>.rackTools>button:nth-child(2){left:0!important;width:calc(14% - 5px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead>.rackTools>button:nth-child(3){left:14%!important;width:calc(14% - 5px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.handPenaltyCount{left:28%!important;width:calc(12% - 5px)!important;font-size:9px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions{display:contents!important;margin:0!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button{position:absolute!important;top:0!important;pointer-events:auto!important;font-size:10px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button:nth-child(1){left:calc(60% + 5px)!important;width:calc(14% - 5px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button:nth-child(2){left:calc(74% + 5px)!important;width:calc(12% - 5px)!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button:nth-child(3){left:calc(86% + 5px)!important;width:calc(14% - 5px)!important}
}

@media(min-width:901px){main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .discard-1{right:1.2%!important;bottom:118px!important;top:auto!important}main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .meldGameNotice{z-index:90!important;background:#4c2616!important;border:2px solid #ffc86a!important;color:#fff4d8!important;font-weight:700!important;box-shadow:0 4px 18px #0009!important}}

/* Every player discards to their own right; separate all four piles. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0{left:auto!important;right:calc(1.2% + 84px)!important;top:auto!important;bottom:32px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-1{left:auto!important;right:1.2%!important;top:92px!important;bottom:auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-2{left:calc(50% - 170px)!important;right:auto!important;top:12px!important;bottom:auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-3{left:1.2%!important;right:auto!important;top:auto!important;bottom:120px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .myDiscardDock{display:none!important}
}

/* Compact discard faces, clear of player cards and draw pile at every desktop height. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot{width:38px!important;height:54px!important;min-width:38px!important;min-height:54px!important;max-width:38px!important;max-height:54px!important;padding:2px!important;box-sizing:border-box!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot .okeyTile{width:32px!important;height:45px!important;min-width:32px!important;min-height:45px!important;max-width:32px!important;max-height:45px!important;margin:0!important;padding:0!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot .okeyTile img{width:100%!important;height:100%!important;object-fit:contain!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot .discardHistoryButton{font-size:8px!important;padding:2px 4px!important;white-space:nowrap!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-0{left:auto!important;right:calc(1.2% + 88px)!important;top:auto!important;bottom:26px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-1{left:auto!important;right:90px!important;top:14px!important;bottom:auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-2{left:calc(50% - 190px)!important;right:auto!important;top:14px!important;bottom:auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot.discard-3{left:20px!important;right:auto!important;top:auto!important;bottom:26px!important}
}


/* SOURCE: draw-penalty-20261002.css */
html body #root .handPenaltyCount{font-size:11px;color:#fff0c2;white-space:nowrap}html body #root .drawFirstPrompt{color:#ffe28b;font-weight:800;font-size:12px;padding:4px 8px;border:1px solid #d9ae55;border-radius:8px;background:#183e31} @media(max-width:900px){html body #root .rack101ScoreBar>.handPenaltyCount{display:block;position:absolute;right:8px;top:-22px;font-size:10px;padding:3px 7px;background:#163b2f;border-radius:8px}html body #root .rack101ScoreBar>.drawFirstPrompt{position:absolute;left:8px;top:-24px;font-size:10px;padding:3px 7px}}
@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame .rack101ScoreBar>.handPenaltyCount{position:absolute!important;left:0!important;top:0!important;width:142px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;overflow:visible!important;padding:0!important;transform:none!important}html body #root main.gameScreen.desktopGame.yuzbirGame .rack101ScoreBar>.rack101UnifiedActions{margin-left:148px!important;width:calc(100% - 148px)!important}html body #root main.gameScreen.desktopGame.yuzbirGame .rack101ScoreBar>.drawFirstPrompt{position:fixed;bottom:calc(var(--pc-rack-height) + 20px);left:calc((100vw - var(--pc-social-reserve))/2);transform:translateX(-50%);z-index:40;font-size:13px}}

@media(max-width:900px){html body #root .rack101ScoreBar>.handPenaltyCount,html body #root .rack101ScoreBar>.drawFirstPrompt{display:none!important}html body #root .rackArea>.mobileHandPenalty{position:absolute;right:8px;top:-24px;z-index:5;color:#ffe9ad;background:#12382d;border:1px solid #9d8448;border-radius:7px;padding:3px 6px;font-size:9px;line-height:13px;white-space:nowrap}html body #root .rackArea>.mobileDrawPrompt{position:absolute;left:8px;top:-24px;z-index:5;color:#ffe9ad;background:#12382d;border-radius:7px;padding:3px 6px;font-weight:800;font-size:10px;line-height:13px}}

@media(max-width:900px){html body #root main.gameScreen.phoneGame.yuzbirGame .rackArea{overflow:visible!important}}


/* SOURCE: round-result-20261002.css */
.roundResultToast{position:fixed;z-index:20000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));box-sizing:border-box;background:#10382ef5;color:#f6e8c7;border:1px solid #c9aa56;border-radius:16px;padding:20px;box-shadow:0 12px 40px #0007;overflow:hidden;pointer-events:none}.roundResultToast h2{font-size:20px;margin:0 0 14px}.roundResultToast table{width:100%;border-collapse:collapse;font-size:13px}.roundResultToast th,.roundResultToast td{padding:7px 4px;text-align:right;border-bottom:1px solid #ffffff18}.roundResultToast th:first-child,.roundResultToast td:first-child{text-align:left}.roundResultToast tr.winner{color:#ffe082;font-weight:800}.roundResultToast button{display:block;margin:14px auto 0;pointer-events:auto;color:#fff;background:#654a93;border:0;border-radius:8px;padding:7px 16px}.roundConfetti{position:absolute;top:-10px;left:var(--x);width:6px;height:9px;background:var(--color);pointer-events:none;animation:roundConfettiFall 2.8s var(--delay) ease-out both}@keyframes roundConfettiFall{to{transform:translateY(320px) rotate(300deg);opacity:0}}@media(prefers-reduced-motion:reduce){.roundConfetti{display:none}}
.roundWinnerNick{display:block;text-align:center;font-size:28px;line-height:1.2;color:#ffe082;margin:4px 0 12px;overflow-wrap:anywhere}.roundResultToast h2{text-align:center}.roundScoreRule{font-size:12px;line-height:1.4;text-align:center;color:#d2dfd9;margin:6px 0 12px}.roundFireworks{position:fixed;inset:0;z-index:26000;pointer-events:none;overflow:hidden}.roundFireworkBurst{position:absolute;left:var(--burst-x);top:var(--burst-y);width:1px;height:1px}.roundFireworkBurst i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--spark-color);box-shadow:0 0 6px var(--spark-color);animation:roundSparkBurst 1.5s var(--spark-delay) ease-out 2 both;will-change:transform,opacity}@keyframes roundSparkBurst{0%{opacity:0;transform:translate(0,0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.2)}}@media(prefers-reduced-motion:reduce){.roundFireworks{display:none}}


/* SOURCE: pc-split-table-20261002.css */
/* Desktop split opened table: four player panels around the central draw deck. */
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard{left:88px!important;right:88px!important;top:88px!important;bottom:24px!important;width:auto!important;height:auto!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldPanCanvas{display:grid!important;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;gap:12px 0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:visible!important;position:relative!important;transform:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLane{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;padding:8px!important;margin:0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;background:#082f29!important;border:1px solid #b3a164!important;border-radius:14px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .pcLane-3{grid-column:1!important;grid-row:1!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .pcLane-0{grid-column:1!important;grid-row:2!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .pcLane-2{grid-column:3!important;grid-row:1!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .pcLane-1{grid-column:3!important;grid-row:2!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLaneHead{position:static!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:11px!important;margin:0 0 8px!important;padding:0!important;flex:0 0 auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldGroups{position:relative!important;display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:flex-start!important;gap:10px 12px!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldGroup{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:1px!important;padding:3px!important;margin:0!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;border-radius:6px!important;background:#124438!important;flex:0 0 auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meld101Cell{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;display:inline-flex!important;width:clamp(18px,1.6vw,26px)!important;height:calc(clamp(18px,1.6vw,26px)*1.4)!important;flex:0 0 auto!important;transform:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meld101Cell .okeyTile{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meld101Cell img{width:100%!important;height:100%!important;object-fit:contain!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .grid101Value{font-size:6px!important;bottom:1px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .manualLayoffTarget{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background:#001b18bb!important;pointer-events:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .grid101Layoff{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:auto!important;font-size:9px!important;flex:0 0 auto!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:64px!important;height:86px!important;z-index:45!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .deckStack{width:56px!important;height:78px!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker{display:flex!important;position:absolute!important;top:calc(100% + 12px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:96px!important;max-width:96px!important;font-size:10px!important;justify-content:center!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldTurnArrow{display:none!important}
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerLogo{display:none!important}
}
@media(min-width:901px) and (max-height:740px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard{bottom:24px!important;top:88px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLane{padding:5px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLaneHead{margin-bottom:4px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldGroups{gap:6px 8px!important}}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLaneHead{color:#f4e9c8!important;opacity:1!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck::after{content:"TAŞ ÇEK";position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;color:#efcf78;white-space:nowrap;pointer-events:none}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker{top:calc(100% + 25px)!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackHead>.rackTools>button:nth-child(1){background:linear-gradient(#f4d987,#bf8f35)!important;color:#13231c!important;border:1px solid #ffe5a3!important;font-weight:800!important}}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldTurnArrow{display:none!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat.turn::before,html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat.turn::after{content:none!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLaneHead{justify-content:flex-start!important;gap:5px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLaneHead>span:last-child{margin-left:auto!important}}
html body #root .gameScreen .playingNicknameArrow{display:inline-block!important;position:static!important;color:#ffe08a!important;font-size:14px!important;font-weight:900!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;flex:0 0 auto!important}
html body #root .gameScreen .rackArea .autoPilotBanner{display:flex!important;position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(360px,calc(100% - 24px))!important;max-width:360px!important;z-index:500!important;padding:12px!important;background:#15362ff5!important;border:2px solid #e5bf68!important;border-radius:12px!important;box-shadow:0 6px 24px #000b!important;gap:10px!important;flex-direction:column!important;text-align:center!important;align-items:center!important}html body #root .gameScreen .rackArea .autoPilotBanner button{padding:10px 20px!important;min-height:40px!important;background:#e9c46a!important;color:#10271f!important;font-weight:800!important}

@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat.turn b::before{content:none!important}}

/* Remove inherited canvas offsets and use the available height on short desktops. */
@media(min-width:901px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldPanCanvas{top:0!important;left:0!important;right:auto!important;bottom:auto!important;box-sizing:border-box!important}}
@media(min-width:901px) and (max-height:740px){html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard{top:76px!important;bottom:12px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .seat.seat-2{height:58px!important;min-height:58px!important;max-height:58px!important;padding:4px 8px!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldPanCanvas{gap:8px 0!important}html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLane{border-radius:10px!important}}

/* Stable four-player opening space, independent of meld content. */
@media(min-width:901px){
html body #root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldPanCanvas{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;align-content:stretch!important;align-items:stretch!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;}
html body #root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLane{align-self:stretch!important;box-sizing:border-box!important;height:100%!important;max-height:100%!important;min-height:0!important;flex-shrink:0!important;}
}

/* Fill the fixed middle table space; opening content never controls its height. */
@media(min-width:901px){
html body #root#root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldBoard{position:absolute!important;left:88px!important;right:88px!important;top:76px!important;bottom:12px!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;display:block!important;box-sizing:border-box!important;padding:0!important;overflow:visible!important;}
html body #root#root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .meldPanCanvas{position:absolute!important;inset:0!important;height:auto!important;width:auto!important;min-height:0!important;max-height:none!important;display:grid!important;align-content:stretch!important;align-items:stretch!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;}
html body #root#root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLane{height:100%!important;min-height:0!important;max-height:100%!important;align-self:stretch!important;overflow:auto!important;}
html body #root#root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldLaneHead{margin-bottom:4px!important;}
html body #root#root#root#root#root#root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .yuzbirMeldGroups{row-gap:5px!important;}
}


/* SOURCE: discard-owner-start-20261002.css */
/* Discards originate at their actual owner's seat, rather than a fixed opposite-side vector. */
.gameScreen .discardSpot .imageTile.justDiscarded{animation-name:ownerDiscard!important;animation-timing-function:cubic-bezier(.2,.75,.2,1)!important}
@keyframes ownerDiscard{from{opacity:.45;transform:translate(var(--discard-from-x,0px),var(--discard-from-y,0px)) scale(.85)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gameScreen .discardSpot .imageTile.justDiscarded{animation:none!important}}
@media(min-width:901px){
html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .discardSpot>.discardOwner{display:block!important;position:absolute!important;top:-17px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;font-size:9px!important;font-weight:800!important;line-height:14px!important;color:#fff0c2!important;background:#082f29!important;border-radius:4px!important;padding:0 3px!important;white-space:nowrap!important;max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
html body #root .gameScreen .centerDeck.startDeck{overflow:visible!important;cursor:default!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;pointer-events:auto!important}
html body #root .gameScreen .centerDeck.startDeck::after{display:none!important}
html body #root .gameScreen .centerDeck>.normalTableStart{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:100px!important;max-width:none!important;z-index:80!important;gap:5px!important}
html body #root .gameScreen .centerDeck>.normalTableStart .roomStart{width:100%!important;min-width:0!important;min-height:48px!important;padding:8px 4px!important;font-size:12px!important;white-space:normal!important;border-radius:10px!important}
html body #root .gameScreen .centerDeck>.normalTableStart small{width:100%!important;box-sizing:border-box!important;padding:4px!important;margin:0!important;font-size:9px!important;line-height:12px!important;border-radius:6px!important}

html body #root .gameScreen .centerDeck>.normalTableStart small{white-space:normal!important;letter-spacing:normal!important;overflow-wrap:anywhere!important}

/* Seat indices always mean bottom=0, right=1, top=2, left=3 in both games. */
html body #root main.gameScreen.duzGame .feltTable .seat.seat-1{left:auto!important;right:1.2%!important}
html body #root main.gameScreen.duzGame .feltTable .seat.seat-3{left:1.2%!important;right:auto!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot{width:38px!important;min-width:38px!important;height:54px!important;min-height:54px!important;padding:2px!important;box-sizing:border-box!important;overflow:visible!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot .okeyTile{width:32px!important;min-width:32px!important;height:45px!important;min-height:45px!important;margin:0!important;padding:0!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot.discard-0{left:auto!important;right:32%!important;top:auto!important;bottom:6%!important;transform:none!important;display:flex!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot.discard-1{left:auto!important;right:8%!important;top:12%!important;bottom:auto!important;transform:none!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot.discard-2{left:35%!important;right:auto!important;top:8%!important;bottom:auto!important;transform:none!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot.discard-3{left:8%!important;right:auto!important;top:auto!important;bottom:18%!important;transform:none!important}
html body #root main.gameScreen.duzGame .feltTable .myDiscardDock{display:none!important}
html body #root main.gameScreen.duzGame .feltTable .discardRoleLabel{display:none!important}
html body #root main.gameScreen.duzGame .feltTable .discardOwner{display:block!important;position:absolute!important;left:50%!important;right:auto!important;top:-17px!important;bottom:auto!important;transform:translateX(-50%)!important;font-size:9px!important;line-height:14px!important;padding:0 3px!important;color:#fff0c2!important;background:#082f29!important;white-space:nowrap!important;border-radius:4px!important}
@media(max-width:900px){
html body #root main.gameScreen.yuzbirGame .feltTable .seat.seat-1{left:auto!important;right:6.154%!important}
html body #root main.gameScreen.yuzbirGame .feltTable .seat.seat-3{left:6.154%!important;right:auto!important}
html body #root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-1{left:auto!important;right:7.5%!important;top:20%!important;bottom:auto!important;transform:none!important}
html body #root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-3{left:7.5%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:none!important}
html body #root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-2{left:26%!important;right:auto!important;top:10%!important;bottom:auto!important;transform:none!important}
html body #root main.gameScreen.duzGame .feltTable .discardSpot.discard-0{right:18%!important;bottom:6%!important}
}

html body #root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock{display:none!important}
html body #root main.gameScreen .feltTable .seat.turn::before,html body #root main.gameScreen .feltTable .seat.turn::after,html body #root main.gameScreen .feltTable .seat.turn b::before{content:none!important}

html body #root main.gameScreen.duzGame .gameTableWrap .feltTable .discardSpot>.discardHistoryCount{position:absolute!important;top:calc(100% + 4px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;white-space:nowrap!important;font-size:8px!important;line-height:12px!important;padding:1px 4px!important;height:16px!important;min-height:16px!important}
html body #root main.gameScreen.duzGame .gameTableWrap .feltTable .discardSpot>.takeDiscardHint{position:absolute!important;top:-40px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;white-space:nowrap!important;font-size:9px!important;padding:2px 5px!important;min-width:68px!important;height:20px!important;min-height:20px!important}

html body #root .gameScreen .rackArea .autoPilotBanner,html body #root .gameScreen .rackArea .autoPilotBanner :not(button){color:#fff4d8!important}

@media(max-width:900px){html body #root main.gameScreen.duzGame .feltTable .discardSpot.discard-2{left:26%!important}}

/* Keep history labels within the mobile table and remove stale draw labels at hand end. */
html body #root .gameScreen .centerDeck.startDeck small::after{content:none!important;display:none!important}
@media(max-width:900px){
html body #root main.gameScreen .feltTable .discardSpot.discard-3>.discardHistoryCount{position:absolute!important;top:calc(100% + 3px)!important;bottom:auto!important;left:0!important;right:auto!important;transform:none!important;white-space:nowrap!important;font-size:8px!important}
}
/* Eighteen columns retain every rack slot; row height follows the tile width. */
@media(max-width:700px) and (orientation:portrait){
html body #root main.gameScreen.yuzbirGame .rackArea{height:calc(84px + 14.4vw)!important;min-height:0!important;max-height:none!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell,html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea .rackBoardShell{inset:65px 7px 7px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid{padding:3px 2px!important;column-gap:1px!important;row-gap:5px!important}
}

@media(max-width:900px){
html body #root main.gameScreen .tableChatBubble{z-index:130!important}
html body #root main.gameScreen.yuzbirGame .feltTable .discardSpot>.takeDiscardHint{position:absolute!important;top:-37px!important;bottom:auto!important;left:0!important;right:auto!important;transform:none!important;height:18px!important;min-height:18px!important;width:auto!important;min-width:0!important;padding:2px 3px!important;font-size:8px!important;white-space:nowrap!important}
}
@media(max-width:700px) and (orientation:portrait){
html body #root main.gameScreen.yuzbirGame .tableChatBubble{bottom:calc(110px + 14.4vw)!important;right:20px!important}
}
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame .rackArea{height:112px!important;top:auto!important;bottom:8px!important;overflow:visible!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead{display:flex!important;top:4px!important;left:6px!important;right:6px!important;width:auto!important;height:24px!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>div:first-child{display:none!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rackTools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;height:24px!important;gap:4px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rackTools>button{display:block!important;position:static!important;width:auto!important;height:24px!important;min-height:24px!important;font-size:10px!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar{top:32px!important;left:6px!important;right:6px!important;width:auto!important;height:24px!important;min-height:24px!important;padding:0!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rack101UnifiedActions{width:100%!important;height:24px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rack101UnifiedActions>button{height:24px!important;min-height:24px!important;font-size:10px!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell{inset:60px 6px 5px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .autoPilotBanner{width:min(360px,90%)!important;max-height:96px!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;padding:6px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .autoPilotBanner button{min-height:28px!important;padding:4px 12px!important;font-size:12px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .autoPilotBanner p{margin:2px!important;font-size:9px!important}
html body #root main.gameScreen.yuzbirGame .tableChatBubble{bottom:126px!important;right:18px!important;width:38px!important;height:38px!important}
html body #root main.gameScreen.yuzbirGame .seat-0{display:none!important}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important}
html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
}

@media(max-width:700px) and (orientation:portrait){
html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea{top:auto!important;bottom:2.5%!important;height:calc(84px + 14.4vw)!important;min-height:0!important;max-height:none!important}
}
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea{top:auto!important;bottom:8px!important;height:112px!important;max-height:none!important}
html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea>.rackBoardShell{inset:60px 6px 5px!important}
}

/* Landscape phone: one control row above two full-size tile rows. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame{--landscape-rack-height:calc(48px + (82vw - 28px)*.1556)}
html body #root main.gameScreen.yuzbirGame .rackArea,html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea{height:var(--landscape-rack-height)!important;top:auto!important;bottom:8px!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead{left:6px!important;right:50%!important;top:4px!important;height:28px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rackTools,html body #root main.gameScreen.yuzbirGame .rackArea .rackTools>button{height:28px!important;min-height:28px!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar{left:calc(50% + 4px)!important;right:6px!important;top:4px!important;height:28px!important;min-height:28px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .rack101UnifiedActions,html body #root main.gameScreen.yuzbirGame .rackArea .rack101UnifiedActions>button{height:28px!important;min-height:28px!important}
html body #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell,html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea>.rackBoardShell{inset:36px 6px 6px!important}
html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid{padding:3px!important;gap:5px 1px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot,html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied{height:100%!important;max-height:100%!important;min-height:0!important;min-width:0!important;border:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{height:100%!important;min-height:0!important;max-height:100%!important}
html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:56px!important;bottom:calc(var(--landscape-rack-height) + 24px)!important;height:auto!important;max-height:none!important}
html body #root main.gameScreen.yuzbirGame .centerDeck{top:auto!important;bottom:calc(var(--landscape-rack-height) + 16px)!important}
html body #root main.gameScreen.yuzbirGame .tableChatBubble{bottom:calc(var(--landscape-rack-height) + 18px)!important}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel{position:absolute!important;top:54px!important;left:20px!important;right:auto!important;bottom:auto!important;width:110px!important;height:48px!important;min-height:0!important;transform:none!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .seat.seat-2{left:30%!important;right:auto!important;top:6px!important;width:110px!important;height:28px!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-2{left:24%!important;right:auto!important;top:8px!important;bottom:auto!important}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame .feltTable101 .seat.seat-2{left:28%!important;top:6px!important;width:100px!important;z-index:131!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-2{left:23%!important;top:8px!important;z-index:131!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot>.discardRoleLabel{display:none!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot>.discardOwner{position:absolute!important;top:-14px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;font-size:8px!important;white-space:nowrap!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3{top:auto!important;bottom:calc(var(--landscape-rack-height) + 18px)!important;left:3%!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3>.discardHistoryCount{left:auto!important;right:calc(100% + 3px)!important;top:50%!important;transform:translateY(-50%)!important;font-size:7px!important;padding:1px 2px!important}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
html body #root main.gameScreen.yuzbirGame .feltTable101 .seat.seat-2{top:44px!important;left:28%!important;height:28px!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .seat.seat-2>.botSeatRemove{display:none!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-2{top:44px!important;width:28px!important;height:36px!important;min-height:0!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-2>.discardOwner{display:none!important}
html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:84px!important}
html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3>.discardHistoryCount{left:calc(100% + 3px)!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important}
}

/* The centered undo button remains available; its duplicate must not cover opening actions. */
html body #root main.gameScreen.yuzbirGame .rackArea .rack101ScoreBar .rack101UnifiedActions>button.returnSideTile{display:none!important;pointer-events:none!important}


/* SOURCE: lobby-readable-20261002.css */
/* Scoped lobby readability and fully visible seat preview. */
.balancePills .balanceLabel{font-size:inherit;font-weight:600}
.gameScreen .balanceLabel{display:none}
@media(min-width:1000px){
html body #root#root main.entertainmentLobby .salonLive,
html body #root#root main.entertainmentLobby .liveDot,
html body #root#root main.entertainmentLobby .darkCommunityLive,
html body #root#root main.entertainmentLobby .eyebrow{font-size:13px!important}
html body #root#root main.entertainmentLobby .topNick{font-size:15px!important}
html body #root#root main.entertainmentLobby .lobbyTablesActions button,
html body #root#root main.entertainmentLobby .lobbyChatQuickActions button,
html body #root#root main.entertainmentLobby .socialToolBar button,
html body #root#root main.entertainmentLobby .chatTabs button,
html body #root#root main.entertainmentLobby .radioToggle,
html body #root#root main.entertainmentLobby .userSettingsButton{font-size:13px!important}
html body #root#root main.entertainmentLobby .balancePills span{font-size:13px!important;white-space:nowrap}
html body #root#root main.entertainmentLobby .lobbySystemNotice{font-size:13px!important;line-height:1.4!important}
html body #root#root main.entertainmentLobby .chatNameButton,
html body #root#root main.entertainmentLobby .chatTextStyled,
html body #root#root main.entertainmentLobby .chatMessage,
html body #root#root main.entertainmentLobby .chatComposer input{font-size:14px!important;line-height:1.4!important}
html body #root#root main.entertainmentLobby .roleBadge{font-size:12px!important}
html body #root#root main.entertainmentLobby .onlineUserIdentity,
html body #root#root main.entertainmentLobby .onlineUserIdentity small,
html body #root#root main.entertainmentLobby .onlineUserPoints,
html body #root#root main.entertainmentLobby .onlineUserStats span,
html body #root#root main.entertainmentLobby .onlineCountBadge,
html body #root#root main.entertainmentLobby .onlineSearch input{font-size:14px!important}
html body #root#root main.entertainmentLobby .onlineUsersHint{font-size:11px!important;line-height:1.4!important}
html body #root#root main.entertainmentLobby .funTableCard .compactMeta span,
html body #root#root main.entertainmentLobby .funTableCard .joinFun,
html body #root#root main.entertainmentLobby .funTableCard>button:last-child{font-size:14px!important}
html body #root#root main.entertainmentLobby .funTableCard .tableSeatVisual{height:170px!important;min-height:170px!important;max-height:170px!important;box-sizing:border-box!important;grid-template-columns:minmax(60px,1fr) minmax(70px,1fr) minmax(60px,1fr)!important;grid-template-rows:44px 52px 44px!important;gap:4px 5px!important}
html body #root#root main.entertainmentLobby .funTableCard .seatBubble small{font-size:12px!important;line-height:1.2!important}
html body #root#root main.entertainmentLobby .funTableCard .seatBubble>span{font-size:12px!important}
html body #root#root main.entertainmentLobby .funTableCard .compactMeta{height:170px!important;min-height:170px!important;max-height:170px!important}
html body #root#root main.entertainmentLobby .funTableCard{padding-bottom:10px!important}
}
@media(max-width:999px){.entertainmentLobby .balancePills span{white-space:nowrap}.entertainmentLobby .balancePills .balanceLabel{font-size:10px}}

@media(min-width:1000px){
html body #root#root main.entertainmentLobby .lobbyChatQuickActions button,
html body #root#root main.entertainmentLobby .socialToolBar button,
html body #root#root main.entertainmentLobby .chatTabs button{min-height:34px!important;padding:7px 12px!important;font-size:14px!important;line-height:1.2!important}
html body #root#root main.entertainmentLobby .lobbyChatQuickActions button *,
html body #root#root main.entertainmentLobby .socialToolBar button *,
html body #root#root main.entertainmentLobby .chatTabs button *{font-size:inherit!important;line-height:inherit!important}
}

@media(min-width:1000px){
#root#root main.entertainmentLobby .onlineUserIdentity .styledName{font-size:14px!important}
#root#root main.entertainmentLobby .lobbyTablesBar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;height:auto!important;min-height:80px!important}
#root#root main.entertainmentLobby .lobbyTablesTitle{flex:1 0 120px!important}
#root#root main.entertainmentLobby .lobbyTablesActions{flex:1 1 auto!important;flex-wrap:wrap!important}
#root#root main.entertainmentLobby .balancePills .balanceLabel{margin-right:4px!important}
}

#root#root main.entertainmentLobby .chatComposer .emojiButton{font-size:24px!important;line-height:1!important;width:42px!important;min-width:42px!important;height:42px!important;padding:5px!important}
#root#root main.entertainmentLobby .frequentEmojiRow{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;padding:0 0 7px!important}
#root#root main.entertainmentLobby .frequentEmojiRow small{font-size:12px!important;color:#bac8dc!important;margin-right:3px!important}
#root#root main.entertainmentLobby .frequentEmojiRow button{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;font-size:23px!important;line-height:1!important;width:34px!important;min-width:34px!important;height:34px!important;padding:3px!important;border-radius:8px!important;cursor:pointer!important}
#root#root main.entertainmentLobby .chatComposer{flex-shrink:0!important}

#root#root main.entertainmentLobby .emojiPicker .emojiGrid:not(.gifGrid){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
#root#root main.entertainmentLobby .emojiPicker .emojiGrid:not(.gifGrid) button{font-size:28px!important;min-height:42px!important;line-height:1!important;padding:4px!important}
#root#root main.entertainmentLobby .emojiPicker .emojiSubTabs{flex-wrap:wrap!important}
#root#root main.entertainmentLobby .emojiPicker .emojiTabs button,#root#root main.entertainmentLobby .emojiPicker .emojiSubTabs button{font-size:13px!important;min-height:30px!important}


/* SOURCE: pc-rack-refinement-20261002.css */
/* Desktop Duz rack: one root, 15 columns, two rows. */
@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame .rackArea .rackBoardShell{
 width:min(100%,900px)!important;max-width:100%!important;height:146px!important;min-height:146px!important;max-height:146px!important;margin:0 auto!important;padding:6px 8px 10px!important;box-sizing:border-box!important;position:relative!important;overflow:visible!important;
 background:repeating-linear-gradient(2deg,#ffffff05 0 1px,transparent 1px 6px),linear-gradient(180deg,#9d6b3c,#70451f)!important;border:2px solid #5e3b1e!important;border-top-color:#d5a676!important;border-radius:9px!important;box-shadow:0 5px 9px #0004,inset 0 1px 3px #efd0a866!important;
}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid{
 display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:8px 4px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;position:relative!important;z-index:2!important;overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important;
}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell .rackSlot{
 height:100%!important;min-height:0!important;min-width:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;box-sizing:border-box!important;background:transparent!important;border:0!important;
}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell .rackSlot>button.okeyTile.imageTile{
 position:relative!important;inset:auto!important;transform:none!important;translate:none!important;width:min(46px,100%)!important;min-width:0!important;max-width:100%!important;height:100%!important;max-height:62px!important;min-height:0!important;margin:0 auto!important;padding:0!important;border:0!important;box-sizing:border-box!important;display:block!important;
}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell .rackSlot>button.okeyTile.imageTile img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell::before,html body #root#root#root main.gameScreen.duzGame .rackBoardShell::after{content:""!important;display:block!important;position:absolute!important;left:5px!important;right:5px!important;height:6px!important;background:linear-gradient(#cf9b63,#835329 45%,#4e2e15)!important;z-index:3!important;pointer-events:none!important;transform:none!important;border:0!important}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell::before{top:calc(50% - 4px)!important;bottom:auto!important}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell::after{bottom:3px!important;top:auto!important}
html body #root#root#root main.gameScreen.duzGame .rackHead{position:relative!important;min-height:42px!important;margin-bottom:4px!important}
html body #root#root#root main.gameScreen.duzGame .rackHead .rackTools{position:absolute!important;left:50%!important;right:auto!important;top:0!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(3,max-content)!important;gap:8px!important;width:auto!important;margin:0!important}
html body #root#root#root main.gameScreen.duzGame .rackHead .rackTools>button{position:static!important;width:auto!important;min-height:34px!important;font-size:13px!important;padding:6px 14px!important}
html body #root#root#root main.gameScreen.duzGame .rackHead .rackTools>button:nth-child(1){grid-column:2!important;grid-row:1!important}
html body #root#root#root main.gameScreen.duzGame .rackHead .rackTools>button:nth-child(2){grid-column:1!important;grid-row:1!important}
html body #root#root#root main.gameScreen.duzGame .rackHead .rackTools>button:nth-child(3){grid-column:3!important;grid-row:1!important}
html body #root#root#root main.gameScreen.duzGame .rackHead .rackMode{display:none!important}
}

@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame{--pc-rack-height:196px!important}
html body #root#root#root main.gameScreen.duzGame .rackArea{height:196px!important;min-height:196px!important;max-height:196px!important}
html body #root#root#root main.gameScreen.duzGame .rackArea .rackBoardShell{position:absolute!important;top:44px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(calc(100% - 16px),900px)!important;margin:0!important}
}

/* Adjacent stones touch closely; empty rack slots keep groups separate. */
@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid{grid-template-columns:repeat(15,minmax(0,46px))!important;justify-content:center!important;column-gap:1px!important}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell .rackSlot>button.okeyTile.imageTile{width:100%!important}
}


/* SOURCE: dark-brand-banner-20261002.css */
/* Brand banner uses the spare desktop header space without adding a row. */
.darkBrandBanner{display:none}
@media(min-width:1200px){
html body #root main.gameScreen>.topbar>.darkBrandBanner{display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:0 1 380px;min-width:140px;max-width:380px;height:44px;margin:0 auto;padding:3px 18px;box-sizing:border-box;border:1px solid #8065b855;border-radius:10px;background:linear-gradient(110deg,#171c35,#342151,#171c35);color:#fff;overflow:hidden;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff14}
.darkBrandBanner strong{font-size:20px;line-height:23px;letter-spacing:3px;color:#f3e8ff;white-space:nowrap}
.darkBrandBanner span{font-size:10px;line-height:13px;color:#d5c4ec;white-space:nowrap}
html body #root main.gameScreen>.topbar>.topbarRight{flex:0 1 auto!important;margin-left:auto!important;min-width:0}
}
@media(min-width:1200px) and (max-width:1450px){html body #root main.gameScreen>.topbar>.darkBrandBanner{max-width:190px;padding:3px 8px}.darkBrandBanner strong{font-size:16px;letter-spacing:2px}.darkBrandBanner span{font-size:9px}}

@keyframes darkBrandTurn{0%,18%,100%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-9px)}46%{opacity:0;transform:translateY(9px)}70%{opacity:1;transform:translateY(0)}}
@media(min-width:1200px) and (prefers-reduced-motion:no-preference){.darkBrandBanner strong{animation:darkBrandTurn 8s ease-in-out infinite}}


/* SOURCE: duz-indicator-clean-20261002.css */
/* Desktop information cleanup; no rack/tile geometry changes. */
@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame .gameInfoBar>.stockBox,html body #root#root#root main.gameScreen.duzGame .gameInfoBar>.turnBox{display:none!important}
html body #root#root#root main.gameScreen.duzGame .gameInfoBar{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;pointer-events:none!important}
html body #root#root#root main.gameScreen.duzGame .gameInfoBar>.indicatorPanel{position:absolute!important;top:60px!important;left:22px!important;right:auto!important;width:150px!important;min-width:150px!important;height:60px!important;min-height:60px!important;max-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:5px 8px!important;box-sizing:border-box!important;z-index:5!important;pointer-events:auto!important}
html body #root#root#root main.gameScreen.duzGame .indicatorPanel .indicatorInfo{display:flex!important;align-items:center!important;gap:7px!important}
html body #root#root#root main.gameScreen.duzGame .indicatorPanel .indicatorInfo>b{font-size:11px!important}
html body #root#root#root main.gameScreen.duzGame .indicatorPanel .okeyTile{width:28px!important;height:40px!important;min-width:28px!important;min-height:40px!important}
html body #root#root#root main.gameScreen .seat>b,html body #root#root#root main.gameScreen .seat .styledName{font-size:13px!important;line-height:17px!important}
html body #root#root#root main.gameScreen .seat>span:last-child{font-size:11px!important;line-height:14px!important}
html body #root#root#root main.gameScreen .actionPanel b{font-size:13px!important;line-height:17px!important}
html body #root#root#root main.gameScreen .actionPanel span{font-size:11px!important;line-height:14px!important}
html body #root#root#root main.gameScreen .chatMessage,html body #root#root#root main.gameScreen .chatMessage .chatTextStyled{font-size:15px!important;line-height:1.45!important}
html body #root#root#root main.gameScreen .chatMessage small{font-size:12px!important}
html body #root#root#root main.gameScreen .discardLabel,html body #root#root#root main.gameScreen .discardHistoryButton{font-size:11px!important;line-height:14px!important}
}
@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame .actionPanel>div:first-child{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;overflow:hidden!important}
html body #root#root#root main.gameScreen.duzGame .actionPanel>div:first-child b{flex-shrink:0!important;white-space:nowrap!important}
html body #root#root#root main.gameScreen.duzGame .actionPanel>div:first-child span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(min-width:1000px){html body #root#root#root main.gameScreen.yuzbirGame .discardSpot.myDiscardTarget.tapDiscardReady .tapDiscardHint{left:calc(100% + 6px)!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:34px!important;min-width:34px!important;height:26px!important;min-height:26px!important;z-index:4!important}}

/* Invisible rack slots retain their hit areas and dimensions. */
html body #root#root#root main.gameScreen .rackArea .tileRackGrid .rackSlot,
html body #root#root#root main.gameScreen .rackArea .tileRackGrid .rackSlot:hover,
html body #root#root#root main.gameScreen .rackArea .tileRackGrid .rackSlot.empty.dropTarget{
 background:transparent!important;background-image:none!important;border-color:transparent!important;outline:0!important;box-shadow:none!important;
}
html body #root#root#root main.gameScreen .rackArea .tileRackGrid .rackSlot::before,
html body #root#root#root main.gameScreen .rackArea .tileRackGrid .rackSlot::after{content:none!important;display:none!important}
/* Discarded tiles appear immediately in their owner's discard pile. */
html body #root#root#root main.gameScreen .discardSpot .imageTile.justDiscarded{
 animation:none!important;transition:none!important;transform:none!important;translate:none!important;
}

/* Explicit contrast for both table designs; rack geometry stays unchanged. */
html body #root#root#root main.gameScreen .seat{color:#f5f4e8!important}
html body #root#root#root main.gameScreen .seat>span{color:#e5e9e4!important;opacity:1!important}
html body #root#root#root main.gameScreen .discardOwner{color:#fff4c9!important;background:#102c25!important}
html body #root#root#root main.gameScreen .rackTools button:not(:disabled),
html body #root#root#root main.gameScreen .rack101UnifiedActions button:not(:disabled){text-shadow:none!important;opacity:1!important}
html body #root#root#root main.gameScreen button:disabled{opacity:.65!important}
html body #root#root#root .gameLobbyBrowse .browseHero{background:#123a32!important;color:#fff!important;border:1px solid #587e68!important;border-radius:14px!important;padding:20px!important}
html body #root#root#root .gameLobbyBrowse .browseHero h1{color:#fff!important;font-size:26px!important;line-height:1.2!important}
html body #root#root#root .gameLobbyBrowse .browseHero p{color:#ebf2ed!important;font-size:14px!important;line-height:1.5!important}
html body #root#root#root .gameLobbyBrowse .browseGameCard{background:#0c2923!important;color:#fff!important;padding:14px!important;border-radius:10px!important}
html body #root#root#root .gameLobbyBrowse .returnTableButton{background:#f2ce72!important;color:#20190b!important;font-size:14px!important;font-weight:800!important;min-height:38px!important}

/* Same discard geometry before selection, during selection and after discard. */
@media(min-width:1000px){
html body #root#root#root main.gameScreen.yuzbirGame .feltTable101 .discardSpot{
 width:38px!important;min-width:38px!important;max-width:38px!important;height:54px!important;min-height:54px!important;max-height:54px!important;
 box-sizing:border-box!important;padding:2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;transform:none!important;transition:none!important;border:1px solid #a88b48!important;border-radius:10px!important;
}
html body #root#root#root main.gameScreen.yuzbirGame .feltTable101 .discardSpot>.imageTile.okeyTile{
 position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;translate:none!important;transition:none!important;
 width:32px!important;min-width:32px!important;max-width:32px!important;height:45px!important;min-height:45px!important;max-height:45px!important;flex:0 0 45px!important;margin:0!important;padding:0!important;
}
html body #root#root#root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-0{
 left:auto!important;right:14px!important;top:auto!important;bottom:20px!important;
}
}

@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame .actionPanel{height:34px!important;min-height:34px!important;max-height:34px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:4px 8px!important;gap:10px!important;overflow:hidden!important}
html body #root#root#root main.gameScreen.duzGame .actionPanel>div:first-child{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;height:auto!important;padding:0!important;margin:0!important;transform:none!important}
html body #root#root#root main.gameScreen.duzGame .actionPanel>div:first-child>b,
html body #root#root#root main.gameScreen.duzGame .actionPanel>div:first-child>span{position:static!important;display:block!important;margin:0!important;padding:0!important;transform:none!important;line-height:18px!important}
html body #root#root#root main.gameScreen.duzGame .indicatorInfo>span{display:none!important}
html body #root#root#root main.gameScreen.duzGame .indicatorPanel .okeyTile{width:32px!important;min-width:32px!important;height:45px!important;min-height:45px!important}
html body #root#root#root main.gameScreen.duzGame .indicatorInfo>small{font-size:11px!important;line-height:14px!important}
html body #root#root#root main.gameScreen.duzGame .tableScoreStrip .scorePlayers i{font-size:11px!important}
html body #root#root#root main.gameScreen.duzGame .tableScoreStrip .scorePlayers b,
html body #root#root#root main.gameScreen.duzGame .tableScoreStrip .scorePlayers strong{font-size:12px!important}
html body #root#root#root main.gameScreen.duzGame .discardSpot>.discardHistoryCount{font-size:10px!important;line-height:14px!important;min-height:18px!important}
html body #root#root#root main.gameScreen.duzGame .discardSpot.discard-3{bottom:14%!important}
html body #root#root#root .gameLobbyBrowse .browseHero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,320px)!important;height:auto!important;max-height:none!important}
html body #root#root#root .gameLobbyBrowse .browseHero>div:first-child{display:block!important}
html body #root#root#root .gameLobbyBrowse .browseTablesArea{min-height:0!important;overflow-y:auto!important}
}
@media(max-width:999px){html body #root#root#root .gameLobbyBrowse .browseHero>div:first-child{display:block!important}}

/* Duz rack centered within the table lane, including an open social panel. */
@media(min-width:1000px){
html body #root#root#root main.gameScreen.duzGame .rackArea{
 left:12px!important;right:calc(var(--pc-social-reserve,0px) + 12px)!important;width:auto!important;max-width:none!important;transform:none!important;
}
html body #root#root#root main.gameScreen.duzGame .rackArea .rackBoardShell{
 background:repeating-linear-gradient(2deg,#ffffff04 0 1px,transparent 1px 7px),linear-gradient(145deg,#765239,#493022 52%,#302018)!important;
 border-color:#65452e!important;border-top-color:#b79467!important;border-radius:12px!important;
 box-shadow:inset 0 0 0 1px #d7b77855,inset 0 0 18px #140b0755,0 5px 12px #0006!important;
}
html body #root#root#root main.gameScreen.duzGame .rackBoardShell::before,
html body #root#root#root main.gameScreen.duzGame .rackBoardShell::after{
 background:linear-gradient(180deg,#ae8860,#523824 45%,#24170f 70%,#785638)!important;
 box-shadow:0 1px 2px #edcc9b33!important;
}
}


/* SOURCE: lobby-readability-20261003.css */
/* Lobby polish: keep the established three-column layout. */
html body #root#root#root .lobbySocialLayout .lobbyTablesBar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;padding:14px!important;height:auto!important;min-height:0!important}
html body #root#root#root .lobbySocialLayout .lobbyTablesTitle{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 190px!important;min-width:0!important}
html body #root#root#root .lobbySocialLayout .lobbyTablesTitle>div{min-width:0!important}
html body #root#root#root .lobbySocialLayout .lobbyTablesTitle h2{margin:0 0 4px!important;font-size:22px!important;line-height:26px!important}
html body #root#root#root .lobbySocialLayout .lobbyTablesTitle small{display:block!important;font-size:13px!important;line-height:18px!important;color:#c5d1df!important;white-space:normal!important}
html body #root#root#root .lobbySocialLayout .liveDot{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important}
html body #root#root#root .lobbySocialLayout .lobbyTablesActions{display:flex!important;flex:0 1 auto!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}
html body #root#root#root .lobbySocialLayout .lobbyTablesActions>.collapseTables{display:none!important}
html body #root#root#root .lobbySocialLayout:not(.chatOnlyLobby) .lobbyChatQuickActions>button:nth-child(3){display:none!important}
html body #root#root#root .lobbySocialLayout .lobbyChatFloorHead{gap:12px!important;flex-wrap:wrap!important;height:auto!important;min-height:0!important}
html body #root#root#root .lobbySocialLayout .lobbyChatQuickActions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
html body #root#root#root .lobbySocialLayout .onlineUserRow{min-height:74px!important;gap:10px!important;padding:10px!important}
html body #root#root#root .lobbySocialLayout .onlineUserIdentity{min-width:0!important;flex:1!important;text-align:left!important}
html body #root#root#root .lobbySocialLayout .onlineUserIdentity b,
html body #root#root#root .lobbySocialLayout .onlineUserIdentity .styledName{font-size:15px!important;line-height:20px!important}
html body #root#root#root .lobbySocialLayout .onlineUserIdentity small{font-size:13px!important;line-height:18px!important}
html body #root#root#root .lobbySocialLayout .onlineUserPoints{font-size:12px!important;line-height:18px!important;flex-shrink:0!important}
html body #root#root#root .lobbySocialLayout .onlineUserPoints small,
html body #root#root#root .lobbySocialLayout .onlineUserPoints span{font-size:12px!important;line-height:18px!important}
html body #root#root#root .lobbySocialLayout .chatEmpty,
html body #root#root#root .lobbySocialLayout .onlineEmpty{font-size:14px!important;line-height:20px!important;color:#bac7d7!important}
html body #root#root#root .lobbySocialLayout .onlineUsersPanel>small,
html body #root#root#root .lobbySocialLayout .lobbyChatFloorHead small{font-size:13px!important;line-height:18px!important;color:#c5d1df!important}

html body #root#root#root .entertainmentLobby .lobbyTopbar .lobbyAdBanner{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;flex:1 1 220px!important;min-width:140px!important;max-width:460px!important;min-height:48px!important;padding:6px 16px!important;box-sizing:border-box!important;border:1px solid #7861ad88!important;border-radius:12px!important;background:linear-gradient(115deg,#191c35,#32244b 55%,#172d32)!important;color:#f4eaff!important;text-align:center!important;overflow:hidden!important}
html body #root#root#root .entertainmentLobby .lobbyAdBanner strong{font-size:19px!important;line-height:22px!important;letter-spacing:3px!important;white-space:nowrap!important}
html body #root#root#root .entertainmentLobby .lobbyAdBanner>span{font-size:12px!important;line-height:16px!important;color:#ddd2ec!important;white-space:nowrap!important}
@media(max-width:700px){html body #root#root#root .entertainmentLobby .lobbyTopbar .lobbyAdBanner{flex:1 1 100%!important;width:100%!important;max-width:none!important;min-height:44px!important}html body #root#root#root .entertainmentLobby .lobbyAdBanner strong{font-size:17px!important;letter-spacing:2px!important}}

html body #root#root#root .onlineUsersPanel .onlineListFilters{display:flex;gap:6px;padding:8px 10px}
html body #root#root#root .onlineUsersPanel .onlineListFilters button{flex:1;padding:7px;border:1px solid #3b4c65;border-radius:8px;background:#162238;color:#dce5ef;font-size:13px}
html body #root#root#root .onlineUsersPanel .onlineListFilters button.active{background:#43316b;border-color:#a687dc;color:#fff}
html body #root#root#root .onlineUsersPanel .userAvatar{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#30445e,#19283b)!important;border:2px solid #788ba5!important;font-size:15px!important}
html body #root#root#root .onlineUsersPanel .userAvatar.role-admin{border-color:#e4bd69!important}
html body #root#root#root .onlineUsersPanel .onlineUserIdentity>b{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}
html body #root#root#root .onlineUsersPanel .authorityBadge{font-size:19px!important;line-height:23px!important;display:inline-flex!important;align-items:center!important}
html body #root#root#root .onlineUsersPanel .onlineUserIdentity .styledName{font-size:15px!important;line-height:21px!important}
html body #root#root#root .onlineUsersPanel .onlineUserRow{border-radius:10px!important;border:1px solid #314158!important;background:#152135!important;margin-bottom:6px!important;color:#e8eef6!important}

@keyframes darkNickGlow{0%,100%{text-shadow:0 0 3px #b989d666}50%{text-shadow:0 0 8px #eea5ffbb}}
@keyframes darkNickRainbow{0%,100%{color:#b8a1ff}33%{color:#80e6de}66%{color:#ffc78d}}
html body #root#root#root .onlineUsersPanel .animatedBotNick .styledName{animation:darkNickGlow 3.5s ease-in-out infinite,darkNickRainbow 8s linear infinite!important;font-weight:800!important}
html body #root#root#root .onlineUsersPanel .botNick-demo-heart .styledName{animation-delay:-2s!important}
html body #root#root#root .onlineUsersPanel .botNick-demo-gold .styledName{animation-delay:-4s!important}
html body #root#root#root .lobbyBotBadge{font-size:12px!important;line-height:16px!important;opacity:.85}
@media(prefers-reduced-motion:reduce){html body #root#root#root .onlineUsersPanel .animatedBotNick .styledName{animation:none!important}}

html body #root .nickGif{display:inline-block!important;width:32px!important;height:24px!important;object-fit:contain!important;vertical-align:middle!important;margin:0 4px!important}
html body #root .appearanceSettings{padding:14px;border:1px solid #6a568b;border-radius:12px;margin-bottom:16px;background:#152235;color:#e5eaf4}
html body #root .appearanceForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
html body #root .appearanceForm label{display:flex;flex-direction:column;gap:6px;font-size:14px}
html body #root .appearanceForm input,html body #root .appearanceForm select{max-width:100%;min-height:34px}
html body #root .appearanceCatalogRow{display:flex;align-items:center;gap:12px;padding:8px;border-bottom:1px solid #344056;flex-wrap:wrap}
html body #root .appearanceCatalogRow img{width:48px;height:32px;object-fit:contain}
html body #root .appearanceColorSwatch{width:24px;height:24px;border-radius:50%;border:1px solid #fff6}

.settingsAccountSummary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px}.settingsAccountSummary .balancePills{display:flex;flex-wrap:wrap;gap:8px}.settingsAccountSummary .balancePills span{background:#263346;color:#fff;padding:9px 12px;border-radius:9px;font-size:14px}


/* SOURCE: theme-preference-20261003.css */
/* Theme colors only: preserve table/rack geometry and player-selected nick colors. */
html[data-theme="light"] body{background:var(--body-gradient)!important;color:var(--text)!important}
html[data-theme="light"] body #root#root#root#root main.entertainmentLobby{background:linear-gradient(135deg,#e9f2ee,#f4f1fa)!important;color:#202c38!important}
html[data-theme="light"] body #root#root#root#root :is(.lobbyTopbar,.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersPanel,.mobileLobbyHeader,.mobileChatTitle){background:#e8eef5!important;color:#202c38!important;border-color:#c3d1dd!important}
html[data-theme="light"] body #root#root#root#root :is(.tablesArea,.lobbyChatFloor,.lobbyPeopleRail,.mobileLobbyChat,.mobileTableCard,.userSettingsModal,.createTableModal,.tableCreatePanel,.membershipPlanCard,.settingsGroup){background:#f8fafc!important;color:#202c38!important;border-color:#c3d1dd!important;box-shadow:0 8px 24px #34465a14!important}
html[data-theme="light"] body #root#root#root#root :is(.onlineUserRow,.funTableCard,.tableCard,.lobbyChatMessages,.chatMessages,.chatTabs,.lobbyChatComposer,.chatComposer,.onlineUserFilters,.onlineUserSearch,.settingsProfilePreview,.membershipCurrentCard){background:#edf2f7!important;color:#202c38!important;border-color:#ccd7e2!important}
html[data-theme="light"] body #root#root#root#root :is(.lobbyTablesTitle,.lobbyChatFloorHead,.lobbyPeopleRail,.onlineUserIdentity,.onlineUserPoints,.userSettingsHead,.settingsGroupTitle,.settingsPaneIntro,.membershipPlanCard,.mobileTableCard) :is(small,p,span:not(.styledName):not(.styledName span),h2,h3,b:not(.styledName b)){color:#405366!important}
html[data-theme="light"] body #root#root#root#root :is(.lobbyTablesTitle small,.lobbyTopCenter,.lobbyPeopleRail>small,.onlineUsersPanel>small,.emptyChat,.emptyState,.settingsInfo,.userSettingsHead>div>span){color:#506176!important}
html[data-theme="light"] body #root#root#root#root :is(.entertainmentLobby,.userSettingsModal,.createTableModal) input{background:#fff!important;color:#202c38!important;border-color:#becbd8!important}
html[data-theme="light"] body #root#root#root#root :is(.entertainmentLobby,.userSettingsModal,.createTableModal) button:not(.active):not(.primary):not(.joinFun):not(.onlineUserRow):not(.settingsSwitch):not(.colorSwatches button){background:#e3eaf3!important;color:#283a4e!important;border-color:#bccbdc!important}
html[data-theme="light"] body #root#root#root#root :is(.lobbyTablesActions,.lobbyChatQuickActions,.onlineUserFilters,.userSettingsNav,.settingsChoiceRow) button.active{background:#7544bc!important;color:#fff!important}
html[data-theme="light"] body #root#root#root#root .lobbySocialLayout .lobbyTablesTitle small{color:#506176!important}
html[data-theme="light"] body #root#root#root#root .onlineUserStatus{color:#286a50!important}
html[data-theme="light"] body #root#root#root#root .brand{color:#202c38!important}
html[data-theme="light"] body #root#root#root#root .brand span{color:#7544bc!important}

html[data-theme="light"] body #root#root#root#root :is(.onlineUsersHead,.onlineUserStats,.onlineListFilters,.onlineSearch,.chatPanel,.chatInputRow,.lobbyChatMain){background:#edf2f7!important;color:#405366!important;border-color:#ccd7e2!important}
html[data-theme="light"] body #root#root#root#root :is(.onlineUsersHead,.onlineUserStats,.chatEmpty,.lobbyEmpty,.lobbyEmpty b,.lobbyEmpty p,.onlineUsersHint){color:#405366!important}
html[data-theme="light"] body #root#root#root#root .lobbyEmpty{background:#edf2f7!important;border-color:#ccd7e2!important}
html[data-theme="light"] body #root#root#root#root .lobbySystemNotice{background:#f7eaf0!important;color:#5e4050!important;border-color:#e2c8d2!important}
html[data-theme="light"] body #root#root#root#root .lobbySystemNotice span{color:#5e4050!important}
html[data-theme="light"] body #root#root#root#root .onlineUserIdentity .styledName b{color:inherit!important}

/* Neutral gray light theme; dark backing keeps pastel/custom nick colors legible. */
html[data-theme="light"] body #root#root#root#root main.entertainmentLobby{background:linear-gradient(135deg,#dce1e6,#e8e9ed)!important}
html[data-theme="light"] body #root#root#root#root :is(.tablesArea,.lobbyChatFloor,.lobbyPeopleRail){background:#eceef1!important}
html[data-theme="light"] body #root#root#root#root :is(.onlineUserRow,.chatMessages,.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersHead,.onlineUsersPanel,.chatPanel,.lobbyEmpty){background:#e0e5eb!important}
html[data-theme="light"] body #root#root#root#root .styledName{background:#263346!important;border-radius:5px;box-shadow:0 0 0 3px #263346;text-shadow:0 1px 2px #0008!important}
html[data-theme="light"] body #root#root#root#root .styledName b{color:inherit!important}
html[data-theme="light"] body #root#root#root#root .onlineUserStats span{background:#d2dce6!important;color:#283b4d!important;border-color:#b6c5d3!important}
html[data-theme="light"] body #root#root#root#root .onlineUsersHead .onlineCount{background:#d2dce6!important;color:#283b4d!important}
html[data-theme="light"] body #root#root#root#root :is(.darkBrandBanner,.lobbyTopCenter) strong{color:#f3e8ff!important}


/* SOURCE: salon-theme-20261003.css */
/* DARK Salon: visual treatment only; game table/rack styles remain independent. */
html[data-theme="dark"]{--salon-bg:#111820;--salon-panel:#1a2430;--salon-raised:#243140;--salon-line:#364556;--salon-text:#edf2f7;--salon-muted:#b2bfcd;--salon-accent:#ac94f3}
html[data-theme="light"]{--salon-bg:#dce1e7;--salon-panel:#f0f2f5;--salon-raised:#e4e8ee;--salon-line:#bbc5d1;--salon-text:#263545;--salon-muted:#536477;--salon-accent:#6846a8}
html body #root#root#root#root#root main.entertainmentLobby{background:var(--salon-bg)!important;color:var(--salon-text)!important}
html body #root#root#root#root#root :is(main.entertainmentLobby>.topbar,.userSettingsHead){background:var(--salon-panel)!important;border-color:var(--salon-line)!important;box-shadow:0 4px 16px #00000012!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.tablesArea,.lobbyChatFloor,.lobbyPeopleRail,.mobileLobbyChat,.mobileTableCard){background:var(--salon-panel)!important;border:1px solid var(--salon-line)!important;box-shadow:0 8px 24px #0000000d!important;border-radius:14px!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersHead,.onlineUsersPanel,.onlineUserStats,.onlineListFilters,.onlineSearch,.chatPanel,.chatMessages,.chatTabs,.chatInputRow,.lobbyChatMain,.lobbyChatQuickActions,.mobileChatTitle){background:var(--salon-panel)!important;border-color:var(--salon-line)!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersHead){background:var(--salon-raised)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.onlineUserRow,.funTableCard,.lobbyEmpty){background:var(--salon-raised)!important;border:1px solid var(--salon-line)!important;box-shadow:none!important;color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(h2,h3,.lobbyTablesTitle,.onlineUsersHead,.lobbyChatFloorHead,.empty,.empty b){color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby :is(.eyebrow,.chatEmpty,.empty p,.lobbyTablesTitle small,.onlineUsersHint,.onlineUserIdentity small,.onlineUserPoints,.lobbyChatFloorHead span,.onlineUsersHead span,.onlineUsersHead p){color:var(--salon-muted)!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserStats span{background:var(--salon-raised)!important;border:1px solid var(--salon-line)!important;color:var(--salon-text)!important;font-size:13px!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserIdentity .styledName b{color:inherit!important}
html body #root#root#root#root#root .entertainmentLobby .lobbySystemNotice{background:var(--salon-raised)!important;color:var(--salon-muted)!important;border-left:3px solid #9b82d6!important}
html body #root#root#root#root#root .entertainmentLobby .lobbySystemNotice span{color:var(--salon-muted)!important}
html body #root#root#root#root#root .entertainmentLobby :is(input,select){background:var(--salon-bg)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important}
html body #root#root#root#root#root .entertainmentLobby button:not(.onlineUserRow):not(.active):not(.primary):not(.joinFun){background:var(--salon-raised)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby :is(button.active,button.primary,.joinFun){background:#7051b5!important;color:#fff!important;border-color:#896bc9!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby .lobbyAdBanner{background:linear-gradient(110deg,#263447,#332944)!important;border:1px solid #536076!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby .lobbyAdBanner strong{color:#f0e8ff!important;animation:none!important;opacity:1!important}
html body #root#root#root#root#root .entertainmentLobby .lobbyAdBanner span{color:#c4ccdb!important}
html body #root#root#root#root#root .userSettingsModal{background:var(--salon-panel)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
html body #root#root#root#root#root .userSettingsContent{overflow-y:auto!important;min-height:0!important}
html body #root#root#root#root#root .userSettingsModal :is(.settingsGroup,.settingsProfilePreview,.appearanceSettings,.membershipPlanCard,.settingsPaneIntro){background:var(--salon-raised)!important;color:var(--salon-text)!important;border-color:var(--salon-line)!important}
html body #root#root#root#root#root .userSettingsModal :is(label,h2,h3,summary,.settingsGroupTitle b,.settingsPaneIntro b){color:var(--salon-text)!important}
html body #root#root#root#root#root .userSettingsModal :is(label,summary){font-size:13px!important;letter-spacing:.025em!important}
html body #root#root#root#root#root .userSettingsModal :is(p,small,.settingsGroupTitle span,.settingsPaneIntro span){color:var(--salon-muted)!important}
html body #root#root#root#root#root .userSettingsModal :is(input,select){background:var(--salon-bg)!important;color:var(--salon-text)!important;border:1px solid var(--salon-line)!important;border-radius:8px!important;min-height:40px!important;padding:8px!important;width:100%!important}
html body #root#root#root#root#root .userSettingsModal input[type=checkbox]{width:18px!important;min-height:18px!important;accent-color:#8b6cc7!important}
html body #root#root#root#root#root .appearanceForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html body #root#root#root#root#root .appearanceSelectionPreview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#263346;color:#e5dafa;padding:12px;border-radius:10px;margin-bottom:16px}
html body #root#root#root#root#root .appearanceSelectionPreview img{width:32px;height:24px;object-fit:contain}
html body #root#root#root#root#root .appearanceChatPreview{background:#f1f4f8;padding:6px 10px;border-radius:6px}
html body #root#root#root#root#root .appearanceCatalogRow{background:var(--salon-panel)!important;border:1px solid var(--salon-line)!important;padding:8px!important;border-radius:8px!important;margin:8px 0!important}
html body #root#root#root#root#root .appearanceSettings details{margin-top:22px!important;border-top:1px solid var(--salon-line)!important;padding-top:16px!important}
@media(min-width:1000px){html body #root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.3fr) minmax(250px,300px)!important}}
@media(max-width:600px){html body #root#root#root#root#root .appearanceForm{grid-template-columns:minmax(0,1fr)!important}}

html body #root#root#root#root#root .entertainmentLobby :is(.socialToolBar,.chatSend){background:var(--salon-panel)!important;border-color:var(--salon-line)!important}
html body #root#root#root#root#root .entertainmentLobby .tableMeta{background:var(--salon-raised)!important;border:1px solid var(--salon-line)!important;color:var(--salon-text)!important;box-shadow:none!important}
html body #root#root#root#root#root .entertainmentLobby .tableMeta span{color:var(--salon-text)!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserPoints{font-size:13px!important;line-height:18px!important}
html body #root#root#root#root#root .entertainmentLobby .onlineUserPoints :is(span,small,b){font-size:12px!important;color:var(--salon-muted)!important}


/* SOURCE: right-seat-spacing-20261003.css */
/* Move both side 101 players equally, preserving existing transforms/discards. */
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat:is(.seat-1,.seat-3){translate:0 30px!important}

/* Keep the right-side discard below the chat toggle, matching the seat offset. */
html body #root#root#root#root#root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-1{translate:0 25px!important}

@media(min-width:901px){html body #root#root#root#root#root main.gameScreen .feltTable .discardSpot.discard-0{translate:-12px -12px!important}}
html body #root#root#root#root#root main.gameScreen .rackArea .autoPilotBanner{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:1000!important;width:min(360px,calc(100% - 24px))!important;padding:12px!important;background:#15362ff5!important;border:2px solid #e5bf68!important;border-radius:12px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;pointer-events:auto!important}

/* Right bot discard stays below chat control, shifted toward table center. */
@media(min-width:901px){html body #root#root#root#root#root#root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-1{translate:-15px 10px!important}}

/* Keep side bot discards and history badges inside the felt and outside meld panels. */
@media(min-width:901px){
html body #root#root#root#root#root#root#root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-3{translate:0 -24px!important}
html body #root#root#root#root#root#root#root main.gameScreen.yuzbirGame .feltTable .discardSpot.discard-1{translate:-15px -8px!important}
html body #root#root#root#root#root#root#root main.gameScreen.yuzbirGame .feltTable .discardSpot .discardHistoryButton{white-space:nowrap!important}
}


/* SOURCE: game-options-20261003.css */
.gameOptionsOverlay{position:fixed;inset:0;z-index:25000;background:#080e17bb;backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.gameOptionsCard{background:var(--salon-panel,#1a2430);color:var(--salon-text,#edf2f7);border:1px solid var(--salon-line,#465365);border-radius:18px;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;box-shadow:0 24px 70px #0007}
.gameOptionsCard h2{margin:0 0 8px;font-size:24px;color:inherit}.gameOptionsCard p{margin:0 0 22px;color:var(--salon-muted,#b2bfcd);font-size:14px}
.gameOptionsCard label{display:grid;gap:7px;margin:14px 0;color:inherit;font-size:14px;text-transform:none;letter-spacing:0}
.gameOptionsCard select{width:100%;min-height:44px;border:1px solid var(--salon-line,#465365);border-radius:9px;padding:10px;background:var(--salon-bg,#111820);color:inherit;font:inherit}
.gameOptionsActions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.gameOptionsActions button{min-height:44px;background:var(--salon-raised,#243140);color:var(--salon-text,#edf2f7);border:1px solid var(--salon-line,#465365)}.gameOptionsActions button.primary{background:#7051b5;color:#fff;border-color:#896bc9}


/* SOURCE: nick-list-space-20261003.css */
html body #root#root#root .onlineUsersPanel .onlineUserStats,html body #root#root#root .onlineUsersPanel .onlineListFilters{display:none!important}


/* SOURCE: royal-crowns-20261004.css */

.authorityBadge:is(.authority-founder,.authority-coordinator,.authority-manager,.authority-admin){position:relative;display:inline-block!important;flex-shrink:0;width:34px!important;height:29px!important;vertical-align:middle;font-size:0!important;line-height:0!important;margin-right:5px;background:url('/assets/crown-admin-20261004.svg') center/contain no-repeat;filter:drop-shadow(0 2px 2px #70440066) drop-shadow(0 0 5px #f6c34466)}
.authorityBadge.authority-founder{width:43px!important;height:35px!important;background-image:url('/assets/crown-founder-20261004.svg');filter:drop-shadow(0 2px 2px #70440088) drop-shadow(0 0 7px #ffc83c99)}
.authorityBadge.authority-founder::after{content:'✦';position:absolute;right:-2px;top:2px;color:#ffe5a0;font-size:12px;line-height:1;animation:darkRoyalSparkle 2.8s ease-in-out infinite}
@keyframes darkRoyalSparkle{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.authorityBadge.authority-founder::after{animation:none}}

.onlineUserRow .userAvatar{width:32px!important;height:32px!important;min-width:32px;overflow:hidden;border-radius:50%;border:1px solid #d9af5780;display:inline-flex;align-items:center;justify-content:center}.userAvatar img{width:100%;height:100%;object-fit:cover}.darkAvatarButton{border:1px solid #c7a45e80;border-radius:8px;padding:7px 10px;background:transparent;color:inherit;cursor:pointer;font:inherit}

.onlineUserIdentity{min-width:0;flex:1}.onlineUserIdentity>b{display:flex!important;align-items:center;gap:3px;flex-wrap:nowrap;min-width:0}.onlineUserIdentity .authorityBadge{width:27px!important;height:25px!important;margin-right:0}.onlineUserIdentity .authority-founder{width:32px!important;height:28px!important}.onlineUserRow{gap:7px!important}.onlineUserIdentity .nickStyled{min-width:0}.onlineUserRow .userAvatar{width:30px!important;height:30px!important;min-width:30px}

.darkMobileTools[hidden]{display:none!important}.darkMobileTools{position:fixed;right:10px;top:70px;z-index:3500;font-size:12px}.darkMobileTools summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid #a88ad2;border-radius:10px;background:#243140;color:#fff}.darkMobileToolsItems{position:absolute;right:0;top:42px;min-width:190px;background:#172332;padding:8px;border:1px solid #8a74af;border-radius:12px;box-shadow:0 12px 32px #0008}.darkMobileToolsItems button{position:static!important;display:block!important;width:100%;margin:4px 0!important;font-size:13px!important;padding:10px!important}.mobilePersonAvatar{overflow:hidden}.mobilePersonAvatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.mobilePersonName{display:flex!important;align-items:center;justify-content:center;gap:3px}.mobilePersonName .authorityBadge{width:22px!important;height:20px!important;margin:0!important}.mobilePersonName .authority-founder{width:26px!important;height:23px!important}@media(max-width:900px){.darkLogoutButton,.darkAvatarButton{position:static!important;padding:6px 8px!important;font-size:11px!important}.mobilePerson{min-width:76px!important}.darkAvatarButton{max-width:90px}.darkMobileToolsItems:empty{display:none}}

@media(max-width:900px){.mobileLobbyTopbar .darkMobileTools{position:relative!important;top:auto!important;right:auto!important;margin-left:4px;flex-shrink:0}.mobileLobbyTopbar .darkMobileTools summary{padding:8px;font-size:12px;white-space:nowrap}.mobileLobbyTopbar .darkMobileToolsItems{top:38px;z-index:5000;width:200px}.darkMobileToolsItems .darkAvatarButton{max-width:none!important}.mobilePersonAvatar{width:32px!important;height:32px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important}.mobilePersonName{font-size:11px!important;line-height:20px!important;white-space:nowrap}.mobilePersonName .authorityBadge{flex:0 0 20px!important;width:20px!important;height:18px!important;background-size:contain!important}.mobilePersonName .authority-founder{flex-basis:25px!important;width:25px!important;height:21px!important}.mobilePerson{padding:8px 6px!important;min-width:78px!important;gap:3px!important}.mobilePeopleStrip{padding-top:8px!important;padding-bottom:8px!important}}


/* SOURCE: mobile-lobby-clean-20261004.css */
@media(max-width:900px){
html body #root .mobileLobbyTopbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;gap:6px!important;padding:8px!important;min-height:52px!important}
html body #root .mobileLobbyTopbar>.darkMobileTools{grid-column:4!important;grid-row:1!important;margin:0!important;align-self:center!important}
html body #root .mobileLobbyTopbar .darkMobileTools summary{font-size:12px!important;padding:8px!important}
html body #root .mobilePerson{flex:0 0 105px!important;width:105px!important;min-width:105px!important;height:91px!important;padding:8px 5px!important;gap:4px!important;border-radius:12px!important}
html body #root .mobilePersonAvatar{flex:0 0 34px!important;width:34px!important;height:34px!important;min-height:34px!important;border-radius:50%!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body #root .mobilePersonAvatar img{display:block;width:34px!important;height:34px!important;object-fit:cover!important;border-radius:50%!important}
html body #root .mobilePerson b{width:95px!important;max-width:95px!important;font-size:12px!important;line-height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html body #root .mobilePerson small{font-size:10px!important;line-height:13px!important}
html body #root .mobilePersonName .authority-founder{width:24px!important;height:22px!important;flex:0 0 24px!important}
html body #root .mobilePeopleScroller{padding:4px 0 6px!important;gap:8px!important}
html body #root .mobilePeopleStrip{padding:8px 10px!important}
html body #root .mobileSectionTitle{font-size:12px!important;margin-bottom:4px!important}
html body #root .mobileEmptyTable{min-height:54px!important;height:54px!important;max-height:54px!important;padding:10px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body #root .mobileTablesScroller{min-height:0!important;padding:8px 10px!important}
html body #root .mobileTablesPanel{min-height:0!important}
html body #root .mobileTablesHead{padding:8px 10px!important}
html body #root .mobileTablesHead small{font-size:11px!important}
html body #root .mobileChatTitle{padding:8px 10px!important;gap:6px!important}
html body #root .mobileChatTitleActions button{padding:8px!important;font-size:12px!important}
html body #root .mobileLobbyChat{min-height:0!important}
}

/* SOURCE: mobile-people-drawer-20261004.css */

.darkPeopleToggle,.darkPeopleShade,.darkPeopleClose{display:none}
@media(max-width:900px){
html body #root .mobileLobbyTopbar{grid-template-columns:minmax(0,1fr) auto auto!important;row-gap:6px!important}
html body #root .mobileLobbyTopbar .darkMobileTools{grid-row:1!important;grid-column:3!important}
html body #root .mobileLobbyTopbar .darkPeopleToggle{display:block;grid-row:2;grid-column:1/-1;justify-self:end;background:#24344e;color:#f2f4fc;border:1px solid #7e68b5;border-radius:9px;padding:7px 12px;font-size:12px;cursor:pointer}
html body #root .mobilePeopleStrip{position:fixed!important;inset:0 0 0 auto!important;z-index:6000!important;width:min(300px,84vw)!important;height:100dvh!important;max-height:100dvh!important;background:#142135!important;border-left:1px solid #536582!important;box-shadow:-15px 0 45px #0006!important;transform:translateX(105%);visibility:hidden;transition:transform .2s ease,visibility .2s;padding:16px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:auto!important}
html body.darkPeopleOpen #root .mobilePeopleStrip{transform:translateX(0);visibility:visible}
html body #root .mobilePeopleScroller{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:8px!important;width:100%!important;max-height:none!important}
html body #root .mobilePeopleScroller .mobilePerson{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto!important;flex:none!important;width:100%!important;min-width:0!important;height:auto!important;min-height:64px!important;padding:10px!important;text-align:left!important;column-gap:10px!important}
html body #root .mobilePeopleScroller .mobilePersonAvatar{grid-row:1/3;grid-column:1}
html body #root .mobilePeopleScroller .mobilePerson b{grid-column:2;grid-row:1;width:100%!important;max-width:none!important;justify-content:flex-start!important;text-align:left!important;font-size:14px!important}
html body #root .mobilePeopleScroller .mobilePerson small{grid-column:2;grid-row:2;text-align:left!important;font-size:11px!important}
html body #root .mobilePeopleStrip .darkPeopleClose{display:block;align-self:flex-end;background:transparent;border:1px solid #7182a0;color:#fff;padding:7px 10px;border-radius:8px;margin-bottom:16px;cursor:pointer}
html body .darkPeopleShade{position:fixed;inset:0;z-index:5900;background:#0008;border:0;padding:0;width:100%;height:100dvh}
html body.darkPeopleOpen .darkPeopleShade{display:block}
html body #root .mobileLobbyShell{grid-template-rows:auto auto minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){html body #root .mobilePeopleStrip{transition:none}}

@media(max-width:900px){html body #root .mobileLobbyShell{grid-template-columns:minmax(0,1fr)!important}html body #root .mobileTablesPanel{grid-area:2/1!important}html body #root .mobileLobbyChat{grid-area:3/1!important}}


/* SOURCE: mobile-theme-20261004.css */
@media(max-width:900px){
html body #root .mobilePeopleStrip{opacity:1!important;filter:none!important;color:#f5f7ff!important;background:#142135!important}
html body #root .mobilePerson{opacity:1!important;filter:none!important;color:#f5f7ff!important}
html body #root .mobilePerson b{color:#f5f7ff!important;opacity:1!important}
html body #root .mobilePerson small{color:#88e5c6!important;opacity:1!important}
html body #root .mobileSectionTitle{color:#d8e4f4!important}
html[data-theme="light"] body #root :is(.mobileLobbyShell,.mobileLobbyTopbar,.mobileTablesPanel,.mobileChatTitle,.mobilePeopleStrip){background:#f0f4f9!important;color:#18283d!important;border-color:#c1cddd!important}
html[data-theme="light"] body #root :is(.mobileLobbyChat,.richChat,.chatMessages,.chatTabs,.chatSend,.mobilePeopleScroller){background:#fff!important;color:#192b42!important;border-color:#ccd6e3!important}
html[data-theme="light"] body #root :is(.mobilePerson,.mobilePerson.me,.mobileEmptyTable,.mobileTableCard){background:#e8eef7!important;color:#15283d!important;border-color:#b9c8dd!important;opacity:1!important}
html[data-theme="light"] body #root :is(.mobilePerson b,.mobileSectionTitle,.mobileLobbyBrand,.mobileTablesHead,.mobileChatTitle b){color:#182b43!important}
html[data-theme="light"] body #root .mobilePerson small{color:#187157!important}
html[data-theme="light"] body #root :is(.mobileLobbyOnline,.mobileTablesHead small,.chatEmpty,.mobileEmptyTable){color:#4b6078!important}
html[data-theme="light"] body #root :is(.mobileLobbyShell input,.mobileLobbyShell textarea){background:#fff!important;color:#162940!important;border-color:#b9c7da!important}
html[data-theme="light"] body #root :is(.mobilePeopleStrip .darkPeopleClose,.darkPeopleToggle,.darkMobileTools summary,.darkMobileToolsItems,.darkMobileToolsItems button){background:#edf2fa!important;color:#20354e!important;border-color:#a9bcd5!important}
html[data-theme="light"] body #root .mobileLobbyShell button:not(.active):not(.mobilePerson):not(.mobileCreateButton){color:#22374f!important}
html[data-theme="light"] body #root .chatSend button{background:#117e67!important;color:white!important}
html[data-theme="light"] body #root :is(.chatMessage,.chatMessageText){color:#172b42!important}
}

/* SOURCE: mobile-lobby-topbar-20261004.css */
/* 2026-10-04: put mobile lobby controls into two compact rows */
@media(max-width:900px){
  html body #root .mobileLobbyTopbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:4px 6px!important;
    padding:8px 10px!important;
    min-height:0!important;
  }
  html body #root .mobileLobbyBrand{grid-column:1!important;grid-row:1!important}
  html body #root .mobileLobbyOnline{grid-column:2!important;grid-row:1!important;white-space:nowrap!important}
  html body #root .mobileSettingsButton{
    grid-column:3!important;grid-row:1!important;
    justify-self:center!important;align-self:center!important;
    width:38px!important;height:38px!important;min-height:38px!important;
    padding:0!important;display:grid!important;place-items:center!important;
  }
  html body #root .mobileLobbyTopbar .darkMobileTools{
    grid-column:4!important;grid-row:1!important;
    position:relative!important;top:auto!important;right:auto!important;
    justify-self:end!important;margin:0!important;align-self:center!important;
  }
  html body #root .mobileLobbyTopbar .darkPeopleToggle{
    grid-column:3/5!important;grid-row:2!important;
    justify-self:end!important;align-self:center!important;
    min-height:34px!important;padding:6px 10px!important;margin:0!important;
  }
}


/* SOURCE: mobile-lobby-ux-20261004.css */
/* Mobile lobby UX pass: clear empty states, readable chat controls, usable composer */
@media(max-width:900px){
  html body #root .mobileTablesHead b,
  html body #root .mobileChatTitle b{font-size:15px!important;line-height:1.2!important}
  html body #root .mobileTablesHead small,
  html body #root .mobileChatTitle span{font-size:12px!important}
  html body #root .mobileTableHeadActions button{min-width:38px!important;min-height:36px!important;font-size:12px!important}
  html body #root .mobileEmptyTable{
    box-sizing:border-box!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;
    grid-column:1/-1!important;height:76px!important;min-height:76px!important;max-height:76px!important;
    display:grid!important;grid-template-rows:auto auto auto!important;align-content:center!important;
    justify-items:center!important;gap:2px!important;
    border:1px solid var(--border)!important;border-radius:14px!important;
    background:linear-gradient(135deg,var(--surface-2),var(--surface))!important;
    color:var(--text)!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important;
    text-align:center!important;padding:8px 14px!important
  }
  html body #root .mobileEmptyTable::before{content:"🀄";font-size:18px!important;line-height:1!important}
  html body #root .mobileEmptyTable::after{
    content:"İlk masayı açmak için üstteki + düğmesine dokunun."!important;
    color:var(--muted)!important;font-size:11px!important;font-weight:400!important
  }
  html body #root .mobileLobbyChat{display:flex!important;flex-direction:column!important;min-height:0!important}
  html body #root .mobileChatTitle{min-height:52px!important;box-sizing:border-box!important;align-items:center!important}
  html body #root .mobileChatTitleActions button{
    min-height:38px!important;border-radius:11px!important;padding:0 11px!important;
    font-size:13px!important;font-weight:700!important;white-space:nowrap!important
  }
  html body #root .mobileLobbyChat .richChat{
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
    min-height:0!important;height:100%!important;background:var(--surface)!important
  }
  html body #root .mobileLobbyChat .socialToolBar{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
    padding:7px 9px!important
  }
  html body #root .mobileLobbyChat .socialToolBar button{
    min-height:38px!important;border-radius:11px!important;padding:7px 5px!important;
    font-size:12px!important;font-weight:650!important
  }
  html body #root .mobileLobbyChat .chatTabs{
    gap:7px!important;padding:6px 9px!important
  }
  html body #root .mobileLobbyChat .chatTabs button{
    min-height:36px!important;border-radius:10px!important;padding:7px 10px!important;
    font-size:12px!important;font-weight:650!important
  }
  html body #root .mobileLobbyChat .chatMessages{
    display:flex!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;
    justify-content:flex-start!important;align-content:flex-start!important;
    gap:10px!important;padding:14px 12px!important;font-size:14px!important
  }
  html body #root .mobileLobbyChat .chatEmpty{
    box-sizing:border-box!important;width:min(100%,360px)!important;margin:8px auto 0!important;
    padding:16px 14px!important;border:1px solid var(--border)!important;border-radius:16px!important;
    background:linear-gradient(145deg,var(--surface-2),var(--surface))!important;
    color:var(--text)!important;text-align:center!important;font-size:14px!important;
    line-height:1.4!important;box-shadow:0 8px 24px #00000012!important
  }
  html body #root .mobileLobbyChat .chatEmpty::before{
    content:"💬";display:block!important;margin:0 auto 7px!important;font-size:26px!important;line-height:1!important
  }
  html body #root .mobileLobbyChat .chatEmpty::after{
    content:"Sohbeti başlatmak için aşağıya bir mesaj yaz."!important;
    display:block!important;margin-top:5px!important;color:var(--muted)!important;
    font-size:12px!important;line-height:1.4!important;font-weight:400!important
  }
  html body #root .mobileLobbyChat .chatMessage{font-size:13px!important}
  html body #root .mobileLobbyChat .chatMessage p{font-size:14px!important}
  html body #root .mobileLobbyChat .chatComposer{
    flex:none!important;min-height:60px!important;padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important
  }
  html body #root .mobileLobbyChat .chatComposer .chatSend{
    grid-template-columns:44px minmax(0,1fr) 70px!important;gap:7px!important;padding:0!important;
    align-items:center!important
  }
  html body #root .mobileLobbyChat .chatComposer .emojiButton{
    box-sizing:border-box!important;width:44px!important;height:44px!important;min-height:44px!important;
    border-radius:12px!important;font-size:21px!important
  }
  html body #root .mobileLobbyChat .chatComposer .chatSend input{
    box-sizing:border-box!important;height:44px!important;min-width:0!important;
    padding:0 12px!important;font-size:14px!important
  }
  html body #root .mobileLobbyChat .chatComposer .chatSend button{
    box-sizing:border-box!important;min-width:70px!important;height:44px!important;
    padding:0 10px!important;font-size:13px!important;font-weight:750!important
  }
}
@media(max-width:390px){
  html body #root .mobileChatTitleActions button{padding:0 8px!important;font-size:12px!important}
  html body #root .mobileLobbyChat .chatComposer .chatSend{grid-template-columns:40px minmax(0,1fr) 64px!important;gap:6px!important}
  html body #root .mobileLobbyChat .chatComposer .emojiButton{width:40px!important}
  html body #root .mobileLobbyChat .chatComposer .chatSend button{min-width:64px!important}
}

/* Keep the table list and message history independently scrollable on phones */
@media(max-width:900px){
  html body #root .mobileLobbyChat{min-height:0!important;overflow:hidden!important}
  html body #root .mobileLobbyChat .richChat{
    min-height:0!important;overflow:hidden!important
  }
  html body #root .mobileLobbyChat .socialToolBar,
  html body #root .mobileLobbyChat .chatTabs,
  html body #root .mobileLobbyChat .chatComposer{flex:none!important}
  html body #root .mobileLobbyChat .chatMessages{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-y:contain!important;touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;
    scrollbar-color:#52647e transparent!important
  }
  html body #root .mobileLobbyChat .chatMessages::-webkit-scrollbar,
  html body #root .mobileTablesScroller::-webkit-scrollbar{width:4px!important}
  html body #root .mobileLobbyChat .chatMessages::-webkit-scrollbar-thumb,
  html body #root .mobileTablesScroller::-webkit-scrollbar-thumb{
    background:#52647e!important;border-radius:8px!important
  }
}
@media(max-width:760px) and (orientation:portrait){
  html body #root .mobileTablesPanel{
    display:flex!important;flex-direction:column!important;min-height:0!important;
    max-height:min(31dvh,250px)!important;overflow:hidden!important
  }
  html body #root .mobileTablesHead{flex:none!important}
  html body #root .mobileTablesScroller{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-content:start!important;flex:1 1 auto!important;min-height:0!important;
    max-height:none!important;width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-y:contain!important;touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;
    scrollbar-color:#52647e transparent!important
  }
  html body #root .mobileTableCard{width:100%!important;min-width:0!important;max-width:none!important}
}


/* Mobile header audio controls */
@media(max-width:900px){
  html body #root .mobileLobbyTopbar{grid-template-columns:minmax(0,1fr) auto auto auto!important;grid-template-rows:auto auto!important}
  html body #root .mobileLobbyTopbar .mobileRadioToggle{
    grid-column:1!important;grid-row:2!important;justify-self:start!important
  }
  html body #root .mobileLobbyTopbar .mobileSoundToggle{
    grid-column:2!important;grid-row:2!important;justify-self:start!important
  }
  html body #root .mobileLobbyTopbar .mobileRadioToggle,
  html body #root .mobileLobbyTopbar .mobileSoundToggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:34px!important;padding:0 9px!important;border:1px solid var(--border)!important;
    border-radius:10px!important;background:var(--surface-2)!important;color:var(--text)!important;
    font-size:11px!important;font-weight:700!important;white-space:nowrap!important
  }
}
@media(max-width:390px){
  html body #root .mobileLobbyTopbar .mobileRadioToggle,
  html body #root .mobileLobbyTopbar .mobileSoundToggle{padding:0 6px!important;font-size:10px!important}
}


/* SOURCE: mobile-lobby-redesign-20261005.css */
/* DARK OKEY · mobile lobby redesign */
@media(max-width:900px){
 html body #root{background:#0b1220!important;color:#edf2fa!important}
 html body #root .mobileLobbyTopbar{
  position:relative!important;z-index:3!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto auto!important;grid-template-rows:42px 42px!important;
  gap:8px 10px!important;padding:12px 14px!important;background:linear-gradient(115deg,#111c2e,#101827 70%,#181b38)!important;
  border-bottom:1px solid #26364c!important;box-shadow:0 8px 24px #02061755!important
 }
 html body #root .mobileLobbyBrand{grid-column:1!important;grid-row:1!important}
 html body #root .mobileLobbyBrand :is(b,strong,h1){font-size:20px!important;letter-spacing:-.04em!important}
 html body #root .mobileLobbyOnline{grid-column:2!important;grid-row:1!important;color:#9eacc0!important}
 html body #root .mobileSettingsButton{grid-column:3!important;grid-row:1!important;width:40px!important;height:40px!important;min-height:40px!important;border-radius:13px!important}
 html body #root .mobileLobbyTopbar .darkMobileTools{grid-column:4!important;grid-row:1!important;position:relative!important;inset:auto!important;margin:0!important}
 html body #root .mobileLobbyTopbar .darkMobileTools button{min-height:40px!important;border-radius:13px!important;padding:0 14px!important}
 html body #root .mobileLobbyTopbar .darkPeopleToggle{grid-column:4!important;grid-row:2!important;min-height:40px!important;border-radius:13px!important;margin:0!important}
 html body #root .mobileLobbyTopbar .mobileRadioToggle{grid-column:1!important;grid-row:2!important;justify-self:start!important}
 html body #root .mobileLobbyTopbar .mobileSoundToggle{grid-column:2!important;grid-row:2!important;justify-self:start!important}
 html body #root .mobileLobbyTopbar .mobileRadioToggle,html body #root .mobileLobbyTopbar .mobileSoundToggle{
  box-sizing:border-box!important;height:38px!important;min-height:38px!important;padding:0 12px!important;border:1px solid #34465e!important;
  border-radius:12px!important;background:#17243a!important;color:#dce8f7!important;font-size:12px!important;font-weight:700!important
 }
 html body #root .mobileTablesPanel{
  box-sizing:border-box!important;padding:13px 14px!important;max-height:min(34dvh,290px)!important;
  background:#101b2d!important;border-bottom:1px solid #27364c!important
 }
 html body #root .mobileTablesHead{align-items:center!important;gap:9px!important;margin-bottom:11px!important}
 html body #root .mobileTablesHead b{font-size:14px!important;letter-spacing:.08em!important}
 html body #root .mobileTablesHead small{color:#8999b0!important}
 html body #root .mobileTableHeadActions{gap:7px!important}
 html body #root .mobileTableHeadActions button{height:38px!important;min-height:38px!important;border-radius:12px!important;font-weight:700!important}
 html body #root .mobileTablesScroller{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
  align-content:start!important;min-height:0!important;overflow:auto!important;padding:1px 2px 8px!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important
 }
 html body #root .mobileTableCard{
  width:auto!important;min-width:0!important;border:1px solid #30425b!important;border-radius:14px!important;
  background:linear-gradient(145deg,#19283e,#121d30)!important;box-shadow:0 5px 14px #02061735!important
 }
 html body #root .mobileEmptyTable{
  grid-column:1/-1!important;width:100%!important;height:64px!important;min-height:64px!important;
  border:1px dashed #41516a!important;border-radius:14px!important;background:#111a29!important;
  color:#9aa9bd!important;font-size:13px!important
 }
 html body #root .mobileEmptyTable::before{content:"♢"!important;color:#a78bfa!important;font-size:18px!important}
 html body #root .mobileEmptyTable::after{content:"Yeni masa açmak için + düğmesine dokunun."!important;color:#8190a5!important;font-size:11px!important}
 html body #root .mobileLobbyChat{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;background:#0b1421!important}
 html body #root .mobileLobbyChat .mobileChatTitle{
  box-sizing:border-box!important;min-height:54px!important;padding:8px 14px!important;border-bottom:1px solid #26364c!important;background:#111c2e!important
 }
 html body #root .mobileChatTitle b{font-size:15px!important;font-weight:800!important}
 html body #root .mobileChatTitle span{font-size:11px!important;color:#94a5ba!important}
 html body #root .mobileChatTitleActions button{height:38px!important;min-height:38px!important;border-radius:12px!important;padding:0 12px!important;font-size:12px!important}
 html body #root .mobileLobbyChat .richChat{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important;overflow:hidden!important;background:transparent!important}
 html body #root .mobileLobbyChat .socialToolBar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:9px 12px!important;background:#101b2d!important}
 html body #root .mobileLobbyChat .socialToolBar button,html body #root .mobileLobbyChat .chatTabs button{
  min-height:38px!important;border-radius:12px!important;font-size:12px!important;font-weight:700!important
 }
 html body #root .mobileLobbyChat .chatTabs{gap:8px!important;padding:0 12px 9px!important;background:#101b2d!important}
 html body #root .mobileLobbyChat .chatMessages{
  display:flex!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:auto!important;
  justify-content:flex-start!important;align-content:flex-start!important;padding:14px!important;gap:9px!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:#0c1522!important
 }
 html body #root .mobileLobbyChat .chatEmpty{
  width:min(100%,340px)!important;margin:8px auto 0!important;padding:18px 16px!important;border:1px solid #26364c!important;
  border-radius:18px!important;background:linear-gradient(145deg,#111c2a,#0e1724)!important;color:#e8eef7!important;text-align:center!important
 }
 html body #root .mobileLobbyChat .chatEmpty::before{content:"◌"!important;display:block!important;margin:0 auto 7px!important;color:#a78bfa!important;font-size:27px!important}
 html body #root .mobileLobbyChat .chatEmpty::after{content:"Mesajlar burada görünecek."!important;display:block!important;margin-top:4px!important;color:#8999b0!important;font-size:12px!important}
 html body #root .mobileLobbyChat .chatComposer{
  box-sizing:border-box!important;flex:none!important;min-height:64px!important;padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;
  border-top:1px solid #26364c!important;background:#111c2e!important
 }
 html body #root .mobileLobbyChat .chatComposer .chatSend{grid-template-columns:42px minmax(0,1fr) 72px!important;gap:8px!important;padding:0!important}
 html body #root .mobileLobbyChat .chatComposer .emojiButton{width:42px!important;height:42px!important;border-radius:13px!important}
 html body #root .mobileLobbyChat .chatComposer .chatSend input{height:42px!important;min-width:0!important;border-radius:13px!important}
 html body #root .mobileLobbyChat .chatComposer .chatSend button{height:42px!important;min-width:72px!important;border-radius:13px!important;font-weight:800!important}
}
@media(max-width:390px){
 html body #root .mobileLobbyTopbar{gap:7px 6px!important;padding:10px!important}
 html body #root .mobileLobbyTopbar .darkPeopleToggle{padding:0 8px!important;font-size:12px!important}
 html body #root .mobileLobbyChat .chatComposer .chatSend{grid-template-columns:38px minmax(0,1fr) 64px!important}
 html body #root .mobileLobbyChat .chatComposer .emojiButton{width:38px!important}
 html body #root .mobileLobbyChat .chatComposer .chatSend button{min-width:64px!important}
}
/* Keep the mobile emoji picker compact; scroll its contents inside the panel. */
@media(max-width:700px) and (orientation:portrait){
 html body #root .mobileLobbyChat .chatComposer{position:relative!important;overflow:visible!important}
 html body #root .mobileLobbyChat .emojiPicker{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-height:0!important;
  max-height:min(27dvh,220px)!important;overflow:hidden!important;padding:6px!important;
  border-radius:14px 14px 0 0!important
 }
 html body #root .mobileLobbyChat .emojiPicker .emojiTabs,
 html body #root .mobileLobbyChat .emojiPicker .emojiSubTabs{
  display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;gap:5px!important;
  min-height:32px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important
 }
 html body #root .mobileLobbyChat .emojiPicker .emojiTabs button,
 html body #root .mobileLobbyChat .emojiPicker .emojiSubTabs button{
  flex:0 0 auto!important;min-height:30px!important;padding:0 9px!important;font-size:11px!important
 }
 html body #root .mobileLobbyChat .emojiPicker .emojiGrid{
  display:grid!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  align-content:start!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;padding:5px!important
 }
 html body #root .mobileLobbyChat .emojiPicker .emojiGrid button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:44px!important;max-height:48px!important;padding:3px!important;overflow:hidden!important
 }
 html body #root .mobileLobbyChat .emojiPicker .gifGrid button img{
  display:block!important;width:100%!important;height:40px!important;max-width:48px!important;max-height:40px!important;
  object-fit:contain!important
 }
}

/* Mobile table cards list every seated player, including bots. */
@media(max-width:900px){
 html body #root .mobileTableCard .mobileTablePlayers{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 6px!important;
  width:100%!important;margin:8px 0 6px!important
 }
 html body #root .mobileTableCard .mobileTablePlayers>span{
  display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;
  padding:4px 6px!important;border:1px solid #31425a!important;border-radius:8px!important;
  background:#101b2c!important;color:#d9e4f2!important;font-size:10px!important;font-weight:650!important;
  line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
 }
 html body #root .mobileTableCard .mobileTablePlayers>span.bot{border-color:#66539b!important;background:#211d3b!important}
 html body #root .mobileTableCard .mobileTablePlayers>span em{
  flex:none!important;padding:2px 4px!important;border-radius:5px!important;background:#6b50c9!important;
  color:#fff!important;font-size:8px!important;font-style:normal!important;font-weight:800!important
 }
}

/* Put the Lobi/Özel destination tabs before the Sohbet/Ismarla tools. */
@media(max-width:900px){
 html body #root .mobileLobbyChat .richChat .chatTabs{order:1!important}
 html body #root .mobileLobbyChat .richChat .socialToolBar{order:2!important}
}

/* Compact landscape phone table: keep the felt, seats and rack in separate bands. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
 html body #root main.gameScreen.yuzbirGame{
  box-sizing:border-box!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame>.topbar{
  position:absolute!important;inset:0 0 auto!important;z-index:180!important;height:38px!important;min-height:38px!important;
  max-height:38px!important;padding:2px 5px!important;overflow:visible!important
 }
 html body #root main.gameScreen.yuzbirGame>.topbar .brand,
 html body #root main.gameScreen.yuzbirGame>.topbar .stats,
 html body #root main.gameScreen.yuzbirGame>.topbar .membershipBadge{display:none!important}
 html body #root main.gameScreen.yuzbirGame>.topbar .topbarRight{
  position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;width:100%!important
 }
 html body #root main.gameScreen.yuzbirGame>.topbar button,
 html body #root main.gameScreen.yuzbirGame>.topbar .tablePointsMenu summary{
  box-sizing:border-box!important;height:32px!important;min-height:32px!important;padding:3px 7px!important;font-size:10px!important
 }
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap{
  position:absolute!important;inset:38px 0 0!important;box-sizing:border-box!important;width:100%!important;height:auto!important;
  min-height:0!important;margin:0!important;padding:3px 5px 0!important;display:block!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .feltTable101{
  position:absolute!important;inset:3px 5px 142px!important;width:auto!important;height:auto!important;min-height:0!important;
  max-height:none!important;border-width:5px!important;border-radius:23px!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{
  left:18%!important;right:auto!important;top:19%!important;bottom:18%!important;width:64%!important;height:auto!important;
  padding:4px!important;border-radius:12px!important
 }
 html body #root main.gameScreen.yuzbirGame .seat{
  box-sizing:border-box!important;min-width:0!important;min-height:0!important;max-width:94px!important;
  height:34px!important;transform:none!important;writing-mode:horizontal-tb!important;z-index:35!important
 }
 html body #root main.gameScreen.yuzbirGame .seat-2{
  top:1%!important;left:50%!important;right:auto!important;bottom:auto!important;width:90px!important;height:28px!important;transform:translateX(-50%)!important
 }
 html body #root main.gameScreen.yuzbirGame .seat-3{
  top:43%!important;left:1%!important;right:auto!important;bottom:auto!important;width:78px!important
 }
 html body #root main.gameScreen.yuzbirGame .seat-1{
  top:43%!important;right:1%!important;left:auto!important;bottom:auto!important;width:78px!important
 }
 html body #root main.gameScreen.yuzbirGame .seat-0{
  top:auto!important;bottom:1%!important;left:50%!important;right:auto!important;width:100px!important;height:30px!important;transform:translateX(-50%)!important
 }
 html body #root main.gameScreen.yuzbirGame .seat .yuzbirSeatCard,
 html body #root main.gameScreen.yuzbirGame .seat .playerCard,
 html body #root main.gameScreen.yuzbirGame .seat .playerName{
  box-sizing:border-box!important;min-height:0!important;height:100%!important;padding:2px 4px!important;font-size:9px!important
 }
 html body #root main.gameScreen.yuzbirGame .discardSpot{
  width:29px!important;min-width:29px!important;height:43px!important;min-height:43px!important;padding:1px!important;z-index:45!important
 }
 html body #root main.gameScreen.yuzbirGame .discard-2{top:7%!important;left:65%!important;right:auto!important;bottom:auto!important}
 html body #root main.gameScreen.yuzbirGame .discard-3{top:48%!important;left:11%!important;right:auto!important;bottom:auto!important}
 html body #root main.gameScreen.yuzbirGame .discard-1{top:48%!important;right:11%!important;left:auto!important;bottom:auto!important}
 html body #root main.gameScreen.yuzbirGame .discard-0{top:auto!important;bottom:4%!important;left:68%!important;right:auto!important}
 html body #root main.gameScreen.yuzbirGame .discardSpot .imageTile.okeyTile.compact{width:100%!important;height:100%!important;min-width:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea{
  position:fixed!important;inset:auto 0 0!important;box-sizing:border-box!important;z-index:100!important;
  width:100%!important;height:140px!important;min-height:140px!important;max-height:140px!important;margin:0!important;
  padding:3px!important;border-radius:12px 12px 0 0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .rackHead{position:static!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
 html body #root main.gameScreen.yuzbirGame .rackTools{
  position:absolute!important;top:3px!important;left:4px!important;width:calc(50% - 6px)!important;height:27px!important;
  display:flex!important;gap:3px!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .rack101ScoreBar{
  position:absolute!important;top:3px!important;right:4px!important;left:calc(50% + 2px)!important;
  width:auto!important;height:27px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important
 }
 html body #root main.gameScreen.yuzbirGame .rack101UnifiedActions{
  display:flex!important;align-items:stretch!important;gap:3px!important;width:100%!important;height:27px!important;margin:0!important;padding:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .rackTools button,
 html body #root main.gameScreen.yuzbirGame .rack101UnifiedActions>button{
  flex:1 1 0!important;min-width:0!important;height:27px!important;min-height:27px!important;
  padding:0 2px!important;font-size:clamp(8px,1.5vw,10px)!important;white-space:nowrap!important
 }
 html body #root main.gameScreen.yuzbirGame .rackBoardShell{
  position:absolute!important;inset:34px 4px 4px!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .tileRackGrid{
  position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:2px 1px!important;width:100%!important;height:100%!important;
  min-height:0!important;padding:2px!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot{position:relative!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
 html body #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile{
  position:absolute!important;inset:0!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;
  transform:none!important;aspect-ratio:auto!important;overflow:hidden!important
 }
 html body #root main.gameScreen.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{
  display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;transform:none!important
 }
 html body #root main.gameScreen.yuzbirGame .tableChatBubble{right:7px!important;bottom:146px!important;width:38px!important;height:38px!important;min-width:38px!important;padding:5px!important}
}

/* Show the exact text color selected in the nickname and chat color editor. */
html body #root .nameStyleChooser .selectedChatColor{
 display:flex!important;align-items:center!important;gap:8px!important;margin:7px 0 12px!important;
 padding:7px 10px!important;border:1px solid #40516a!important;border-radius:10px!important;
 background:#101b2b!important;color:#dbe6f5!important;font-size:12px!important;font-weight:700!important
}
html body #root .nameStyleChooser .selectedChatColor i{
 display:inline-block!important;flex:none!important;width:18px!important;height:18px!important;
 border:1px solid #fff8!important;border-radius:5px!important;box-shadow:0 0 0 1px #0008!important
}

@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner{
  position:fixed!important;left:50%!important;right:auto!important;bottom:142px!important;transform:translateX(-50%)!important;
  z-index:120!important;width:min(420px,64vw)!important;min-height:0!important;margin:0!important;
  padding:5px 8px!important;border-radius:9px!important;font-size:10px!important;line-height:1.2!important
 }
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner button{
  min-height:25px!important;padding:3px 7px!important;font-size:10px!important
 }
 html body .darkMobileToolsItems .darkRadioAdminButton{
  position:static!important;inset:auto!important;box-shadow:none!important;display:block!important;width:100%!important;
  margin:4px 0!important;text-align:left!important
 }
}
@media (max-width:900px){
 html body #root .mobileLobbyTopbar .darkMobileTools{grid-column:4!important;grid-row:1!important;position:relative!important;inset:auto!important;align-self:center!important;justify-self:end!important;margin:0!important}
 html body #root .mobileLobbyTopbar .darkMobileTools summary{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
 html body #root .mobileLobbyTopbar .darkMobileToolsItems{position:absolute!important;top:44px!important;right:0!important;left:auto!important;z-index:6000!important;width:min(250px,82vw)!important;max-height:75vh!important;overflow:auto!important}
 html body #root .darkMobileToolsItems button{position:static!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:38px!important;margin:5px 0!important;padding:9px 11px!important;text-align:left!important;box-shadow:none!important;white-space:normal!important}
 html body #root .darkMobileToolsItems .darkPeopleToggle{font-size:13px!important}
 html body #root .mobileLobbyTopbar>.darkAvatarButton{grid-column:3!important;grid-row:1!important;position:static!important;inset:auto!important;justify-self:center!important;align-self:center!important;max-width:48px!important;min-height:38px!important;padding:5px!important}
 html body #root .mobileLobbyTopbar .mobileRadioToggle,html body #root .mobileLobbyTopbar .mobileSoundToggle,html body #root .mobileLobbyTopbar .mobileSettingsButton,html body #root .mobileLobbyTopbar .darkPeopleToggle{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important}
}
@media (min-width:901px){
 html body #root .mobileLobbyTopbar .darkMobileTools{display:contents!important}
 html body #root .mobileLobbyTopbar .darkMobileTools>summary{display:none!important}
 html body #root .mobileLobbyTopbar .darkMobileToolsItems{display:contents!important;position:static!important}
}
@media (max-width:900px){
 html body #root .darkMobileToolsItems .darkExternalMenuItems{display:block!important}
 html body #root .darkMobileToolsItems .darkExternalMenuItems button{position:static!important;inset:auto!important;display:block!important;width:100%!important;min-height:38px!important;height:auto!important;margin:5px 0!important;padding:9px 11px!important;text-align:left!important}
}
@media (min-width:901px){
 html body #root .mobileLobbyTopbar .darkMobileToolsItems .darkExternalMenuItems{display:contents!important}
}
/* Landscape audit: phone lobby and game screens */
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html,body,#root{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
 body{position:fixed!important;inset:0!important}
 /* Lobby: one compact header, small table rail, chat gets the remaining height. */
 #root main.mobileLobbyShell{
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:100vw!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
  position:fixed!important;inset:0!important;overflow:hidden!important
 }
 #root .mobileLobbyShell>.mobileLobbyTopbar{
  flex:0 0 42px!important;display:grid!important;grid-template-columns:minmax(90px,1fr) minmax(54px,auto) 40px 72px!important;
  grid-template-rows:42px!important;align-items:center!important;gap:5px!important;
  height:42px!important;min-height:42px!important;padding:0 8px!important;overflow:visible!important
 }
 #root .mobileLobbyTopbar .mobileLobbyBrand{grid-column:1!important;grid-row:1!important;font-size:18px!important;white-space:nowrap!important}
 #root .mobileLobbyTopbar .mobileLobbyOnline{grid-column:2!important;grid-row:1!important;justify-self:end!important;font-size:11px!important;white-space:nowrap!important}
 #root .mobileLobbyTopbar .darkAvatarButton{grid-column:3!important;grid-row:1!important;width:38px!important;height:36px!important;max-width:38px!important;min-height:36px!important;font-size:0!important}
 #root .mobileLobbyTopbar .darkAvatarButton:after{content:"☺";font:700 18px/1 system-ui!important}
 #root .mobileLobbyTopbar .darkMobileTools{grid-column:4!important;grid-row:1!important;justify-self:end!important;width:72px!important}
 #root .mobileLobbyTopbar .darkMobileTools>summary{height:36px!important;min-height:36px!important;padding:0 7px!important;font-size:12px!important}
 #root .mobileLobbyTopbar .darkMobileToolsItems{top:40px!important;right:0!important;width:min(250px,84vw)!important;max-height:calc(100dvh - 52px)!important}
 #root .mobileLobbyShell>.mobilePeopleStrip{
  flex:0 0 54px!important;height:54px!important;min-height:54px!important;padding:2px 8px!important;overflow:hidden!important
 }
 #root .mobilePeopleStrip .mobileSectionTitle{height:16px!important;margin:0!important;font-size:9px!important}
 #root .mobilePeopleStrip .mobilePeopleScroller{height:34px!important;min-height:34px!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important}
 #root .mobilePeopleStrip .mobilePerson{flex:0 0 90px!important;min-width:90px!important;height:32px!important;padding:2px 5px!important;display:grid!important;grid-template-columns:24px 1fr!important;grid-template-rows:18px 12px!important;column-gap:4px!important}
 #root .mobilePeopleStrip .mobilePersonAvatar{grid-row:1/3!important;width:22px!important;height:22px!important}
 #root .mobilePeopleStrip .mobilePersonName{justify-content:flex-start!important;font-size:9px!important}
 #root .mobilePeopleStrip .mobilePerson small{font-size:8px!important;line-height:10px!important}
 #root .mobileLobbyShell>.mobileTablesPanel{
  flex:0 0 122px!important;height:122px!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important
 }
 #root .mobileLobbyShell>.mobileTablesPanel.closed{flex-basis:34px!important;height:34px!important}
 #root .mobileTablesPanel .mobileTablesHead{flex:0 0 34px!important;height:34px!important;padding:3px 8px!important;gap:6px!important}
 #root .mobileTablesPanel .mobileTablesHead b{font-size:12px!important}
 #root .mobileTablesPanel .mobileTablesHead small{font-size:9px!important}
 #root .mobileTablesPanel .mobileTableHeadActions{gap:4px!important}
 #root .mobileTablesPanel .mobileTableHeadActions button{height:27px!important;min-width:34px!important;font-size:10px!important}
 #root .mobileTablesPanel .mobileTablesScroller{flex:1 1 auto!important;display:flex!important;gap:7px!important;height:84px!important;min-height:0!important;padding:3px 8px 6px!important;overflow-x:auto!important;overflow-y:hidden!important}
 #root .mobileTablesPanel .mobileTableCard{flex:0 0 230px!important;width:230px!important;min-width:230px!important;max-width:230px!important;height:76px!important;min-height:76px!important;padding:6px 8px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:18px 20px 22px!important;gap:2px 6px!important}
 #root .mobileTableCard .mobileTableType{grid-column:1/-1!important}
 #root .mobileTableCard .mobileTableName{font-size:11px!important}
 #root .mobileTableCard .mobileTablePlayers{font-size:9px!important}
 #root .mobileTableCard>small{font-size:8px!important}
 #root .mobileTableCard>button{grid-column:2!important;grid-row:2/4!important;min-height:28px!important;padding:4px 7px!important;font-size:9px!important}
 #root .mobileLobbyShell>.mobileLobbyChat{flex:1 1 0!important;display:flex!important;flex-direction:column!important;width:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
 #root .mobileLobbyChat .mobileChatTitle{flex:0 0 34px!important;height:34px!important;min-height:34px!important;padding:3px 8px!important}
 #root .mobileLobbyChat .chatMessages{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}
 #root .mobileLobbyChat .chatComposer{flex:0 0 46px!important;height:46px!important;min-height:46px!important;padding:4px 7px!important}
 #root .mobileLobbyChat .chatSend{grid-template-columns:34px minmax(0,1fr) 62px!important;gap:5px!important}
 #root .mobileLobbyChat .chatSend input,#root .mobileLobbyChat .chatSend button,#root .mobileLobbyChat .emojiButton{height:36px!important;min-height:36px!important;font-size:11px!important}
 /* Table game: readable fixed header and a dedicated rack area. */
 #root main.gameScreen.phoneGame{
  width:100vw!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
  position:fixed!important;inset:0!important;overflow:hidden!important
 }
 #root main.gameScreen.phoneGame .gameTableWrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
 #root main.gameScreen.phoneGame>.topbar{height:38px!important;min-height:38px!important;padding:0 8px!important;display:flex!important;align-items:center!important;pointer-events:none!important}
 #root main.gameScreen.phoneGame>.topbar .brand.small{display:none!important}
 #root main.gameScreen.phoneGame>.topbar .topbarRight{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;
  width:100%!important;height:38px!important;margin:0!important;position:relative!important
 }
 #root main.gameScreen.phoneGame>.topbar .topbarRight>*{pointer-events:auto!important}
 #root main.gameScreen.phoneGame>.topbar .tableQuickTools{display:flex!important;align-items:center!important;gap:6px!important}
 #root main.gameScreen.phoneGame>.topbar .tablePointsMenu>summary{height:30px!important;min-width:86px!important;padding:5px 8px!important;font-size:10px!important}
 #root main.gameScreen.phoneGame>.topbar .lobbyPeekButton,
 #root main.gameScreen.phoneGame>.topbar .themeToggle,
 #root main.gameScreen.phoneGame>.topbar .messageSoundButton{
  position:static!important;inset:auto!important;transform:none!important;width:36px!important;min-width:36px!important;
  max-width:36px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:12px!important
 }
 #root main.gameScreen.phoneGame>.topbar .lobbyPeekButton{font-size:0!important}
 #root main.gameScreen.phoneGame>.topbar .lobbyPeekButton:before{font-size:17px!important}
 #root main.gameScreen.phoneGame>.topbar .themeToggle span,#root main.gameScreen.phoneGame>.topbar .themeToggle b{font-size:0!important}
 #root main.gameScreen.phoneGame>.topbar .themeToggle span:after{font-size:16px!important}
 #root main.gameScreen.phoneGame>.topbar .tableQuickTools .tablePointsPopup{max-height:60dvh!important;overflow:auto!important}
}
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 #root main.gameScreen.phoneGame.yuzbirGame{--landscape-rack-height:clamp(142px,42dvh,188px)}
 #root main.gameScreen.phoneGame.yuzbirGame .rackArea,
 #root main.gameScreen.phoneGame.yuzbirGame.finishedHand .rackArea{
  position:absolute!important;left:1%!important;right:1%!important;bottom:4px!important;top:auto!important;
  width:98%!important;height:var(--landscape-rack-height)!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border-radius:12px!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rackHead{
  position:absolute!important;top:5px!important;left:7px!important;right:51%!important;width:auto!important;height:34px!important;
  min-height:34px!important;margin:0!important;padding:0!important;display:block!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rackTools{
  width:100%!important;height:34px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:0!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rackTools button{
  height:34px!important;min-height:34px!important;min-width:0!important;padding:2px 4px!important;
  white-space:normal!important;line-height:1.05!important;font-size:clamp(10px,1.45vw,12px)!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{
  position:absolute!important;top:5px!important;left:50%!important;right:7px!important;bottom:auto!important;
  width:auto!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;
  display:block!important;background:transparent!important;border:0!important;box-shadow:none!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;
  width:100%!important;height:34px!important;margin:0!important;padding:0!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>button{
  min-width:0!important;width:100%!important;height:34px!important;min-height:34px!important;
  padding:2px 3px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  line-height:1.05!important;font-size:clamp(9px,1.3vw,11px)!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions .returnSideTile{display:none!important}
 #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{
  position:absolute!important;inset:44px 6px 6px!important;width:auto!important;height:auto!important;
  min-height:0!important;margin:0!important;display:block!important;overflow:hidden!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid{
  display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  grid-template-columns:repeat(14,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:0!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  gap:3px 2px!important;padding:3px!important;overflow:hidden!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot,
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot.occupied{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:100%!important;
  padding:0!important;border:0!important;overflow:visible!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile,
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldBoard{
  position:absolute!important;left:17%!important;right:17%!important;top:88px!important;bottom:calc(var(--landscape-rack-height) + 10px)!important;
  width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;
  padding:22px 6px 6px!important;border-radius:12px!important;overflow:auto!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldBoard:before{
  margin:-22px -6px 4px!important;padding:5px 3px!important;font-size:9px!important;top:-22px!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldLane{min-height:54px!important;margin:0 0 4px!important;padding:4px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldLaneHead{font-size:9px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldGroups{gap:3px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .seat{
  min-width:0!important;min-height:0!important;padding:4px 6px!important;border-radius:8px!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .seat b,
 #root main.gameScreen.phoneGame.yuzbirGame .seat .styledName,
 #root main.gameScreen.phoneGame.yuzbirGame .seat .styledName b{font-size:clamp(10px,1.55vw,13px)!important;line-height:1.1!important}
 #root main.gameScreen.phoneGame.yuzbirGame .seat-1{
  top:43%!important;left:1%!important;right:auto!important;bottom:auto!important;width:15%!important;height:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .seat-1>b,
 #root main.gameScreen.phoneGame.yuzbirGame .seat-3>b{writing-mode:horizontal-tb!important;transform:none!important}
 #root main.gameScreen.phoneGame.yuzbirGame .seat-3{
  top:43%!important;right:1%!important;left:auto!important;bottom:auto!important;width:15%!important;height:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .seat-2{
  top:44px!important;left:42%!important;right:auto!important;bottom:auto!important;width:16%!important;height:30px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .seat-0{
  top:auto!important;left:4%!important;right:auto!important;bottom:calc(var(--landscape-rack-height) + 6px)!important;
  width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  transform:none!important;z-index:82!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirSeatAvatar{display:none!important}
 #root main.gameScreen.phoneGame.yuzbirGame .discard-1{top:52%!important;left:16%!important;right:auto!important;bottom:auto!important;width:30px!important;height:38px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .discard-3{top:52%!important;right:16%!important;left:auto!important;bottom:auto!important;width:30px!important;height:38px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .discard-2{top:44px!important;left:24%!important;right:auto!important;bottom:auto!important;width:30px!important;height:38px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .discard-0{top:auto!important;left:25%!important;right:auto!important;bottom:calc(var(--landscape-rack-height) + 6px)!important;width:30px!important;height:38px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .discardSpot .imageTile.okeyTile.compact{width:100%!important;height:100%!important}
 #root main.gameScreen.phoneGame.yuzbirGame .centerDeck{
  top:auto!important;left:50%!important;right:auto!important;bottom:calc(var(--landscape-rack-height) + 12px)!important;
  width:auto!important;min-width:126px!important;height:36px!important;padding:3px 8px!important;transform:translateX(-50%)!important;
  display:flex!important;flex-direction:row!important;gap:7px!important;z-index:72!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .centerDeck small{font-size:8px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .centerDeck small:after{font-size:8px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .centerDeck .deckStack{width:28px!important;height:32px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .gameInfoBar .indicatorPanel{
  top:45px!important;left:3%!important;right:auto!important;bottom:auto!important;width:90px!important;height:36px!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .gameInfoBar .indicatorPanel:before{font-size:11px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .gameInfoBar .indicatorPanel .imageTile.okeyTile.compact{width:24px!important;min-width:24px!important;height:32px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .timerBox{top:46px!important;left:3%!important;width:64px!important;height:26px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .timerBox small{font-size:8px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .timerBox strong{font-size:12px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .tableChatBubble{
  right:10px!important;bottom:calc(var(--landscape-rack-height) + 10px)!important;width:42px!important;height:42px!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .autoPilotBanner,
 #root main.gameScreen.phoneGame.yuzbirGame .winnerBanner,
 #root main.gameScreen.phoneGame.yuzbirGame .nextHandDock{
  z-index:160!important;position:fixed!important;left:50%!important;right:auto!important;bottom:calc(var(--landscape-rack-height) + 6px)!important;
  top:auto!important;transform:translateX(-50%)!important;width:min(360px,66vw)!important;max-height:54px!important;
  min-height:0!important;padding:5px 8px!important;font-size:10px!important
 }
 #root main.gameScreen.phoneGame.yuzbirGame .autoPilotBanner button,
 #root main.gameScreen.phoneGame.yuzbirGame .nextHandDock button{min-height:26px!important;padding:4px 8px!important;font-size:10px!important}
 #root main.gameScreen.phoneGame.yuzbirGame .autoPilotBanner p{margin:2px!important;font-size:9px!important}
}
@media (orientation:landscape) and (max-width:620px) and (max-height:620px){
 #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid{grid-template-columns:repeat(12,minmax(0,1fr))!important}
 #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldBoard{left:18%!important;right:18%!important}
}
@media (orientation:landscape) and (min-width:901px) and (max-width:1366px) and (max-height:900px){
 #root main.gameScreen.yuzbirGame .rackArea{height:clamp(180px,27dvh,250px)!important;bottom:10px!important;top:auto!important}
 #root main.gameScreen.yuzbirGame .rackHead{top:6px!important;left:8px!important;right:52%!important}
 #root main.gameScreen.yuzbirGame .rackTools{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #root main.gameScreen.yuzbirGame .rack101ScoreBar{top:6px!important;left:50%!important;right:8px!important;width:auto!important}
 #root main.gameScreen.yuzbirGame .rack101UnifiedActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #root main.gameScreen.yuzbirGame .rackBoardShell{inset:48px 8px 8px!important}
 #root main.gameScreen.yuzbirGame .tileRackGrid{grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
 #root main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:70px!important;bottom:calc(clamp(180px,27dvh,250px) + 20px)!important;height:auto!important}
}

/* Mobile top menu controls */
@media(max-width:900px){
 html body #root .mobileLobbyTopbar .darkMobileToolsItems .mobileRadioToggle{margin-top:30px!important}
 html body #root .mobileLobbyTopbar .darkMobileToolsItems button.mobileSettingsButton{
  box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:38px!important;
  margin:5px 0!important;padding:9px 11px!important;border:1px solid var(--border-strong)!important;border-radius:10px!important;
  background:var(--surface-2)!important;color:var(--text)!important;font:700 13px system-ui!important;text-align:left!important
 }
}

dialog.userSettingsBackdrop{box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;color:inherit;overflow:hidden}
dialog.userSettingsBackdrop::backdrop{background:transparent;backdrop-filter:none}


/* SOURCE: mobile-landscape-table-20261005.css */
/* Landscape table rebuild: give the hand, stock, discard and melds separate zones. */
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body:has(main.gameScreen.phoneGame){overflow:hidden!important}
 html body #root main.gameScreen.phoneGame{
  --landscape-rack-height:clamp(166px,42dvh,198px);
  min-height:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame .gameTableWrap{min-height:0!important;max-height:100%!important;overflow:hidden!important}
 html body #root main.gameScreen.phoneGame .rackArea{
  position:fixed!important;left:1%!important;right:1%!important;bottom:3px!important;top:auto!important;
  box-sizing:border-box!important;width:98%!important;height:var(--landscape-rack-height)!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
  z-index:140!important;border-radius:12px 12px 9px 9px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{
  position:absolute!important;left:6px!important;right:50%!important;top:5px!important;width:auto!important;height:34px!important;
  min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:6px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child{
  display:block!important;flex:0 0 31%!important;min-width:0!important;overflow:hidden!important;margin:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child>b{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child>span{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackNewTileBadge{
  max-width:100%!important;margin:1px 0 0!important;padding:1px 4px!important;font-size:8px!important;line-height:11px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;
  flex:1 1 auto!important;width:auto!important;height:32px!important;min-width:0!important;margin:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools button{
  min-width:0!important;width:100%!important;height:32px!important;min-height:32px!important;padding:2px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(9px,1.3vw,11px)!important;line-height:1!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools .rackMode{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{
  position:absolute!important;left:50%!important;right:6px!important;top:5px!important;bottom:auto!important;width:auto!important;
  height:34px!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;
  border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar>.rack101Score,
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar>.handPenaltyCount,
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar>.drawFirstPrompt{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;
  width:100%!important;height:34px!important;min-height:0!important;margin:0!important;padding:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>button{
  min-width:0!important;width:100%!important;height:34px!important;min-height:34px!important;padding:2px 3px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1!important;
  font-size:clamp(9px,1.35vw,11px)!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>.returnSideTile{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{
  position:absolute!important;inset:45px 6px 5px!important;width:auto!important;height:auto!important;min-width:0!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid{
  position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:0!important;
  gap:3px 2px!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-height:none!important;margin:0!important;padding:3px!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot,
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot.occupied{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-height:100%!important;padding:0!important;overflow:visible!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile,
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{
  position:fixed!important;left:16%!important;right:16%!important;top:82px!important;
  bottom:calc(var(--landscape-rack-height) + 58px)!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:20px 5px 5px!important;
  overflow:auto!important;overscroll-behavior:contain!important;z-index:30!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard:before{
  position:absolute!important;top:2px!important;left:5px!important;margin:0!important;padding:3px 5px!important;font-size:9px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldLane{min-height:48px!important;margin:0 0 4px!important;padding:4px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldLaneHead{min-height:16px!important;font-size:9px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldGroups{gap:3px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat{
  min-width:0!important;min-height:0!important;padding:4px 6px!important;border-radius:8px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat b,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat .styledName,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat .styledName b{font-size:clamp(10px,1.45vw,12px)!important;line-height:1.1!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-1{
  position:fixed!important;top:44%!important;left:1%!important;right:auto!important;bottom:auto!important;width:14%!important;
  height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-3{
  position:fixed!important;top:44%!important;right:1%!important;left:auto!important;bottom:auto!important;width:14%!important;
  height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-1>b,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-3>b{writing-mode:horizontal-tb!important;transform:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-2{
  position:fixed!important;top:40px!important;left:43%!important;right:auto!important;bottom:auto!important;width:14%!important;
  height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-0{
  position:fixed!important;left:2%!important;right:auto!important;top:auto!important;bottom:calc(var(--landscape-rack-height) + 8px)!important;
  width:15%!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  transform:none!important;z-index:80!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirSeatAvatar{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-1{
  position:fixed!important;top:51%!important;left:14%!important;right:auto!important;bottom:auto!important;width:32px!important;height:42px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-3{
  position:fixed!important;top:51%!important;right:14%!important;left:auto!important;bottom:auto!important;width:32px!important;height:42px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-2{
  position:fixed!important;top:40px!important;left:28%!important;right:auto!important;bottom:auto!important;width:32px!important;height:42px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0{
  position:fixed!important;top:auto!important;left:calc(50% + 67px)!important;right:auto!important;
  bottom:calc(var(--landscape-rack-height) + 4px)!important;width:40px!important;min-width:40px!important;
  height:52px!important;min-height:52px!important;z-index:120!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discardSpot .imageTile.okeyTile.compact{width:100%!important;height:100%!important}
 html body #root main.gameScreen.phoneGame.playingHand .centerDeck{
  position:fixed!important;top:auto!important;left:50%!important;right:auto!important;
  bottom:calc(var(--landscape-rack-height) + 8px)!important;transform:translateX(-50%)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:122px!important;min-width:122px!important;height:44px!important;padding:3px 6px!important;z-index:110!important
 }
 html body #root main.gameScreen.phoneGame .centerDeck .deckStack{flex:0 0 28px!important;width:28px!important;height:36px!important}
 html body #root main.gameScreen.phoneGame .centerDeck small{font-size:0!important;line-height:1!important}
 html body #root main.gameScreen.phoneGame .centerDeck small:after{
  content:"SIRA BEKLE"!important;display:block!important;font-size:9px!important;line-height:1.1!important;white-space:normal!important
 }
 html body #root main.gameScreen.phoneGame .centerDeck.drawSource small:after{content:"ORTA · TAŞ ÇEK"!important}
 html body #root main.gameScreen.phoneGame .centerDeck.discardPhase small:after{content:"TAŞINI AT"!important}
 html body #root main.gameScreen.phoneGame.duzGame{
  --landscape-rack-height:clamp(122px,29dvh,148px)
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackHead{
  position:absolute!important;left:5px!important;right:5px!important;top:3px!important;width:auto!important;height:31px!important;
  min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackHead>div:first-child{display:block!important;flex:0 0 22%!important;min-width:0!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackHead>div:first-child>b{font-size:10px!important;white-space:nowrap!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackHead>div:first-child>span,
 html body #root main.gameScreen.phoneGame.duzGame .rackHead .rackNewTileBadge{display:none!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackTools{
  position:static!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  flex:1 1 auto!important;gap:4px!important;width:auto!important;height:30px!important;margin:0!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackTools button{
  width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:2px 4px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(9px,1.35vw,11px)!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackTools .rackMode{display:none!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackBoardShell{
  position:absolute!important;inset:36px 5px 4px!important;display:block!important;width:auto!important;height:auto!important;
  min-height:0!important;margin:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid{
  position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr)!important;grid-auto-flow:row!important;grid-auto-rows:0!important;gap:2px 1px!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;margin:0!important;padding:2px!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot,
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot.occupied{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;padding:0!important;overflow:visible!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot>.imageTile.okeyTile,
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .seat-0 .myDiscardDock{display:flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;min-height:44px!important;padding:4px 7px!important}
 html body #root main.gameScreen.phoneGame.duzGame .seat-0 .myDiscardDock:focus-visible{outline:2px solid #c8a7ff!important}
 html body #root main.gameScreen.phoneGame.playingHand.duzGame .centerDeck{
  width:100px!important;min-width:100px!important;bottom:calc(var(--landscape-rack-height) + 7px)!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .discard-0{
  position:fixed!important;top:auto!important;left:calc(50% - 102px)!important;right:auto!important;
  bottom:calc(var(--landscape-rack-height) + 5px)!important;width:38px!important;height:50px!important;min-height:50px!important;z-index:120!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .seat-0 .myDiscardDock{
  position:fixed!important;left:calc(50% + 52px)!important;right:auto!important;top:auto!important;
  bottom:calc(var(--landscape-rack-height) + 5px)!important;z-index:125!important
 }
 html body #root main.gameScreen.phoneGame .tableChatBubble{
  right:8px!important;bottom:calc(var(--landscape-rack-height) + 8px)!important;width:38px!important;height:38px!important
 }
 html body #root main.gameScreen.phoneGame .autoPilotBanner,
 html body #root main.gameScreen.phoneGame .winnerBanner,
 html body #root main.gameScreen.phoneGame .nextHandDock{
  z-index:180!important;position:fixed!important;left:50%!important;right:auto!important;top:42px!important;bottom:auto!important;
  transform:translateX(-50%)!important;width:min(360px,55vw)!important;max-height:46px!important;min-height:0!important;
  padding:4px 7px!important;font-size:10px!important
 }
}
@media (orientation:landscape) and (max-width:620px) and (max-height:620px){
 html body #root main.gameScreen.phoneGame{--landscape-rack-height:clamp(170px,45dvh,206px)}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{left:5px!important;right:5px!important;width:auto!important;height:32px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child{flex-basis:24%!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools{gap:2px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools button{font-size:8px!important;padding:1px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{left:5px!important;right:5px!important;top:40px!important;height:25px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions{height:25px!important;gap:3px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>button{height:25px!important;min-height:25px!important;font-size:8px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{inset:70px 4px 4px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid{grid-template-columns:repeat(18,minmax(0,1fr))!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldBoard{left:18%!important;right:18%!important}
 html body #root main.gameScreen.phoneGame.duzGame{--landscape-rack-height:clamp(126px,33dvh,154px)}
 html body #root main.gameScreen.phoneGame.duzGame .centerDeck{width:94px!important;min-width:94px!important}
 html body #root main.gameScreen.phoneGame.duzGame .discard-0{left:calc(50% - 90px)!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .centerDeck{width:108px!important;min-width:108px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0{left:calc(50% + 60px)!important;width:36px!important;min-width:36px!important}
}
/* Show exactly where a thrown tile lands; reduced-motion users keep the same emphasis without animation. */
@keyframes darkLandscapeDiscardFlight{
 from{opacity:.35;transform:translateY(38px) scale(.78) rotate(-7deg)}
 68%{opacity:1;transform:translateY(-3px) scale(1.04) rotate(2deg)}
 to{opacity:1;transform:none}
}
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body #root#root#root main.gameScreen.phoneGame .discardSpot .imageTile.justDiscarded{
  animation:darkLandscapeDiscardFlight .42s cubic-bezier(.2,.72,.2,1) both!important;z-index:18!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget{
  border:1px dashed #39d6b0!important;border-radius:8px!important;background:#0d29264a!important;
  display:flex!important;align-items:center!important;justify-content:center!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget .discardOwner,
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget .discardRoleLabel{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget .tapDiscardHint{
  display:block!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
  min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;padding:2px 4px!important;font-size:8px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget>span{
  font-size:8px!important;font-weight:900!important;color:#79ead1!important
 }
 html body #root main.gameScreen.phoneGame.playingHand .centerDeck.drawSource{
  outline:1px solid #8d6aff!important;outline-offset:2px!important;border-radius:8px!important
 }
}
@media (prefers-reduced-motion:reduce) and (orientation:landscape){
 html body #root#root#root main.gameScreen.phoneGame .discardSpot .imageTile.justDiscarded{animation:none!important}
}
/* Waiting tables need a visible, tappable start action above the rack. */
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body #root main.gameScreen.phoneGame.waitingHand .centerDeck.startDeck{
  position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:column!important;width:min(250px,70vw)!important;min-width:0!important;height:auto!important;min-height:0!important;
  max-width:none!important;padding:11px!important;overflow:visible!important;background:#101827f5!important;
  border:1px solid #9a7bda!important;border-radius:16px!important;box-shadow:0 12px 36px #0009!important;
  z-index:260!important;pointer-events:auto!important
 }
 html body #root main.gameScreen.phoneGame.waitingHand .centerDeck>.normalTableStart{
  position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:8px!important;width:100%!important;max-width:none!important;z-index:1!important
 }
 html body #root main.gameScreen.phoneGame.waitingHand .centerDeck>.normalTableStart .roomStart{
  width:100%!important;min-width:0!important;min-height:48px!important;padding:10px!important;
  white-space:normal!important;font-size:15px!important;line-height:1.1!important
 }
 html body #root main.gameScreen.phoneGame.waitingHand .centerDeck>.normalTableStart small{
  display:block!important;width:100%!important;max-width:none!important;overflow:visible!important;
  padding:5px 7px!important;color:#e4e9f5!important;background:#202c40!important;border-radius:8px!important;
  text-align:center!important;white-space:normal!important;font-size:10px!important;line-height:1.3!important
 }
}


/* SOURCE: hand-open-area-20261005.css */
/* 101 mobile: compact score beside actions and enlarge the meld area. */
@media (max-width:700px) and (orientation:portrait){
 #root main.gameScreen.playingHand.yuzbirGame .yuzbirMeldBoard{left:10%!important;width:80%!important;top:8%!important;height:56%!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:4px!important;padding:4px!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.rack101Score:not(.compactScore){grid-column:1!important;grid-row:1!important;min-width:0!important;min-height:44px!important;padding:4px!important;grid-template-columns:auto 1fr!important;column-gap:3px!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.rack101Score:not(.compactScore) small{font-size:6px!important;letter-spacing:.04em!important;white-space:nowrap!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.rack101Score:not(.compactScore) strong{font-size:19px!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.rack101Score:not(.compactScore) span{font-size:7px!important;line-height:1.1!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101UnifiedActions{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;min-width:0!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101UnifiedActions>button{min-width:0!important;padding:4px 2px!important;font-size:clamp(8px,2.3vw,11px)!important;white-space:nowrap!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.compactScore,
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.handPenaltyCount,
 #root main.gameScreen.playingHand.yuzbirGame .rack101ScoreBar>.drawFirstPrompt{display:none!important}
 #root main.gameScreen.playingHand.yuzbirGame .rack101Warning{grid-column:1/-1!important}
}
@media (max-width:900px) and (orientation:landscape){
 #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{left:12%!important;right:12%!important;top:76px!important;bottom:calc(var(--landscape-rack-height) + 50px)!important}
}


/* SOURCE: mobile-height-balance-20261005.css */
/* Height-based game layout correction for compact and tall phones. */
@media (max-width:700px) and (orientation:portrait){
 html body #root main.gameScreen.phoneGame.yuzbirGame{
  --portrait-rack-height:clamp(156px,30dvh,260px);
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackArea{
  position:fixed!important;top:auto!important;left:4%!important;right:4%!important;bottom:max(3px,env(safe-area-inset-bottom,0px))!important;
  width:92%!important;height:var(--portrait-rack-height)!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;z-index:140!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{
  position:fixed!important;left:10%!important;right:10%!important;top:clamp(76px,11dvh,100px)!important;
  bottom:calc(var(--portrait-rack-height) + 70px)!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;overflow:auto!important;z-index:30!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .indicatorPanel,
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .centerDeck{
  position:fixed!important;top:auto!important;bottom:calc(var(--portrait-rack-height) + 8px)!important;
  height:48px!important;min-height:48px!important;z-index:170!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .indicatorPanel{
  left:3%!important;right:auto!important;width:min(30vw,110px)!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .centerDeck{
  left:38%!important;right:auto!important;width:min(44vw,155px)!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{
  top:3px!important;left:3%!important;right:3%!important;width:94%!important;height:32px!important;min-height:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{
  top:38px!important;left:3%!important;right:3%!important;width:94%!important;height:46px!important;min-height:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{
  top:90px!important;left:3%!important;right:3%!important;bottom:4px!important;height:auto!important;width:auto!important;min-height:0!important
 }
}
@media (max-width:700px) and (orientation:portrait) and (max-height:520px){
 html body #root main.gameScreen.phoneGame.yuzbirGame{--portrait-rack-height:156px}
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{top:70px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{height:29px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{top:34px!important;height:42px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{top:80px!important}
}
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body #root main.gameScreen.phoneGame.yuzbirGame{--landscape-rack-height:clamp(146px,46dvh,184px)}
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{
  left:20%!important;right:20%!important;top:74px!important;bottom:calc(var(--landscape-rack-height) + 12px)!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-1,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-3{top:clamp(92px,33dvh,180px)!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-1,
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-3{top:clamp(108px,37dvh,220px)!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-0{
  bottom:calc(var(--landscape-rack-height) + 30px)!important
 }
}


/* SOURCE: game-announcement-position-20261005.css */
/* Short announcements stay above the play area and never sit on the rack. */
html body #darkSiteAnnouncement{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:72px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:min(700px,88vw)!important;
  z-index:2900!important;
  pointer-events:none!important;
}
@media(max-width:900px){
  html body #darkSiteAnnouncement{
    top:calc(env(safe-area-inset-top,0px) + 58px)!important;
    max-width:88vw!important;
  }
}


/* SOURCE: pc-lobby-narrow-tables-20261005.css */
/* Keep room cards inside their own column as the desktop lobby narrows. */
@media screen and (min-width:1000px) and (max-width:1399px){
 html body #root main.entertainmentLobby .tablesArea.lobbyCenterStage{
  min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;
 }
 html body #root main.entertainmentLobby .tablesArea .funTableGrid{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:8px!important;overflow-x:hidden!important;
 }
 html body #root main.entertainmentLobby .tablesArea article.tableCard.funTableCard{
  box-sizing:border-box!important;display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto auto auto!important;
  column-gap:0!important;row-gap:6px!important;padding:9px!important;
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .tableCardTop{grid-column:1!important;grid-row:1!important;min-width:0!important}
 html body #root main.entertainmentLobby .tablesArea .funTableCard h3{
  grid-column:1!important;grid-row:2!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard>p{
  grid-column:1!important;grid-row:3!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual{
  grid-column:1!important;grid-row:4!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:40px 48px 40px!important;
  gap:3px!important;padding:5px!important;overflow:hidden!important;height:140px!important;min-height:140px!important;max-height:140px!important;
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .seatBubble{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:36px!important;padding:2px!important;gap:3px!important;overflow:hidden!important;
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .seatBubble>span{
  flex:0 0 22px!important;width:22px!important;height:22px!important;font-size:8px!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .seatBubble small{
  min-width:0!important;max-width:100%!important;font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .compactMeta{
  grid-column:1!important;grid-row:5!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;padding:6px!important;gap:4px!important;overflow:hidden!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .compactMeta span{
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;min-height:26px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important;font-size:9px!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .joinFun{
  grid-column:1!important;grid-row:6!important;width:100%!important;min-width:0!important;max-width:100%!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard>button:last-child{
  grid-column:1!important;grid-row:7!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important
 }
}
/* Make preview seat names readable without letting long names escape their seat. */
@media screen and (min-width:1000px){
 html body #root main.entertainmentLobby .funTableCard .seatBubble small{
  font-size:11px!important;line-height:1.1!important;font-weight:900!important;
  min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
 }
}
@media screen and (min-width:1000px) and (max-width:1399px){
 html body #root main.entertainmentLobby .funTableCard .seatBubble>span{
  flex:0 0 24px!important;width:24px!important;height:24px!important;font-size:9px!important
 }
 html body #root main.entertainmentLobby .funTableCard .seatBubble small{font-size:10px!important}
}
@media screen and (min-width:1000px) and (max-width:1399px){
 html body #root main.entertainmentLobby .tablesArea .funTableCard .seatBubble>span{
  flex:0 0 24px!important;width:24px!important;height:24px!important;font-size:9px!important
 }
 html body #root main.entertainmentLobby .tablesArea .funTableCard .seatBubble small{
  font-size:10px!important;line-height:1.1!important;font-weight:900!important
 }
}

/* SOURCE: mobile-lobby-player-names-20261005.css */
/* Bigger player names in the mobile lobby's table cards. */
@media(max-width:900px){
 html body #root .mobileTableCard .mobileTablePlayers{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px 8px!important;
 }
 html body #root .mobileTableCard .mobileTablePlayers>span{
  box-sizing:border-box!important;min-width:0!important;min-height:38px!important;
  padding:7px 8px!important;gap:5px!important;font-size:14px!important;
  line-height:1.2!important;font-weight:750!important;white-space:normal!important;
  overflow:hidden!important;text-overflow:clip!important;overflow-wrap:anywhere!important;
 }
 html body #root .mobileTableCard .mobileTablePlayers>span em{
  flex:none!important;font-size:10px!important;padding:3px 5px!important;
 }
}
@media(max-width:900px) and (max-height:520px){
 html body #root .mobileTableCard .mobileTablePlayers>span{min-height:32px!important;padding:5px 7px!important;font-size:12px!important}
}
/* Keep each lobby player nick on one readable line; put the bot badge below it. */
@media(max-width:900px){
 html body #root .mobileTableCard .mobileTablePlayers>span{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  min-height:54px!important;padding:6px 8px!important;gap:4px!important;
 }
 html body #root .mobileTableCard .mobileTablePlayerName{
  display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  flex:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;font-size:14px!important;line-height:1.15!important;font-weight:800!important
 }
 html body #root .mobileTableCard .mobileTablePlayers>span em{align-self:flex-start!important;margin:0!important}
}
@media(max-width:900px) and (max-height:520px){html body #root .mobileTableCard .mobileTablePlayers>span{min-height:46px!important}.mobileTablePlayerName{font-size:12px!important}}


/* SOURCE: mobile-private-chat-layout-20261005.css */
/* Mobile chat controls stay together above the message list; composer stays at the bottom. */
@media(max-width:900px){
 html body #root .mobileLobbyChat .richChat{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
 html body #root .mobileLobbyChat .richChat .chatHead{order:0!important;flex:none!important}
 html body #root .mobileLobbyChat .richChat .chatTabs{order:1!important;flex:none!important}
 html body #root .mobileLobbyChat .richChat .privateConversationTabs{order:2!important;flex:none!important}
 html body #root .mobileLobbyChat .richChat .socialToolBar{order:3!important;flex:none!important}
 html body #root .mobileLobbyChat .richChat .chatMessages{order:4!important;flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:auto!important}
 html body #root .mobileLobbyChat .richChat .chatComposer{order:5!important;flex:none!important;margin-top:auto!important;padding-bottom:calc(9px + env(safe-area-inset-bottom))!important}
}


/* SOURCE: light-theme-fix-20261005.css */
/* Light theme: clear neutral surfaces, readable text; game table felt and tile artwork stay untouched. */
html[data-theme="light"]{color-scheme:light;--body-gradient:linear-gradient(135deg,#e5e9ee,#f2f4f6);--text:#1d2b3d}
html[data-theme="light"] body{background:var(--body-gradient)!important;color:#1d2b3d!important}
html[data-theme="light"] body #root main.entertainmentLobby,
html[data-theme="light"] body #root main.mobileLobbyShell{background:linear-gradient(145deg,#e4e9ee,#eef1f4)!important;color:#1d2b3d!important}
html[data-theme="light"] body #root :is(.lobbyTopbar,.lobbyTablesBar,.lobbyChatFloorHead,.onlineUsersPanel,.mobileLobbyTopbar,.mobileTablesPanel,.mobileChatTitle,.mobilePeopleStrip,.onlineUsersHead,.onlineUserStats,.onlineListFilters,.onlineSearch,.chatPanel,.chatInputRow,.lobbyChatMain){background:#f7f9fb!important;color:#1d2b3d!important;border-color:#c7d1dc!important}
html[data-theme="light"] body #root :is(.tablesArea,.lobbyChatFloor,.lobbyPeopleRail,.mobileLobbyChat,.richChat,.chatMessages,.lobbyChatMessages,.mobileTableCard,.mobileEmptyTable,.funTableCard,.tableCard,.userSettingsModal,.createTableModal,.tableCreatePanel,.settingsGroup,.membershipPlanCard,.membershipCurrentCard,.settingsProfilePreview,.mobilePeopleScroller){background:#fff!important;color:#1d2b3d!important;border-color:#cbd5df!important;box-shadow:0 5px 18px #25374a12!important}
html[data-theme="light"] body #root :is(.onlineUserRow,.mobilePerson,.mobilePerson.me,.lobbyEmpty,.chatTabs,.lobbyChatComposer,.chatComposer,.onlineUserFilters,.onlineUserSearch,.chatSend,.settingsChoiceRow){background:#eef2f6!important;color:#24364b!important;border-color:#cbd5df!important}
html[data-theme="light"] body #root :is(.lobbyTablesTitle,.lobbyChatFloorHead,.lobbyPeopleRail,.onlineUserIdentity,.onlineUserPoints,.userSettingsHead,.settingsGroupTitle,.settingsPaneIntro,.mobileSectionTitle,.mobileLobbyBrand,.mobileTablesHead,.mobileChatTitle b,.onlineUsersHint,.emptyChat,.emptyState,.chatEmpty,.lobbyEmpty,.lobbyEmpty b,.lobbyEmpty p,.settingsInfo,.userSettingsHead>div>span,.mobileLobbyOnline,.mobileTablesHead small){color:#40546b!important}
html[data-theme="light"] body #root :is(.lobbyTablesTitle small,.lobbyTopCenter,.lobbyPeopleRail>small,.onlineUsersPanel>small,.onlineUserStats span,.onlineUsersHead .onlineCount){color:#4c6076!important}
html[data-theme="light"] body #root :is(.entertainmentLobby,.mobileLobbyShell,.userSettingsModal,.createTableModal,.darkPublicProfileCard) :is(input:not([type="checkbox"]),textarea,select){background:#fff!important;color:#1d2b3d!important;border-color:#b9c7d5!important}
html[data-theme="light"] body #root :is(.entertainmentLobby,.mobileLobbyShell,.userSettingsModal,.createTableModal) button:not(.active):not(.primary):not(.joinFun):not(.onlineUserRow):not(.mobilePerson):not(.settingsSwitch):not(.colorSwatches button){color:#293d54!important}
html[data-theme="light"] body #root :is(.lobbyTablesActions,.lobbyChatQuickActions,.onlineUserFilters,.userSettingsNav,.settingsChoiceRow) button.active{background:#7049b8!important;color:#fff!important}
html[data-theme="light"] body #root :is(.onlineUserStatus,.mobilePerson small){color:#207657!important}
html[data-theme="light"] body #root .lobbySystemNotice{background:#f7eaf0!important;color:#634555!important;border-color:#dfc5d1!important}
html[data-theme="light"] body #root .lobbySystemNotice span{color:#634555!important}
html[data-theme="light"] body #root .brand{color:#202f42!important}
html[data-theme="light"] body #root .brand span{color:#7049b8!important}
html[data-theme="light"] body #root .styledName{background:#263346!important;border-radius:5px;box-shadow:0 0 0 3px #263346;text-shadow:0 1px 2px #0008!important}
html[data-theme="light"] body #root .styledName b{color:inherit!important}
html[data-theme="light"] body #root .darkMobileTools>summary,
html[data-theme="light"] body #root .darkMobileToolsItems{background:#f7f9fb!important;color:#20334a!important;border-color:#c5d0dd!important}
html[data-theme="light"] body #root .darkMobileToolsItems button{background:#edf2f7!important;color:#24384e!important;border-color:#c1cedb!important}
html[data-theme="light"] body #root .chatMessage,
html[data-theme="light"] body #root .chatMessageText{color:#1b2d43!important}
html[data-theme="light"] body #root .chatSend button{background:#117e67!important;color:#fff!important}
html[data-theme="light"] body #root :is(.onlineUserRow,.mobilePerson):focus-visible,
html[data-theme="light"] body #root button:focus-visible{outline:3px solid #7954c4!important;outline-offset:2px}
@media(max-width:900px){
 html[data-theme="light"] body #root :is(.mobileLobbyShell,.mobileLobbyTopbar,.mobileTablesPanel,.mobileChatTitle,.mobilePeopleStrip){background:#f7f9fb!important;color:#1d2b3d!important;border-color:#c7d1dc!important}
 html[data-theme="light"] body #root :is(.mobileLobbyChat,.richChat,.chatMessages,.chatTabs,.chatSend,.mobilePeopleScroller){background:#fff!important;color:#1d2b3d!important;border-color:#cbd5df!important}
 html[data-theme="light"] body #root :is(.mobilePerson,.mobilePerson.me,.mobileEmptyTable,.mobileTableCard){background:#edf2f6!important;color:#1d2b3d!important;border-color:#c3ceda!important;opacity:1!important}
 html[data-theme="light"] body #root .mobilePeopleStrip{filter:none!important}
}

/* SOURCE: mobile-radio-nudge-20261006.css */
@media(max-width:900px){
  html body #root .mobileLobbyTopbar .mobileRadioToggle{
    transform:translateY(4px)!important;
  }
}


/* SOURCE: lobby-seat-names-readable-20261006.css */
/* Final lobby seat-name readability override. Keep player names legible on PC and phones. */
@media (min-width:1000px){
  html body #root#root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual{
    box-sizing:border-box!important;
    width:100%!important;
    height:184px!important;min-height:184px!important;max-height:184px!important;
    grid-template-rows:52px 60px 52px!important;
    gap:4px 6px!important;
  }
  html body #root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble{
    box-sizing:border-box!important;
    width:100%!important;height:46px!important;min-height:46px!important;
    padding:4px 6px!important;gap:7px!important;
    overflow:hidden!important;
  }
  html body #root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble>span{
    flex:0 0 28px!important;width:28px!important;height:28px!important;
    font-size:11px!important;
  }
  html body #root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble small{
    display:block!important;flex:1 1 auto!important;
    min-width:0!important;max-width:100%!important;
    color:#fff!important;font-size:15px!important;line-height:1.15!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html body #root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble small *{
    color:inherit!important;font-size:inherit!important;line-height:inherit!important;
  }
}
@media (max-width:999px){
  html body #root .mobileTableCard .mobileTablePlayers>span{
    min-height:58px!important;padding:7px 9px!important;
  }
  html body #root .mobileTableCard .mobileTablePlayerName{
    font-size:15px!important;line-height:1.2!important;font-weight:900!important;
  }
}


/* SOURCE: admin-tools-settings-20261006.css */
/* Authorized actions directly below General in the settings navigation. */
.darkRadioAdminButton,.darkSiteButton,.darkSecurityMenuButton{display:none!important}
.userSettingsNav .darkAdminToolsPanel{min-width:0!important;margin:0!important;padding:0!important;width:100%!important}
.darkAdminToolsPanel[hidden]{display:none!important}
.userSettingsNav .darkAdminToolsActions{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important}
.userSettingsNav .darkAdminToolAction{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 width:100%!important;min-height:48px!important;padding:10px 12px!important;
 border:1px solid var(--border)!important;border-radius:12px!important;
 background:var(--surface-2)!important;color:var(--text)!important;
 font:700 14px/1.35 system-ui,sans-serif!important;white-space:normal!important;text-align:left!important;
 overflow-wrap:anywhere!important
}
.userSettingsNav .darkAdminToolAction:hover{background:var(--accent-soft)!important}
@media(max-width:700px){
 .userSettingsNav .darkAdminToolsPanel{flex:0 0 100%!important}
 .userSettingsNav .darkAdminToolsActions{flex-direction:row!important;flex-wrap:wrap!important}
 .userSettingsNav .darkAdminToolAction{flex:1 1 140px!important;width:auto!important}
}


/* SOURCE: nick-pack-20261006.css */
.styledName.nickPackPreset01{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset02{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(223, 56%, 19%)}
.styledName.nickPackPreset03{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(223, 56%, 19%)}
.styledName.nickPackPreset04{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset05{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset06{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset07{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset08{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset09{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(223, 56%, 19%)}
.styledName.nickPackPreset10{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset11{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset12{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset13{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset14{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset15{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset16{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset17{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset18{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset19{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset20{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPlacement-background{background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;border-radius:7px;padding:4px 10px!important;min-height:28px;text-shadow:0 1px 3px #000,0 0 5px #000}
.styledName.nickPlacement-left>.nickGif,.styledName.nickPlacement-right>.nickGif,.styledName.nickPlacement-both>.nickGif{width:var(--nick-gif-width,28px)!important;height:var(--nick-gif-height,24px)!important;object-fit:contain!important;flex:0 0 var(--nick-gif-width,28px)!important;max-width:var(--nick-gif-width,28px)!important}
.appearanceSelectionPreview>.styledName{width:auto!important;min-height:36px!important;padding:6px 10px!important;font-size:18px!important}
.appearanceSelectionPreview>.styledName>.nickGif{width:var(--nick-gif-width,36px)!important;height:var(--nick-gif-height,32px)!important;max-width:var(--nick-gif-width,36px)!important;flex-basis:var(--nick-gif-width,36px)!important}

.styledName.nickPlacement-background{min-height:var(--nick-gif-height,28px)!important}

.nickGifChooser,.nickGifManager{padding:0;border:1px solid var(--border,#66559b);border-radius:16px;background:var(--surface,#fff);color:var(--text,#222);box-shadow:0 20px 80px #0008;max-width:calc(100vw - 24px);max-height:88dvh}
.nickGifChooser::backdrop,.nickGifManager::backdrop{background:#0008}
.nickGifChooser{width:380px}
.nickGifManager{width:940px}
.nickGifChooser>header,.nickGifManager>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border,#ccc);gap:12px}
.nickGifChooser>header button,.nickGifManager>header button{min-width:40px;min-height:40px;font-size:24px}
.nickGifGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px;max-height:55dvh;overflow:auto;overscroll-behavior:contain}
.nickGifGrid>button{display:flex!important;align-items:center;justify-content:center;padding:3px!important;min-width:0;min-height:44px;border:1px solid transparent!important;border-radius:6px;background:var(--surface-2,#eee)!important}
.nickGifGrid>button:hover,.nickGifGrid>button.chosen{border-color:var(--accent,#7c3aed)!important;box-shadow:inset 0 0 0 2px var(--accent,#7c3aed)}
.nickGifGrid img{width:36px!important;height:36px!important;max-width:100%;object-fit:contain!important}
.nickGifOpen{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:46px}
.nickGifOpen img{width:34px;height:34px;object-fit:contain}
.nickGifChooser footer{padding:10px;border-top:1px solid var(--border,#ccc)}
.nickGifManagerBody{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;padding:14px;overflow:auto;max-height:calc(88dvh - 68px)}
.nickGifManagerBody>section{min-width:0}
.nickGifManager .nickGifGrid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:60dvh}
.nickGifEditor{display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--border,#ccc);padding-left:14px}
.nickGifEditor h3{margin:0}
.nickGifEditor label{display:flex;flex-direction:column;gap:7px;font-size:14px}
.nickGifEditor input[type=checkbox]{width:auto}
.nickGifEditor>.styledName{align-self:center;min-height:60px;margin:12px 0}
.nickGifEditor input,.nickGifEditor select{max-width:100%;min-width:0}
@media(max-width:650px){.nickGifManagerBody{grid-template-columns:1fr}.nickGifEditor{border-left:0;border-top:1px solid var(--border,#ccc);padding:14px 0 0}.nickGifManager .nickGifGrid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:30dvh}}


/* SOURCE: settings-shell-20261006.css */

/* Unified settings shell, one header and one close control. */
html body dialog.userSettingsBackdrop{position:fixed!important;inset:0!important;margin:auto!important;padding:0!important;border:1px solid var(--border,#d6dce7)!important;border-radius:18px!important;width:min(1080px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:min(780px,calc(100dvh - 40px))!important;max-height:calc(100dvh - 40px)!important;background:var(--surface,#f6f8fc)!important;color:var(--text,#1e293b)!important;overflow:hidden!important;box-shadow:0 24px 100px #0006!important}
.userSettingsBackdrop::backdrop{background:#11182799!important;backdrop-filter:blur(5px)}
html body .userSettingsModal{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:var(--surface,#f6f8fc)!important;overflow:hidden!important}
html body .userSettingsHead{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:20px 26px!important;background:var(--surface,#f6f8fc)!important;border-bottom:1px solid var(--border,#d6dce7)!important;position:relative!important}
html body .userSettingsHead h2{font:750 24px/1.2 system-ui!important;margin:0 0 5px!important}
html body .userSettingsHead span{font:500 14px/1.4 system-ui!important;color:var(--muted,#64748b)!important}
html body .userSettingsClose{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border:1px solid var(--border,#d6dce7)!important;border-radius:12px!important;background:var(--surface-2,#e7edf5)!important;color:var(--text,#1e293b)!important;font:500 29px/1 system-ui!important}
html body .userSettingsBody{display:grid!important;grid-template-columns:226px minmax(0,1fr)!important;flex:1!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
html body .userSettingsNav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:5px!important;padding:14px!important;overflow:auto!important;background:var(--surface-2,#edf1f7)!important;border-right:1px solid var(--border,#d6dce7)!important}
html body .userSettingsNav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;flex:0 0 auto!important;width:100%!important;min-height:45px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:var(--text,#334155)!important;background:transparent!important;white-space:normal!important;text-align:left!important}
html body .userSettingsNav button:hover{background:var(--surface,#fff)!important}
html body .userSettingsNav button.active{background:#7554c6!important;border-color:#7554c6!important;color:#fff!important;box-shadow:0 4px 12px #7554c629!important}
html body .userSettingsNav button b{font:650 14px/1.4 system-ui!important}
html body .userSettingsNav button span{font:600 20px/1 system-ui!important;width:24px!important;text-align:center!important}
html body .settingsNavLabel{font:750 11px/1.5 system-ui!important;letter-spacing:.12em!important;color:var(--muted,#64748b)!important;padding:12px 12px 4px!important}
html body .userSettingsContent{min-width:0!important;padding:24px 28px!important;overflow:auto!important}
html body .settingsPageTitle{font:750 21px/1.35 system-ui!important;margin:0 0 20px!important}
html body .userSettingsContent .settingsGroup{border-radius:14px!important;padding:20px!important;margin-bottom:14px!important;background:var(--surface-2,#edf1f7)!important;border:1px solid var(--border,#d6dce7)!important}
html body .userSettingsContent :is(.settingsGroupTitle b,.settingsPaneIntro b){font-size:16px!important}
html body .userSettingsContent :is(.settingsGroupTitle span,.settingsInfo,.appearanceSettings label){font-size:14px!important;line-height:1.5!important}
html body .settingsProfilePreview small{font-size:12px!important}
html body .userSettingsContent button{min-height:42px;font-size:14px}
html body .appearanceForm{gap:16px!important}
html body .settingsEmbeddedDialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;inset:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}
html body .settingsEmbeddedDialog>h2{display:none!important}
html body .nickGifManagerInline{width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}
html body .nickGifManagerInline>.nickGifManagerBody{padding:0!important;grid-template-columns:minmax(0,1fr) 250px!important;max-height:none!important}
html body .nickGifManagerInline .nickGifGrid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:50dvh}
html body .nickGifBare{padding:8px!important;width:350px!important}
html body .nickGifBare .nickGifGrid{padding:0!important}
html body .nickGifBareClose{position:sticky!important;top:0!important;float:right!important;z-index:3!important;width:28px!important;min-height:28px!important;height:28px!important;padding:0!important;border-radius:6px!important;font-size:20px!important}
.darkAccountsButton,.darkSiteButton,.darkRadioAdminButton,.darkSecurityMenuButton{display:none!important}
@media(max-width:700px){html body dialog.userSettingsBackdrop{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}html body .userSettingsBody{grid-template-columns:138px minmax(0,1fr)!important}html body .userSettingsNav{padding:8px!important}html body .userSettingsNav button{padding:9px 7px!important;gap:6px!important}html body .userSettingsNav button b{font-size:13px!important}html body .userSettingsContent{padding:16px 12px!important}html body .userSettingsHead{padding:14px 16px!important}html body .nickGifManagerInline>.nickGifManagerBody{grid-template-columns:1fr!important}.appearanceForm{grid-template-columns:1fr!important}}