*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:#f3f6f2;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;inset:0}html[data-table=zold]{--felt1:#1d8a4d;--felt2:#0b3d24;--accent:#ffd166}html[data-table=kek]{--felt1:#1f6e9c;--felt2:#0b2c44;--accent:#ffd166}html[data-table=sotet]{--felt1:#3a4150;--felt2:#14171d;--accent:#7ad7ff}html[data-table=bordo]{--felt1:#97294a;--felt2:#3c0e1d;--accent:#ffd166}html{background-color:var(--felt2);background-image:radial-gradient(130vmax 90vmax at 50% 28%, var(--felt1), var(--felt2));background-attachment:fixed}#root{flex-direction:column;display:flex}.screen{min-height:0;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;display:flex}.toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#00000047;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative}.toolbar .btn{justify-content:center;align-items:center;height:34px;display:inline-flex}.tbTitle{letter-spacing:.3px;white-space:nowrap;margin-right:4px;font-size:17px;font-weight:700}.tbSpacer{flex:1}.toolActions{display:contents}.chip{font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff1f;border-radius:999px;padding:4px 11px;font-size:13px}.chip b{color:var(--accent)}.btn{appearance:none;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff38;border-radius:10px;padding:7px 14px;font-size:14px;font-weight:600;transition:background .15s,transform 60ms}.btn:hover{background:#ffffff2e}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:var(--accent);color:#2a2206;border-color:#0000}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{background:#dc3c3cd9;border-color:#0000}.btn.small{border-radius:8px;padding:5px 10px;font-size:12.5px}.iconBtn{appearance:none;color:inherit;cursor:pointer;background:#ffffff1a;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:inline-flex}.iconBtn:hover{background:#fff3}.menuWrap{position:relative}.menuPop{z-index:9000;background:#20262e;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;min-width:max-content;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 36px #00000073}.menuItem{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:9px 14px}.menuItem:hover{background:#ffffff1a}.menuItem:disabled{opacity:.4;cursor:default}.board{z-index:0;touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.pileSlot{color:#fff6;background:#00000014;border:2px dashed #ffffff40;border-radius:9px;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute}.pileSlot.clickable{cursor:pointer}.pileSlot .slotBig{font-size:30px}.cardSprite{perspective:600px;transition:transform var(--animMs,.22s) cubic-bezier(.25, .9, .3, 1.05);will-change:transform;cursor:pointer;position:absolute;top:0;left:0}.cardSprite.dragging{transition:none}.cardSprite.dim .cardFace.front{filter:brightness(.62)}.cardSprite.noPointer{pointer-events:none}.cardInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--animMs,.22s) ease;position:relative;transform:rotateY(180deg)}.cardSprite.faceUp .cardInner{transform:rotateY(0)}.cardFace{border-radius:calc(var(--cw) * .09);backface-visibility:hidden;position:absolute;inset:0;box-shadow:0 1px 3px #00000059}.cardFace.front{background:linear-gradient(160deg,#fff,#f1efe6);border:1px solid #cfcabb}.cardFace.front.red{color:#c8102e}.cardFace.front.black{color:#20222b}.cardFace.back{border:1px solid #0006;transform:rotateY(180deg)}.dragging .cardFace{box-shadow:0 10px 24px #00000073}.cardFace.front.works{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:100% 100%}body[data-deck=works] .cardInner .cardFace.back{background:#fff 50%/cover no-repeat;box-shadow:0 1px 3px #00000059}body[data-deck=works][data-wback=red] .cardInner .cardFace.back{background-image:url(/cards/works/back-red.webp)}body[data-deck=works][data-wback=dark] .cardInner .cardFace.back{background-image:url(/cards/works/back-dark.webp)}body[data-back=kek] .cardFace.back{box-shadow:inset 0 0 0 calc(var(--cw) * .055) #fff, 0 1px 3px #00000059;background:repeating-linear-gradient(45deg,#ffffff21 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff21 0 2px,#0000 2px 7px),linear-gradient(150deg,#2563ab,#173a66)}body[data-back=piros] .cardFace.back{box-shadow:inset 0 0 0 calc(var(--cw) * .055) #fff, 0 1px 3px #00000059;background:repeating-linear-gradient(45deg,#ffffff24 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff24 0 2px,#0000 2px 7px),linear-gradient(150deg,#b3322e,#6c1715)}body[data-back=zold] .cardFace.back{box-shadow:inset 0 0 0 calc(var(--cw) * .055) #fff, 0 1px 3px #00000059;background:repeating-linear-gradient(45deg,#ffffff21 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff21 0 2px,#0000 2px 7px),linear-gradient(150deg,#1f8a4c,#0e4426)}body[data-back=lila] .cardFace.back{box-shadow:inset 0 0 0 calc(var(--cw) * .055) #fff, 0 1px 3px #00000059;background:repeating-linear-gradient(45deg,#ffffff24 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff24 0 2px,#0000 2px 7px),linear-gradient(150deg,#7c3aed,#3b1670)}.cfCorner{top:calc(var(--cw) * .05);left:calc(var(--cw) * .07);flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.cfCorner.br{top:auto;left:auto;bottom:calc(var(--cw) * .05);right:calc(var(--cw) * .07);transform:rotate(180deg)}.cfRank{font-size:calc(var(--cw) * .23);letter-spacing:-.02em}.cfSuit{font-size:calc(var(--cw) * .2);margin-top:calc(var(--cw) * .01)}.cfCenter{font-size:calc(var(--cw) * .66);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cfCenter.courtFig svg{width:calc(var(--cw) * .62);height:calc(var(--cw) * .93);display:block}.cfCenter.ace{font-size:calc(var(--cw) * .88)}.cardFace.front.mobil{background:#fdfdfb}.mbHead{top:calc(var(--cw) * .07);left:calc(var(--cw) * .1);right:calc(var(--cw) * .14);justify-content:space-between;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute}.mbRank{font-size:calc(var(--cw) * .36);letter-spacing:-.04em}.mbSuit{font-size:calc(var(--cw) * .3)}.mbCenter{top:40%;left:0;right:0;bottom:calc(var(--cw) * .08);font-size:calc(var(--cw) * .78);pointer-events:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.cardSprite.small .cfRank{font-size:calc(var(--cw) * .3)}.cardSprite.small .cfSuit{font-size:calc(var(--cw) * .26)}@keyframes hintPulse{0%,to{box-shadow:0 0 0 2px #ffd166f2,0 0 18px 4px #ffd1668c}50%{box-shadow:0 0 0 2px #ffd16666,0 0 6px 1px #ffd16640}}.cardSprite.hintPulse .cardFace.front,.cardSprite.hintPulse .cardFace.back{animation:.9s ease-in-out infinite hintPulse}@keyframes glowPulse{0%,to{box-shadow:0 0 0 2px #7ad7ffe6,0 0 16px 3px #7ad7ff80}50%{box-shadow:0 0 0 2px #7ad7ff59,0 0 6px 1px #7ad7ff33}}.cardSprite.glow .cardFace.front{animation:1.1s ease-in-out 3 glowPulse}@keyframes wiggle{0%,to{margin-left:0}25%{margin-left:-5px}75%{margin-left:5px}}.cardSprite.wiggle{animation:.18s ease-in-out 2 wiggle}.modalOverlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modalPanel{background:#232932;border:1px solid #ffffff21;border-radius:16px;flex-direction:column;width:min(440px,100%);max-height:min(86vh,720px);animation:.18s popIn;display:flex;box-shadow:0 24px 70px #0000008c}.modalPanel.wide{width:min(560px,100%)}@keyframes popIn{0%{opacity:0;transform:scale(.94)}}.modalHead{justify-content:space-between;align-items:center;padding:14px 18px 8px;display:flex}.modalHead h2{margin:0;font-size:18px}.modalBody{padding:6px 18px 16px;overflow-y:auto}.modalFoot{border-top:1px solid #ffffff14;justify-content:flex-end;gap:10px;padding:12px 18px 16px;display:flex}.confirmText{margin:6px 0;line-height:1.5}.settingsSection{margin-bottom:14px}.sectionTitle{text-transform:uppercase;letter-spacing:.09em;opacity:.6;margin:12px 0 6px;font-size:12.5px}.fieldRow{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;display:flex}.fieldRow.column{flex-direction:column;align-items:stretch;gap:8px}.fieldRow.disabled{opacity:.45}.fieldLabel{flex-direction:column;gap:2px;font-size:14.5px;display:flex}.fieldHint{opacity:.55;font-size:12px}.switch{flex:none;width:46px;height:27px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch .knob{pointer-events:none;background:#ffffff2e;border-radius:999px;transition:background .18s;position:absolute;inset:0}.switch .knob:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch.on .knob{background:var(--accent)}.switch.on .knob:after{transform:translate(19px)}.seg{flex-wrap:wrap;gap:6px;display:flex}.segOpt{appearance:none;color:inherit;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:999px;padding:6px 12px;font-size:13px}.segOpt.on{background:var(--accent);color:#2a2206;border-color:#0000;font-weight:700}.textInput{color:inherit;font:inherit;text-align:right;background:#ffffff17;border:1px solid #fff3;border-radius:9px;width:130px;padding:8px 11px}.textInput:focus{outline:2px solid var(--accent);border-color:#0000}.homeWrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;padding:24px;display:flex;overflow-y:auto}.homeHead{text-align:center}.homeTitle{letter-spacing:.5px;text-shadow:0 3px 14px #0006;justify-content:center;align-items:center;gap:.32em;margin:0;font-size:clamp(30px,6vw,44px);font-weight:800;display:flex}.titleJoker{object-fit:cover;border-radius:.18em;width:1.15em;height:1.15em;box-shadow:0 2px 8px #00000059}.homeSub{opacity:.75;margin:8px 0 0;font-size:15px}.gameCards{grid-template-columns:repeat(auto-fit,minmax(230px,280px));justify-content:center;gap:18px;width:100%;max-width:960px;display:grid}.gameCard{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;gap:8px;min-height:170px;padding:20px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.gameCard:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00000059}.gameCard.g-klondike{background:linear-gradient(150deg,#1c7a44eb,#0a3c22f2)}.gameCard.g-feketemacska{background:linear-gradient(150deg,#7c819cf2,#4a4e68f5)}.gameCard.g-admiralis{background:linear-gradient(150deg,#1f6092ed,#0b2a42f5)}.gcIcon{font-size:34px;line-height:1}.gcName{font-size:21px;font-weight:800}.gcSub{opacity:.72;font-size:13px;line-height:1.45}.gcStats{opacity:.85;flex-wrap:wrap;gap:10px;margin-top:auto;font-size:12.5px;display:flex}.gcBadge{background:var(--accent);color:#2a2206;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:800;position:absolute;top:14px;right:14px}.homeFoot{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nameChip{z-index:7000;white-space:nowrap;background:#0000006b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,-50%)}.nameChip .npPts{font-variant-numeric:tabular-nums;opacity:.85}.nameChip .npRound{color:var(--accent);font-weight:700}.nameChip.turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 14px #ffd16673}.nameChip .moonTag{font-size:14px}.centerBanner{z-index:8000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#00000080;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centerBanner .cbTitle{font-size:16.5px;font-weight:700}.centerBanner .cbSub{opacity:.75;margin-top:-6px;font-size:13px}.incomingBanner{color:#d6f1ff;letter-spacing:.2px;z-index:8500;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0c141cd9;border:1.5px solid #7ad7ff;border-radius:999px;max-width:92%;padding:10px 20px;font-size:15px;font-weight:700;animation:.2s popIn;position:absolute;top:60%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 22px #7ad7ff80,0 8px 24px #0006}.heartsBrokenTag{color:#ffb3c0;z-index:7000;background:#c8102e40;border:1px solid #c8102e8c;border-radius:999px;padding:3px 10px;font-size:12.5px;position:absolute;top:10px;right:12px}.scoreTable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.scoreTable th,.scoreTable td{text-align:right;border-bottom:1px solid #ffffff14;padding:7px 10px}.scoreTable th:first-child,.scoreTable td:first-child{text-align:left;opacity:.7}.scoreTable thead th{text-transform:uppercase;letter-spacing:.06em;opacity:.65;font-size:12.5px}.scoreTable .totalRow td{color:var(--accent);border-top:2px solid #ffffff40;font-size:15px;font-weight:800}.scoreTable .winCol{color:#9be89b}.hintToast{z-index:8500;white-space:nowrap;background:#0009;border:1px solid #ffffff2e;border-radius:999px;padding:7px 16px;font-size:13.5px;animation:.15s popIn;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.winCanvas{z-index:9500;position:absolute;inset:0}.winPanel{z-index:9600;text-align:center;background:#0f1216eb;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:26px 34px;animation:.25s popIn;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009}.winPanel h2{margin:0;font-size:26px}.winPanel .winSub{opacity:.8;font-size:14.5px;line-height:1.5}.winBtns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.statGrid{grid-template-columns:1fr 1fr;gap:6px 14px;font-size:14px;display:grid}.statGrid .statLabel{opacity:.65}.statGrid .statVal{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}@media (width<=640px){.toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;gap:6px;padding:6px 8px}.tbTitle{font-size:15px}.btn{padding:6px 10px;font-size:13px}.chip{padding:3px 9px;font-size:12px}.toolActions{z-index:40;padding:7px 8px;padding-bottom:calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-top:1px solid #ffffff1f;justify-content:space-evenly;align-items:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.toolActions .menuPop{top:auto;bottom:calc(100% + 6px)}.board{padding-bottom:calc(54px + env(safe-area-inset-bottom))}}