@font-face{font-family:vazirmatn;src:url(../media/Vazirmatn-s.p.3knf6dhh8xxk6.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:vazirmatn Fallback;src:local(Arial);ascent-override:101.52%;descent-override:53.18%;line-gap-override:0.0%;size-adjust:101.0%}.vazirmatn_8a83b1f2-module__xZQnUa__className{font-family:vazirmatn,vazirmatn Fallback}.vazirmatn_8a83b1f2-module__xZQnUa__variable{--font-vazirmatn:"vazirmatn", "vazirmatn Fallback"}
:root{--bg:#0a0f14;--surface:#0e141bbd;--surface-raised:#1a242e;--surface-inset:#00000042;--line:#fff4de14;--line-strong:#fff4de26;--text:#f4efe4;--text-2:#b8b1a2;--text-3:#7e786c;--gold:#d8b26a;--gold-bright:#f0d496;--gold-soft:#d8b26a21;--gold-line:#d8b26a66;--gold-grad:linear-gradient(180deg, #f0d69c 0%, #d6aa5c 55%, #b98a40 100%);--team-a:#4fb6a9;--team-a-soft:#4fb6a921;--team-b:#e2727c;--team-b-soft:#e2727c21;--danger:#e5484d;--success:#5bb98c;--suit-red:#d63a42;--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #00000059;--shadow:0 12px 32px -12px #000000a6;--shadow-lg:0 32px 80px -24px #000c;--font:var(--font-vazirmatn), system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--gold-soft);color:var(--gold-bright)}:focus-visible{outline:2px solid var(--gold-line);outline-offset:2px}.menu-screen,.table-screen{isolation:isolate;min-height:100dvh;position:relative}.menu-screen{place-items:center;padding:2rem 1rem;display:grid}.menu-screen:before,.menu-screen:after,.table-screen:before,.table-screen:after{content:"";z-index:-1;pointer-events:none;position:fixed}.menu-screen:before{background:radial-gradient(900px 520px at 50% -8%, #d8b26a21, transparent 62%), radial-gradient(800px 460px at 50% 108%, #4fb6a914, transparent 60%), var(--bg);inset:0}.menu-screen:after{opacity:.06;background:url(/carpet-bg.jpg) 50%/cover;inset:0;-webkit-mask-image:radial-gradient(#000 15%,#0000 72%);mask-image:radial-gradient(#000 15%,#0000 72%)}.table-screen:before{background:url(/carpet-bg.jpg) 50%/100% 100% no-repeat;width:100vh;height:100vw;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.table-screen:after{background:radial-gradient(70% 60% at 50% 46%,#0a0f1447,#0a0f148c 62%,#0a0f14e6 100%);inset:0}.panel{background:linear-gradient(180deg, #ffffff09, #ffffff03), var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(18px)saturate(1.15)}.stack{flex-direction:column;gap:1rem;display:flex}.stack-sm{flex-direction:column;gap:.6rem;display:flex}.row{align-items:center;gap:.5rem;display:flex}.muted{color:var(--text-2)}.flip-rtl{transform:scaleX(-1)}.hint{color:var(--text-3);font-size:.8rem;line-height:1.7}.btn{border-radius:var(--radius);white-space:nowrap;height:44px;transition:transform .15s var(--ease), background .2s, border-color .2s, box-shadow .2s, color .2s, filter .2s;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:var(--gold-grad);color:#21180a;box-shadow:inset 0 1px #fff6,0 10px 24px -10px #d8b26a99}.btn-gold:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px #fff6,0 12px 30px -10px #d8b26abf}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:#ffffff0a}.btn-ghost:hover:not(:disabled){background:#ffffff14}.btn-quiet{height:auto;color:var(--text-2);padding:.4rem .6rem;font-size:.88rem;font-weight:500}.btn-quiet:hover:not(:disabled){color:var(--text)}.btn-block{width:100%}.btn-lg{height:52px;font-size:1.05rem}.btn-sm{border-radius:var(--radius-sm);height:34px;padding:0 .8rem;font-size:.85rem}.icon-btn{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);transition:color .2s, border-color .2s, transform .2s var(--ease), background .2s;background:#0c1117a8;border-radius:50%;place-items:center;display:grid}.icon-btn:hover,.icon-btn.is-active{color:var(--gold);border-color:var(--gold-line)}.icon-btn:active{transform:scale(.94)}.icon-btn-sm{width:32px;height:32px;box-shadow:none;background:#ffffff0a}.field{flex-direction:column;gap:.45rem;display:flex}.label{color:var(--text-2);font-size:.8rem;font-weight:500}.input{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-inset);width:100%;height:46px;padding:0 .9rem;font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-3);font-weight:400}.input:focus{border-color:var(--gold-line);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.input-code{text-align:center;text-transform:uppercase;letter-spacing:.3em;direction:ltr;font-weight:700}.input-sm{border-radius:var(--radius-sm);height:38px;font-size:.9rem}.segmented{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-inset);gap:4px;padding:4px;display:flex}.segmented button{border-radius:calc(var(--radius) - 4px);height:36px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;flex:1;padding:0 .6rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0f}.segmented-sm{padding:3px}.segmented-sm button{height:30px;font-size:.85rem}.choice-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.choice{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text-2);flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .5rem;font-weight:700;transition:border-color .2s,background .2s,color .2s;display:flex}.choice small{color:var(--text-3);font-size:.72rem;font-weight:400}.choice:hover{color:var(--text)}.choice[aria-pressed=true]{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold)}.setting{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting>span{color:var(--text-2);white-space:nowrap;font-size:.9rem}.switch{cursor:pointer;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.switch input{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:background .2s;position:relative}.switch input:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;right:3px}.switch input:checked{background:var(--gold)}.switch input:checked:after{transform:translate(-16px)}.switch small{color:var(--text-3);font-size:.75rem;display:block}.chip{border:1px solid var(--line);height:28px;color:var(--text-2);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:.35rem;padding:0 .7rem;font-size:.8rem;display:inline-flex}button.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip-gold{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}.tag{background:var(--gold-soft);color:var(--gold);border-radius:6px;align-items:center;gap:.2rem;padding:0 .4rem;font-size:.68rem;font-weight:600;line-height:1.6;display:inline-flex}.avatar{--size:36px;width:var(--size);height:var(--size);border:1.5px solid var(--line-strong);color:var(--text);font-size:calc(var(--size) * .42);background:linear-gradient(160deg,#2b3541,#141b23);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:grid;position:relative}.avatar>svg:not(.ring){width:55%;height:55%}.team-a{--team:var(--team-a);--team-soft:var(--team-a-soft)}.team-b{--team:var(--team-b);--team-soft:var(--team-b-soft)}.avatar.team-a,.avatar.team-b{border-color:var(--team)}.dot{background:var(--team,var(--gold));border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.spinner{border:2.5px solid var(--gold-soft);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}.menu-card{width:100%;max-width:440px;animation:rise .5s var(--ease);padding:2rem 1.75rem}.menu-card-wide{max-width:560px}.brand{text-align:center;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.5rem;display:flex}.brand svg{filter:drop-shadow(0 6px 18px #d8b26a59)}.brand h1{background:linear-gradient(180deg, #f8ebca, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.1rem;font-weight:800;line-height:1.3}.brand p{color:var(--text-2);font-size:.9rem}.profile-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:-.5rem 0 1.25rem;display:flex}.rating{color:var(--gold);font-weight:700}.settings{border-radius:var(--radius);border:1px solid var(--line);background:#00000029;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.team-inputs{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.team-inputs .label{align-items:center;gap:.4rem;display:flex}.room-list{flex-direction:column;gap:.5rem;max-height:320px;display:flex;overflow-y:auto}.room-row{border-radius:var(--radius);border:1px solid var(--line);background:#0000002e;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.room-row-info{min-width:0;color:var(--text-3);flex-direction:column;font-size:.78rem;display:flex}.room-row-info strong{color:var(--text);align-items:center;gap:.35rem;font-size:.95rem;display:flex}.live{color:var(--team-b)}.empty-note{text-align:center;color:var(--text-3);padding:1.25rem 0;font-size:.88rem}.lobby-head{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.eyebrow{letter-spacing:.08em;color:var(--text-3);font-size:.75rem;font-weight:600}.room-code{align-items:center;gap:.6rem;display:flex}.room-code strong{letter-spacing:.22em;color:var(--gold);direction:ltr;font-size:2rem;font-weight:800;line-height:1.2}.meta-row{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.teams{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.team{border-radius:var(--radius);border:1px solid var(--line);background:#0000002e;flex-direction:column;gap:.5rem;padding:.85rem .75rem .75rem;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.team:before{content:"";background:linear-gradient(90deg, transparent, var(--team), transparent);height:2px;position:absolute;inset:0 0 auto}.team-title{align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;display:flex}.seat-row{border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff09;align-items:center;gap:.6rem;min-height:54px;padding:.5rem .6rem;display:flex}.seat-row[draggable=true]{cursor:grab}.seat-row-body{flex-direction:column;flex:1;min-width:0;display:flex}.seat-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.seat-row-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.seat-row-empty{color:var(--text-3);background:0 0;border-style:dashed;justify-content:center;font-size:.85rem}.seat-row .input{height:32px;font-size:.9rem}.bot-fill{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.bot-fill .btn{padding:0 .4rem}.waiting-note{border-radius:var(--radius);border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold);justify-content:center;align-items:center;gap:.6rem;padding:.9rem;font-size:.92rem;display:flex}.waiting-note .spinner{border-width:2px;width:18px;height:18px}.result{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.result-emblem{border:1px solid var(--gold-line);width:76px;height:76px;color:var(--gold);background:radial-gradient(circle at 50% 30%,#d8b26a4d,#d8b26a0d);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 40px #d8b26a40}.result-emblem.is-loss{border-color:var(--line-strong);color:var(--text-2);box-shadow:none;background:#ffffff0a}.result h1{font-size:2rem;font-weight:800;line-height:1.3}.final-score{border-radius:var(--radius);border:1px solid var(--line);background:#0000002e;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;padding:1rem;display:grid}.final-score>div{flex-direction:column;align-items:center;min-width:0;display:flex}.final-score strong{color:var(--team);font-size:2.4rem;font-weight:800;line-height:1.1}.final-score span{max-width:100%;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.final-score em{color:var(--text-3);font-style:normal}.rating-delta.up{color:var(--success)}.rating-delta.down{color:var(--danger)}.overlay{z-index:300;-webkit-backdrop-filter:blur(6px);animation:fade .25s var(--ease);background:#05080b99;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay-clear{z-index:50;-webkit-backdrop-filter:none;pointer-events:none;background:0 0}.dialog{width:100%;max-width:420px;max-height:86dvh;animation:pop .4s var(--spring);pointer-events:auto;background:#0f151cf5;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.dialog-header{justify-content:space-between;align-items:center;display:flex}.dialog-header h3{align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.dialog-center{text-align:center;align-items:center;max-width:340px}.error{color:#f2a0a4;font-size:.85rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat{border-radius:var(--radius-sm);border:1px solid var(--line);background:#0003;flex-direction:column;align-items:center;padding:.7rem .25rem;display:flex}.stat strong{color:var(--gold);font-size:1.1rem;font-weight:800}.stat span{color:var(--text-3);font-size:.72rem}.recovery{border-radius:var(--radius);border:1px solid var(--gold-line);background:var(--gold-soft);flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.recovery code{letter-spacing:.06em;text-align:center;color:var(--gold-bright);word-break:break-all;direction:ltr;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92rem}.leaderboard{border-collapse:collapse;width:100%;font-size:.9rem}.leaderboard th{color:var(--text-3);padding-bottom:.4rem;font-size:.75rem;font-weight:500}.leaderboard td{border-top:1px solid var(--line);text-align:center;padding:.5rem .25rem}.leaderboard td:nth-child(2){text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.leaderboard .medal{color:var(--gold);font-weight:800}.leaderboard tr.me td{color:var(--gold);font-weight:700}.table-screen{padding:max(.75rem, env(safe-area-inset-top)) .75rem max(.5rem, env(safe-area-inset-bottom));flex-direction:column;display:flex}.table-area{flex-direction:column;flex:1;display:flex;position:relative}.hand-area{flex-direction:column;align-items:center;gap:.6rem;margin-top:auto;padding-bottom:.5rem;display:flex}.topbar{z-index:20;border-radius:var(--radius-lg);border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);background:#0a0e13ad;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin:0 auto;padding:.5rem .6rem;display:grid;position:relative}.trump{color:#1c1c1c;width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 4px #d8b26a2e, var(--shadow-sm);animation:pop .45s var(--spring);background:radial-gradient(circle at 35% 25%,#fffdf6,#e8dec8);border-radius:50%;place-items:center;font-size:1.7rem;line-height:1;display:grid}.trump.is-red{color:var(--suit-red)}.trump-empty{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-3);background:#ffffff0a;font-size:1rem;animation:none}.scores{grid-template-columns:1fr auto 1fr;align-items:center;gap:.25rem;min-width:0;display:grid}.score{border-radius:var(--radius);flex-direction:column;gap:.2rem;min-width:0;padding:.3rem .6rem;transition:background .3s,box-shadow .3s;display:flex}.score.is-active{background:var(--team-soft);box-shadow:inset 0 -2px 0 var(--team)}.score-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.78rem;display:flex;overflow:hidden}.score-line{align-items:center;gap:.6rem;display:flex}.score-tricks{font-size:1.55rem;font-weight:800;line-height:1}.score-tricks small{color:var(--text-3);margin-inline-start:.2rem;font-size:.68rem;font-weight:500}.pips{flex-wrap:wrap;gap:3px;max-width:90px;display:flex}.pip{background:#ffffff21;border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s}.pip.is-on{background:var(--team);box-shadow:0 0 6px var(--team)}.phase{color:var(--gold);text-align:center;white-space:nowrap;padding:0 .25rem;font-size:.75rem;font-weight:600}.room-chip{color:var(--text-3);flex-direction:column;align-items:center;padding:0 .4rem;font-size:.7rem;display:flex}.room-chip strong{letter-spacing:.12em;color:var(--text);direction:ltr;font-size:.95rem}.seat{z-index:10;border:1px solid var(--line);max-width:190px;box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#0a0e13bd;border-radius:999px;align-items:center;gap:.5rem;padding:4px 4px 4px 14px;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute}.seat.is-turn{border-color:var(--gold-line);box-shadow:0 0 0 3px #d8b26a24, 0 0 28px #d8b26a47, var(--shadow)}.seat.pos-bottom{position:relative}.seat-body{flex-direction:column;min-width:0;line-height:1.35;display:flex}.seat-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.seat-meta{color:var(--text-3);white-space:nowrap;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.seat.is-offline .avatar{filter:grayscale();opacity:.6}.seat.is-offline .seat-name{color:var(--text-3)}.hakem-mark{z-index:1;background:var(--gold-grad);color:#21180a;width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;left:-5px}.ring{width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px;overflow:visible;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:2.5px;stroke-linecap:round}.ring .track{stroke:#ffffff14}.ring .progress{stroke:var(--gold);transition:stroke-dashoffset .25s linear,stroke .3s}.ring.is-urgent .progress{stroke:var(--danger)}.clock{color:var(--gold);font-weight:700}.clock.is-urgent{color:#f2a0a4;animation:.5s infinite alternate blink}.pos-right,.pos-left,.pos-top{transform:translate(-50%,-50%)}.pos-right{top:45%;left:calc(50% + 290px)}.pos-left{top:45%;left:calc(50% - 290px)}.pos-top{top:calc(45% - 250px);left:50%}.center-table{width:300px;height:300px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.center-table:before{content:"";background:radial-gradient(circle,#0a0f149e,#0a0f1461 70%);border:1px solid #d8b26a57;border-radius:50%;position:absolute;inset:12%;box-shadow:0 0 0 7px #d8b26a0d,0 0 60px #00000073}.trick-card{position:absolute;top:50%;left:50%}.trick-card .playing-card{animation:dealIn .3s var(--ease)}.trick-card.is-winner .playing-card{filter:drop-shadow(0 0 14px #d8b26ae6);transition:transform .25s var(--ease), filter .25s;transform:scale(1.08)}.trick-card.is-collecting{pointer-events:none;animation:.6s ease-in forwards collect}.playing-card{-webkit-user-select:none;user-select:none;width:80px;height:120px;position:relative}.playing-card img{object-fit:contain;filter:drop-shadow(0 3px 5px #00000059)drop-shadow(0 10px 18px #00000040);width:100%;height:100%;display:block}.fan-card{transform-origin:50% 150%;transform:rotate(var(--fan-angle));transition:transform .2s var(--ease), filter .2s;will-change:transform;position:absolute}.fan-card.is-playable{cursor:pointer}.fan-card.is-playable:hover{transform:rotate(var(--fan-angle)) translateY(-24px) scale(1.08);z-index:50!important}.fan-card.is-playable:hover img{filter:drop-shadow(0 0 1px #d8b26ae6)drop-shadow(0 14px 22px #00000080)}.fan-card.is-blocked{cursor:not-allowed;filter:brightness(.62)saturate(.7)}.trump-choices{justify-content:center;gap:.6rem;display:flex}.trump-choices button{transition:transform .2s var(--ease);background:0 0;border:0;padding:0}.trump-choices button:hover{transform:translateY(-8px)}.spectating{border:1px solid var(--line);color:var(--text-2);background:#0a0e13b3;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.75rem;padding:.45rem 1rem;font-size:.88rem;display:inline-flex}.toolbar{bottom:max(64px, calc(env(safe-area-inset-bottom) + 56px));z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;left:12px}.reactions{right:12px;bottom:max(14px, env(safe-area-inset-bottom));z-index:100;position:fixed}.reaction-picker{border:1px solid var(--line-strong);box-shadow:var(--shadow);animation:pop .3s var(--spring);background:#0c1117e6;border-radius:999px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:52px;right:0}.reaction-picker button{width:36px;height:36px;transition:transform .2s var(--spring), background .2s;background:0 0;border:0;border-radius:50%;font-size:1.35rem}.reaction-picker button:hover{background:#ffffff0f;transform:scale(1.2)}.floating-reaction{z-index:100;pointer-events:none;animation:floatUp 2.5s var(--ease) forwards;font-size:2rem;position:absolute;bottom:100%;left:50%}.last-trick{white-space:nowrap;animation:pop .3s var(--spring);padding:.75rem;position:absolute;bottom:0;left:54px}.last-trick-cards{gap:.5rem;margin-top:.4rem;display:flex}.last-trick-play{max-width:64px;color:var(--text-2);flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;display:flex}.last-trick-play img{object-fit:contain;width:48px;height:72px}.last-trick-play span{text-overflow:ellipsis;max-width:64px;overflow:hidden}.last-trick-play.is-winner{color:var(--gold)}.last-trick-play.is-winner img{filter:drop-shadow(0 0 6px #d8b26ae6)}.chat-bubble{z-index:200;color:#1a1712;white-space:nowrap;text-overflow:ellipsis;max-width:240px;box-shadow:var(--shadow);pointer-events:none;animation:bubbleIn .45s var(--spring) forwards, bubbleOut .5s ease-in 3.5s forwards;background:#f4efe4;border-radius:14px;padding:.45rem .9rem;font-size:.88rem;font-weight:600;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%)}.chat-bubble.is-mine{background:var(--gold-grad);color:#21180a}.chat-input{bottom:max(76px, calc(env(safe-area-inset-bottom) + 64px));z-index:150;border:1px solid var(--line-strong);width:min(360px,92vw);box-shadow:var(--shadow-lg);animation:slideUp .3s var(--spring);background:#0c1117eb;border-radius:999px;align-items:center;gap:.4rem;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.chat-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 .75rem;font-size:.95rem}.chat-input input::placeholder{color:var(--text-3)}.chat-input .btn-gold{border-radius:50%;width:38px;height:38px;padding:0}.round-result{text-align:center;min-width:240px;max-width:320px;animation:pop .45s var(--spring);flex-direction:column;align-items:center;gap:.6rem;padding:1.75rem 2.25rem;display:flex}.round-result h3{font-size:1.35rem;font-weight:800}.round-result.is-koot{box-shadow:var(--shadow-lg), 0 0 60px #e2727c40;border-color:#e2727c80}.koot-badge{background:var(--team-b-soft);color:var(--team-b);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .8rem;font-weight:800;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes dealIn{0%{opacity:0;transform:scale(.85)translateY(10px)}}@keyframes blink{to{opacity:.45}}@keyframes collect{0%{transform:var(--offset);opacity:1}to{transform:var(--offset) translate(var(--collect-x), var(--collect-y)) scale(.4);opacity:0}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px)scale(.5)}15%{opacity:1;transform:translate(-50%,-8px)scale(1.15)}80%{opacity:1;transform:translate(-50%,-40px)scale(1)}to{opacity:0;transform:translate(-50%,-52px)scale(.85)}}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}}@keyframes bubbleOut{to{opacity:0;transform:translate(-50%,-24px)scale(.9)}}.fine-print{color:var(--text-3);text-align:center;font-size:.72rem}.hookah{--heat:1;z-index:6;width:clamp(34px,8.2vh,68px);position:absolute;bottom:212px;left:calc(50% + 162px)}.hookah-vessel{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;filter:drop-shadow(0 12px 14px #00000080);background:0 0;border:0;width:100%;padding:0;display:block}.hookah-vessel svg{width:100%;height:auto;display:block;overflow:visible}.hookah-vessel:focus-visible{outline:2px solid var(--gold-line);outline-offset:4px;border-radius:var(--radius)}.hookah.is-mine .hookah-vessel{filter:drop-shadow(0 0 12px #d8b26a59)drop-shadow(0 12px 14px #00000080)}.hookah.is-straining .hookah-vessel svg{animation:90ms infinite alternate strain}.hookah .embers{opacity:calc(var(--heat) * .65);transition:opacity .5s}.hookah.is-inhaling .embers{opacity:calc(.3 + var(--heat) * .7)}.hookah .flicker{animation:2.4s ease-in-out infinite alternate flicker}.hookah.is-inhaling .flicker{animation-duration:.3s}.hookah .halo{opacity:calc(var(--heat) * .35);mix-blend-mode:screen;transition:opacity .5s}.hookah.is-inhaling .halo{opacity:calc(.15 + var(--heat) * .85)}.hookah.is-fresh .embers,.hookah.is-fresh .halo{animation:coals-flare 1.4s var(--ease)}.hookah .ash{opacity:calc((1 - var(--heat)) * .9);transition:opacity .5s}.hookah .wisps{opacity:var(--heat);transition:opacity .4s}.hookah.is-inhaling .wisps{opacity:0}.hookah .wisps ellipse{fill:#e8eaee8c;opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-out infinite wisp}.hookah .wisps ellipse:nth-child(2){animation-delay:1.2s}.hookah .wisps ellipse:nth-child(3){animation-delay:2.4s}.hookah .vase-fog{opacity:0;transition:opacity .7s ease-out}.hookah.is-inhaling .vase-fog{opacity:.8;transition:opacity 2.6s ease-in}.hookah .water-surface{transform-box:fill-box;transform-origin:50%}.hookah.is-inhaling .water-surface{animation:.16s infinite alternate ripple}.hookah .bubbles circle{fill:#e1f8f6bf;opacity:0}.hookah.is-inhaling .bubbles circle{animation-name:bubble-rise;animation-timing-function:ease-in;animation-iteration-count:infinite}.hookah-controls{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:8%;right:calc(100% + 6px)}.hookah-hint{color:var(--gold);white-space:nowrap;text-shadow:0 1px 3px #000000e6;font-size:.68rem;font-weight:600}.hookah-controls .row{gap:6px}.hookah-controls .icon-btn{background:#0a0e13cc}.hookah-controls .icon-btn.is-hot{color:#ffb070;border-color:#ff8c3c80;animation:1.2s ease-in-out infinite alternate hot}.hookah-menu{z-index:30;flex-direction:column;gap:4px;min-width:150px;padding:.6rem;display:flex;position:absolute;bottom:calc(100% + 6px);right:-8px}.hookah-note{white-space:nowrap;animation:fade .25s var(--ease);font-size:.75rem;position:absolute;bottom:calc(100% + 8px);right:0}.hookah-hose{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hookah-hose path{fill:none;stroke-linecap:round}.hose-shadow{stroke:#00000080;stroke-width:8px;filter:url(#hk-blur);transform:translate(1px,4px)}.hose-body{stroke:#15110c;stroke-width:5px}.hookah-hose .hose-wrap{stroke:#c9a24c;stroke-width:5px;stroke-dasharray:1.5 2;stroke-linecap:butt;opacity:.9}.hose-shine{stroke:#ffebc83d;stroke-width:1.2px;transform:translate(-.8px,-1px)}.smoke-canvas{z-index:60;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.cough-bubble{z-index:40;color:#2a1f15;white-space:nowrap;pointer-events:none;animation:cough-pop 1.8s var(--ease) forwards;background:#f6f1e7f5;border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:800;position:absolute}.seat .avatar{transition:box-shadow .4s,scale .4s}.seat.is-drawing .avatar{scale:1.07;box-shadow:0 0 0 3px #ff8c3c4d,0 0 20px #ff782873}.seat.is-coughing .avatar{animation:.3s 3 cough-shake}@keyframes flicker{0%{opacity:.7}to{opacity:1}}@keyframes coals-flare{0%{opacity:1}}@keyframes wisp{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:.6}to{opacity:0;transform:translate(4px,-38px)scale(2.4,3)}}@keyframes ripple{to{transform:scaleY(1.9)translateY(-.4px)}}@keyframes bubble-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.9}85%{opacity:.8}to{opacity:0;transform:translate(5px,-95px)}}@keyframes strain{0%{transform:translate(-.8px)rotate(-.7deg)}to{transform:translate(.8px)rotate(.7deg)}}@keyframes hot{0%{box-shadow:0 0 #ff782800}to{box-shadow:0 0 14px #ff78288c}}@keyframes cough-pop{0%{opacity:0;transform:translate(-50%,-90%)scale(.6)}15%{opacity:1;transform:translate(-50%,-160%)scale(1)}80%{opacity:1;transform:translate(-50%,-175%)}to{opacity:0;transform:translate(-50%,-200%)}}@keyframes cough-shake{0%,to{translate:0}30%{translate:-2px -1px}60%{translate:2px 1px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:768px){.table-screen:before{width:100vw;height:100vh;transform:translate(-50%,-50%)}.menu-card{padding:1.5rem 1.1rem}.playing-card{width:45px;height:68px}.center-table{width:220px;height:220px;top:40%}.topbar{gap:.4rem;padding:.4rem}.trump{width:38px;height:38px;font-size:1.4rem}.score{padding:.25rem .4rem}.score-tricks{font-size:1.25rem}.pips{max-width:62px}.pip{width:6px;height:6px}.phase{display:none}.scores{grid-template-columns:1fr 1fr}.seat{gap:.35rem;max-width:150px;padding:3px 3px 3px 10px}.seat .avatar{--size:28px}.seat-name{font-size:.78rem}.seat-meta{display:none}.pos-right{top:40%;left:calc(100% - 18px);transform:translate(-50%,-50%)rotate(-90deg)}.pos-left{top:40%;left:18px;transform:translate(-50%,-50%)rotate(90deg)}.pos-top{top:calc(40% - 50vw + 20px)}.toolbar{bottom:180px}.hookah{width:clamp(26px,20vh - 112px,50px);bottom:196px;left:auto;right:2px}.hookah-hint{font-size:.6rem}.chat-bubble{max-width:160px;font-size:.78rem}}@media (max-width:420px){.teams,.team-inputs{grid-template-columns:1fr}.brand h1{font-size:1.8rem}}.music-panel{width:250px;animation:pop .3s var(--spring);flex-direction:column;gap:.75rem;padding:.9rem;display:flex;position:absolute;bottom:0;left:54px}.now-playing{align-items:center;gap:.6rem;min-width:0;display:flex}.now-playing>div{flex-direction:column;min-width:0;line-height:1.4;display:flex}.now-playing strong,.now-playing span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing strong{font-size:.92rem}.now-playing span{color:var(--text-3);font-size:.78rem}.now-playing-icon{background:var(--gold-soft);width:36px;height:36px;color:var(--gold);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.volume{width:100%;accent-color:var(--gold)}.music-resume{top:max(84px, calc(env(safe-area-inset-top) + 76px));z-index:120;cursor:pointer;animation:pop .3s var(--spring);position:fixed;left:50%;transform:translate(-50%)}.search{display:block;position:relative}.search svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search .input{padding-right:2.3rem}.track-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:.75rem;min-height:9rem;padding-inline-end:.25rem;display:flex;overflow-y:auto}.track-group{border-radius:var(--radius);border:1px solid var(--line);background:#0000002e;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.track-row{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:.6rem;min-height:40px;padding:.35rem .75rem;font-size:.9rem;display:flex}.track-row:hover{background:#ffffff08}.track-row input{width:16px;height:16px;accent-color:var(--gold);flex-shrink:0}.track-group-title{background:#ffffff08;border-top:0}.track-group-title .hint{margin-inline-start:auto}.track-title{text-align:right;white-space:nowrap;text-overflow:ellipsis;unicode-bidi:plaintext;flex:1;min-width:0;overflow:hidden}.track-delete{color:var(--text-3);margin-inline-start:auto}.track-delete:hover{color:var(--danger);border-color:#e5484d66}.upload-list{flex-direction:column;gap:.5rem;max-height:40dvh;display:flex;overflow-y:auto}.upload-row{border-radius:var(--radius-sm);border:1px solid var(--line);background:#0000002e;flex-direction:column;gap:.35rem;padding:.55rem .7rem;font-size:.85rem;display:flex}.upload-status{color:var(--text-3);flex-shrink:0;font-size:.75rem}.upload-row.is-done .upload-status{color:var(--success)}.upload-row.is-failed .upload-status{color:#f2a0a4}.progress{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.progress i{background:var(--gold-grad);height:100%;transition:width .2s linear;display:block}.upload-row.is-failed .progress i{background:var(--danger)}.rain{z-index:400;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rain span{animation:linear forwards fall;position:absolute;top:-3rem}@keyframes fall{to{transform:translateY(110vh)rotate(200deg)}}.announcement{z-index:400;pointer-events:none;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.announcement span{border-radius:var(--radius-lg);border:1px solid var(--gold-line);max-width:90vw;box-shadow:var(--shadow-lg), 0 0 60px #d8b26a59;text-align:center;color:var(--gold-bright);text-shadow:0 0 18px #d8b26a99;animation:announce 4s var(--ease) forwards;background:#0a0e13d9 padding-box padding-box;padding:1rem 1.75rem;font-size:clamp(1.3rem,5vw,2.2rem);font-weight:800}@keyframes announce{0%{opacity:0;transform:scale(.6)}12%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.fx-shake .table-area,.fx-shake .topbar{animation:.12s linear 10 quake}@keyframes quake{25%{translate:-6px 3px}50%{translate:5px -4px}75%{translate:-3px -3px}}.fx-dance .avatar{animation:.5s ease-in-out 6 alternate dance}@keyframes dance{0%{rotate:-18deg;scale:1.1}to{rotate:18deg;scale:1.2}}.peek{top:max(84px, calc(env(safe-area-inset-top) + 76px));z-index:350;width:min(420px,94vw);animation:pop .3s var(--spring);flex-direction:column;gap:.5rem;padding:.8rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.peek-hand strong{font-size:.85rem}.peek-cards{flex-wrap:wrap;gap:2px;display:flex}.peek-cards img{object-fit:contain;width:30px;height:45px}.peek .progress i{width:100%;animation:linear forwards drain}@keyframes drain{to{width:0}}.magic-toast{top:max(84px, calc(env(safe-area-inset-top) + 76px));z-index:450;white-space:normal;max-width:92vw;height:auto;min-height:32px;animation:pop .25s var(--spring);position:fixed;left:50%;transform:translate(-50%)}.magic-section{flex-direction:column;gap:.5rem;display:flex}.magic-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.magic-row>span{min-width:3rem;color:var(--text-2);font-size:.85rem}.magic-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.dialog .hint code{color:var(--gold);background:#ffffff0f;border-radius:4px;padding:0 .25rem;font-family:inherit}.magic-reveal{border-radius:var(--radius);border:1px solid var(--gold-line);background:var(--gold-soft);text-align:center;flex-direction:column;gap:.2rem;width:100%;padding:.8rem;display:flex}.magic-reveal strong{color:var(--gold)}.magic-reveal span{font-size:.88rem}.magic-reveal small{color:var(--text-3);font-size:.75rem}