:root{--bg:#071914;--panel:#10231d;--panel2:#142b23;--gold:#f0c36a;--gold2:#d99d38;--wood1:#8b4d22;--wood2:#4a2410;--felt1:#185b35;--felt2:#0f3f27;--text:#f7ead2;--muted:#c9b99d;--green:#45cc61;--danger:#d55241;--blue:#3aa2ff}:root[data-theme=royal]{--bg:#150b20;--panel:#241631;--panel2:#301b45;--gold:#ffd36e;--gold2:#bd7dff;--wood1:#713c87;--wood2:#2a1239;--felt1:#3f2062;--felt2:#26113e}:root[data-theme=night]{--bg:#05070d;--panel:#0d1420;--panel2:#111d2d;--gold:#7fd7ff;--gold2:#3d8aff;--wood1:#26364d;--wood2:#0b111b;--felt1:#123653;--felt2:#071d31}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 35%), radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--blue) 12%, transparent), transparent 30%), linear-gradient(180deg, var(--bg), #020806);color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.appShell{background:linear-gradient(#020f0c94,#020f0cc7),url(/gameplay-coffeehouse.webp) 50%/cover no-repeat fixed;min-height:100vh}.topbar{border-bottom:1px solid color-mix(in srgb, var(--gold) 30%, transparent);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0c1f19fa,#05120ffa);grid-template-columns:220px auto minmax(850px,1080px);align-items:center;gap:16px;min-height:88px;padding:12px 18px;display:grid;position:sticky;top:0;box-shadow:0 8px 25px #00000059}.brandTitle{color:var(--gold);letter-spacing:2px;text-shadow:0 2px 0 #3a210e, 0 0 18px color-mix(in srgb, var(--gold) 35%, transparent);font-family:Georgia,serif;font-size:22px;font-weight:900;line-height:.9;display:grid}.brandTitle span:last-child{letter-spacing:5px;font-size:15px}.brandSub{letter-spacing:3px;color:#e8d2a1;margin-top:5px;margin-left:4px;font-size:10px}.statusCards{gap:10px;min-width:0;display:flex}.statusCard{border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);background:linear-gradient(#ffffff14,#00000029);border-radius:14px;min-width:115px;padding:10px 14px}.statusCard span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.statusCard b{font-size:16px}.joinPanel{grid-template-columns:auto 1fr 1fr auto auto auto auto 115px auto;align-items:center;gap:7px;display:grid}.joinPanel input,.joinPanel select,.chatInput input{color:#111;background:#fffffff2;border:1px solid #ffffff24;border-radius:11px;min-width:0;height:38px;padding:0 12px}.joinPanel button,.chatInput button,.actionBtn{color:#251700;white-space:nowrap;background:linear-gradient(#ffe7ae,#d9a04e);border:0;border-radius:11px;height:38px;padding:0 13px;font-weight:850;transition:transform .1s,filter .1s;box-shadow:inset 0 1px #fff9,0 3px 8px #00000040}.joinPanel button:hover,.chatInput button:hover,.actionBtn:hover{filter:brightness(1.05);transform:translateY(-1px)}.leaveBtn{color:#fff4e5!important;background:linear-gradient(#9b2d25,#651b17)!important}.themeSelect{font-weight:800}.toast{color:#ffdf91;background:#f0c36a29;border:1px solid #f0c36a2e;border-radius:12px;margin:10px 18px 0;padding:10px 14px;font-weight:800}.mainGrid{grid-template-columns:minmax(900px,1fr) 340px;gap:12px;padding:12px 12px 18px;display:grid}.gameArea{min-width:0}.sidePanel{align-content:start;gap:10px;display:grid}.panelCard{background:linear-gradient(180deg, color-mix(in srgb, var(--panel2) 96%, black), color-mix(in srgb, var(--panel) 90%, black));border:1px solid color-mix(in srgb, var(--gold) 18%, transparent);border-radius:16px;padding:14px;box-shadow:0 8px 20px #0000003d}.panelCard h3{margin:0 0 10px;font-size:18px}.chatBox{scrollbar-width:thin;background:#ffffff0e;border-radius:12px;height:310px;padding:10px;overflow-y:auto}.chatMsg{border-bottom:1px solid #ffffff12;padding:7px 0;font-size:14px;line-height:1.35}.chatMsg b{color:var(--gold)}.chatInput{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.infoRows{gap:9px;display:grid}.infoRows div{justify-content:space-between;gap:10px;display:flex}.infoRows span{color:var(--muted)}.help ul{color:#eadbc2;margin:0;padding-left:20px;font-size:14px;line-height:1.55}.winnerBanner{color:#201300;text-align:center;background:linear-gradient(#ffe49c,#d9a23e);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;font-weight:900;animation:1.3s ease-in-out infinite alternate stage12Glow;display:flex}.winnerBanner button{color:#251700;background:linear-gradient(#fff6d1,#d9a04e);border:0;border-radius:10px;height:34px;padding:0 14px;font-weight:900}.winningHand{gap:6px;margin-top:9px;display:grid}.winningRack{background:linear-gradient(#9a5b2d,#54280f);border:3px solid #6d3517;border-radius:10px;gap:3px;padding:8px 12px;display:grid;box-shadow:inset 0 2px #ffffff24,inset 0 -5px #1e0a0259}.winningRackRow{justify-content:center;gap:3px;min-height:44px;display:flex}.winningEmptySlot{background:#3014073d;border:1px solid #ffe0aa17;border-radius:7px;width:32px;height:44px}.entryLogoImage{object-fit:contain;width:min(360px,80vw);height:150px;margin:-24px auto -12px;display:block}@keyframes stage12Glow{0%{box-shadow:0 0 8px #ffd27859}to{box-shadow:0 0 24px #ffd278d9}}.tableFrame{background:linear-gradient(135deg, var(--wood2), var(--wood1) 35%, var(--wood2));border-radius:38px;height:535px;padding:17px;position:relative;box-shadow:inset 0 0 0 4px #ffb44621,0 16px 35px #00000057}.tableFrame:before{content:"";pointer-events:none;border:1px solid #ffffff17;border-radius:32px;position:absolute;inset:7px}.feltTable{background:linear-gradient(#021c122e, #021c122e), url(/assets/felt-texture-DlJdfIEd.webp) center/cover no-repeat, radial-gradient(circle at 50% 50%, #ffffff12, transparent 42%), radial-gradient(circle at 50% 50%, transparent 0 43%, #0000001a 44% 100%), linear-gradient(145deg, var(--felt1), var(--felt2));border-radius:29px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #0000006b,inset 0 0 0 5px #00000038}.tableBrandMark{z-index:1;color:#dcb96947;letter-spacing:.16em;pointer-events:none;text-shadow:0 1px 1px #00000080;justify-items:center;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.tableBrandMark b{font-family:Georgia,serif;font-size:17px}.tableBrandMark span{letter-spacing:.42em;margin-top:2px;font-size:8px}.feltTable:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:999px;position:absolute;inset:72px 130px}.playerBox{border:1px solid color-mix(in srgb, var(--gold) 26%, transparent);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#212621eb,#0c110feb);border-radius:15px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;width:288px;min-height:76px;padding:10px 12px;display:grid;position:absolute;box-shadow:0 8px 18px #00000059}.playerBox.active{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 34%, transparent), 0 8px 18px #00000059}.playerBox.top{top:13px;left:50%;transform:translate(-50%)}.playerBox.bottom{bottom:13px;left:50%;transform:translate(-50%)}.playerBox.left{top:50%;left:16px;transform:translateY(-50%)}.playerBox.right{top:50%;right:16px;transform:translateY(-50%)}.seatBadge{color:#fff;background:linear-gradient(#2d8fdd,#145898);border-radius:9px;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid;position:absolute;top:-9px;left:-9px}.avatar{background:radial-gradient(circle at 50% 32%,#e9e9e9 0 12px,#777 13px 100%);border-radius:50%;width:48px;height:48px;position:relative;box-shadow:inset 0 0 0 3px #00000040}.avatarHead{background:#f0f0f0;border-radius:50%;width:20px;height:20px;position:absolute;top:8px;left:14px}.avatarBody{background:#d0d0d0;border-radius:16px 16px 8px 8px;width:34px;height:16px;position:absolute;bottom:7px;left:7px}.avatar.hasPhoto{background:#17221d;overflow:hidden}.avatar.hasPhoto img{object-fit:cover;object-position:center;width:100%;height:100%}.onlineDot,.offlineDot{border:2px solid #17221d;border-radius:50%;width:12px;height:12px;position:absolute;bottom:3px;right:0}.onlineDot{background:var(--green)}.offlineDot{background:#a33}.playerInfo{min-width:0}.playerName{white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.playerMeta{color:#e6d8bc;margin-top:3px;font-size:14px}.lastDiscard,.tableDiscard{justify-items:center;gap:2px;display:grid}.tableDiscard{z-index:7;background:#00000017;border:1px dashed #ffffff24;border-radius:13px;place-content:center;justify-items:center;width:78px;min-height:92px;display:grid;position:absolute}.tableDiscard.top{top:7%;left:7%}.tableDiscard.right{top:7%;right:7%}.tableDiscard.left{bottom:7%;left:7%}.tableDiscard.bottom{bottom:7%;right:7%}.tableDiscard.takeable,.tableDiscard.outgoing{background:#efc66c14;border-color:#efc66cc7}.tableDiscard.takeable{cursor:pointer}.tableDiscard.takeable:after{content:"BURADAN ÇEK";color:#f1d995;margin-top:3px;font-size:9px;font-weight:900}.tableDiscard.outgoing:after{content:"BURAYA AT";color:#f1d995;margin-top:3px;font-size:9px;font-weight:900}.emptyDiscard{color:#ffffff47;font-size:22px}.discardCounter{color:#d9e9d5;text-align:center;background:#0000005c;border-radius:999px;min-width:22px;padding:1px 6px;font-size:11px}.centerZone{z-index:4;grid-template-columns:116px 116px;justify-content:center;align-items:start;gap:16px 20px;width:340px;min-height:230px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deckStack{opacity:.88;justify-self:center;width:90px;height:106px;transition:transform .12s,opacity .12s;position:relative}.deckStack.enabled{cursor:pointer;opacity:1}.deckStack.enabled:hover{transform:translateY(-3px)rotate(-1deg)}.backTile{background:linear-gradient(145deg,#c99b5b,#8e622e);border:2px solid #53310f;border-radius:11px;width:63px;height:86px;position:absolute;top:12px;left:12px;box-shadow:0 4px 10px #0000005c}.shift1{top:8px;left:16px}.shift2{top:4px;left:20px}.deckStack span{background:#0000009e;border-radius:999px;place-items:center;min-width:38px;height:31px;font-weight:900;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.indicatorCard{text-align:center;color:var(--muted);justify-self:center;gap:6px;font-weight:800;display:grid}.dropDiscard{border:3px dashed color-mix(in srgb, var(--gold) 48%, transparent);color:#f7ead2c7;text-align:center;letter-spacing:.5px;background:#0003;border-radius:19px;grid-column:1/3;place-items:center;min-height:68px;padding:10px;font-weight:950;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.dropDiscard.enabled{color:#ffe7a6;border-color:var(--gold);background:#64460a4d}.dropDiscard.dragging.enabled{box-shadow:0 0 32px color-mix(in srgb, var(--gold) 35%, transparent);transform:scale(1.04)}.okeyInfo{text-align:center;color:var(--muted);grid-column:1/3;gap:2px;display:grid}.okeyInfo b{color:var(--text)}.actionsBar{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 0 8px;display:flex}.actionBtn{color:#f5e6c8;border:1px solid color-mix(in srgb, var(--gold) 28%, transparent);background:linear-gradient(#222c27,#101715);min-width:132px}.actionBtn.active{color:#251700;background:linear-gradient(#ffe6ad,#d9a04e)}.actionBtn:disabled{opacity:.42;cursor:not-allowed}.turnHint{text-align:center;color:#decba8;min-height:28px;font-size:14px}.turnHint span{color:#fff1c8;margin-left:14px}.rackShell{width:min(1100px,100%);margin:5px auto 0}.rackHeader{color:#fff3d1;justify-content:space-between;gap:12px;padding:0 8px 6px;display:flex}.rackHeader span{color:var(--muted);font-size:13px}.rack{background:linear-gradient(#ffe2b61f,#3f1d0a0f 14%,#1c0c0342 86%,#1c0c036b),url(/assets/wood-texture-CiRZ0HVD.webp) 50%/232px,linear-gradient(#ba6f2ee0,#5a2a0ef2);border:6px solid #4d260f;border-radius:17px;gap:24px;padding:32px 44px;transition:box-shadow .12s;display:grid;overflow:hidden;box-shadow:inset 0 0 26px #0000005c,0 10px 20px #0000004d}.rack.dragActive{box-shadow:inset 0 0 26px #0000005c, 0 0 0 3px color-mix(in srgb, var(--gold) 45%, transparent), 0 10px 20px #0000004d}.rackRow{grid-template-columns:repeat(17,minmax(0,1fr));gap:5px;display:grid}.slot{background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:100%;height:78px;transition:background .1s,border-color .1s,transform .1s;display:grid}.slot.dropReady{border-color:color-mix(in srgb, var(--gold) 60%, transparent);background:color-mix(in srgb, var(--gold) 8%, #4c250e6b)}.slot.dropReady:hover{background:color-mix(in srgb, var(--gold) 18%, #4c250e6b);transform:translateY(-2px)}.slotGhost{display:none}.tile{-webkit-user-select:none;user-select:none;background:linear-gradient(#fff8e9,#e9d4aa);border:0;border-radius:9px;place-items:center;width:48px;height:72px;transition:transform 80ms,box-shadow 80ms,filter 80ms;display:grid;position:relative;box-shadow:inset 0 0 0 2px #cfb070,inset 0 0 0 4px #fff6,0 4px 8px #00000042}.tile:hover{filter:brightness(1.03);transform:translateY(-3px)}.tile:active{transform:scale(.96)}.tile.selected{box-shadow:inset 0 0 0 2px #cfb070, inset 0 0 0 4px #fff6, 0 0 0 4px color-mix(in srgb, var(--gold) 80%, transparent), 0 8px 12px #00000047;transform:translateY(-8px)}.tileNumber{font-size:24px;font-weight:950;line-height:1}.tileSuit{opacity:.9;font-size:12px;font-weight:900;line-height:1;position:absolute;bottom:5px}.tile.small{border-radius:7px;width:32px;height:44px}.tile.small .tileNumber{font-size:15px}.tile.small .tileSuit{font-size:7px;bottom:3px}.gameNoticeStack{gap:8px;margin-top:10px;display:grid}.gameNotice{color:#eadbb7;background:#071612e0;border:1px solid #debb6840;border-radius:10px;align-items:center;min-height:34px;padding:8px 13px;display:flex}.tile.red{color:#b71919}.tile.yellow{color:#c99000}.tile.blue{color:#086bc0}.tile.black{color:#121212}.tile.fake{color:#7b2494}.tile.okeyMark:after{content:"★";color:#d49b00;font-size:10px;position:absolute;top:4px;right:5px}@media (width<=1500px){.topbar{grid-template-columns:230px 1fr;height:auto}.joinPanel{grid-column:1/3;grid-template-columns:auto 1fr 1fr repeat(6,auto)}.mainGrid{grid-template-columns:1fr}.sidePanel{grid-template-columns:1fr 1fr 1fr}.chatBox{height:180px}}@media (width<=1000px){.topbar{grid-template-columns:1fr}.statusCards,.joinPanel{grid-column:1}.statusCards{flex-wrap:wrap}.sidePanel{grid-template-columns:1fr}.joinPanel{grid-template-columns:1fr 1fr}.tableFrame{height:520px}.playerBox{grid-template-columns:42px 1fr auto;width:236px}.avatar{width:40px;height:40px}.centerZone{width:300px}}.roomBrowser{border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);background:linear-gradient(#132d25f7,#081a16f7);border-radius:16px;margin:10px 18px 0;padding:14px;box-shadow:0 8px 20px #0000003d}.roomBrowserHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.roomBrowserHeader button{background:linear-gradient(#ffe7ae,#d9a04e);border:0;border-radius:9px;height:30px;padding:0 12px;font-weight:800}.roomList{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.roomItem{text-align:left;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:10px}.roomItem span{margin-bottom:4px;font-weight:900;display:block}.roomItem small,.roomEmpty{color:var(--muted)}@media (width<=1600px){.topbar{grid-template-columns:230px 1fr;height:auto}.joinPanel{grid-column:1/3}}.platformPanel{border-color:color-mix(in srgb, var(--gold) 35%, transparent)}.authGrid,.friendGrid{gap:7px;margin-top:8px;display:grid}.authGrid{grid-template-columns:1fr 1fr}.authGrid button:nth-child(5){grid-column:1/3}.friendGrid{grid-template-columns:1fr}.authGrid input,.friendGrid input{border:1px solid #ffffff26;border-radius:9px;height:34px;padding:0 10px}.authGrid button,.friendGrid button{background:linear-gradient(#ffe7ae,#d9a04e);border:0;border-radius:9px;height:34px;font-weight:800}.profileBox{color:var(--muted);gap:5px;font-size:14px;display:grid}.profileBox b{color:var(--gold);font-size:18px}.miniHistory{color:var(--muted);gap:5px;max-height:95px;margin-top:10px;font-size:12px;display:grid;overflow:auto}.aiPanel p{color:var(--muted);font-size:13px;line-height:1.4}.botConfig{background:#ffffff0f;border-radius:10px;grid-template-columns:1fr 95px 110px;align-items:center;gap:6px;margin-top:7px;padding:7px;display:grid}.botConfig b{color:var(--gold);font-size:13px}.botConfig select{border:1px solid #ffffff26;border-radius:8px;height:30px;padding:0 6px}.adminPanel button{background:linear-gradient(#ffe7ae,#d9a04e);border:0;border-radius:9px;height:34px;padding:0 12px;font-weight:800}.adminGrid{color:var(--muted);grid-template-columns:1fr auto;gap:6px;margin-top:10px;font-size:13px;display:grid}.adminGrid b{color:var(--gold)}.economyPanel button{background:linear-gradient(#ffe7ae,#d9a04e);border:0;border-radius:9px;min-height:30px;padding:0 10px;font-weight:800}.walletBox{background:#ffffff12;border-radius:10px;justify-content:space-between;margin:8px 0;padding:8px;display:flex}.walletBox b{color:var(--gold)}.economyInputs{gap:7px;display:grid}.economyInputs input{border:1px solid #ffffff26;border-radius:9px;height:34px;padding:0 10px}.miniHistory button{min-height:24px;margin-left:6px;font-size:11px}.tile{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;cursor:grab}.tile{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.tile:active{cursor:grabbing}.slot{touch-action:none}.webFloatingTile{z-index:9999;pointer-events:none;filter:drop-shadow(0 10px 14px #00000073);position:fixed;transform:scale(1.05)}.sourceDragTile{color:#f7d684;background:repeating-linear-gradient(45deg,#153f35,#153f35 7px,#0d2c25 7px 14px);border:2px solid #e7c46b;border-radius:9px;place-items:center;width:48px;height:66px;font-size:9px;font-weight:900;display:grid}.tile.flipped{color:#f7d684;background:repeating-linear-gradient(45deg,#153f35,#153f35 7px,#0d2c25 7px 14px);transform:rotateY(180deg)}.tileBackMark{font-size:10px;font-weight:900;transform:rotateY(180deg)}.manualOkeyStar{color:#d79b16;font-size:11px;position:absolute;top:2px;right:3px}.indicatorCard small{font-size:9px}.tile{-webkit-user-drag:none}.entryScreen,.lobbyScreen{color:#f5ead2;background:radial-gradient(circle at 50% 25%,#1b805b59,#0000 38%),linear-gradient(145deg,#071b18,#0b3027 58%,#061411);min-height:100vh}.lobbyScreen{isolation:isolate;background:#061713;position:relative;overflow-x:hidden}.lobbyScreen:before{content:"";z-index:-2;background:url(/lobby-coffeehouse.webp) 50%/cover no-repeat;position:fixed;inset:0}.lobbyScreen:after{content:"";z-index:-1;background:linear-gradient(#020f0c47,#020f0cb8);position:fixed;inset:0}.entryScreen{isolation:isolate;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.entryAtmosphere{z-index:-2;background:linear-gradient(90deg,#020c0a6b,#020c0ab3),url(/login-okey-art.webp) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.025)}.entryScreen:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 10%,#01090752 58%,#010806b8 100%);position:absolute;inset:0}.entryCard{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(160deg,#08231be8,#03110ef5);border:1px solid #ffdd993d;border-radius:24px;gap:14px;width:min(430px,100%);margin-top:190px;padding:92px 34px 34px;display:grid;position:relative;box-shadow:0 28px 90px #0000009e,inset 0 1px #ffffff0f}.entryLogoImage{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 22px 24px #00000094);width:610px;max-width:140vw;height:390px;margin:0;position:absolute;top:-288px;left:50%;transform:translate(-50%)}.entryLanguage{color:#f7e6bc;background:#102e25;border:1px solid #efc66c61;border-radius:9px;justify-self:end;min-height:34px;margin-top:-8px;padding:0 9px;position:relative}.entryLogo{color:#e9bd63;letter-spacing:.2em;font-weight:900}.entrySeal,.entryOrnament{text-align:center;color:#d9b963;letter-spacing:.13em;font-size:10px;font-weight:800}.entryOrnament{color:#8fa99f;padding-top:4px;font-size:9px}.entryCard h1,.entryCard p{margin:0}.entryCard p,.entryCard small{color:#aebfb9}.entryCard input,.joinCard input,.statsCard input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;min-height:46px;padding:0 14px}.entryActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.entryActions button,.lobbyScreen button{cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 16px;font-weight:800}.entryActions .primary,.quickPlayButton{color:#102015;background:linear-gradient(135deg,#f7d684,#dca33c)}.entryError,.lobbyToast{background:#a12c2c59;border-radius:10px;padding:10px 12px}.lobbyHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 5vw;display:flex}.lobbyHeader>div{align-items:center;gap:12px;display:flex}.lobbyHeader span{color:#9eb5ae;font-size:12px}.lobbyProfile{flex-wrap:wrap;justify-content:flex-end}.lobbyAvatar,.profileAvatar{object-fit:cover;object-position:center;border:2px solid #e7c46b;border-radius:50%;width:44px;height:44px}.profileAvatar{width:72px;height:72px}.profilePhotoEditor{background:#041b16b8;border:1px solid #e7c46b47;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.profileAvatarFallback{background:#173c32;border:2px solid #e7c46b;border-radius:50%;place-items:center;width:72px;height:72px;font-size:34px;display:grid}.avatarUploadButton{color:#102015;cursor:pointer;background:#d9b35b;border-radius:9px;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.avatarUploadButton input{display:none}.avatarFallback{background:#173c32;border:2px solid #e7c46b;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.lobbyToast{width:min(900px,90%);margin:16px auto 0}.lobbyGrid{grid-template-columns:repeat(3,1fr);gap:18px;width:min(1100px,92%);margin:8vh auto 0;display:grid}.lobbyGrid section,.lobbyRoomList{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061c17d1;border:1px solid #ffffff1a;border-radius:20px;align-content:start;gap:12px;padding:24px;display:grid}.aboutCard b{color:#ebc56e}.socialCard{grid-column:span 2}.friendAddRow,.socialRow,.tableInvite{align-items:center;gap:8px;display:flex}.friendAddRow input{flex:1}.socialRow,.tableInvite{background:#00000038;border-radius:10px;padding:8px}.socialRow>span:not(.presenceDot){color:#aebfb9;margin-right:auto;font-size:12px}.presenceDot{background:#697b74;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff14}.presenceDot.online{background:#47dc6a;box-shadow:0 0 8px #47dc6ab3}.tableInvite span{color:#f3d691;margin-right:auto}.directChat{background:#02100da6;border:1px solid #efc66c40;border-radius:12px;gap:8px;padding:10px;display:grid}.directChat>div:first-child{gap:4px;max-height:180px;display:grid;overflow-y:auto}.directChat p{color:#d8e3df;background:#ffffff0f;border-radius:8px;margin:0;padding:5px 8px}.directChat p.mine{color:#1b241b;background:#e4c16c}.directChat>div:last-child{gap:7px;display:flex}.directChat input{flex:1}.aboutCard span{color:#aebfb9;font-size:13px;line-height:1.5}.lobbyBottomArea{gap:10px;width:min(1100px,92%);margin:22px auto 0;padding-bottom:24px;display:grid}.lobbyBottomNotice{color:#ffe5a5;background:#051612e6;border:1px solid #ebc56e47;border-radius:12px;padding:11px 14px}.studioFooter{background:linear-gradient(90deg,#030e12f0,#041c1fe6);border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;gap:16px;min-height:74px;padding:10px 18px;display:flex;box-shadow:0 12px 35px #00000059}.studioFooter img{object-fit:contain;width:150px;height:54px}.studioFooter div{gap:4px;display:grid}.studioFooter b{color:#dcecff}.studioFooter span{color:#8fa9b4;font-size:12px}.lobbyGrid h1,.lobbyGrid h2,.lobbyGrid p{margin:0}.lobbyGrid input,.lobbyGrid select,.adminForm input{color:#fff;background:#16372d;border:1px solid #ffffff29;border-radius:9px;min-height:40px;padding:0 11px}.lobbyGrid select option,.lobbyLanguage option,.entryLanguage option{color:#fff7e3;background:#102e25}.lobbyLanguage{color:#fff3d3;background:#12342a;border:1px solid #ffffff2e;border-radius:9px;min-height:36px;padding:0 9px}.lobbyListItem{background:#0003;border-radius:10px;gap:6px;padding:10px;display:grid}.lobbyListItem span{color:#aebfb9;font-size:12px}.lobbyGrid p,.statsCard span{color:#aebfb9}.quickPlayButton{font-size:18px;min-height:58px!important}.lobbyRoomList{width:min(760px,92%);margin:18px auto}.lobbyRoomList>div{justify-content:space-between;display:flex}@media (width<=900px){.lobbyGrid{grid-template-columns:1fr;margin-top:24px}}.adminLoginScreen,.adminShell{color:#e8edf1;background:#081016;min-height:100vh}.adminLoginScreen{place-items:center;padding:24px;display:grid}.adminLoginCard{background:#101c25;border:1px solid #263746;border-radius:20px;gap:13px;width:min(420px,100%);padding:34px;display:grid;box-shadow:0 30px 80px #00000080}.adminLoginCard h1,.adminLoginCard p{margin:0}.adminLoginCard p{color:#94a4b1}.adminLoginCard input{color:#fff;background:#0a141c;border:1px solid #344858;border-radius:10px;min-height:46px;padding:0 13px}.adminLoginCard button,.adminShell button{cursor:pointer;color:#07130e;background:#55b88c;border:0;border-radius:9px;min-height:36px;padding:0 13px;font-weight:800}.adminEyebrow{color:#6fd7aa;letter-spacing:.18em;font-size:11px;font-weight:900}.adminError{color:#ffd9d6;background:#542727;border-radius:10px;width:min(1200px,94%);margin:10px auto;padding:10px 12px}.adminHint{color:#91a5b3}.adminActions{gap:6px;min-width:190px;display:flex}.adminShell button.danger{color:#ffe5e2;background:#7a3030}.adminShell button.permanent{color:#fff;background:#a61717;box-shadow:inset 0 0 0 1px #e36c62}.adminOnline{background:#64737d;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.adminOnline.online{background:#42d96b;box-shadow:0 0 7px #42d96ba6}.mutedRow{opacity:.58}.adminTopbar{background:#0c171f;border-bottom:1px solid #20313e;justify-content:space-between;align-items:center;padding:16px 3vw;display:flex}.adminTopbar>div{align-items:center;gap:12px;display:flex}.adminTopbar span{color:#91a5b3}.adminMetrics{grid-template-columns:repeat(6,1fr);gap:12px;width:min(1400px,94%);margin:22px auto;display:grid}.adminMetrics div{background:#101e27;border:1px solid #263945;border-radius:14px;gap:8px;padding:18px;display:grid}.adminMetrics span{color:#8fa3b0;font-size:12px}.adminMetrics b{color:#72ddb0;font-size:25px}.adminSections{grid-template-columns:1fr 1fr;gap:16px;width:min(1400px,94%);margin:0 auto;padding-bottom:40px;display:grid}.adminSections section{background:#101c25;border:1px solid #263945;border-radius:15px;min-width:0;padding:18px}.adminSections h2{margin:0 0 14px;font-size:16px}.adminTableWrap{max-height:360px;overflow:auto}.adminTableWrap table{border-collapse:collapse;width:100%;font-size:12px}.adminTableWrap th,.adminTableWrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #263744;padding:9px}.adminTableWrap th{color:#83cbaa;background:#101c25;position:sticky;top:0}.adminTableWrap button{min-height:28px;margin-right:5px;font-size:11px}.adminTableWrap button.danger{color:#ffe9e7;background:#8e3f43}.adminCards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.adminCards div,.adminAudit div{background:#0a151d;border-radius:9px;gap:5px;padding:11px;display:grid}.adminCards span,.adminAudit span,.adminAudit small{color:#91a4b1}.adminAudit{gap:7px;max-height:340px;display:grid;overflow:auto}.adminForm{grid-template-columns:2fr 1fr auto;gap:8px;margin-bottom:14px;display:grid}@media (width<=1000px){.adminMetrics{grid-template-columns:repeat(3,1fr)}.adminSections{grid-template-columns:1fr}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{min-width:320px}button,input,select{font-size:16px}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f0c36a}button:disabled{cursor:not-allowed}.entryScreen,.lobbyScreen,.appShell{min-height:100svh}.entryScreen{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overflow:visible}.entryCard{gap:16px;margin:0;padding:24px}.entryAtmosphere{transform:none}.entryLogoImage{filter:drop-shadow(0 8px 16px #0008);justify-self:center;width:100%;max-width:340px;height:160px;position:static;transform:none}.entryCard h1{font-size:clamp(23px,4vw,30px);line-height:1.2}.entryCard p{line-height:1.6}.entryCard input{width:100%}.entryLanguage{min-height:44px;margin:0}.lobbyHeader{background:#061713d9;flex-wrap:wrap;gap:20px}.lobbyHeader>div{flex-wrap:wrap;min-width:0}.lobbyGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;padding-bottom:8px}.lobbyGrid section{border-color:#e7c46b30;min-width:0;box-shadow:0 12px 32px #0003}.lobbyGrid input,.lobbyGrid select{width:100%;min-width:0;min-height:46px}.friendAddRow,.socialRow,.tableInvite,.profilePhotoEditor{flex-wrap:wrap}.friendAddRow input,.directChat input{min-width:0}.socialRow b,.tableInvite span{overflow-wrap:anywhere}.topbar{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr)}.statusCards{flex-wrap:wrap;justify-content:flex-end}.joinPanel{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;display:flex}.joinPanel button,.joinPanel select,.actionBtn,.chatInput button,.chatInput input{height:auto;min-height:44px}.joinPanel button{white-space:normal;padding:10px 14px}.mainGrid{grid-template-columns:minmax(0,1fr) 300px;max-width:1800px;margin:auto}.sidePanel{grid-template-columns:minmax(0,1fr);min-width:0}.panelCard{min-width:0}.tableFrame{height:510px}.playerBox{grid-template-columns:40px minmax(0,1fr);gap:8px;width:210px;padding:8px}.playerBox .avatar{width:36px;height:36px}.rack{overscroll-behavior-x:contain;border-width:4px;gap:14px;padding:20px 12px;overflow-x:auto}.rackRow{grid-template-columns:repeat(17,minmax(36px,1fr));gap:3px;min-width:660px}.slot{height:66px}.slot .tile{width:100%;max-width:48px;height:62px}.rackHeader{flex-wrap:wrap}.winningRack{max-width:100%;overflow-x:auto}.winningRackRow{min-width:600px}.winnerBanner>div{min-width:0;max-width:100%}.actionsBar{gap:6px}.actionBtn{white-space:normal;min-width:110px;padding:8px 12px}.studioFooter{text-align:center;flex-wrap:wrap}.lobbyBottomArea{padding-bottom:max(24px, env(safe-area-inset-bottom))}@media (width<=1250px){.mainGrid{grid-template-columns:minmax(0,1fr)}.sidePanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.lobbyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.socialCard{grid-column:1/-1}.topbar{position:static}.playerBox{width:175px}}@media (width<=600px){.lobbyGrid{grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100% - 24px);margin-top:16px}.socialCard{grid-column:auto}.lobbyGrid section{padding:18px}.lobbyHeader{padding:16px}.lobbyProfile{justify-content:flex-start}.entryCard{padding:20px}.entryLogoImage{height:130px}.topbar{grid-template-columns:minmax(0,1fr);gap:12px}.statusCards{justify-content:stretch;gap:6px}.statusCard{flex:1;min-width:0;padding:10px}.joinPanel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mainGrid{padding:8px}.sidePanel{grid-template-columns:minmax(0,1fr)}.tableFrame{border-radius:24px;height:490px;padding:8px}.feltTable{border-radius:18px}.feltTable:after{inset:100px 20px}.playerBox{border-radius:10px;grid-template-columns:26px minmax(0,1fr);gap:5px;width:132px;min-height:58px}.playerBox .avatar{width:26px;height:26px;overflow:hidden}.playerName{font-size:12px}.playerMeta{font-size:11px}.playerBox.left{top:108px;left:8px;transform:none}.playerBox.right{top:108px;right:8px;transform:none}.playerBox.top{top:12px}.playerBox.bottom{bottom:12px}.centerZone{grid-template-columns:86px 86px;gap:8px 12px;width:210px;min-height:180px;top:57%}.deckStack{transform-origin:top;height:85px;transform:scale(.8)}.indicatorCard{font-size:12px}.dropDiscard{border-width:2px;min-height:44px;padding:6px;font-size:12px}.okeyInfo{font-size:11px}.tableDiscard{width:46px;min-height:62px}.tableDiscard.top{top:15px;left:7px}.tableDiscard.right{top:15px;right:7px}.tableDiscard.left{bottom:20px;left:7px}.tableDiscard.bottom{bottom:20px;right:7px}.tableDiscard.takeable:after,.tableDiscard.outgoing:after{font-size:7px}.tableBrandMark{bottom:82px}.rackHeader span{font-size:12px}.rack{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px 3px;padding:16px 8px;display:grid}.rackRow{display:contents}.slot{height:52px}.slot .tile{height:50px}.slot .tileNumber{font-size:20px}.slot .tileSuit{font-size:9px}.actionsBar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.actionBtn{min-width:0;font-size:14px}.turnHint span{margin:4px 0;display:block}.adminMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.adminForm{grid-template-columns:minmax(0,1fr)}.adminHeader{flex-wrap:wrap;gap:12px}}@media (height<=500px) and (width>=601px){.entryScreen{padding:16px}.entryLogoImage{height:90px}.entryCard{gap:10px;padding:18px 24px}.appShell{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobileGameBar,.mobilePanelClose{display:none}@media (width<=900px),(width<=1100px) and (height<=500px){.gameScreen{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--rack-height:clamp(30px, 6.3dvh, 46px);flex-direction:column;display:flex;position:relative;overflow:hidden}.gameScreen .topbar{z-index:50;flex:0 0 46px;min-height:46px;padding:0 8px;display:block;position:relative}.gameScreen .topbar>.brand,.gameScreen .statusCards{display:none}.mobileGameBar{align-items:center;gap:6px;height:46px;display:flex}.mobileGameBar b{color:var(--gold);white-space:nowrap;margin-right:auto;font-size:17px}.mobileGameBar small{color:var(--text);margin-left:8px;font-size:11px;font-weight:500}.mobileGameBar button,.mobilePanelClose{color:#fff1d2;background:#173c32;border:1px solid #e7c46b55;border-radius:9px;min-height:40px;padding:0 10px;font-size:13px}.gameScreen .joinPanel{display:none}.gameScreen.mobile-menu .joinPanel{background:#0a251f;border:1px solid #d9b35b;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 70px);padding:12px;display:grid;position:absolute;top:46px;left:8px;right:8px;overflow-y:auto;box-shadow:0 16px 40px #000b}.gameScreen .mainGrid{flex:1;width:100%;min-height:0;margin:0;padding:4px 5px;display:block}.gameScreen .gameArea{flex-direction:column;gap:3px;height:100%;min-height:0;display:flex}.gameScreen .tableFrame{border-radius:20px;flex:1;height:auto;min-height:0;padding:6px}.gameScreen .feltTable{border-radius:15px}.gameScreen .feltTable:after{inset:35px 20px}.gameScreen .playerBox{border-radius:8px;grid-template-columns:22px minmax(0,1fr);gap:4px;width:114px;min-height:38px;padding:4px}.gameScreen .playerBox .avatar{width:22px;height:22px;overflow:hidden}.gameScreen .playerName{font-size:10px}.gameScreen .playerMeta{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;overflow:hidden}.gameScreen .seatBadge{border-radius:6px;width:17px;height:17px;font-size:10px;top:-4px;left:-4px}.gameScreen .playerBox.top{top:5px}.gameScreen .playerBox.bottom{bottom:5px}.gameScreen .playerBox.left{top:28%;left:4px;transform:none}.gameScreen .playerBox.right{top:28%;right:4px;transform:none}.gameScreen .centerZone{grid-template-columns:56px 76px;align-items:center;gap:2px 8px;width:150px;min-height:0;top:60%}.gameScreen .deckStack{width:56px;height:62px;transform:none}.gameScreen .deckStack .backTile{border-radius:6px;width:36px;height:49px;top:8px;left:6px}.gameScreen .deckStack .shift1{top:5px;left:9px}.gameScreen .deckStack .shift2{top:2px;left:12px}.gameScreen .deckStack span{min-width:27px;height:24px;font-size:12px}.gameScreen .indicatorCard{gap:2px;font-size:10px}.gameScreen .indicatorCard small{display:none}.gameScreen .okeyInfo{justify-content:center;gap:4px;font-size:10px;display:flex}.gameScreen .tableBrandMark{display:none}.gameScreen .tableDiscard{border-radius:8px;gap:0;width:38px;min-height:46px}.gameScreen .tableDiscard.top{top:5px;left:6px}.gameScreen .tableDiscard.right{top:5px;right:6px}.gameScreen .tableDiscard.left{bottom:5px;left:6px}.gameScreen .tableDiscard.bottom{bottom:5px;right:6px}.gameScreen .tableDiscard .tile.small{width:24px;height:32px}.gameScreen .tableDiscard .tileNumber{font-size:13px}.gameScreen .discardCounter{font-size:9px}.gameScreen .actionsBar{scrollbar-width:none;flex-wrap:nowrap;flex:0 0 40px;justify-content:flex-start;gap:4px;padding:0;display:flex;overflow-x:auto}.gameScreen .actionBtn{white-space:nowrap;flex:none;min-width:0;min-height:40px;padding:0 9px;font-size:12px}.gameScreen .turnHint{white-space:nowrap;text-overflow:ellipsis;flex:none;min-height:16px;font-size:10px;line-height:16px;overflow:hidden}.gameScreen .turnHint span,.gameScreen .rackHeader{display:none}.gameScreen .rackShell{flex:none;width:100%;margin:0}.gameScreen .rack{border-width:3px;border-radius:12px;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px 3px;padding:7px 5px 5px;display:grid;overflow:hidden}.gameScreen .rackRow{display:contents}.gameScreen .slot{height:var(--rack-height);min-width:0}.gameScreen .slot .tile{height:calc(var(--rack-height) - 1px);border-radius:5px;width:100%;max-width:none}.gameScreen .slot .tileNumber{font-size:clamp(16px,4.5vw,22px)}.gameScreen .slot .tileSuit{font-size:7px;bottom:3px}.gameScreen .tile.selected{transform:translateY(-4px)}.gameScreen .sidePanel{display:none}.gameScreen.mobile-social .sidePanel{z-index:40;background:#071914;border:1px solid #d9b35b;border-radius:12px;grid-template-columns:minmax(0,1fr);padding:10px;display:grid;position:absolute;inset:50px 8px 8px;overflow-y:auto}.mobilePanelClose{justify-self:end;display:block}.gameScreen .gameNoticeStack{z-index:10;pointer-events:none;margin:0;position:absolute;top:49px;left:8px;right:8px}.gameScreen .gameNotice{white-space:nowrap;text-overflow:ellipsis;min-height:0;padding:3px 8px;font-size:10px;overflow:hidden}.gameScreen .winnerBanner{pointer-events:auto;max-height:60dvh;font-size:13px;overflow-y:auto}}@media (width>=601px) and (width<=900px),(width>=601px) and (width<=1100px) and (height<=500px){.gameScreen{--rack-height:clamp(30px, 11dvh, 50px)}.gameScreen .rack{grid-template-columns:repeat(17,minmax(0,1fr));gap:5px 3px}.gameScreen .playerBox.left,.gameScreen .playerBox.right{top:42%}.gameScreen .centerZone{top:54%}}@media (width<=360px){.gameScreen .playerBox.left,.gameScreen .playerBox.right{width:90px}}@media (width>=601px) and (width<=900px),(width>=601px) and (width<=1100px) and (height<=500px){.gameScreen .playerBox.left{left:55px}.gameScreen .playerBox.right{right:55px}}:root{--gold:#eac77e;--text:#f4ecd9;--muted:#aac0b4}body{font-family:Segoe UI,system-ui,sans-serif}button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.42}.entryCard{background:linear-gradient(145deg,#102c24f5,#061a15fa);border-color:#d9bb7d40;box-shadow:0 30px 100px #0009}.entrySeal{letter-spacing:.22em;color:#d7be88;font-size:10px}.entryActions button:not(.primary){color:#e9dcc2;background:#1c3e32;border:1px solid #79978060}.entryCard input{background:#071d18;border-color:#66806b55}.lobbyHeader{border-bottom-color:#d9bb7d22;max-width:1440px;margin:auto}.lobbyHeader>div>b{letter-spacing:.08em;color:#eac77e}.lobbyWelcome{width:min(1100px,100% - 32px);margin:40px auto 24px}.lobbyWelcome>span{color:#dfc58e;letter-spacing:.24em;font-size:10px;font-weight:700}.lobbyWelcome h1{text-wrap:balance;margin:12px 0;font-family:Georgia,serif;font-size:clamp(28px,4vw,46px);font-weight:500;line-height:1.15}.lobbyWelcome p{color:#bacbc1;font-size:14px}.lobbyNav{background:#071d18e8;border:1px solid #d9bb7d22;border-radius:14px;gap:6px;width:min(1100px,100% - 32px);margin:auto;padding:5px;display:flex}.lobbyNav button{color:#b7c9be;background:0 0;flex:1;padding:0 8px;font-size:14px}.lobbyNav button[aria-pressed=true]{color:#ffe4a5;background:#254c3b;box-shadow:inset 0 0 0 1px #d9bb7d44}.lobbyGrid{grid-template-columns:1.2fr 1fr;margin-top:16px}.lobbyGrid section{background:linear-gradient(145deg,#102e25ee,#071d18f5);border:1px solid #d9bb7d30;border-radius:18px;padding:26px;display:none}.lobby-tab-play .quickCard,.lobby-tab-play .joinCard,.lobby-tab-play .botCard,.lobby-tab-social .socialCard,.lobby-tab-events .tournamentCard,.lobby-tab-events .paidTableCard,.lobby-tab-profile .statsCard,.lobby-tab-profile .aboutCard{display:grid}.lobbyGrid .socialCard{grid-column:1/-1}.lobbyGrid .quickCard{background:radial-gradient(at 100% 0,#b58f3430,#0000 70%),linear-gradient(135deg,#1d4934,#0a271e)}.quickCard h1{font-family:Georgia,serif;font-size:32px}.lobbyGrid h2{font-size:19px}.lobbyGrid p{font-size:14px;line-height:1.6}.lobbyGrid button{color:#e8e4d4;background:#254c3b;border:1px solid #78927550}.lobbyGrid .quickPlayButton{color:#28220f;background:linear-gradient(120deg,#f7d995,#cba452);border:0;box-shadow:0 6px 20px #0003,inset 0 1px #fff8}.emptyState{color:#a5b9ad;border:1px dashed #6d896c66;border-radius:12px;padding:16px}.gameScreen .feltTable:after{border-color:#a9c89220}.gameScreen .playerBox{background:linear-gradient(110deg,#132e24f2,#061b16e8);border-color:#b6c2a343;box-shadow:0 3px 8px #0004}.gameScreen .playerBox.active{border-color:#f4cf77;box-shadow:0 0 0 1px #e7b94e66,0 0 16px #e7b94e24}.avatarHead{width:40%;height:40%;top:12%;left:30%}.avatarBody{width:70%;height:35%;bottom:7%;left:15%}.gameScreen .seatBadge{color:#1f2518;background:#c5a364;box-shadow:0 2px 4px #0005}.gameScreen .tile{background:linear-gradient(140deg,#fffdf3,#f3e6c5 75%);box-shadow:inset 0 0 0 1px #bda477,inset 0 -3px #dac89b,0 2px 3px #0005}.gameScreen .tile.yellow{color:#936306}.gameScreen .tile.red{color:#b72e27}.gameScreen .tile.blue{color:#126498}.gameScreen .tile.flipped{background:repeating-linear-gradient(45deg,#194b3b,#194b3b 5px,#12372e 5px 10px)}.gameScreen .tile.selected{box-shadow:inset 0 0 0 2px #936700,0 0 0 2px #ffe28d,0 5px 8px #0006}.gameScreen .actionsBar .actionBtn{color:#f3ead5;background:#17382d;border-color:#b6c2a34d}.gameScreen .actionsBar .actionBtn.active{color:#272615;background:linear-gradient(#f4d589,#c8a15b);border-color:#efd087}.gameScreen .turnHint{color:#b8c9bc}.gameScreen .turnHint.isMyTurn{color:#f2d595}.connectionLive:before,.connectionLost:before{content:"";vertical-align:middle;background:#7ed09a;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.connectionLost:before{background:#e9b66a}.moveSheet{z-index:55;background:#0a251ff8;border:1px solid #c7ac70;border-radius:15px;grid-template-columns:1fr 1fr;gap:8px;width:min(340px,100% - 24px);padding:14px;display:grid;position:absolute;bottom:24%;right:12px;box-shadow:0 20px 60px #0009}.moveSheet>button:first-child{color:#f0e8cf;background:#234337;border:0;border-radius:8px;grid-column:1/-1;justify-self:end;padding:8px 12px}.connectionBanner{z-index:65;background:#142d25fa;border:1px solid #ddb66c;border-radius:12px;flex-wrap:wrap;gap:10px;width:min(460px,100% - 20px);padding:14px;display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0008}.connectionBanner span{width:100%;font-size:14px}.connectionBanner button{color:#1b2b20;background:#eac77e;border:0;border-radius:8px;min-height:40px;padding:0 14px}.helpOverlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00140dcc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.helpOverlay section{background:#102c23;border:1px solid #cab17a;border-radius:20px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:24px;line-height:1.6;overflow-y:auto}.helpOverlay button{float:right;color:#f5e8cc;background:#254636;border:0;border-radius:8px;padding:8px 12px}.helpOverlay h2{clear:both;padding-top:14px;font-family:Georgia,serif;font-weight:500;line-height:1.2}.helpOverlay ol{padding-left:20px}.helpOverlay li{margin:12px 0}.helpOverlay p{color:#b4c8b9;font-size:13px}@media (width<=600px){.lobbyWelcome{margin-top:24px}.lobbyWelcome h1{font-size:30px}.lobbyGrid{grid-template-columns:minmax(0,1fr)}.lobbyGrid section{padding:20px}.lobbyHeader .avatarUploadButton,.lobbyHeader>div>span{display:none}}@media (width<=900px),(width<=1100px) and (height<=500px){.gameScreen .actionsBar{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible}.gameScreen .actionsBar .actionBtn{width:100%;min-width:0;padding:0 4px;font-size:12px}.gameScreen .moveSheet{bottom:calc(var(--rack-height) * 4 + 32px);max-height:calc(100dvh - 70px);overflow-y:auto}.gameScreen .sidePanel .chat{order:-1}.gameScreen .sidePanel .mobilePanelClose{order:-2}}@media (width>=601px) and (width<=900px),(width>=601px) and (width<=1100px) and (height<=500px){.gameScreen .moveSheet{bottom:calc(var(--rack-height) * 2 + 30px)}}@media (width>=901px) and (height>=501px){.gameScreen{flex-direction:column;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.gameScreen .topbar{flex:none;gap:6px;min-height:0;padding:8px 16px}.gameScreen .statusCard,.gameScreen .joinPanel button{padding:6px 12px}.gameScreen .mainGrid{flex:1;grid-template-columns:minmax(0,1fr) 270px;width:100%;min-height:0;padding:8px;display:grid}.gameScreen .gameArea{flex-direction:column;gap:4px;min-height:0;display:flex}.gameScreen .tableFrame{flex:1;height:auto;min-height:0;padding:10px}.gameScreen .sidePanel{flex-direction:column;display:flex;overflow-y:auto}.gameScreen .sidePanel .chat{order:-1}.gameScreen .chatBox{height:160px}.gameScreen .actionsBar{flex:0 0 42px;padding:0}.gameScreen .turnHint{min-height:18px;font-size:12px}.gameScreen .turnHint span,.gameScreen .rackHeader{display:none}.gameScreen .rackShell{flex:none;margin:0}.gameScreen .rack{gap:7px;padding:10px}.gameScreen .rackRow{grid-template-columns:repeat(17,minmax(0,1fr));min-width:0}.gameScreen .slot{height:clamp(36px,6.7dvh,68px)}.gameScreen .slot .tile{max-width:52px;height:100%}.gameScreen .playerBox{width:170px;min-height:44px;padding:5px}.gameScreen .playerBox.top{top:6px}.gameScreen .playerBox.bottom{bottom:6px}.gameScreen .playerMeta{font-size:11px}.gameScreen .centerZone{grid-template-columns:80px 96px;gap:4px;width:220px;min-height:0}.gameScreen .deckStack{transform-origin:top;height:78px;transform:scale(.75)}.gameScreen .indicatorCard small,.gameScreen .tableBrandMark{display:none}.gameScreen .gameNoticeStack{z-index:15;pointer-events:none;position:absolute;top:120px;left:24px;right:310px}.gameScreen .gameNotice{min-height:0;font-size:12px}.gameScreen .winnerBanner{pointer-events:auto;max-height:65dvh;overflow-y:auto}}.waitingTable{z-index:8;text-align:center;background:#09251eef;border:1px solid #b99757;border-radius:12px;gap:8px;width:min(260px,75%);padding:12px;font-size:12px;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.waitingTable button{color:#18291c;background:#e8c275;border:0;border-radius:8px;min-height:40px;font-weight:700}@media (width<=360px){.waitingTable{width:160px;padding:6px;font-size:10px}}.tableInvite small{color:#b4c7bd;margin-top:5px;font-size:12px;display:block}.currentInvite{border:1px solid #a9c77860}.inviteHistory{border-top:1px solid #80977940;padding-top:12px}.inviteHistory summary{cursor:pointer;color:#b4c7bd;padding:12px 0}@media (width>=901px) and (height>=501px){.gameScreen .rackShell{align-self:center;width:min(1100px,100%);margin:0 auto}.gameScreen .tableFrame{flex:1 1 0;overflow:hidden}.gameScreen .feltTable{min-height:0}}.rackRow{position:relative}.slot{z-index:1;position:relative}.rackRow:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#d09a5e,#8a4f22 48%,#46220e);border-radius:0 0 5px 5px;height:10px;position:absolute;bottom:-10px;left:-10px;right:-10px;box-shadow:inset 0 1px #ffe9be73,0 3px 6px #00000073}.rack{gap:26px;padding:26px 22px 30px}@media (width>=901px) and (height>=501px){.gameScreen .mainGrid{padding:8px 10px 14px}.gameScreen .gameArea{gap:8px}.gameScreen .tableFrame{flex:auto;max-height:60dvh}.gameScreen .rackShell{flex:none}.gameScreen .rack{border-width:5px;gap:22px;padding:14px 18px 20px}.gameScreen .rackRow{gap:6px}.gameScreen .rackRow:after{bottom:-12px;left:-12px;right:-12px}.gameScreen .slot{height:clamp(50px,8.8dvh,76px)}.gameScreen .slot .tile{max-width:58px;height:100%}}@media (width<=900px),(width<=1100px) and (height<=500px){.rackRow:after{display:none}}@media (width<=600px){.rackRow:after{display:none}}.tablePasswordInput{letter-spacing:.04em}.lobbyHint{color:#9fb4a8;margin-top:2px;font-size:12px;line-height:1.5;display:block}.lobbyRoomList .lockedRoom{border-color:#d9bb7d66}.lobbyRoomList .lockedRoom small{color:#b4c7bd;margin-top:4px;font-size:11px;font-weight:400;display:block}.fullscreenBtn{flex:none;padding:0 10px;font-size:16px;line-height:1}@media (width<=1100px) and (height<=430px){.gameScreen{--rack-height:clamp(26px, 8.6dvh, 40px)}.gameScreen .topbar{flex:0 0 38px;min-height:38px}.mobileGameBar{height:38px}.mobileGameBar b{font-size:14px}.mobileGameBar button,.mobilePanelClose{min-height:32px;padding:0 8px;font-size:12px}.gameScreen .actionsBar{flex:0 0 34px}.gameScreen .actionBtn{min-height:34px;padding:0 8px;font-size:11px}.gameScreen .turnHint{display:none}.gameScreen .tableFrame{border-radius:14px;padding:4px}.gameScreen .playerBox{min-height:32px}.gameScreen .rack{border-width:2px;gap:3px;padding:5px 4px 4px}.gameScreen .gameNoticeStack{top:40px}}@media (display-mode:standalone),(display-mode:fullscreen){.gameScreen{padding-top:env(safe-area-inset-top)}.gameScreen .fullscreenBtn{display:none}}.passwordDialog{background:#102c23;border:1px solid #cab17a;border-radius:20px;gap:14px;width:min(400px,100%);padding:26px;display:grid}.passwordDialog h2{padding-top:0;font-family:Georgia,serif;font-weight:500}.passwordDialog p{color:#b4c8b9;font-size:14px;line-height:1.6}.passwordDialog input{width:100%;min-height:48px;color:var(--text);letter-spacing:.12em;background:#071d18;border:1px solid #66806b88;border-radius:10px;padding:0 14px;font-size:16px}.passwordDialogActions{gap:8px;display:flex}.passwordDialogActions button{float:none;color:#e9dcc2;background:#1c3e32;border:1px solid #79978060;border-radius:10px;flex:1;min-height:46px;padding:0 12px;font-size:15px}.passwordDialogActions button.primary{color:#28220f;background:linear-gradient(120deg,#f7d995,#cba452);border:0;font-weight:700}.winningGroups{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.winningGroup{background:linear-gradient(#9a5b2d,#54280f);border:2px solid #6d3517;border-radius:10px;gap:3px;padding:8px 10px;display:flex;box-shadow:inset 0 2px #ffffff24,inset 0 -4px #1e0a0259}.winningJoker{text-align:center;color:#4a3708;background:linear-gradient(140deg,#f7e4b0,#d9b96a);border:1px dashed #8a6a24;border-radius:7px;place-content:center;gap:2px;width:32px;min-height:44px;display:grid}.winningJoker b{font-size:15px;line-height:1}.winningJoker small{opacity:.8;font-size:7px;line-height:1.1}.winningDiscard{color:#b4c8b9;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}@media (width<=600px){.winningGroups{gap:8px}.winningGroup{padding:6px}}.treatButton{z-index:6;color:#f3e6c6;opacity:.75;background:#1d4231;border:1px solid #d9bb7d66;border-radius:50%;width:26px;height:26px;padding:0;font-size:13px;line-height:1;transition:opacity .12s,transform .12s;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #0006}.treatButton:hover{opacity:1;transform:scale(1.08)}.treatTray{z-index:6;pointer-events:none;background:#0a251fdd;border:1px solid #c7ac7055;border-radius:8px;gap:2px;padding:1px 5px;font-size:12px;display:flex;position:absolute;bottom:3px;right:5px;box-shadow:0 2px 6px #0006}.treatOverlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00140daa;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.treatMenu{background:#0a251f;border:1px solid #c7ac70;border-radius:16px;gap:6px;width:min(300px,100%);padding:18px;display:grid;box-shadow:0 20px 60px #000a}.treatMenu>b{color:#e8c98a;font-size:15px}.treatBalance{color:#9fb4a8;margin-bottom:4px;font-size:12px}.treatMenu button{color:#f3ead5;background:#17382d;border:1px solid #79978055;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 14px;font-size:13px;display:flex}.treatMenu button:hover{background:#22513f}.treatMenu button small{color:#cdb67f;font-size:11px}.treatMenu .treatCancel{color:#9fb4a8;background:0 0;border:0;justify-content:center;min-height:28px}@media (width<=900px){.treatButton{width:22px;height:22px;font-size:11px;top:-6px;right:-6px}.treatTray{font-size:10px}}