:root{--ko-felt1:#23704c;--ko-felt2:#0c3a27;--ko-rim:rgba(242,194,63,.28);--ko-glow:rgba(255,226,140,.55);--ko-back1:#7a1f2b;--ko-back2:#4a0f18;--ko-back-line:rgba(242,194,63,.55);--ko-face:#fffdf6;--ko-ink:#1b1b1b;--ko-red:#c8102e;--ko-jr1:#ff3b5c;--ko-jr2:#ffb300;--ko-jr3:#23c16b;--ko-jr4:#2f7bff;--ko-jr5:#a64dff;--ko-jb1:#111;--ko-jb2:#f4f4f4;--ko-us:#f2c23f;--ko-them:#5fd3e6}.ko-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold)}.ko-pv{display:none;font-size:11px;background:#f2c23f;color:#3a2600;border-radius:6px;padding:1px 6px;vertical-align:middle;letter-spacing:0;text-transform:none}html.kopreview .ko-pv{display:inline-block}.social-links .fbBtn{font:inherit;color:inherit;padding:0;cursor:pointer;text-decoration:underline}.ko-presetnote{margin:-2px 0 8px;font-size:12px}.ko-rules{max-width:min(88vw,580px);max-height:64vh;overflow:auto;font-size:14px;line-height:1.5;text-align:start}.ko-rules h4{margin:10px 0 4px;color:var(--gold)}.ko-rules ul{margin:4px 0;padding-inline-start:20px}.ko-rules dt{font-weight:800;color:var(--gold)}.ko-rules dd{margin:0 0 6px;margin-inline-start:12px}.ko-menu{display:flex;flex-direction:column;gap:6px;min-width:min(70vw,280px)}.ko-menu .btn{text-align:start;min-height:44px}.qseats{max-width:180px}#game{background:radial-gradient(ellipse at 50% 42%,var(--ko-felt1),var(--ko-felt2) 82%)}#felt.kofelt{position:absolute;inset:0;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}html[dir=rtl] #felt.kofelt{direction:ltr}html[dir=rtl] #felt.kofelt .ko-ovl{direction:rtl}.ko-zone{position:absolute;border-radius:48%/42%;box-shadow:inset 0 0 0 2px var(--ko-rim),inset 0 0 60px rgba(0,0,0,.25);pointer-events:none}.ko-zone::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.06;background:repeating-conic-gradient(from 22.5deg at 50% 50%,#fff 0 12.5%,transparent 0 25%);mask:radial-gradient(closest-side,#000 60%,transparent);-webkit-mask:radial-gradient(closest-side,#000 60%,transparent)}.ko-hud{position:absolute;display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:hidden}.ko-hud .chip{flex:none}.ko-hud .sp{flex:1 1 auto;min-width:0}.ko-score{display:inline-flex;gap:6px;align-items:center}.ko-score b{font-size:14px}.ko-score .us{color:var(--ko-us)}.ko-score .them{color:var(--ko-them)}.ko-ct{color:#fff}.ko-ct .su{font-size:15px;line-height:1}.ko-ct .su.r{color:#ff6b7f}.ko-ct .mz{font-size:10px;background:#ffd36a;color:#3a2600;border-radius:5px;padding:0 4px;margin-inline-start:4px}.ko-tag{position:absolute;display:flex;align-items:center;gap:6px;background:linear-gradient(#11402c,#082418);border:2px solid rgba(255,255,255,.14);border-radius:11px;padding:3px 6px 3px 3px;box-shadow:0 2px 5px rgba(0,0,0,.4);box-sizing:border-box;transition:box-shadow .2s,border-color .2s}.ko-tag.us{border-color:color-mix(in srgb,var(--ko-us) 55%,transparent)}.ko-tag.them{border-color:color-mix(in srgb,var(--ko-them) 50%,transparent)}.ko-tag.turn{box-shadow:0 0 0 3px #7cf06a,0 0 18px rgba(124,240,106,.6)}.ko-tag.off{opacity:.6}.ko-tag .av{width:30px;height:30px;border-radius:8px;background:#ffd36a;color:#5a3a00;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-size:14px}.ko-tag.them .av{background:#9fe7f2;color:#063a43}.ko-tag .tx{min-width:0;flex:1}.ko-tag .nm{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-tag .sub{font-size:10.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-tag .dl{position:absolute;top:-7px;inset-inline-start:-7px;background:#fff;color:#0b3f2b;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.5)}.ko-tag .decl{position:absolute;top:-8px;inset-inline-end:-6px;background:var(--gold);color:#3a2600;border-radius:7px;font-size:11px;font-weight:900;padding:0 5px;box-shadow:0 1px 2px rgba(0,0,0,.5)}.ko-tag .tw{font-weight:900;color:var(--gold);font-size:13px;flex:none}.ko-tag .tbar{position:absolute;left:4px;right:4px;bottom:-5px;height:3px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}.ko-tag .tbar i{display:block;height:100%;background:#7cf06a}.ko-tag .tbar.warn i{background:#ff6b5b}.ko-tag .tsec{position:absolute;top:-8px;inset-inline-end:18px;font-size:10px;font-weight:900;background:#0b3f2b;border-radius:6px;padding:0 4px}.ko-tag .tsec.warn{color:#ff8b7b}html.tall .ko-tag.side{flex-direction:column;gap:2px;padding:4px 3px;text-align:center}html.tall .ko-tag.side .tx{width:100%}.ko-bub{position:absolute;z-index:6;transform:translate(-50%,-100%);background:#fff8dc;color:#3a2600;border-radius:10px;padding:3px 10px;font-size:15px;font-weight:900;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.45);pointer-events:none;animation:koBub 1.7s ease-out forwards}.ko-bub.big{background:linear-gradient(#ffe48a,#f2b81f);font-size:18px}.ko-bub.pass{background:#e8efe9;color:#41524a;font-weight:700}.ko-bub::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-top-color:inherit;border-bottom:0;border-top-color:#fff8dc}@keyframes koBub{0%{opacity:0;transform:translate(-50%,-80%) scale(.6)}12%{opacity:1;transform:translate(-50%,-100%) scale(1.08)}20%{transform:translate(-50%,-100%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-125%)}}.kc{position:absolute;box-sizing:border-box;border-radius:8%/6%;background:var(--ko-face);color:var(--ko-ink);box-shadow:0 2px 5px rgba(0,0,0,.45);overflow:hidden;font-weight:800;will-change:transform}.kc.r{color:var(--ko-red)}.kc .rk{position:absolute;top:3%;left:7%;font-size:calc(var(--cw) * .3);line-height:1}.kc .s1{position:absolute;top:calc(3% + var(--cw) * .3);left:7%;font-size:calc(var(--cw) * .24);line-height:1}.kc .s2{position:absolute;right:6%;bottom:2%;font-size:calc(var(--cw) * .55);line-height:1;opacity:.9}.kc.back{background:repeating-linear-gradient(45deg,var(--ko-back-line) 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,var(--ko-back-line) 0 2px,transparent 2px 9px),radial-gradient(circle at 50% 50%,var(--ko-back1),var(--ko-back2));border:3px solid #fffdf6}.kc.back::after{content:"";position:absolute;inset:22% 18%;border:2px solid var(--ko-back-line);transform:rotate(45deg);border-radius:4px}.kc.jr{background:linear-gradient(var(--ko-face),var(--ko-face)) padding-box,conic-gradient(var(--ko-jr1),var(--ko-jr2),var(--ko-jr3),var(--ko-jr4),var(--ko-jr5),var(--ko-jr1)) border-box;border:calc(var(--cw) * .07) solid transparent}.kc.jr .jst{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:calc(var(--cw) * .82);line-height:1;background:conic-gradient(var(--ko-jr1),var(--ko-jr2),var(--ko-jr3),var(--ko-jr4),var(--ko-jr5),var(--ko-jr1));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.kc.jb{background:linear-gradient(var(--ko-jb2),var(--ko-jb2)) padding-box,repeating-linear-gradient(45deg,var(--ko-jb1) 0 4px,var(--ko-jb2) 4px 8px) border-box;border:calc(var(--cw) * .07) solid transparent;color:var(--ko-jb1)}.kc.jb .jst{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:calc(var(--cw) * .78);line-height:1;color:var(--ko-jb1);-webkit-text-stroke:1px var(--ko-jb1)}.kc .jtx{position:absolute;top:4%;left:6%;writing-mode:vertical-rl;text-orientation:upright;font-size:calc(var(--cw) * .15);letter-spacing:-1px;line-height:1}.kc.jr .jtx{color:var(--ko-jr1)}.kc .jbig{position:absolute;bottom:3%;right:6%;font-size:calc(var(--cw) * .16)}.kc.nr{filter:grayscale(.85) brightness(.82)}.kc.nr::after{content:attr(data-nr);position:absolute;left:-10%;right:-10%;top:44%;transform:rotate(-24deg);background:rgba(160,20,30,.88);color:#fff;font-size:calc(var(--cw) * .15);text-align:center;letter-spacing:.5px;padding:1px 0}.ko-hand .kc{transform:rotate(var(--rot,0deg));transition:transform .16s ease,box-shadow .16s;cursor:pointer}.ko-hand .kc.dim{filter:brightness(.62)}.ko-hand .kc.ok{box-shadow:0 2px 5px rgba(0,0,0,.45),0 0 0 2px rgba(124,240,106,.65)}.ko-hand .kc.sel{transform:translateY(calc(var(--lift) * -1)) rotate(var(--rot,0deg));box-shadow:0 8px 16px rgba(0,0,0,.5),0 0 0 3px #ffd23f}.ko-hand .kc .jw{position:absolute;left:0;right:0;bottom:0;font-size:calc(var(--cw) * .14);text-align:center;font-weight:900;padding:1px 0}.ko-hand .kc .jw.ok{background:#2f9b25;color:#fff}.ko-hand .kc .jw.nr{background:#b0222a;color:#fff}.kc.trump::before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px rgba(242,194,63,.9);border-radius:inherit;pointer-events:none}.ko-trick .kc{z-index:2}.ko-trick .kc.win{box-shadow:0 0 0 3px #ffd23f,0 0 24px var(--ko-glow)}.ko-fly{position:absolute;z-index:9;pointer-events:none}.ko-bar{position:absolute;display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap}.ko-st{font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);text-align:center;flex:1 1 100%;min-height:18px;line-height:1.25}html.land .ko-bar{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:4px}html.land .ko-st{font-size:12.5px;flex:none}.ko-acts{display:flex;gap:6px;justify-content:center}.ko-panel{position:absolute;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.ko-panel .box{pointer-events:auto;background:rgba(6,30,20,.86);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:8px 10px;box-shadow:0 8px 24px rgba(0,0,0,.5);max-width:100%;box-sizing:border-box;animation:koIn .22s ease-out}.ko-panel h4{margin:0 0 6px;font-size:14px;color:var(--gold);text-align:center}.ko-panel .hint2{font-size:12px;opacity:.9;text-align:center;margin:0 0 6px;max-width:300px}.ko-bids{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:6px}html.land .ko-bids,html:not(.phone) .ko-bids{grid-template-columns:repeat(6,minmax(52px,1fr))}.ko-bids .btn{min-height:44px;padding:4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}.ko-bids .btn b{font-size:19px}.ko-bids .btn small{font-size:10.5px;opacity:.9;font-weight:700}.ko-bids .btn.pass{background:linear-gradient(#5d6b64,#39443f)}.ko-bids .btn.bawan{background:linear-gradient(#f6d25e,#d49a16);color:#3a2600}.ko-suits{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:8px}.ko-suits .btn{min-height:58px;font-size:30px;line-height:1;background:linear-gradient(#fffdf6,#e9e2cf);color:#1b1b1b;display:flex;flex-direction:column;align-items:center;justify-content:center}.ko-suits .btn.r{color:#c8102e}.ko-suits .btn small{font-size:11px;color:#333;font-weight:700}.ko-suits .btn .n{font-size:10.5px;color:#555}@keyframes koIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.ko-trumpfx{position:absolute;z-index:8;pointer-events:none;font-size:120px;line-height:1;text-shadow:0 0 30px rgba(255,230,150,.9),0 4px 10px rgba(0,0,0,.5);color:#fff}.ko-trumpfx.r{color:#ff4d64}#koBack{position:absolute;left:50%;transform:translateX(-50%);z-index:12}.ko-log{position:absolute;font-size:11px;opacity:.8;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-cel{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,0,0,.25),rgba(0,0,0,.6));animation:koFade .25s ease-out}.ko-cel .rays{position:absolute;width:160vmax;height:160vmax;background:repeating-conic-gradient(rgba(255,215,90,.16) 0 6deg,transparent 6deg 18deg);animation:koSpin 9s linear infinite;border-radius:50%;mask:radial-gradient(closest-side,#000 25%,transparent 70%);-webkit-mask:radial-gradient(closest-side,#000 25%,transparent 70%)}.ko-cel .cbox{position:relative;text-align:center;padding:16px 26px;border-radius:18px;background:linear-gradient(#173f2d,#0a2519);border:2px solid var(--gold);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 40px rgba(242,194,63,.35);animation:koPop .5s cubic-bezier(.2,1.6,.4,1)}.ko-cel .ct{font-size:clamp(22px,6vw,40px);font-weight:900;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.6)}.ko-cel .cs{font-size:16px;margin-top:4px}.ko-cel .ck{font-size:11px;opacity:.7;margin-top:8px}.ko-cel.lose{background:rgba(0,0,0,.55)}.ko-cel.lose .rays{display:none}.ko-cel.lose .cbox{border-color:#7b8a83;box-shadow:0 10px 40px rgba(0,0,0,.6)}.ko-cel.lose .ct{color:#dfe7e2}.ko-cel.bawan .cbox{background:linear-gradient(#3b2a07,#1a1203);border-width:3px}.ko-cel.bawan .ct{font-size:clamp(30px,9vw,60px);letter-spacing:2px}@keyframes koFade{from{opacity:0}to{opacity:1}}@keyframes koSpin{to{transform:rotate(360deg)}}@keyframes koPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.ko-res{display:flex;gap:8px;justify-content:center;margin:6px 0;font-size:15px;font-weight:800}.ko-res .made{color:#7cf06a}.ko-res .fail{color:#ff8b7b}.ko-respts td,.ko-respts th{padding:3px 8px}@media (prefers-reduced-motion:reduce){.ko-cel .rays{animation:none}.ko-bub{animation-duration:2.2s}}