@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-ext-700-normal-C58ejOkc.woff2)format("woff2"),url(/assets/playfair-display-latin-ext-700-normal-D5HUU8GT.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/playfair-display-latin-ext-900-normal-wdRhZY-D.woff2)format("woff2"),url(/assets/playfair-display-latin-ext-900-normal-Dl6M2jFN.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2)format("woff2"),url(/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/playfair-display-latin-900-normal-oSb7_CWx.woff2)format("woff2"),url(/assets/playfair-display-latin-900-normal-DypQvTWf.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-ext-800-normal-DZJjya6U.woff2)format("woff2"),url(/assets/inter-latin-ext-800-normal-BOMpwxm3.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2)format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff)format("woff")}:root{--wine-950:#1f0308;--wine-900:#2a050c;--wine-800:#3a0812;--wine-700:#4a0b17;--wine-600:#6b1424;--wine-500:#8e1a2e;--red:#c8102e;--red-deep:#8f0a20;--gold:#d9a441;--gold-hi:#f6dc8e;--gold-lo:#a8741f;--cream:#fbf3e0;--paper:#f5e8cb;--paper-edge:#e6d3a8;--ink:#2b1a14;--ink-soft:#6a5444;--stamp:178, 16, 40;--radius:18px;--shadow:0 10px 30px #0a000273;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tone-0:#b3122e;--tone-1:#1d4f91;--tone-2:#2c6b4b;--tone-3:#c4611a;--tone-4:#5b2a86;--tone-5:#0f6b73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-body);color:var(--cream);background-color:var(--wine-800);background-image:radial-gradient(ellipse at 50% -10%, #d9a44129, transparent 55%), radial-gradient(ellipse at 50% 120%, #0000008c, transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23d9a441' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M32 4l8 12-8 12-8-12zM32 36l8 12-8 12-8-12zM4 32l12-8 12 8-12 8zM36 32l12-8 12 8-12 8z'/%3E%3Ccircle cx='32' cy='32' r='3'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, var(--wine-700), var(--wine-900));font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px;border-radius:10px}#root{min-height:100dvh}.muted{color:#fbf3e0ad}.small{font-size:.85rem}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:.75rem;font-weight:800}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--center{justify-content:center}.link{color:var(--gold-hi);text-underline-offset:4px;background:0 0;border:0;padding:8px 6px;-webkit-text-decoration:underline #f6dc8e66;text-decoration:underline #f6dc8e66}.pill{white-space:nowrap;text-overflow:ellipsis;background:#00000040;border:1px solid #d9a44159;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex;overflow:hidden}.panel-title{font-family:var(--font-display);color:var(--gold-hi);align-items:baseline;gap:8px;margin:0 0 12px;font-size:1.2rem;font-weight:700;display:flex}.panel-title .muted{font-family:var(--font-body);font-size:.85rem}.btn{--b:#ffffff14;letter-spacing:.01em;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:10px 18px;font-size:1rem;font-weight:700;transition:transform .12s,filter .15s,box-shadow .2s,background .2s;display:inline-flex}.btn>svg{display:inline}.btn:has(>svg){flex-direction:row;gap:8px}.btn small{opacity:.78;letter-spacing:0;font-size:.78rem;font-weight:500}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.5}.btn--gold{color:#3a1406;background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 55%, var(--gold-lo) 100%);text-shadow:0 1px #fff0c899;border-color:#f9e7b0;box-shadow:inset 0 1px #fff9,inset 0 -2px #78460a59,0 8px 22px #00000059}.btn--gold:hover:not(:disabled){filter:brightness(1.05)}.btn--cream{color:var(--wine-700);background:linear-gradient(180deg, #fffaf0, var(--paper));border-color:var(--paper-edge);box-shadow:inset 0 -2px #78501e2e,0 6px 16px #00000047}.btn--cream.is-on{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#3a1406}.btn--ghost{color:var(--cream);background:#0000002e;border-color:#d9a44173}.btn--ghost:hover:not(:disabled){background:#d9a4411f}.btn--xl{border-radius:18px;min-height:64px;font-size:1.15rem}.btn--block{width:100%}.btn--square{width:56px;min-width:56px;padding:0}.btn--draw{flex:1;min-height:60px;font-size:1.15rem}.icon-btn{width:44px;height:44px;color:var(--cream);background:#00000038;border:1px solid #d9a4414d;border-radius:12px;place-items:center;display:inline-grid}.icon-btn--on{color:#3a1406;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-color:var(--gold-hi)}.chip{background:#00000038;border:1px solid #d9a4414d;border-radius:999px;height:36px;padding:0 12px;font-size:.8rem;font-weight:700}.chip--on{border-color:var(--gold);color:var(--gold-hi);background:#d9a44138}.sound-toggles{align-items:center;gap:8px;display:flex}.seg{background:#00000040;border:1px solid #d9a44140;border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.seg button{color:#fbf3e0d9;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:48px;font-size:.95rem;font-weight:700;display:flex}.seg button small{opacity:.75;font-size:.72rem;font-weight:500}.seg button.is-on{background:linear-gradient(180deg, #fffaf0, var(--paper));color:var(--wine-700);box-shadow:0 3px 10px #0000004d}.input{width:100%;min-height:54px;font:inherit;color:var(--ink);background:linear-gradient(180deg, #fffaf0, var(--paper));border:2px solid var(--paper-edge);border-radius:14px;padding:12px 16px;font-size:1.05rem;box-shadow:inset 0 2px 4px #50280a1f}.input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px #d9a4414d}.row .input{flex:1;min-width:200px}.input--code{font-variant-numeric:lining-nums;text-align:center;font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--wine-700);padding-left:calc(16px + .3em);font-size:2rem;font-weight:900}.field-label{color:var(--gold-hi);margin:22px 0 10px;font-size:.9rem;font-weight:700;display:block}.form-hint{color:#fbf3e0b8;margin:8px 0 4px;font-size:.9rem;line-height:1.45}.screen{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.screen--center{justify-content:center;align-items:center;padding:24px}.topbar{z-index:30;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#2a050cf5,#2a050cd1);border-bottom:1px solid #d9a44138;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid;position:sticky;top:0}.topbar__left{align-items:center;gap:10px;display:flex}.topbar__mid{justify-content:center;min-width:0;display:flex}.brand-mini{font-family:var(--font-display);color:var(--gold-hi);letter-spacing:.01em;font-size:1.25rem;font-weight:900}.home{padding:calc(16px + env(safe-area-inset-top)) 20px 28px;align-items:center}.home__sound{align-self:flex-end}.home__hero{text-align:center;max-width:560px;margin:4vh 0 30px}.home__title{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(180deg, #fff2c6 0%, var(--gold-hi) 35%, var(--gold) 65%, var(--gold-lo) 100%);color:#0000;filter:drop-shadow(0 3px #3c0a0099)drop-shadow(0 10px 24px #00000073);-webkit-background-clip:text;background-clip:text;margin:4px 0 10px;font-size:clamp(3.2rem,14vw,6.4rem);font-weight:900;line-height:.95}.home__tag{color:#fbf3e0d1;max-width:30ch;margin:0 auto;font-size:1.05rem;line-height:1.5}.home__balls{height:112px;margin-bottom:14px;position:relative}.hero-ball{background:radial-gradient(circle at 35% 30%, #ff7b7b, var(--red) 45%, #5c0614 100%);border-radius:50%;place-items:center;width:84px;height:84px;animation:5s ease-in-out infinite float;display:grid;position:absolute;top:10px;left:50%;box-shadow:inset -6px -10px 18px #00000059,0 12px 24px #0006}.hero-ball span{font-variant-numeric:lining-nums;background:var(--cream);border:3px solid var(--gold);width:52%;height:52%;color:var(--wine-700);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:900;display:grid}.hero-ball--0{width:70px;height:70px;animation-delay:-1.5s;top:30px;transform:translate(-150%)rotate(-12deg)}.hero-ball--1{width:96px;height:96px;top:0;transform:translate(-50%)}.hero-ball--2{width:70px;height:70px;animation-delay:-3s;top:34px;transform:translate(55%)rotate(10deg)}@keyframes float{50%{translate:0 -8px}}.home__actions{gap:14px;width:100%;max-width:420px;display:grid}.home__foot{color:#fbf3e080;align-items:center;gap:6px;margin-top:26px;display:flex}.sheet{border-radius:var(--radius);background:#00000040;border:1px solid #d9a4414d;width:100%;max-width:520px;margin-top:14px;padding:18px 20px;animation:.25s rise}.sheet h2{font-family:var(--font-display);color:var(--gold-hi);margin:0 0 10px;font-size:1.25rem}.sheet ul{color:#fbf3e0e0;margin:0;padding-left:18px;line-height:1.6}.sheet b{color:var(--gold-hi)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.form-card{width:min(100% - 28px,520px);box-shadow:var(--shadow);background:linear-gradient(#6b14248c,#2a050c8c);border:1px solid #d9a44159;border-radius:24px;margin:18px auto 32px;padding:24px 20px 26px}.form-card__title{font-family:var(--font-display);color:var(--cream);margin:0;font-size:2.2rem;font-weight:900}.form-card .btn--block{margin-top:28px}.form-card .seg+.field-label,.form-card .seg+.seg{margin-top:18px}.count-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.count-picker__opt{background:#00000038;border:2px solid #d9a44138;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-height:104px;padding:12px 4px 10px;transition:border-color .2s,background .2s,transform .12s;display:flex}.count-picker__opt.is-on{border-color:var(--gold);background:#d9a44129}.count-picker__opt:active{transform:scale(.97)}.count-picker__stack{width:44px;height:38px;position:relative}.mini-card{background:linear-gradient(90deg, transparent 0 10%, var(--tc) 10% 20%, transparent 20% 50%, var(--tc) 50% 60%, transparent 60% 80%, var(--tc) 80% 90%, transparent 90%) 0 0 / 100% 33% no-repeat, linear-gradient(90deg, var(--tc) 0 10%, transparent 10% 40%, var(--tc) 40% 50%, transparent 50% 70%, var(--tc) 70% 80%, transparent 80%) 0 50% / 100% 34% no-repeat, linear-gradient(90deg, transparent 0 30%, var(--tc) 30% 40%, transparent 40% 60%, var(--tc) 60% 70%, transparent 70%) 0 100% / 100% 33% no-repeat, var(--paper);width:34px;height:24px;transform:translate(calc(var(--i) * 3px), calc(var(--i) * 3px)) rotate(calc(var(--i) * 4deg - 4deg));border:1px solid #00000040;border-radius:4px;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #0000004d}.count-picker__n{font-variant-numeric:lining-nums;font-family:var(--font-display);color:var(--gold-hi);font-size:1.6rem;font-weight:900;line-height:1}.count-picker__lbl{color:#fbf3e0b3;font-size:.72rem}.ball{--d:132px;width:var(--d);height:var(--d);background:radial-gradient(circle at 34% 28%, #ff8080 0%, var(--red) 40%, var(--red-deep) 72%, #4a0410 100%);box-shadow:inset calc(var(--d) * -.05) calc(var(--d) * -.08) calc(var(--d) * .14) #0006, inset calc(var(--d) * .03) calc(var(--d) * .04) calc(var(--d) * .06) #ffffff2e, 0 calc(var(--d) * .1) calc(var(--d) * .18) #00000073;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ball:after{content:"";pointer-events:none;background:radial-gradient(#fff9,#0000 70%);border-radius:50%;width:34%;height:18%;position:absolute;top:10%;left:18%;transform:rotate(-25deg)}.ball__face{font-variant-numeric:lining-nums;background:radial-gradient(circle at 40% 35%, #fff, var(--cream) 60%, #eadcb8);border:calc(var(--d) * .03) solid var(--gold);width:58%;height:58%;box-shadow:0 0 0 calc(var(--d) * .012) #5a280080, inset 0 -2px 4px #5a320a33;color:var(--wine-800);font-family:var(--font-display);font-weight:900;font-size:calc(var(--d) * .3);font-variant-numeric:lining-nums tabular-nums;border-radius:50%;place-items:center;line-height:1;display:grid}.ball--lg{--d:72px}.ball--sm{--d:44px}.ball--xs{--d:36px}.ball--xs .ball__face,.ball--sm .ball__face{width:64%;height:64%;font-size:calc(var(--d) * .33);border-width:2px}.ball--empty{background:radial-gradient(circle at 34% 28%,#7a3240,#3f0a14 75%)}.ball--empty .ball__face{color:#4a0b1766}.ball--dim{opacity:.6;filter:saturate(.7)}.ball--drop{animation:.85s cubic-bezier(.25,.9,.3,1.25) both ballDrop}.ball--drop .ball__num{animation:.85s cubic-bezier(.2,.8,.3,1) both ballSpin;display:inline-block}@keyframes ballDrop{0%{opacity:0;transform:translateY(-120%)scale(.6)rotate(-120deg)}45%{opacity:1;transform:translateY(6%)scale(1.04)rotate(8deg)}65%{transform:translateY(-6%)scale(.98)rotate(-4deg)}82%{transform:translateY(2%)scale(1.01)}to{transform:none}}@keyframes ballSpin{0%{opacity:0;transform:rotate(-200deg)scale(.5)}60%{opacity:1}to{transform:none}}.caller__history .ball{animation:.4s both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)scale(.8)}}.game{flex-direction:column;min-height:100dvh;display:flex}.game__body{width:100%;max-width:1640px;padding:12px 12px calc(110px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:12px;margin:0 auto;display:flex}.game__caller{flex-direction:column;gap:12px;display:flex}.caller{background:radial-gradient(at 20%,#d9a4412e,#0000 60%),#00000040;border:1px solid #d9a4414d;border-radius:22px;align-items:center;gap:16px;padding:14px 16px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.caller__ball{place-items:center;display:grid;position:relative}.caller__ball:before{content:"";background:radial-gradient(circle,#f6dc8e40,#0000 65%);border-radius:50%;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.caller .ball--xl{--d:104px}.caller__info{flex:1;min-width:0}.caller__count{font-family:var(--font-display);align-items:baseline;gap:2px;display:flex}.caller__count b{color:var(--gold-hi);font-variant-numeric:lining-nums tabular-nums;font-size:2.6rem;font-weight:900;line-height:1}.caller__count span{color:#fbf3e099;font-size:1.2rem;font-weight:700}.caller__label{letter-spacing:.14em;text-transform:uppercase;color:#fbf3e099;margin-bottom:8px;font-size:.78rem}.caller__history{gap:6px;min-height:36px;display:flex}.prizes{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.prize{background:#00000038;border:1px solid #d9a44138;border-radius:14px;flex-direction:column;justify-content:center;gap:3px;min-height:62px;padding:10px 10px 9px;display:flex;position:relative;overflow:hidden}.prize__label{font-family:var(--font-display);color:var(--gold-hi);white-space:nowrap;font-size:.98rem;font-weight:700}.prize__who{color:#fbf3e09e;align-items:baseline;gap:6px;min-width:0;font-size:.78rem;display:flex}.prize__who b{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.prize__who small{opacity:.7;white-space:nowrap}.prize--open{border-color:var(--gold);box-shadow:0 0 0 1px #d9a44159,0 0 18px #d9a4412e}.prize--open .prize__who{color:var(--gold);font-weight:700}.prize--locked{opacity:.6}.prize--won{background:linear-gradient(#d9a4414d,#d9a4411a);border-color:#f6dc8e99;animation:.6s both prizePop}.prize--mine:after{content:"SEN";background:var(--red);color:#fff;letter-spacing:.1em;padding:1px 22px;font-size:.6rem;font-weight:800;position:absolute;top:8px;right:-18px;transform:rotate(35deg)}@keyframes prizePop{0%{transform:scale(.9)}50%{transform:scale(1.06)}}.game__controls{z-index:25;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#2a050c00,#2a050cf5 26%);position:fixed;bottom:0;left:0;right:0}.controls{flex-wrap:wrap;gap:10px;max-width:640px;margin:0 auto;display:flex}.controls__speed{flex-basis:100%}.controls__speed .seg button{flex-direction:row;gap:6px;min-height:38px;font-size:.85rem}.controls__note{text-align:center;color:#fbf3e0d9;background:#00000059;border:1px solid #d9a4414d;border-radius:14px;max-width:640px;margin:0 auto;padding:14px;font-weight:600}.tabs{top:calc(64px + env(safe-area-inset-top));z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f0308e6;border:1px solid #d9a44140;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid;position:sticky}.tabs button{color:#fbf3e0bf;background:0 0;border:0;border-radius:10px;min-height:44px;font-weight:700}.tabs button.is-on{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#3a1406}.tabs__n{background:#0003;border-radius:999px;min-width:22px;margin-left:4px;padding:1px 6px;font-size:.75rem;display:inline-block}.game__cards,.game__board,.game__players--mob,.game__hands{display:none}.game__hands.is-tab{flex-direction:column;gap:18px;display:flex}.game__hands.is-tab.is-cards .game__kasa,.game__hands.is-tab.is-kasa .game__cards{display:none}.game__hands.is-tab.is-cards .game__cards,.game__hands.is-tab.is-kasa .game__kasa{display:grid}.game__board.is-tab,.game__players--mob.is-tab{display:block}.game__players--desk{display:none}.game__cards,.game__kasa{grid-template-columns:1fr;align-content:start;gap:14px}.game__hands-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);grid-column:1/-1;align-items:baseline;gap:10px;margin:0 0 2px;font-size:1.05rem;font-weight:900;display:flex}.game__hands-title small{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:#fbf3e0a6;font-size:.85rem;font-weight:600}.game__kasa .game__hands-title{color:#f3c27a}.game__cards .game__hands-title{display:none}.game__board,.players{background:#00000038;border:1px solid #d9a44138;border-radius:20px;padding:14px}.kartela{--tc:var(--tone-0);color:var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 30% 0%, #fffaf0, transparent 70%), linear-gradient(180deg, #f8edd5, var(--paper) 60%, #efdfbc);border-radius:10px;padding:10px 10px 12px;animation:.5s both cardIn;position:relative;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #78501e40,0 12px 26px #0006,0 2px 4px #0000004d;container-type:inline-size}.kartela:before{content:"";border:1.5px solid var(--tc);opacity:.55;pointer-events:none;border-radius:7px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.tone-0{--tc:var(--tone-0)}.tone-1{--tc:var(--tone-1)}.tone-2{--tc:var(--tone-2)}.tone-3{--tc:var(--tone-3)}.tone-4{--tc:var(--tone-4)}.tone-5{--tc:var(--tone-5)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)rotate(-.6deg)}}.kartela__head{align-items:center;gap:8px;min-height:30px;padding:2px 4px 8px;display:flex}.kartela__title{font-variant-numeric:lining-nums;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--tc);font-size:.95rem;font-weight:900}.kartela__badges{flex-wrap:wrap;flex:1;gap:4px;display:flex}.kartela__badge{letter-spacing:.04em;text-transform:uppercase;color:#3a1406;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:800;animation:.6s both prizePop;box-shadow:0 1px 2px #00000040}.kartela__left{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;font-size:.78rem;font-weight:700}.kartela__left--hot{color:var(--red);animation:1.2s ease-in-out infinite pulseText}@keyframes pulseText{50%{opacity:.55}}.kartela--full .kartela__left{color:var(--red);font-weight:900}.kartela--full{box-shadow:0 0 0 3px var(--gold), 0 0 40px #f6dc8e80, 0 12px 26px #0006}.kartela__grid{border:2px solid var(--tc);background:var(--tc);border-radius:4px;grid-template-rows:repeat(3,auto);gap:2px;display:grid;overflow:hidden}.kartela__row{grid-template-columns:repeat(9,1fr);gap:2px;display:grid;position:relative}.cell{aspect-ratio:1/1.08;font-family:var(--font-display);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;-webkit-user-select:none;user-select:none;background:linear-gradient(#fffaf0,#f7ead0);place-items:center;font-size:clamp(15px,5.4cqi,34px);font-weight:900;display:grid;position:relative;overflow:hidden}.cell--blank{background:repeating-linear-gradient(45deg, #ffffff24 0 3px, transparent 3px 8px), radial-gradient(circle at 50% 50%, #ffffff2e, transparent 60%), var(--tc)}.cell__num{z-index:2;transition:color .25s;position:relative}.cell__daub{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 40% 38%, rgba(var(--stamp), .72), rgba(var(--stamp), .88) 60%, #78081af2 100%);width:82%;transform:rotate(var(--tilt,0deg));mix-blend-mode:multiply;border-radius:47% 53% 50% 50%/52% 46% 54% 48%;position:absolute;box-shadow:0 0 0 1px #78081a59,inset 0 0 6px #3c000a59}.cell--hit .cell__num{color:#fff7e6;text-shadow:0 1px 1px #3c000a99}.cell--fresh .cell__daub{animation:.5s cubic-bezier(.3,1.4,.5,1) both stamp}.cell--fresh:after{content:"";z-index:3;pointer-events:none;border:3px solid var(--gold);animation:1.4s ease-out both freshRing;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes stamp{0%{transform:rotate(var(--tilt)) scale(1.9);opacity:0}60%{transform:rotate(var(--tilt)) scale(.92);opacity:1}to{transform:rotate(var(--tilt)) scale(1)}}@keyframes freshRing{0%{opacity:1}to{opacity:0}}.kartela__row--done:after{content:"";z-index:4;background:linear-gradient(90deg, transparent, var(--gold) 8%, var(--gold-hi) 50%, var(--gold) 92%, transparent);transform-origin:0;pointer-events:none;border-radius:2px;height:4px;margin-top:-2px;animation:.6s both strike;position:absolute;top:50%;left:2%;right:2%;box-shadow:0 0 10px #f6dc8ee6}@keyframes strike{0%{transform:scaleX(0)}}.board{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.board__cell{aspect-ratio:1;font-variant-numeric:lining-nums tabular-nums;color:#fbf3e06b;background:#00000040;border:1px solid #d9a4411f;border-radius:50%;place-items:center;font-size:clamp(.72rem,3.1vw,.95rem);font-weight:800;transition:background .3s,color .3s;display:grid}.board__cell.is-mine{color:#fbf3e0bf;border-color:#f6dc8e73}.board__cell.is-on{color:var(--wine-800);border-color:var(--gold-hi);background:radial-gradient(circle at 38% 32%, #fff8e0, var(--gold-hi) 40%, var(--gold) 80%);box-shadow:0 2px 6px #00000059}.board__cell.is-on.is-mine{background:radial-gradient(circle at 38% 32%, #ff9090, var(--red) 55%, var(--red-deep));color:#fff;border-color:var(--gold)}.board__cell.is-last{outline:2px solid var(--gold-hi);outline-offset:2px;animation:1.6s ease-in-out infinite lastPulse}@keyframes lastPulse{50%{box-shadow:0 0 0 6px #f6dc8e40,0 0 18px #f6dc8e99}}.board__legend{color:#fbf3e0a6;align-items:center;gap:6px;margin:12px 0 0;font-size:.78rem;display:flex}.lg{border-radius:50%;width:12px;height:12px;margin-left:8px;display:inline-block}.lg--on{background:var(--gold)}.lg--mine{background:var(--red);border:1px solid var(--gold)}.players ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.players li{background:#0000002e;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;animation:.3s both rise;display:flex}.players li.is-me{background:#d9a44124;box-shadow:inset 0 0 0 1px #d9a44166}.players li.is-away{opacity:.55}.players__avatar{background:radial-gradient(circle at 35% 30%, #ff8080, var(--red) 50%, var(--red-deep));color:#fff;border:2px solid var(--gold);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.players__name{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex;overflow:hidden}.players__name em{color:#fbf3e099;font-style:normal;font-weight:500}.players__host{color:var(--gold);display:inline-flex}.players__meta{color:#fbf3e0b3;white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.players__meta .hot{color:var(--gold-hi);font-weight:800}.players__meta .away{background:#0000004d;border-radius:6px;padding:1px 6px;font-size:.7rem}.tag{color:#3a1406;background:var(--gold);border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:800}.tag--tombala{background:var(--red);color:#fff}.lobby__grid{gap:14px;width:100%;max-width:1200px;margin:0 auto;padding:14px 12px 32px;display:grid}.panel{background:#00000038;border:1px solid #d9a44140;border-radius:22px;padding:18px 16px}.lobby__code{text-align:center;background:radial-gradient(at 50% 0,#d9a44133,#0000 70%),#00000040}.code{background:0 0;border:0;gap:6px;margin:6px 0 16px;padding:0;display:inline-flex}.code span{font-variant-numeric:lining-nums;width:clamp(40px,12vw,58px);height:clamp(54px,15vw,74px);font-family:var(--font-display);color:var(--wine-700);background:linear-gradient(180deg, #fffaf0, var(--paper));border:2px solid var(--gold);border-radius:12px;place-items:center;font-size:clamp(1.8rem,8vw,2.6rem);font-weight:900;display:grid;box-shadow:inset 0 -3px #78501e33,0 6px 14px #00000059}.lobby__mine .count-picker{margin-bottom:14px}.lobby__preview{gap:12px;display:grid}.lobby__start{flex-direction:column;gap:14px;display:flex}.lobby__start .btn--xl{margin-top:6px}.waiting{text-align:center;padding:12px 4px}.waiting p{margin:8px 0;line-height:1.5}.waiting__dots{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.waiting__dots i{background:var(--gold);border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite bounce}.waiting__dots i:nth-child(2){animation-delay:.15s}.waiting__dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}.loading{text-align:center;justify-items:center;gap:16px;display:grid}.loading__ball{background:radial-gradient(circle at 35% 30%, #ff8080, var(--red) 45%, #4a0410);border-radius:50%;width:72px;height:72px;animation:1.1s ease-in-out infinite roll;box-shadow:0 10px 20px #0006}@keyframes roll{0%{transform:translate(-30px)rotate(0)}50%{transform:translate(30px)rotate(360deg)}to{transform:translate(-30px)rotate(0)}}.conn{top:calc(70px + env(safe-area-inset-top));z-index:60;border:1px solid var(--gold);color:var(--gold-hi);box-shadow:var(--shadow);background:#1f0308;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.conn--offline{color:#ffd2d2;border-color:#ff7b7b}.gameover__card{text-align:center;background:radial-gradient(ellipse at 50% 0%, #d9a4414d, transparent 60%), linear-gradient(180deg, var(--wine-600), var(--wine-900));width:min(100%,520px);box-shadow:var(--shadow), 0 0 60px #d9a44126;border:1px solid #f6dc8e80;border-radius:28px;padding:30px 22px 24px;animation:.4s rise}.gameover__crown{color:var(--gold-hi);filter:drop-shadow(0 4px 10px #f6dc8e66)}.gameover__title{font-variant-numeric:lining-nums;font-family:var(--font-display);color:var(--gold-hi);margin:4px 0 6px;font-size:clamp(2rem,8vw,2.8rem);font-weight:900;line-height:1.05}.gameover__sub{color:#fbf3e0cc;margin:0 0 18px}.gameover__sub b{color:var(--cream)}.gameover__list{text-align:left;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.gameover__list li{background:#00000038;border-radius:12px;grid-template-columns:1fr auto auto;align-items:baseline;gap:10px;padding:10px 14px;display:grid}.gameover__list li span{font-family:var(--font-display);color:var(--gold-hi);font-weight:700}.gameover__list li small{color:#fbf3e099;text-align:right;min-width:48px}.gameover__list li.is-mine{box-shadow:inset 0 0 0 1px var(--gold);background:#d9a44124}.gameover__note{color:#fbf3e0bf;margin:0 0 16px}.gameover__actions{gap:10px;display:grid}.celebrate{z-index:80;pointer-events:none;place-items:center;animation:.2s both fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.celebrate.is-leaving{animation:.4s both fadeOut}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.celebrate__burst{background:repeating-conic-gradient(from 0deg at 50% 50%, #f6dc8e29 0 6deg, transparent 6deg 18deg), radial-gradient(circle at 50% 50%, #f6dc8e59, #1f0308a6 55%, #1f0308cc);animation:6s linear infinite spinBurst;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes spinBurst{to{transform:rotate(360deg)scale(1.4)}}.celebrate__card{text-align:center;padding:22px 30px;animation:.55s cubic-bezier(.3,1.5,.5,1) both stampIn;position:relative}.celebrate__title{font-variant-numeric:lining-nums;font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(180deg, #fff6d6, var(--gold-hi) 40%, var(--gold) 70%, var(--gold-lo));color:#0000;filter:drop-shadow(0 4px #5c0614)drop-shadow(0 14px 30px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.4rem,17vw,8rem);font-weight:900;line-height:1}.celebrate--tombala .celebrate__title{font-size:clamp(3.8rem,19vw,9.5rem)}.celebrate__who{color:var(--cream);text-shadow:0 2px 10px #000000b3;margin-top:10px;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:800}.celebrate__meta{color:#fbf3e0d9;text-shadow:0 2px 8px #000000b3;margin-top:6px}@keyframes stampIn{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}60%{opacity:1;transform:scale(.94)rotate(1deg)}to{transform:none}}.confetti{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{opacity:.95;border-radius:2px;height:14px;animation-name:confetti;animation-timing-function:cubic-bezier(.2,.6,.4,1);animation-fill-mode:both;position:absolute;top:-20px}@keyframes confetti{to{transform:translate(var(--drift), 110vh) rotate(var(--rot))}}.toast{left:50%;bottom:calc(120px + env(safe-area-inset-bottom));z-index:90;text-align:center;max-width:min(92vw,480px);color:var(--cream);border:1px solid var(--gold);box-shadow:var(--shadow);background:#1f0308;border-radius:14px;padding:12px 18px;font-weight:600;animation:.25s rise;position:fixed;transform:translate(-50%)}.toast--error{border-color:#ff7b7b}.toast--success{border-color:#7fd6a4}@media (min-width:560px){.game__cards.n-2,.game__cards.n-3,.game__cards.n-4,.game__kasa.n-2,.game__kasa.n-3,.game__kasa.n-4,.lobby__preview.n-2,.lobby__preview.n-3,.lobby__preview.n-4{grid-template-columns:repeat(2,1fr)}.caller .ball--xl{--d:120px}}@media (min-width:820px){.lobby__grid{grid-template-columns:1fr 1fr;align-items:start}.lobby__mine{grid-row:span 2}}@media (min-width:1080px){.game__body{grid-template-columns:minmax(320px,360px) 1fr minmax(300px,340px);align-items:start;gap:18px;padding:18px 20px 28px;display:grid}.tabs,.game__players--mob{display:none!important}.game__caller{grid-column:1;position:sticky;top:84px}.game__players--desk{display:block}.game__hands{flex-direction:column;grid-column:2;gap:28px;min-width:0;display:flex!important}.game__hands .game__cards,.game__hands .game__kasa{display:grid!important}.game__cards .game__hands-title{display:flex}.game__cards.n-1,.game__kasa.n-1{width:100%;max-width:760px}.game__board{grid-column:3;position:sticky;top:84px;display:block!important}.game__controls{background:0 0;padding:0;position:static}.caller{text-align:center;flex-direction:column;padding:22px 16px 18px}.caller .ball--xl{--d:150px}.caller__count,.caller__history{justify-content:center}.board__cell{font-size:.85rem}.toast{bottom:28px}}@media (min-width:1800px){.game__cards.n-2,.game__cards.n-3,.game__cards.n-4,.game__kasa.n-2,.game__kasa.n-3,.game__kasa.n-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px) and (max-width:1799px){.game__cards.n-2,.game__cards.n-3,.game__cards.n-4,.game__kasa.n-2,.game__kasa.n-3,.game__kasa.n-4{grid-template-columns:1fr;width:100%;max-width:760px}}@media (max-width:380px){.caller .ball--xl{--d:88px}.caller__count b{font-size:2.1rem}.prize__label{font-size:.86rem}.brand-mini{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:420px){.hide-xs{display:none}}