:root{color-scheme:dark;--hand-card-width: 88px;--hand-card-height: 132px;--seat-card-width: 32px;--seat-card-height: 45px;--night: #100906;--ink: #f5e8c9;--soft: #bda884;--brass: #d3a94f;--brass-light: #f2d991;--turquoise: #65c8bd;--pomegranate: #9f3444;--sun: #d79f28;--oak: #577c48;--lake: #258b98;--card-cream: #fff3cf;--ivory-edge: #fbf1d8;--gold-ring: conic-gradient(from 210deg, #f7e3a6, #b98530 28%, #f3d88f 50%, #8c5f1c 74%, #f7e3a6);--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--ckb: Tahoma, "Noto Sans Arabic", "Noto Naskh Arabic", "Geeza Pro", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--night)}body{color:var(--ink);background:radial-gradient(circle at 52% -10%,rgba(151,91,36,.34),transparent 43%),radial-gradient(circle at 8% 92%,rgba(37,139,152,.08),transparent 29%),linear-gradient(160deg,#170d08,#0a0503 68%);font-family:var(--serif);-webkit-font-smoothing:antialiased}html[lang=ckb] body,html[lang=ckb] button{font-family:var(--ckb)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--turquoise);outline-offset:3px}.game-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;width:100%;height:100vh;height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:hidden}.game-shell:before{position:fixed;z-index:-2;inset:0;background:radial-gradient(55% 38% at 50% -4%,rgba(255,196,118,.15),transparent 70%),linear-gradient(60deg,transparent 47%,rgba(205,158,72,.025) 48% 52%,transparent 53%) 0 0 / 76px 132px,radial-gradient(circle at 84% 10%,rgba(31,142,146,.07),transparent 28%);content:""}.game-header{z-index:12;display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);align-items:center;width:min(100%,1180px);min-height:54px;margin:0 auto;padding:0 7px}.game-header .yk-home-link{justify-self:start}.title-lockup{display:grid;justify-items:center;gap:1px}.title-lockup small{color:var(--soft);font:650 .62rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}html[lang=ckb] .title-lockup small{font-family:var(--ckb);letter-spacing:0}.title-lockup strong{color:var(--brass-light);background:linear-gradient(180deg,#fbeac0 10%,#d9b25c 55%,#b3812c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.3rem;font-weight:600;letter-spacing:.01em}.header-actions{display:flex;justify-self:end;gap:6px}.header-actions button,.icon-button{min-width:42px;min-height:42px;padding:0 12px;border:1px solid rgba(211,169,79,.22);border-radius:999px;color:#d8c59d;background:linear-gradient(180deg,#2c190c9e,#160c069e);box-shadow:inset 0 1px #ffffff0d,0 3px 8px #0000004d;cursor:pointer;font:650 .7rem/1 var(--sans)}.header-actions button:not(:disabled):hover,.header-actions button:not(:disabled):focus-visible{border-color:#d3a94f66;color:var(--ink);background:#301c0fb8}html[lang=ckb] .header-actions button{font-family:var(--ckb)}.header-actions .icon-button{width:42px;padding:0;font-size:1.02rem}.header-actions button:disabled{cursor:default;opacity:.48}.reng-table{position:relative;isolation:isolate;align-self:stretch;width:min(100%,1180px);min-height:0;margin:0 auto;overflow:hidden;border:1px solid rgba(232,196,120,.58);border-radius:clamp(20px,2.2vw,30px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.98 0 0 0 0 0.84 0 0 0 0 0.6 0 0 0 0.075 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E"),radial-gradient(60% 46% at 50% 44%,rgba(255,214,140,.14),rgba(255,214,140,.035) 58%,transparent 78%),radial-gradient(95% 80% at 50% 52%,rgba(104,58,28,.42),transparent 72%),repeating-radial-gradient(circle at 50% 45%,transparent 0 46px,rgba(221,180,91,.014) 47px 48px),linear-gradient(160deg,#37210f,#200f08 62%,#150a05);box-shadow:inset 0 0 0 7px #2b170c,inset 0 0 0 8px #e8c47866,inset 0 0 0 10px #00000061,inset 0 0 120px #0009,0 24px 64px #00000080}.reng-table:before{position:absolute;z-index:-1;inset:20px;border:1px solid rgba(211,169,79,.13);border-radius:22px;background:linear-gradient(30deg,transparent 49%,rgba(216,172,85,.025) 50% 52%,transparent 53%) 0 0 / 42px 72px;content:""}.kilim-border{position:absolute;z-index:2;inset-inline:0;height:10px;border-block:1px solid rgba(231,193,112,.35);background:linear-gradient(45deg,transparent 35%,#58b5ad 36% 42%,transparent 43%) 0 0 / 24px 12px,linear-gradient(-45deg,transparent 35%,#9f3444 36% 42%,transparent 43%) 12px 0 / 24px 12px,#3a2112;box-shadow:0 3px 10px #00000080}.kilim-border--top{inset-block-start:0}.kilim-border--bottom{inset-block-end:0;transform:rotate(180deg)}.opponent{position:absolute;z-index:4;display:grid;justify-items:center;gap:5px;opacity:.74;filter:saturate(.86);transition:opacity .2s ease,filter .2s ease}.opponent.is-active{opacity:1;filter:saturate(1)}.opponent--top{inset-block-start:14px;inset-inline-start:50%;transform:translate(-50%)}html[dir=rtl] .opponent--top{transform:translate(50%)}.opponent--left{inset-block-start:46%;inset-inline-start:14px;transform:translateY(-50%)}.opponent--right{inset-block-start:46%;inset-inline-end:14px;transform:translateY(-50%)}.opponent-name{display:grid;justify-items:center;gap:5px;color:var(--soft);font:650 .68rem/1 var(--sans)}html[lang=ckb] .opponent-name{font-family:var(--ckb)}.opponent-name b{max-width:96px;overflow:hidden;padding:4px 10px;border:1px solid rgba(211,169,79,.22);border-radius:999px;color:#d8c6a2;background:#100804cc;box-shadow:0 3px 8px #00000059;text-overflow:ellipsis;white-space:nowrap;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease}.opponent.is-active .opponent-name b{border-color:#65c8bd9e;color:#f4e6c7;box-shadow:inset 0 0 12px #65c8bd14,0 0 16px #65c8bd38}.seat-avatar{--seat-tint: var(--brass);position:relative;display:grid;flex:0 0 auto;width:46px;height:46px;place-items:center;border-radius:50%;color:#fff4d6;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 42%),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--seat-tint) 72%,#1a0c06),#150905 78%);box-shadow:inset 0 -4px 10px #00000059,0 4px 12px #00000080;transition:box-shadow .2s ease}.seat-avatar-ring{position:absolute;inset:-3px;border-radius:50%;background:var(--gold-ring);-webkit-mask:radial-gradient(circle,transparent calc(50% - 3px),#000 calc(50% - 2.4px));mask:radial-gradient(circle,transparent calc(50% - 3px),#000 calc(50% - 2.4px))}.seat-avatar-emblem{position:relative;z-index:1;display:grid;width:60%;height:60%;place-items:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.seat-avatar-emblem svg{width:100%;height:100%;fill:currentColor}.seat-avatar--0{--seat-tint: var(--turquoise)}.seat-avatar--1{--seat-tint: var(--pomegranate)}.seat-avatar--2{--seat-tint: var(--sun)}.seat-avatar--3{--seat-tint: var(--oak)}.seat-count{position:absolute;z-index:2;inset-block-end:-5px;inset-inline-end:-6px;display:grid;min-width:21px;height:21px;padding:0 4px;place-items:center;border:1px solid #fbeec5;border-radius:999px;color:#221207;background:linear-gradient(#f7e2a8,#c9903a);box-shadow:0 3px 8px #00000073;font:800 .66rem/1 var(--sans)}.opponent.is-active .seat-avatar{box-shadow:inset 0 -4px 10px #00000059,0 0 0 2px #65c8bd80,0 0 22px #65c8bd80;animation:avatar-pulse 1.5s ease-in-out infinite alternate}.seat-avatar--mini{width:24px;height:24px;box-shadow:0 2px 5px #00000073}.seat-avatar--mini .seat-avatar-ring{inset:-2px;-webkit-mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1.5px));mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1.5px))}.seat-avatar--mini .seat-avatar-emblem{width:62%;height:62%}.opponent-cards{position:relative;width:150px;height:48px}.opponent-cards>i{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--back-index) * 18px);display:block;width:32px;height:45px;transform:rotate(calc((var(--back-index) - (var(--back-count) - 1) / 2) * 4deg));transform-origin:50% 150%}html[dir=rtl] .opponent-cards>i{transform:rotate(calc((var(--back-index) - (var(--back-count) - 1) / 2) * -4deg))}.opponent--left .opponent-cards,.opponent--right .opponent-cards{width:48px;height:144px}.opponent--left .opponent-cards>i,.opponent--right .opponent-cards>i,html[dir=rtl] .opponent--left .opponent-cards>i,html[dir=rtl] .opponent--right .opponent-cards>i{inset-block-start:calc(var(--back-index) * 17px);inset-inline-start:6px;transform:rotate(calc((var(--back-index) - (var(--back-count) - 1) / 2) * 1.5deg));transform-origin:50% 50%}.table-center{position:absolute;z-index:5;inset-block-start:43%;inset-inline-start:50%;display:grid;justify-items:center;gap:7px;transform:translate(-50%,-50%)}.table-center:before{position:absolute;z-index:-1;inset:-26px -74px;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,rgba(255,214,140,.09),rgba(255,214,140,.025) 52%,transparent 74%);box-shadow:inset 0 0 0 1px #e8c47817,inset 0 0 42px #00000047;content:""}html[dir=rtl] .table-center{transform:translate(50%,-50%)}.turn-chip{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-width:min(58vw,260px);max-width:min(70vw,430px);min-height:42px;padding:6px 16px;border:1px solid rgba(211,169,79,.3);border-radius:999px;color:#dcc9a3;background:linear-gradient(180deg,#24140af5,#100804f2);box-shadow:inset 0 1px #ffffff0f,0 10px 26px #00000073;font:650 .76rem/1.25 var(--sans);text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.turn-chip.is-human{border-color:#65c8bda8;color:#f2e4c4;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #65c8bd29,0 0 24px #65c8bd3d,0 10px 26px #00000073}.turn-chip.is-event{border-color:#65c8bd80;color:#f0dfbb;box-shadow:inset 0 0 18px #65c8bd14,0 10px 26px #00000073}.turn-chip .seat-avatar--mini{margin-inline-start:-6px}html[lang=ckb] .turn-chip{font-family:var(--ckb)}.turn-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--brass);box-shadow:0 0 9px #d3a94f99}.turn-dot.is-human{background:var(--turquoise);box-shadow:0 0 10px #65c8bdbf}.pile-row{display:flex;align-items:center;gap:clamp(17px,5vw,46px)}.draw-pile,.discard-pile{position:relative;width:88px;height:132px;border:0;border-radius:12px;background:transparent}.discard-pile{--halo: rgba(211, 169, 79, .2);box-shadow:0 0 36px 2px var(--halo);transition:box-shadow .22s ease}.draw-pile{padding:0;cursor:pointer}.draw-pile:before,.draw-pile:after{position:absolute;inset:0;border:1px solid rgba(235,207,151,.3);border-radius:11px;background:#251108;content:""}.draw-pile:before{transform:translate(-5px,4px) rotate(-2deg)}.draw-pile:after{transform:translate(-2px,2px) rotate(-1deg)}html[dir=rtl] .draw-pile:before{transform:translate(5px,4px) rotate(2deg)}html[dir=rtl] .draw-pile:after{transform:translate(2px,2px) rotate(1deg)}.draw-pile>.reng-card{position:relative;z-index:2;width:100%;height:100%;filter:brightness(.92) saturate(.95);box-shadow:inset 0 0 0 4px #1a0b05,inset 0 0 0 5px #e8c4788c,0 2px #1a0b05,0 4px #2c170c,0 6px #1a0b05,0 8px #2c170c,0 14px 18px #00000080;transition:filter .18s ease,transform .18s ease}.draw-pile:disabled{cursor:default}.draw-pile:not(:disabled):hover>.reng-card,.draw-pile:not(:disabled):focus-visible>.reng-card{filter:brightness(1.02) saturate(1);transform:translateY(-2px)}.draw-pile.is-must-draw>.reng-card{filter:brightness(1.04) saturate(1);animation:bank-call 1.15s ease-in-out infinite alternate}.pile-count{position:absolute;z-index:4;inset-block-end:-7px;inset-inline-end:-7px;display:grid;width:28px;height:28px;place-items:center;border:1px solid #f1d991;border-radius:50%;color:#2b1809;background:linear-gradient(#f5dda0,#c38b31);box-shadow:0 5px 12px #00000073;font:800 .66rem/1 var(--sans)}.discard-pile:before{position:absolute;inset:8px -3px -8px 3px;z-index:-1;border-radius:16px;background:#0000006b;filter:blur(7px);content:""}.discard-pile.is-fresh .reng-card--discard.is-top{animation:card-land .33s cubic-bezier(.2,.8,.2,1)}.discard-pile.is-fresh .active-color{animation:color-pop .42s cubic-bezier(.2,.78,.2,1)}.reng-card--discard{position:absolute;inset:0;transform:rotate(var(--tilt-pile, 0deg));transition:filter .24s ease}.reng-card--discard.is-under{filter:brightness(.7) saturate(.85)}.reng-card--discard.is-top{z-index:2;transform:rotate(var(--tilt-pile, 0deg)) scale(1.055)}.active-color{position:absolute;z-index:4;inset-block-end:-7px;inset-inline-end:-7px;display:grid;width:34px;height:34px;place-items:center;border:2px solid #f5e4bd;border-radius:50%;color:#fff6d8;background:var(--active, #6e5941);box-shadow:0 4px 12px #00000080}.active-color svg{width:19px;height:19px;fill:currentColor}.discard-pile.is-stacked{--halo: rgba(200, 72, 93, .46)}.stack-badge{position:absolute;z-index:5;inset-block-start:-12px;inset-inline-start:-13px;display:grid;min-width:42px;height:30px;padding:0 9px;place-items:center;border:2px solid #f5e4bd;border-radius:999px;color:#fff3cf;background:linear-gradient(160deg,#c8485d,#7a1f30);box-shadow:0 5px 14px #00000080,0 0 18px #c8485d80;font:800 .84rem/1 var(--sans);animation:stack-pulse 1.1s ease-in-out infinite alternate}.turn-chip.is-stack{border-color:#f0d38fa8;color:#fff0c8;background:#2e100df0;box-shadow:inset 0 0 18px #c8485d33,0 8px 24px #0000006b}.direction-indicator{display:grid;width:52px;height:24px;place-items:center;padding:2px 6px;border:1px solid rgba(211,169,79,.4);border-radius:999px;color:#f0d38f;background:#120905e6;box-shadow:inset 0 0 9px #d3a94f14,0 2px 7px #00000061;transform-origin:center}.direction-indicator.is-reversed{transform:scaleX(-1)}.direction-indicator svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.human-seat{position:absolute;z-index:7;inset-inline:0;inset-block-end:10px;display:grid;justify-items:center}.human-toolbar{z-index:9;display:grid;grid-template-columns:minmax(94px,1fr) auto minmax(75px,1fr);align-items:center;gap:6px;width:min(calc(100% - 22px),710px);min-height:42px;padding:5px;border:1px solid rgba(211,169,79,.3);border-radius:16px;background:linear-gradient(180deg,#201108eb,#0e0703e6);box-shadow:inset 0 1px #ffffff0d,0 -8px 26px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.human-seat.is-active .human-toolbar{border-color:#65c8bd80;box-shadow:inset 0 0 18px #65c8bd12,0 -7px 24px #0000003d}.human-seat.is-spotlighted .human-toolbar{border-color:#65c8bda6;box-shadow:inset 0 0 18px #65c8bd17,0 0 20px #65c8bd2e}.draw-button,.one-button{min-height:36px;border:1px solid rgba(211,169,79,.32);border-radius:11px;color:#dcc9a3;background:linear-gradient(180deg,#3a2111f2,#24140af2);box-shadow:inset 0 1px #ffffff0d,0 3px 8px #0000004d;cursor:pointer;font:700 .7rem/1 var(--sans);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.draw-button:not(:disabled):hover,.draw-button:not(:disabled):focus-visible{border-color:#d3a94f99;transform:translateY(-1px)}html[lang=ckb] .draw-button,html[lang=ckb] .one-button{font-family:var(--ckb)}.draw-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.draw-button span{color:var(--turquoise);font-size:1.1rem}.one-button{justify-self:stretch;color:#a18a66}.one-button.is-ready{border-color:#f2d98b;color:#281609;background:linear-gradient(180deg,#f4dc96,#c98e2f);box-shadow:0 0 18px #ecbb4961;animation:call-one 1.15s ease-in-out infinite alternate}.round-continue{border-color:#f2d991ad;color:#2a1709;background:linear-gradient(180deg,#f1d98e,#c88d2f)}.one-button.round-result{border-color:#65c8bd94;color:#dff9f3;background:#1c5b57b8}.draw-button:disabled,.one-button:disabled{cursor:default;opacity:.48}.human-identity{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:90px;color:#e7d8b8;font-size:.78rem}.human-identity em{display:grid;min-width:22px;height:22px;padding:0 5px;place-items:center;border:1px solid #fbeec5;border-radius:999px;color:#211208;background:linear-gradient(#f7e2a8,#c9903a);font-style:normal;font-weight:800;font-size:.7rem}.player-hand{position:relative;z-index:8;width:100%;height:146px;margin-top:-1px}.reng-card{--card-color: #72553a;--card-deep: #4a3222;--tilt: 21deg;display:block;width:88px;height:132px;padding:0;border:0;border-radius:12px;color:#fff5d6;background:transparent}html[dir=rtl] .reng-card{--tilt: -21deg}.card-frame{--active: var(--card-color);position:relative;display:block;width:100%;height:100%;overflow:hidden;border:3px solid var(--ivory-edge);border-radius:12px;color:#fff8df;background:linear-gradient(152deg,#ffffff4d,#fff0 40%),radial-gradient(120% 90% at 82% 100%,rgba(20,8,3,.36),transparent 56%),var(--card-color);box-shadow:inset 0 0 0 1.5px #2d180b52,inset 0 1px #ffffff38,0 8px 16px #0000006b}.card-frame:before,.card-frame:after{position:absolute;width:28px;height:28px;border:1px solid rgba(255,238,195,.24);transform:rotate(45deg);content:""}.card-frame:before{inset-block-start:-17px;inset-inline-end:-17px}.card-frame:after{inset-block-end:-17px;inset-inline-start:-17px}.color-pomegranate{--card-color: var(--pomegranate);--card-deep: #6b1d2b;--active: var(--pomegranate);--halo: rgba(159, 52, 68, .42)}.color-sun{--card-color: var(--sun);--card-deep: #8f6410;--active: var(--sun);--halo: rgba(215, 159, 40, .4)}.color-oak{--card-color: var(--oak);--card-deep: #34502a;--active: var(--oak);--halo: rgba(87, 124, 72, .4)}.color-lake{--card-color: var(--lake);--card-deep: #135b64;--active: var(--lake);--halo: rgba(37, 139, 152, .42)}.color-wild{--card-color: #23110a;--card-deep: #d3a94f;background:radial-gradient(circle at 50% 38%,rgba(255,214,140,.14),transparent 60%),linear-gradient(160deg,#3a1d0f,#1c0d07 60%,#120804)}.card-corner{position:absolute;z-index:2;inset-block-start:6px;inset-inline-start:7px;max-width:44px;overflow:hidden;font:900 .86rem/1 var(--sans);text-overflow:ellipsis;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 6px rgba(0,0,0,.25);white-space:nowrap}.card-corner-icon{display:grid;width:18px;height:18px;place-items:center}.wild-mark{display:block;width:15px;height:15px;border:1.5px solid var(--ivory-edge);border-radius:50%;background:conic-gradient(from 0deg,var(--sun) 0 25%,var(--lake) 25% 50%,var(--oak) 50% 75%,var(--pomegranate) 75% 100%);box-shadow:0 1px 2px #0006}.card-corner-icon svg{width:100%;height:100%;overflow:visible;fill:currentColor}html[lang=ckb] .card-corner{font-family:var(--ckb)}.card-corner--bottom{inset-block:auto 6px;inset-inline:auto 7px;transform:rotate(180deg)}.card-center{position:absolute;inset:20px 10px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,246,220,.6);border-radius:50%;background:linear-gradient(165deg,#fffbee,#f7e9c6 58%,#ecd6a5);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-deep) 45%,transparent),inset 0 -7px 14px #3c1f0e24,0 2px 4px #00000040;transform:rotate(var(--tilt))}.card-center>*{transform:rotate(calc(var(--tilt) * -1))}.kind-wild .card-center{border-color:var(--ivory-edge);background:conic-gradient(from 0deg,var(--sun) 0 25%,var(--lake) 25% 50%,var(--oak) 50% 75%,var(--pomegranate) 75% 100%);box-shadow:inset 0 0 18px #00000040,0 2px 4px #00000059}.card-number{position:relative;z-index:2;color:var(--card-color);font:800 2.7rem/1 var(--serif);text-shadow:0 1px 0 rgba(255,255,255,.55),2px 3px 0 color-mix(in srgb,var(--card-deep) 28%,transparent)}html[lang=ckb] .card-number{font-family:Geeza Pro,Noto Naskh Arabic,Tahoma,sans-serif}.card-motif{position:absolute;inset:7%;display:grid;place-items:center;color:var(--card-color);opacity:.12}.card-motif svg{width:86%;height:86%;fill:currentColor}.card-action{display:grid;width:50px;height:50px;place-items:center;color:var(--card-color);filter:drop-shadow(1px 2px 0 color-mix(in srgb,var(--card-deep) 30%,transparent))}.card-action svg{width:100%;height:100%;overflow:visible;fill:currentColor}.reng-card--back{position:absolute;inset:0;overflow:hidden;border:3px solid var(--ivory-edge);border-radius:12px;color:var(--brass-light);background:radial-gradient(circle at 50% 44%,rgba(255,214,140,.18),transparent 60%),repeating-linear-gradient(45deg,rgba(232,196,120,.16) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(232,196,120,.16) 0 1px,transparent 1px 9px),linear-gradient(160deg,#3d1f10,#24110a 58%,#170a05);box-shadow:inset 0 0 0 4px #1a0b05,inset 0 0 0 5px #e8c4788c,0 5px 10px #00000059}.back-frame{position:absolute;inset:13px 10px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(242,217,145,.75);border-radius:50%;background:radial-gradient(circle at 50% 40%,#44220f,#1b0c06 72%);box-shadow:inset 0 0 16px #0009,0 0 0 3px #1a0b05,0 0 0 4px #e8c47866}.back-frame b{position:absolute;color:#f6e3b4;font:700 1.15rem/1 var(--ckb);text-shadow:0 1px 2px rgba(0,0,0,.6)}.back-rosette{display:grid;width:82%;height:82%;place-items:center;color:var(--turquoise);opacity:.8}.back-rosette svg{width:100%;height:100%;fill:#63c1b829;stroke:currentColor;stroke-width:1.7px}.reng-card--mini{width:32px;height:45px;border-width:1.5px;border-radius:5px;background:repeating-linear-gradient(45deg,rgba(232,196,120,.14) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(232,196,120,.14) 0 1px,transparent 1px 6px),linear-gradient(160deg,#3d1f10,#24110a 58%,#170a05);box-shadow:inset 0 0 0 1.5px #1a0b05,inset 0 0 0 2.5px #e8c47873,0 2px 5px #00000073}.reng-card--mini .back-frame{inset:5px 4px;border-width:1px;box-shadow:none}.reng-card--mini .back-frame:after{width:6px;height:6px;border-radius:50%;background:var(--brass-light);box-shadow:0 0 6px #f2d991b3;content:""}.reng-card--mini .back-frame b,.reng-card--mini .back-rosette{display:none}.reng-card--hand{position:absolute;inset-block-end:1px;inset-inline-start:50%;z-index:var(--z);width:var(--hand-card-width);height:var(--hand-card-height);cursor:default;transform:translate(calc(-50% + var(--x))) rotate(var(--angle));transform-origin:50% 115%;transition:transform .18s ease,filter .18s ease,opacity .18s ease}html[dir=rtl] .reng-card--hand{transform:translate(calc(50% - var(--x))) rotate(calc(var(--angle) * -1))}.reng-card--hand:not(.is-playable){opacity:.68;filter:saturate(.66) brightness(.82)}.reng-card--hand.is-playable{cursor:pointer;filter:drop-shadow(0 0 9px rgba(101,200,189,.62));transform:translate(calc(-50% + var(--x))) translateY(-9px) rotate(var(--angle))}html[dir=rtl] .reng-card--hand.is-playable{transform:translate(calc(50% - var(--x))) translateY(-9px) rotate(calc(var(--angle) * -1))}.reng-card--hand.is-playable:hover,.reng-card--hand.is-playable:focus-visible,.reng-card--hand.is-drawn{z-index:40;transform:translate(calc(-50% + var(--x))) translateY(-20px) rotate(0) scale(1.05)}html[dir=rtl] .reng-card--hand.is-playable:hover,html[dir=rtl] .reng-card--hand.is-playable:focus-visible,html[dir=rtl] .reng-card--hand.is-drawn{transform:translate(calc(50% - var(--x))) translateY(-20px) rotate(0) scale(1.05)}.card-flight{position:fixed;z-index:90;overflow:visible;pointer-events:none;transform-origin:center;filter:drop-shadow(0 15px 17px rgba(0,0,0,.5));will-change:transform}.card-flight:after{position:absolute;inset-block-start:-30px;inset-inline-start:50%;min-width:max-content;padding:5px 9px;border:1px solid rgba(101,200,189,.58);border-radius:999px;color:#f5e4bd;background:#120905f0;box-shadow:0 5px 15px #0000007a;content:attr(data-label);font:750 .67rem/1 var(--sans);transform:translate(-50%);white-space:nowrap}html[dir=rtl] .card-flight:after{font-family:var(--ckb);transform:translate(50%)}.card-flight--seat-1:after{inset-block:auto -30px}.card-flight--deal{filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.card-flight--deal:after{display:none}.flight-visual,.card-flight>.reng-card--back{position:absolute;inset:0;width:100%;height:100%}.is-motion-source{opacity:0!important}.is-draw-source{filter:brightness(1.3) drop-shadow(0 0 14px rgba(101,200,189,.7))}.opponent.is-sending .opponent-name,.human-seat.is-sending .human-toolbar,.opponent.is-receiving .opponent-name,.human-seat.is-receiving .human-toolbar{border-color:#65c8bdc7;box-shadow:0 0 20px #65c8bd3d}.discard-pile.is-motion-target:after{position:absolute;inset:-8px;border:2px solid rgba(101,200,189,.68);border-radius:16px;box-shadow:0 0 20px #65c8bd47;content:"";animation:motion-target .62s ease-in-out infinite alternate}.score-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,760px);min-height:31px;margin:auto;overflow:hidden;border:1px solid rgba(211,169,79,.24);border-radius:12px;background:linear-gradient(180deg,#1e1008db,#100804e6);box-shadow:inset 0 1px #ffffff0a}.score-strip span{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:4px 8px;color:var(--soft);font:650 .64rem/1 var(--sans);transition:color .16s ease,background .16s ease}html[lang=ckb] .score-strip span{font-family:var(--ckb)}.score-strip span+span{border-inline-start:1px solid rgba(211,169,79,.13)}.score-strip span.is-current{color:#f0e2c0;background:linear-gradient(180deg,#65c8bd24,#65c8bd0d);box-shadow:inset 0 -2px #65c8bd99}.score-strip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-strip em{min-width:18px;color:var(--brass-light);font-style:normal;font-weight:800}.intro-layer,.modal-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#080402b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.intro-layer{pointer-events:none;padding-block-start:calc(78px + env(safe-area-inset-top));background:radial-gradient(circle at 50% 27%,rgba(78,164,157,.13),transparent 32%),#080402c7}@media(max-width:520px){.intro-layer{padding-block-start:calc(126px + env(safe-area-inset-top))}}.intro-layer .yk-menu-header,.intro-card{pointer-events:auto}.intro-secondary-actions{display:flex;justify-content:center;gap:18px}.intro-card,.color-picker,.rules-dialog,.result-dialog{position:relative;isolation:isolate;width:min(100%,540px);padding:clamp(23px,5vw,39px);overflow:hidden;border:1px solid rgba(231,192,109,.52);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 32%),linear-gradient(155deg,#3c1f10fa,#180c07fc);box-shadow:inset 0 0 0 5px #0f07037a,0 30px 90px #000000a8;text-align:center}.intro-card:after,.result-dialog:after{position:absolute;z-index:-1;inset-block:0;inset-inline-end:0;width:23%;background:linear-gradient(45deg,transparent 43%,rgba(214,171,82,.07) 44% 49%,transparent 50%) 0 0 / 32px 32px,#1673741f;content:""}.intro-cards{position:relative;height:150px;margin:-4px 0 9px}.reng-card--sample .card-frame{animation:sample-float 5s ease-in-out infinite alternate;animation-delay:calc(var(--sample) * -1.3s)}.reng-card--sample{position:absolute;inset-block-start:8px;inset-inline-start:50%;width:82px;height:123px;transform:translate(calc(-50% + (var(--sample) - 1.5) * 62px)) rotate(calc((var(--sample) - 1.5) * 7deg));transform-origin:50% 110%}html[dir=rtl] .reng-card--sample{transform:translate(calc(50% - (var(--sample) - 1.5) * 62px)) rotate(calc((var(--sample) - 1.5) * -7deg))}.eyebrow{margin:0 0 8px;color:var(--turquoise);font:750 .68rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase}html[lang=ckb] .eyebrow{font-family:var(--ckb);letter-spacing:.04em}.intro-card h1,.color-picker h2,.rules-dialog h2,.result-dialog h2{margin:0;color:#f5e5bd;font-size:clamp(1.65rem,6vw,2.45rem);font-weight:500;line-height:1.2}.intro-copy,.result-dialog>p:not(.eyebrow){max-width:42ch;margin:13px auto 0;color:#bdab88;font-size:.9rem;line-height:1.65}.feature-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0}.feature-row span{padding:6px 10px;border:1px solid rgba(211,169,79,.22);border-radius:999px;color:#c8b796;background:#0c060352;font:650 .67rem/1 var(--sans)}html[lang=ckb] .feature-row span{font-family:var(--ckb)}.primary-button,.secondary-button,.text-button{min-height:48px;border-radius:13px;cursor:pointer;font-weight:750}.primary-button{border:1px solid #f4d88d;color:#2a1708;background:linear-gradient(180deg,#f2d98c,#bd8129);box-shadow:0 9px 24px #c2842747}.primary-button--deal{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(100%,330px);font-size:.94rem}.primary-button--deal i{color:#417d75;font:900 1.2rem/1 var(--sans)}.secondary-button{border:1px solid rgba(211,169,79,.3);color:#d2bf99;background:#28160ccc}.text-button{display:block;margin:7px auto -9px;padding:0 18px;border:0;color:#a89470;background:transparent}.color-picker{width:min(100%,490px)}.color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px}.color-option{display:grid;gap:7px;min-width:0;min-height:108px;place-items:center;padding:11px 5px;border:2px solid rgba(255,243,210,.56);border-radius:16px;color:#fff5d8;background:var(--active);box-shadow:inset 0 0 20px #00000038;cursor:pointer}.color-option svg{width:45px;height:45px;fill:currentColor}.color-option span{overflow:hidden;font-size:.67rem;text-overflow:ellipsis}.rules-dialog{text-align:start}.rules-dialog h2{padding-inline-end:34px}.rules-dialog ol{display:grid;gap:12px;margin:23px 0 0;padding-inline-start:24px;color:#c6b493;line-height:1.55}.rules-dialog li::marker{color:var(--turquoise);font-weight:800}.close-button{position:absolute;inset-block-start:13px;inset-inline-end:13px;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(211,169,79,.3);border-radius:50%;color:var(--ink);background:#190d07b8;cursor:pointer;font:400 1.7rem/1 var(--sans)}.modal-layer--result{background:#0804029e}.result-dialog{width:min(100%,430px)}.result-glow{position:absolute;inset-block-start:-150px;left:50%;z-index:-1;width:460px;height:460px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(242,217,145,.14) 0 7deg,transparent 7deg 30deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);transform:translate(-50%);animation:rays-spin 26s linear infinite;pointer-events:none}.result-rosette{position:relative;display:grid;width:96px;height:96px;margin:0 auto 17px;place-items:center;border:2px solid rgba(251,238,197,.85);border-radius:50%;color:#fff6dc;background:var(--active);box-shadow:0 0 0 4px #1a0b05,0 0 0 5px #e8c4788c,0 0 36px #d3a94f47}.result-rosette svg{width:59px;height:59px;fill:currentColor}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.sr-status{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes card-land{0%{transform:translateY(-7px) rotate(4deg) scale(1.09)}}@keyframes call-one{to{box-shadow:0 0 25px #ecbb49a3;transform:translateY(-1px)}}@keyframes bank-call{to{filter:brightness(1.1) saturate(1);transform:translateY(-2px)}}@keyframes stack-pulse{to{transform:scale(1.1);box-shadow:0 5px 14px #00000080,0 0 26px #c8485db8}}@keyframes color-pop{45%{transform:scale(1.24);box-shadow:0 0 0 5px #f5e4bd21,0 6px 18px var(--halo)}}@keyframes motion-target{to{opacity:.44;transform:scale(1.045)}}@keyframes avatar-pulse{to{box-shadow:inset 0 -4px 10px #00000059,0 0 0 3px #65c8bd4d,0 0 30px #65c8bda3}}@keyframes rays-spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes sample-float{to{transform:translateY(-5px)}}@media(max-width:900px){.human-toolbar{background:#110804f0;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:700px){:root{--hand-card-width: 68px;--hand-card-height: 102px;--seat-card-width: 27px;--seat-card-height: 38px}.game-shell{gap:4px;padding-inline:max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-left))}.game-header{grid-template-columns:42px minmax(48px,1fr) auto;min-height:48px;padding:0 4px}.game-header .yk-home-link{gap:5px}.game-header .yk-home-mark{inline-size:34px;block-size:34px}.game-header .yk-home-copy{display:none}.title-lockup small{font-size:.52rem}.title-lockup strong{font-size:1.08rem}.header-actions{gap:3px}.header-actions button,.header-actions .icon-button{min-width:36px;min-height:40px;padding:0 8px;font-size:.61rem}.header-actions .icon-button{width:36px;padding:0;font-size:.88rem}.reng-table{border-radius:18px;box-shadow:inset 0 0 0 5px #2b170c,inset 0 0 0 6px #e8c47866,inset 0 0 0 7px #00000061,inset 0 0 70px #0000008c,0 12px 30px #0000006b}.seat-avatar{width:36px;height:36px}.seat-count{inset-block-end:-4px;inset-inline-end:-5px;min-width:17px;height:17px;font-size:.56rem}.seat-avatar--mini{width:19px;height:19px}.table-center:before{inset:-18px -44px}.reng-table:before{inset:13px}.opponent--top{inset-block-start:12px}.opponent--left{inset-block-start:38%;inset-inline-start:5px}.opponent--right{inset-block-start:38%;inset-inline-end:5px}.opponent-name{gap:3px;font-size:.58rem}.opponent-name b{max-width:80px;padding:3px 7px}.opponent--left .opponent-name,.opponent--right .opponent-name{width:48px;justify-content:center}.opponent--left .opponent-name b,.opponent--right .opponent-name b{display:none}.opponent-cards{width:122px;height:40px}.opponent-cards>i{inset-inline-start:calc(var(--back-index) * 14px);width:27px;height:38px}.opponent--left .opponent-cards,.opponent--right .opponent-cards{width:36px;height:109px}.opponent--left .opponent-cards>i,.opponent--right .opponent-cards>i{inset-block-start:calc(var(--back-index) * 12px);inset-inline-start:4px}.reng-card--mini{width:27px;height:38px}.table-center{inset-block-start:39%}.turn-chip{min-width:min(64vw,230px);min-height:34px;padding:5px 9px;font-size:.62rem}.pile-row{gap:19px}.draw-pile,.discard-pile,.reng-card--discard{width:66px;height:99px}.reng-card--discard .card-corner{font-size:.64rem}.reng-card--discard .card-center{inset:20px 9px}.reng-card--discard .card-number{font-size:2rem}.reng-card--discard .card-action{width:38px;height:38px}.direction-indicator{width:44px;height:20px}.human-toolbar{min-height:39px}.draw-button,.one-button{min-height:36px;font-size:.61rem}.human-identity{min-width:68px;font-size:.69rem}.player-hand{height:111px}.reng-card--hand{width:68px;height:102px}.reng-card--hand .card-corner{inset-block-start:5px;inset-inline-start:5px;font-size:.62rem}.reng-card--hand .card-corner--bottom{inset-block:auto 5px;inset-inline:auto 5px}.reng-card--hand .card-center{inset:19px 9px}.reng-card--hand .card-number{font-size:1.95rem}.reng-card--hand .card-motif{inset:7%}.reng-card--hand .card-motif svg{width:86%;height:86%}.reng-card--hand .card-action{width:36px;height:36px}.score-strip{min-height:27px}.score-strip span{font-size:.62rem}.intro-card,.color-picker,.rules-dialog,.result-dialog{padding:22px 18px;border-radius:22px}.intro-cards{height:128px}.reng-card--sample{width:70px;height:105px;transform:translate(calc(-50% + (var(--sample) - 1.5) * 51px)) rotate(calc((var(--sample) - 1.5) * 7deg))}html[dir=rtl] .reng-card--sample{transform:translate(calc(50% - (var(--sample) - 1.5) * 51px)) rotate(calc((var(--sample) - 1.5) * -7deg))}.reng-card--sample .card-center{inset:21px 9px}.reng-card--sample .card-number{font-size:2rem}.reng-card--sample .card-action{width:37px;height:37px}.reng-card--sample .card-corner{font-size:.62rem}.intro-card h1,.color-picker h2,.rules-dialog h2,.result-dialog h2{font-size:clamp(1.45rem,6.7vw,2rem)}.intro-copy{font-size:.81rem;line-height:1.58}}@media(max-height:690px){:root{--hand-card-width: 62px;--hand-card-height: 93px;--seat-card-width: 27px;--seat-card-height: 38px}.game-header{min-height:40px}.game-header .yk-home-mark{inline-size:30px;block-size:30px}.title-lockup small{display:none}.header-actions button,.header-actions .icon-button{min-height:32px}.opponent-cards{display:none}.seat-avatar{width:34px;height:34px}.opponent--top{inset-block-start:14px}.table-center{inset-block-start:38%}.human-toolbar{min-height:35px}.player-hand{height:100px}.reng-card--hand{width:62px;height:93px}.intro-cards{display:none}}@media(orientation:landscape)and (max-height:480px){:root{--hand-card-width: 56px;--hand-card-height: 84px}.game-shell{gap:3px;padding-block:max(3px,env(safe-area-inset-top)) max(3px,env(safe-area-inset-bottom))}.game-header{min-height:34px}.game-header .yk-home-mark{inline-size:28px;block-size:28px}.title-lockup strong{font-size:1rem}.header-actions button,.header-actions .icon-button{min-height:30px}.table-center{inset-block-start:39%;gap:0}.table-center:before{inset:-12px -40px}.seat-avatar{width:30px;height:30px}.opponent-name b{display:none}.turn-chip{position:absolute;inset-block-start:-57px;left:50%;width:min(38vw,250px);min-width:0;min-height:31px;padding:4px 10px;font-size:.64rem;transform:translate(calc(-50% - min(30vw,235px)))}.turn-chip .seat-avatar--mini{width:18px;height:18px;margin-inline-start:-2px}html[dir=rtl] .turn-chip{transform:translate(calc(-50% + min(30vw,235px)))}.pile-row{gap:48px}.draw-pile,.discard-pile,.reng-card--discard{width:56px;height:84px}.stack-badge{inset-block-start:-10px;inset-inline-start:-10px;min-width:34px;height:24px;padding:0 6px;font-size:.7rem}.reng-card--discard .card-corner,.reng-card--hand .card-corner{inset-block-start:4px;inset-inline-start:4px;font-size:.58rem}.reng-card--discard .card-corner--bottom,.reng-card--hand .card-corner--bottom{inset-block:auto 4px;inset-inline:auto 4px}.reng-card--discard .card-center,.reng-card--hand .card-center{inset:17px 7px}.reng-card--discard .card-number,.reng-card--hand .card-number{font-size:1.72rem}.reng-card--discard .card-action,.reng-card--hand .card-action{width:31px;height:31px}.direction-indicator,.direction-indicator.is-reversed{position:absolute;inset-block-start:31px;left:50%;z-index:6;width:38px;height:19px;padding:2px 4px;border:1px solid rgba(211,169,79,.2);border-radius:999px;background:#120905d1;transform:translate(-50%)}.direction-indicator.is-reversed{transform:translate(-50%) scaleX(-1)}.human-seat{inset-block-end:7px}.human-toolbar{min-height:32px;padding:3px;background:#110804f5;-webkit-backdrop-filter:none;backdrop-filter:none}.draw-button,.one-button{min-height:28px}.player-hand{height:86px}.reng-card--hand{width:56px;height:84px}.score-strip{min-height:23px}.score-strip span{padding-block:2px;font-size:.58rem}}@media(min-width:900px){.human-toolbar{margin-bottom:1px}.player-hand{height:150px}}@media(min-width:1100px)and (min-height:700px){:root{--hand-card-width: 96px;--hand-card-height: 144px}.table-center{inset-block-start:45%}.player-hand{height:164px}.seat-avatar{width:52px;height:52px}.opponent-cards{height:52px}.draw-pile,.discard-pile,.reng-card--discard{width:96px;height:144px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.reng-card,.card-frame,.reng-card--back,button{border:2px solid ButtonText}.reng-card--hand:not(.is-playable){opacity:.55}}