*{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)}.chipTime .timeVal{text-align:left;min-width:3.1em;display:inline-block}.chev{vertical-align:-2px;opacity:.9;margin-left:3px;display:inline-block}.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}.menuWrap.alignRight .menuPop{left:auto;right:0}.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)}.gameCard.g-feketeozvegy{background:linear-gradient(150deg,#602c3af0,#1c0e16f7)}.gameCard.g-aknakereso{background:linear-gradient(150deg,#b06e36ed,#5c3416f5)}.gameCard.g-tetris{background:linear-gradient(150deg,#7e4cb3ed,#3a1e60f5)}.gameCard.g-nyilak{background:linear-gradient(150deg,#269696ed,#104a4af5)}.gameCard.g-falbonto{background:linear-gradient(150deg,#ce5448ed,#681e1af5)}.gameCard.g-mahjong{background:linear-gradient(150deg,#348260ed,#143e2ef5)}.gameCard.g-bantumi{background:linear-gradient(150deg,#9e762ced,#523810f5)}.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}.minePreparing{z-index:8000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#00000080;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:14.5px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.msSpinner{border:2.5px solid #ffffff40;border-top-color:#ffffffe6;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite msSpin}@keyframes msSpin{to{transform:rotate(360deg)}}.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}.flagToggle{justify-content:center;min-width:116px}.faceBtn{font-size:19px}.board.mine{display:flex}.mineBoardWrap{flex:1;min-height:0;display:flex;overflow:auto}.mineBoard{touch-action:none;background:#00000038;border-radius:10px;margin:auto;display:grid;box-shadow:0 8px 28px #00000059}.mineCell{width:var(--cell);height:var(--cell);font-size:calc(var(--cell) * .56);border-radius:calc(var(--cell) * .14);cursor:pointer;font-variant-numeric:tabular-nums;background:linear-gradient(150deg,#ffffff3d,#ffffff1a);justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 3px #00000040}@media (hover:hover){.mineCell:not(.open):hover{background:linear-gradient(150deg,#ffffff57,#ffffff29)}}.mineCell.flag.wrong{background:#c83c3c8c}.mineCell.open{cursor:default;background:#0000003d;box-shadow:inset 0 0 0 1px #ffffff0f}.mineCell.open.mine{background:#1c1e268c}.mineCell.open.mine.boom{background:#ce2a2ae0}.mineCell.v1{color:#5aa8ff}.mineCell.v2{color:#5fd97f}.mineCell.v3{color:#ff6f6f}.mineCell.v4{color:#c79bff}.mineCell.v5{color:#ffb061}.mineCell.v6{color:#4cd9d9}.mineCell.v7{color:#eef0f2}.mineCell.v8{color:#b6bcc4}.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;flex-wrap:nowrap;gap:7px;padding:9px 10px}.tbTitle{text-overflow:ellipsis;min-width:0;font-size:18px;overflow:hidden}.toolbar .iconBtn{flex:none;width:40px;height:40px;font-size:18px}.chip{flex:none;padding:4px 10px;font-size:13px}.toolActions{z-index:40;height:calc(60px + min(env(safe-area-inset-bottom), 18px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:12px;padding:0 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.toolActions .btn{border-radius:13px;height:48px;padding:10px 18px;font-size:16px}.toolActions .menuPop{top:auto;bottom:calc(100% + 8px)}.board{padding-bottom:calc(74px + min(env(safe-area-inset-bottom), 18px))}.board.arrows .arrScroll{bottom:calc(74px + min(env(safe-area-inset-bottom), 18px))}}.board.tetris{touch-action:none;flex-direction:column;display:flex}.tetrisWrap{flex:1;justify-content:center;align-items:stretch;gap:10px;min-height:0;padding:10px;display:flex}.tSide{flex-direction:column;flex:none;gap:10px;width:clamp(56px,13vw,108px);display:flex}.tPanel{background:#00000038;border:1px solid #ffffff1f;border-radius:12px;padding:8px}.tPanelTitle{text-transform:uppercase;letter-spacing:.06em;opacity:.7;text-align:center;margin-bottom:7px;font-size:11px}.tInfo{flex-direction:column;gap:9px;display:flex}.tInfoRow{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.tInfoRow span{opacity:.65}.tInfoRow b{font-variant-numeric:tabular-nums;font-size:16px}.tNextList{flex-direction:column;gap:8px;display:flex}.tBoardWrap{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.tBoard{background:#0000005c;border-radius:8px;gap:1px;padding:4px;display:grid;box-shadow:0 8px 28px #0006,inset 0 0 0 1px #ffffff0f}.tcell{border-radius:2px}.tBoard .tcell{background:#ffffff0b}.tcell.t1{background:#36c5d6}.tcell.t2{background:#e3c12e}.tcell.t3{background:#a05bd6}.tcell.t4{background:#56b04a}.tcell.t5{background:#d65a5a}.tcell.t6{background:#4a78d6}.tcell.t7{background:#d68f3a}.tcell.t1,.tcell.t2,.tcell.t3,.tcell.t4,.tcell.t5,.tcell.t6,.tcell.t7{box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -3px 4px #00000040}.tcell.ghost{opacity:.5;background:0 0!important;box-shadow:inset 0 0 0 2px #ffffff4d!important}.tMini{aspect-ratio:2;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:2px;width:100%;display:grid}.tOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;z-index:5;background:#0000008c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.tOverTitle{font-size:22px;font-weight:800}.tOverSub{opacity:.82;font-size:14px}.tControls{justify-content:center;gap:6px;padding:6px 10px 10px;display:flex}.tCtrl{max-width:86px;height:52px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.tCtrl:active{background:#ffffff2e;transform:translateY(1px)}.tCtrlWide{gap:4px;max-width:120px;font-size:15px}@media (width<=640px){.tetrisWrap{gap:7px;padding:7px}.tSide{width:clamp(46px,17vw,74px)}.tPanelTitle{margin-bottom:5px;font-size:9px}.tInfoRow b{font-size:14px}.tNextList .tMini:nth-child(n+4){display:none}.tCtrl{height:48px;font-size:18px}}.board.arrows{touch-action:auto}.arrScroll{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;display:flex;position:absolute;inset:0;overflow:auto}.arrPad{flex:none;margin:auto;padding:10px}.arrSvg{display:block}.arrSnake{cursor:pointer;opacity:.82}.arrSnake .hit{fill:#000;fill-opacity:0;stroke:none;pointer-events:all}.arrSnake .shaft{fill:none;stroke:#fff;stroke-width:5.5px;stroke-linejoin:miter;stroke-linecap:butt;transition:stroke .12s}.arrSnake .head{fill:#fff;transition:fill .12s}@media (hover:hover){.arrSnake:hover{opacity:1}}.arrSnake.flying{pointer-events:none}.arrSnake.hint{animation:.7s ease-in-out infinite arrHintPulse}@keyframes arrHintPulse{0%,to{opacity:1}50%{opacity:.55}}.arrSnake.hint .shaft{animation:.7s ease-in-out infinite arrHintStroke}.arrSnake.hint .head{animation:.7s ease-in-out infinite arrHintFill}@keyframes arrHintStroke{0%,to{stroke:#ffd166}50%{stroke:#fff}}@keyframes arrHintFill{0%,to{fill:#ffd166}50%{fill:#fff}}.arrSnake.flash .shaft{animation:.4s arrFlashStroke}.arrSnake.flash .head{animation:.4s arrFlashFill}@keyframes arrFlashStroke{0%,to{stroke:#fff}30%,70%{stroke:#ff5a5a}}@keyframes arrFlashFill{0%,to{fill:#fff}30%,70%{fill:#ff5a5a}}.chip.arrHearts.lifeLost{animation:.45s arrLifeLost}@keyframes arrLifeLost{0%,to{transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.board.mahjong{justify-content:center;align-items:center;display:flex}.mjWrap{z-index:0;position:relative}.mjLayer{pointer-events:none;position:absolute;inset:0}.mjLayer .mjTile{pointer-events:auto;box-shadow:-.06em .08em .14em #00000059}.mjTile{-webkit-user-select:none;user-select:none;border-radius:.22em;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:-.3em .42em .5em #00000059}.mjTile.free{cursor:pointer}.mjDim .mjTile:not(.free) .mjFace{filter:brightness(.82)}.mjTile.sel .mjFace{outline-offset:-.07em;background:linear-gradient(160deg,#fff8dd,#f4ecc4);outline:.14em solid #ffd166}.mjTile.hint .mjFace{animation:.7s ease-in-out infinite mjHint}@keyframes mjHint{0%,to{outline-offset:-.07em;outline:.14em solid #ffd166}50%{outline-offset:-.07em;outline:.14em solid #ffd16626}}.mjTile.shake{animation:.28s mjShake}@keyframes mjShake{0%,to{transform:translate(0)}25%{transform:translate(-.12em)}65%{transform:translate(.12em)}}.mjGhost{pointer-events:none;animation:.7s ease-out forwards mjPop}@keyframes mjPop{0%{transform:translateY(0)scale(1)rotate(0);box-shadow:-.3em .42em .5em #00000059}to{transform:translateY(-.9em)scale(1.35)rotate(3deg);box-shadow:-.3em .5em .65em #0000}}.mjGhost .mjFace,.mjGhost .mjSide{animation:.7s ease-out forwards mjPopFade}@keyframes mjPopFade{0%{opacity:1}to{opacity:0}}.mjGhost .mjFlash{opacity:0;background:radial-gradient(circle at 50% 42%,#ffe48cf2,#ffd16666 58%,#ffd16600 78%);border-radius:.22em;animation:.7s ease-out forwards mjFlash;position:absolute;inset:0}@keyframes mjFlash{0%{opacity:1}to{opacity:0}}.mjGhost .mjSpark{opacity:0;background:radial-gradient(circle,#fff8e1 0%,#ffd166 60%,#ffd16600 100%);border-radius:50%;width:.2em;height:.2em;margin:-.1em;animation:.7s ease-out forwards mjSpark;position:absolute;top:46%;left:50%;box-shadow:0 0 .32em #ffd166}@keyframes mjSpark{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.1)}}.mjFace{background:linear-gradient(168deg,#fffdf4 0%,#f7f4e6 52%,#ebe6d0 100%);border:1px solid #b3ad97;border-radius:.22em;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .07em #ffffffd9,inset .05em -.05em .12em #948c7047}.mjSide{pointer-events:none;width:2.16em;height:2.76em;position:absolute;top:0;left:-.16em;overflow:visible}.mjImg{object-fit:contain;width:81%;height:85%;display:block}.board.breakout{justify-content:center;align-items:center;display:flex}.bkWrap{justify-content:center;align-items:center;display:flex;position:relative}.bkCanvas{touch-action:none;cursor:pointer;border-radius:5px;display:block;box-shadow:0 8px 28px #0006}.bkHint{pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;border:1px solid #ffffff24;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;animation:1.4s ease-in-out infinite bkPulse;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}@keyframes bkPulse{0%,to{opacity:.6}50%{opacity:1}}.board.bantumi{touch-action:auto;justify-content:center;align-items:center;display:flex}.btWrap{flex-direction:column;align-items:center;gap:14px;width:min(96%,900px);padding:10px;display:flex}.btBoard{background:radial-gradient(120% 90% at 30% 10%,#ffe2aa29,#0000 60%),linear-gradient(160deg,#8a5a2b,#5c3a17 55%,#4a2d10);border:1px solid #ffdca038;border-radius:26px;gap:clamp(6px,1.4vw,14px);width:100%;padding:clamp(10px,2vw,20px);display:flex;box-shadow:inset 0 2px 2px #fff0c82e,0 16px 40px #00000073}.btPits{flex:1;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1.4vw,14px);display:grid}.btPit{appearance:none;font:inherit;color:#f5e7c8;aspect-ratio:1;cursor:default;background:radial-gradient(90% 90% at 50% 40%,#2e1b0a 0%,#3c2610 55%,#57391a 100%);border:none;border-radius:50%;transition:box-shadow .15s,transform .15s,filter .15s;position:relative;box-shadow:inset 0 6px 14px #000000bf,inset 0 -2px 3px #ffdca029}.btPit.canPlay{cursor:pointer;box-shadow:inset 0 6px 14px #000000bf,inset 0 -2px 3px #ffdca029,0 0 0 2px #ffd68273}.btPit.canPlay:hover{filter:brightness(1.18)}.btPit.hot,.btStore.hot{filter:brightness(1.35)}.btPit.grab{filter:brightness(.85)}.btPit.wiggle{animation:.18s ease-in-out 2 wiggle}.btStore{color:#f5e7c8;background:radial-gradient(120% 60% at 50% 30%,#2e1b0a 0%,#3c2610 60%,#57391a 100%);border-radius:999px;flex-direction:column;justify-content:flex-end;align-items:center;width:clamp(52px,11%,96px);padding-bottom:8px;transition:filter .15s;display:flex;position:relative;box-shadow:inset 0 8px 18px #000000bf,inset 0 -2px 3px #ffdca029}.btStoreLabel{opacity:.75;white-space:nowrap;pointer-events:none;font-size:clamp(9px,1.6vw,12px);font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.btSeeds{pointer-events:none;position:absolute;inset:0}.btSeed{aspect-ratio:1;border-radius:50%/58% 58% 42% 42%;width:17%;max-width:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 -2px 3px #00000073,inset 0 2px 2px #ffffff59,0 2px 3px #00000080}.btStore .btSeed{width:30%;max-width:15px}.btStore .btSeeds{inset:14% 6% 30%}.btSeed.s0{background:#c8a05a}.btSeed.s1{background:#a8763c}.btSeed.s2{background:#d9c08a}.btSeed.s3{background:#8d5a2e}.btNum{color:#ffecbee6;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:clamp(10px,1.9vw,14px);font-weight:800;position:absolute;bottom:4%;right:6%}.btStore .btNum{font-size:clamp(14px,2.6vw,20px);position:static}.btStatus{opacity:.85;text-align:center;min-height:1.4em;font-size:14.5px;font-weight:600}@media (width<=640px){.btWrap{width:98%}.btBoard{border-radius:18px}}
