@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2"),url(/assets/cairo-arabic-600-normal-B3EOalmC.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2) format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-latin-600-normal-mGS0uvCM.woff2) format("woff2"),url(/assets/cairo-latin-600-normal-buYOP1M3.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2) format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-latin-800-normal-BBdTpBXf.woff2) format("woff2"),url(/assets/cairo-latin-800-normal-ReWrxM5E.woff) format("woff")}@font-face{font-family:Rakkas;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rakkas-arabic-400-normal-DiwO1dK5.woff2) format("woff2"),url(/assets/rakkas-arabic-400-normal-D450qitv.woff) format("woff")}@font-face{font-family:Rakkas;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rakkas-latin-400-normal-aBIpl3Pb.woff2) format("woff2"),url(/assets/rakkas-latin-400-normal-Dt_TvGD0.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}:root{--wood-950: #0f0a06;--wood-900: #17100a;--wood-800: #221610;--wood-700: #2e1d13;--wood-600: #3f2a1a;--wood-500: #553922;--wood-400: #6f4c2f;--wood-300: #8a6540;--brass: #c9973f;--brass-bright: #eccb74;--brass-dim: #8a6a34;--brass-glow: rgba(236, 203, 116, .55);--felt: #2a5138;--felt-deep: #1d3a28;--felt-edge: #14301f;--faience: #2f8f82;--faience-bright: #43c2ae;--crimson: #a63a2e;--crimson-bright: #cd5240;--tea: #c07a25;--danger: #d4452f;--bone: #f3e9d2;--bone-dim: #cfc0a0;--bone-faint: #9b8b6d;--ink: #1b140d;--pip: #17120c;--font-ui: "Cairo", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Rakkas", "Cairo", serif;--font-naskh: "Amiri", "Cairo", serif;--hud-h: clamp(40px, 6vh, 50px);--dock-h: clamp(64px, 10.5vh, 88px);--station-side-w: clamp(64px, 10vw, 104px);--hand-tile-h: clamp(42px, 12.5vmin, 64px);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:clamp(12px,2.6vmin,17px);height:100%}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{-webkit-touch-callout:none;font-family:var(--font-ui);background:var(--wood-950);color:var(--bone);user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}::selection{background:var(--brass-dim);color:var(--wood-950)}.home-room,.table-room{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.home-room:before,.table-room:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(199,151,63,.14) 0%,transparent 55%),radial-gradient(140% 110% at 50% 110%,rgba(0,0,0,.72) 20%,transparent 70%)}.mashrabiya{position:absolute;inset:-2%;opacity:.5;background-image:repeating-linear-gradient(45deg,rgba(201,151,63,.05) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(201,151,63,.05) 0 2px,transparent 2px 26px),repeating-linear-gradient(45deg,rgba(0,0,0,.16) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(0,0,0,.16) 0 1px,transparent 1px 26px);-webkit-mask-image:radial-gradient(120% 100% at 50% 40%,black 30%,transparent 85%);mask-image:radial-gradient(120% 100% at 50% 40%,black 30%,transparent 85%)}.lamp{position:absolute;top:0;width:clamp(60px,12vmin,130px);height:clamp(60px,12vmin,130px);transform-origin:top center;animation:lamp-sway 5.5s ease-in-out infinite;z-index:1}.lamp:before{content:"";position:absolute;left:50%;top:0;width:2px;height:34%;background:linear-gradient(180deg,#000 0%,var(--brass-dim) 100%)}.lamp:after{content:"";position:absolute;left:50%;top:34%;width:46%;aspect-ratio:1;transform:translate(-50%);border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 68%,rgba(255,226,150,.95) 0%,rgba(192,122,37,.75) 34%,rgba(85,57,34,.9) 68%,transparent 72%),radial-gradient(circle at 50% 80%,rgba(255,210,120,.35) 0%,transparent 60%);box-shadow:0 0 34px 10px #eccb7438,0 14px 44px 6px #eccb741f}.lamp-left{left:clamp(2%,5vw,9%)}.lamp-right{right:clamp(2%,5vw,9%);animation-delay:-2.7s}@keyframes lamp-sway{0%,to{transform:rotate(1.6deg)}50%{transform:rotate(-1.6deg)}}.home-root{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(90% 70% at 50% 8%,#33200f 0%,var(--wood-900) 52%,var(--wood-950) 100%);display:flex;justify-content:center;align-items:stretch}.home-root:before{content:"";position:absolute;top:0;left:0;right:0;height:clamp(18px,4.4vh,34px);z-index:2;background:repeating-linear-gradient(90deg,#8e2f22 0 34px,#d8c9a6 34px 68px);box-shadow:0 6px 18px #0000008c,inset 0 -4px #00000047;border-bottom-left-radius:12px;border-bottom-right-radius:12px;transform-origin:top;clip-path:polygon(0 0,100% 0,100% 78%,96% 100%,92% 78%,88% 100%,84% 78%,80% 100%,76% 78%,72% 100%,68% 78%,64% 100%,60% 78%,56% 100%,52% 78%,48% 100%,44% 78%,40% 100%,36% 78%,32% 100%,28% 78%,24% 100%,20% 78%,16% 100%,12% 78%,8% 100%,4% 78%,0 100%)}.home-shell{position:relative;z-index:3;width:min(1060px,96vw);display:flex;flex-direction:column;padding:clamp(30px,7vh,54px) clamp(14px,3vw,34px) clamp(8px,1.6vh,18px);gap:clamp(10px,2.4vh,22px);overflow-y:auto}.home-sign{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.sign-board{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.sign-ar{font-family:var(--font-display);font-size:clamp(46px,13vmin,96px);line-height:1;color:var(--brass-bright);text-shadow:0 0 26px rgba(236,203,116,.35),0 2px 0 #6d4d1d,0 6px 18px rgba(0,0,0,.65)}.sign-en{font-weight:800;letter-spacing:.42em;text-indent:.42em;font-size:clamp(11px,2vmin,15px);color:var(--bone-dim)}.sign-sub{font-family:var(--font-naskh);font-size:clamp(12px,2.1vmin,16px);color:var(--bone-faint)}.sign-btn{justify-self:start;display:flex;flex-direction:column;align-items:center;gap:3px;width:clamp(44px,8vmin,58px);height:clamp(44px,8vmin,58px);border-radius:50%;border:2px solid var(--brass-dim);background:radial-gradient(circle at 34% 30%,var(--wood-500),var(--wood-800) 70%);box-shadow:0 4px 14px #0009,inset 0 1px 1px #eccb7459;color:var(--brass-bright)}.sign-btn span:last-child{display:none}.sign-btn{font-size:22px;font-weight:800}.sign-tiles{justify-self:end;display:flex;gap:6px;align-items:center}.sign-tile{opacity:.95;animation:tile-idle 6s ease-in-out infinite}.sign-tile-1{transform:rotate(-8deg)}.sign-tile-2{transform:rotate(4deg) translateY(-4px);animation-delay:-2s}.sign-tile-3{transform:rotate(-3deg);animation-delay:-4s}@keyframes tile-idle{0%,to{translate:0 0}50%{translate:0 -5px}}.home-console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(10px,2.2vh,20px);align-items:start}.panel{background:linear-gradient(180deg,rgba(236,203,116,.06),transparent 26%),linear-gradient(180deg,#221610,#17100a);border:1px solid rgba(201,151,63,.35);border-radius:var(--radius-lg);box-shadow:0 18px 42px #0000008c,inset 0 1px #eccb7429;padding:clamp(12px,2.6vmin,22px);position:relative}.panel:before{content:"";position:absolute;inset:6px;border:1px solid rgba(201,151,63,.14);border-radius:calc(var(--radius-lg) - 6px);pointer-events:none}.field{display:block;margin-bottom:clamp(10px,2.2vmin,18px)}.field:last-child{margin-bottom:0}.field-label{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:clamp(13px,2.2vmin,16px);color:var(--brass-bright);margin-bottom:8px}.field-label i{font-style:normal;font-weight:600;font-size:.78em;color:var(--bone-faint)}.field-input{width:100%;background:#0f0a06bf;border:1px solid rgba(201,151,63,.4);border-radius:var(--radius-md);color:var(--bone);font:inherit;font-weight:700;padding:10px 14px;user-select:text;-webkit-user-select:text}.field-input::placeholder{color:var(--bone-faint);font-weight:600}.field-input:focus{outline:none;border-color:var(--brass-bright);box-shadow:0 0 0 3px #eccb7426}.mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-card{position:relative;text-align:start;background:linear-gradient(180deg,var(--wood-700),var(--wood-800));border:1px solid rgba(201,151,63,.3);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:3px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;overflow:hidden}.mode-card:after{content:"";position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 0%,rgba(236,203,116,.1),transparent 70%);opacity:0;transition:opacity .14s}.mode-card:hover{transform:translateY(-2px);border-color:var(--brass)}.mode-active{border-color:var(--brass-bright);box-shadow:0 0 0 1px var(--brass-bright),0 10px 26px #00000080;background:linear-gradient(180deg,var(--wood-600),var(--wood-800))}.mode-active:after{opacity:1}.mode-ar{font-family:var(--font-display);font-size:clamp(17px,3.4vmin,24px);line-height:1.1;color:var(--brass-bright)}.mode-title{font-weight:800;font-size:clamp(12px,1.9vmin,14px)}.mode-desc{font-size:clamp(10px,1.6vmin,12px);color:var(--bone-faint);line-height:1.35}.mode-seats{display:flex;gap:4px;margin-top:6px}.mode-seats i{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--brass-bright),var(--brass-dim))}.target-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.target-chip{border:1px solid rgba(201,151,63,.3);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--wood-700),var(--wood-800));padding:8px 6px;display:flex;flex-direction:column;align-items:center;transition:transform .14s ease,border-color .14s ease}.target-chip:hover{transform:translateY(-2px);border-color:var(--brass)}.target-active{border-color:var(--faience-bright);box-shadow:0 0 0 1px var(--faience-bright),0 8px 20px #00000073}.target-num{font-family:var(--font-display);font-size:clamp(20px,4vmin,30px);line-height:1;color:var(--bone)}.target-active .target-num{color:var(--faience-bright)}.target-word{font-size:clamp(9px,1.5vmin,11px);color:var(--bone-faint);font-weight:700}.panel-actions{display:flex;flex-direction:column;gap:clamp(10px,2vmin,16px)}.cta-primary{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(14px,3vmin,22px) 16px;border-radius:var(--radius-md);background:linear-gradient(180deg,#3c7a52,var(--felt-deep) 60%,#16301f);border:1px solid rgba(67,194,174,.5);box-shadow:0 14px 30px #00000080,inset 0 1px #ffffff24,inset 0 -10px 22px #00000059;transition:transform .14s ease,box-shadow .14s ease}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0000008c,0 0 24px #43c2ae40,inset 0 1px #ffffff2e}.cta-primary:active{transform:translateY(0) scale(.99)}.cta-ar{font-family:var(--font-display);font-size:clamp(24px,5vmin,36px);line-height:1.05;color:#d9f5e5;text-shadow:0 2px 10px rgba(0,0,0,.5)}.cta-en{font-weight:700;font-size:clamp(11px,1.8vmin,13px);color:#d9f5e5bf;letter-spacing:.04em}.cta-glow{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 340deg,rgba(236,203,116,.16) 355deg,transparent 360deg);animation:cta-sweep 4.5s linear infinite;pointer-events:none}@keyframes cta-sweep{to{transform:rotate(360deg)}}.online-box{border:1px dashed rgba(201,151,63,.4);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px;background:#0f0a0666}.online-head{display:flex;align-items:center;justify-content:space-between}.online-title{font-weight:800;color:var(--brass-bright);font-size:clamp(12px,2vmin,14px)}.online-title i{font-style:normal;font-weight:600;font-size:.8em;color:var(--bone-faint);margin-inline-start:6px}.online-off{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--crimson-bright);border:1px solid rgba(205,82,64,.5);border-radius:999px;padding:2px 8px;text-transform:uppercase}.online-controls{display:flex;flex-direction:column;gap:8px}.join-row{display:flex;gap:8px}.join-input{flex:1;text-align:center;letter-spacing:.3em;font-weight:800}.btn-outline{border:1px solid rgba(201,151,63,.55);border-radius:var(--radius-md);padding:9px 14px;font-weight:800;color:var(--brass-bright);background:#c9973f14;transition:background .14s ease,transform .12s ease}.btn-outline:hover:not(:disabled){background:#c9973f2e;transform:translateY(-1px)}.online-note{font-size:clamp(11px,1.7vmin,12px);color:var(--bone-faint);line-height:1.5;margin:0}.home-error{border:1px solid rgba(212,69,47,.6);background:#d4452f1f;color:#f3b9ae;border-radius:var(--radius-md);padding:9px 12px;font-weight:700;font-size:13px}.home-foot{text-align:center;font-family:var(--font-naskh);color:#9b8b6dcc;font-size:clamp(11px,1.9vmin,14px);padding-bottom:4px}.table-root{position:relative;width:100%;height:100vh;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr);background:var(--wood-950);overflow:hidden}.table-hud{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px max(12px,env(safe-area-inset-left,0px)) 8px max(12px,env(safe-area-inset-right,0px));background:linear-gradient(180deg,rgba(9,6,3,.66),rgba(9,6,3,.18) 72%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.scoreboard,.hud-round-pill{display:none}.scoreboard-notch{position:absolute;top:7px;left:50%;transform:translate(-50%);z-index:36;display:flex;align-items:center;gap:16px;padding:5px 18px 7px;background:linear-gradient(180deg,#090603f0,#0c0804db);border:1px solid rgba(236,203,116,.26);border-radius:12px;box-shadow:0 10px 24px #0000008c,inset 0 1px #fff4c812}.notch-team{display:inline-flex;align-items:baseline;gap:6px;font-size:12px;font-weight:700;color:#ece1c8cc;white-space:nowrap}.notch-team b{font-size:20px;font-weight:900;color:#ffe9ad;line-height:1}.notch-team.nt-turn b{color:#7ce0cd}.notch-mid{display:flex;flex-direction:column;align-items:center;padding:0 4px}.notch-target{font-size:15px;font-weight:900;color:var(--bone);line-height:1.05}.notch-cap{font-size:8.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ece1c880}.team-panel{--team: var(--faience);--team-bright: var(--faience-bright);position:relative;flex:1 1 0;min-width:clamp(120px,24vw,330px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 16px 10px;border-radius:10px;background:linear-gradient(180deg,#1c140cb8,#0f0a06c7);transition:background .25s ease,box-shadow .25s ease}.team-panel:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:2px 2px 0 0;background:var(--team)}.team-b{--team: var(--crimson);--team-bright: var(--crimson-bright)}.team-names{display:flex;flex-direction:column;gap:1px;min-width:0}.team-names-end{align-items:flex-end;text-align:right}.team-title{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:clamp(10px,1.8vmin,12px);letter-spacing:.05em;color:var(--bone-dim);white-space:nowrap}.turn-flag{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--wood-950);background:var(--brass-bright);border-radius:4px;padding:1px 6px 2px}.team-member{display:flex;align-items:center;gap:7px;font-weight:700;font-size:clamp(12px,2.2vmin,14px);line-height:1.3;color:#b3a488;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.member-turn{color:var(--bone)}.member-turn:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--brass-bright);box-shadow:0 0 8px #eccb74cc}.team-names-end .team-member{flex-direction:row-reverse}.team-score{font-weight:800;font-size:clamp(24px,5.4vmin,38px);line-height:1;color:var(--bone);font-variant-numeric:tabular-nums;transition:color .25s ease}.panel-turn{background:linear-gradient(180deg,#2c2012cc,#1a120ad9)}.panel-turn .team-score{color:var(--brass-bright)}.panel-hot .team-score{color:var(--crimson-bright)}.panel-mine:before{content:"";position:absolute;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--brass-dim)}.panel-mine.team-a:before{left:4px}.panel-mine.team-b:before{right:4px}.sb-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 4px;flex-shrink:0}.sb-target-num{font-family:var(--font-display);font-size:clamp(18px,3.6vmin,26px);line-height:1;color:var(--brass)}.sb-target-cap{font-size:clamp(8px,1.4vmin,10px);font-weight:800;letter-spacing:.06em;color:var(--bone-faint);white-space:nowrap}@media(max-height:430px){.team-member{display:none}.team-panel{padding:5px 14px 8px}.team-score{font-size:22px}}@media(max-width:700px){.sb-mid{display:none}}.hud-side{display:flex;align-items:center;gap:8px;min-width:0}.hud-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(201,151,63,.45);background:linear-gradient(180deg,var(--wood-600),var(--wood-800));color:var(--bone);font-weight:800;font-size:clamp(11px,1.9vmin,13px);border-radius:999px;padding:5px 12px;transition:transform .12s ease,border-color .12s ease,background .12s ease;white-space:nowrap}.hud-btn:hover:not(:disabled){border-color:var(--brass-bright);transform:translateY(-1px)}.hud-btn-ar{font-family:var(--font-display);color:var(--brass-bright);font-size:1.15em;line-height:1}.hud-btn-off{opacity:.55}.hud-icon-btn{font-size:15px;padding:5px 10px}.hud-pill{border:1px solid rgba(201,151,63,.35);border-radius:999px;padding:4px 11px;font-size:clamp(10px,1.8vmin,12px);font-weight:700;color:var(--bone-dim);background:#0f0a0680;white-space:nowrap}.hud-pill b{color:var(--brass-bright)}.table-stage{position:relative;min-height:0;z-index:1}.table-felt{position:absolute;inset:clamp(8px,1.8vh,14px);touch-action:none;border:clamp(9px,2vmin,16px) solid transparent;border-radius:clamp(44px,10vmin,92px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E") padding-box,var(--baize, radial-gradient(115% 125% at 50% 38%, #38704e 0%, #2a5940 42%, #1f4732 72%, #183928 100%)) padding-box,linear-gradient(180deg,#331d0d,#1d1007 55%,#0f0803) border-box;box-shadow:0 26px 60px #000000a6,0 0 0 1px #0009;z-index:2}.table-felt:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid rgba(236,203,116,.32);pointer-events:none;z-index:1}.table-felt:after{content:"";position:absolute;left:50%;top:50%;width:min(58%,620px);aspect-ratio:1.9;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(236,203,116,.14);box-shadow:inset 0 0 0 12px #eccb740d,inset 0 0 60px #00000038;pointer-events:none}.board-red .table-felt{--baize: radial-gradient(115% 125% at 50% 38%, #8a4038 0%, #6a2e28 45%, #4f211d 75%, #3a1714 100%)}.board-sand .table-felt{--baize: radial-gradient(115% 125% at 50% 38%, #a08a58 0%, #836f45 45%, #665536 75%, #4c3f28 100%)}.board-night .table-felt{--baize: radial-gradient(115% 125% at 50% 38%, #3a4a52 0%, #2a363d 45%, #1d262b 75%, #131a1e 100%)}.board-area{position:absolute;z-index:3;top:48px;bottom:calc(var(--dock-h) + 4px);left:var(--station-side-w);right:var(--station-side-w);overflow:hidden}.table-root.players-2 .board-area{--station-side-w: clamp(8px, 1.4vw, 18px)}.board-world{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.board-dragging{cursor:grabbing}.board-tile{pointer-events:none}.board-tile .domino-tile{box-shadow:0 4px 10px #00000080,0 1px 3px #0009}.board-end-target{border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:default;z-index:5}.board-end-target .end-glow{position:absolute;inset:-7px;border-radius:13px;border:2px dashed rgba(236,203,116,.35);opacity:0;transition:opacity .2s ease;pointer-events:none}.end-upright{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.board-end-target.target-active .end-upright,.board-end-target.target-hover .end-upright{display:flex}.end-pip-count{font-style:normal;font-weight:800;font-size:24px;line-height:1;color:var(--brass-bright);text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 14px rgba(236,203,116,.5)}.board-end-target:not(.target-active):after{content:"";position:absolute;inset:18% 30%;border-radius:8px;border:1.5px solid rgba(236,203,116,.28);background:#eccb740d}.board-end-target.target-active{cursor:pointer;animation:target-pulse 1.1s ease-in-out infinite}.board-end-target.target-active .end-glow{opacity:1;border-color:var(--brass-bright);background:radial-gradient(60% 60% at 50% 50%,rgba(236,203,116,.18),transparent 75%)}.board-end-target.target-hover{animation:none;transform-origin:center;z-index:8}.board-end-target.target-hover .end-glow{inset:-11px;border-style:solid;background:radial-gradient(60% 60% at 50% 50%,rgba(236,203,116,.35),transparent 78%)}.end-callout{font-style:normal;white-space:nowrap;font-weight:800;font-size:10px;letter-spacing:.12em;color:var(--wood-950);background:var(--brass-bright);border-radius:999px;padding:2px 9px;box-shadow:0 4px 10px #00000073}@keyframes target-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.board-opening{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.opening-mat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(18px,4.4vmin,38px) clamp(24px,5.4vmin,52px);border-radius:50%/42%;background:radial-gradient(90% 90% at 50% 40%,rgba(236,203,116,.08),transparent 70%),repeating-radial-gradient(circle at 50% 50%,rgba(236,203,116,.07) 0 2px,transparent 2px 18px);border:2px dashed rgba(236,203,116,.4);transition:transform .2s ease,background .2s ease,border-color .2s ease}.opening-active .opening-mat{animation:target-pulse 1.2s ease-in-out infinite;border-color:var(--brass-bright)}.opening-hover .opening-mat{transform:scale(1.06);border-style:solid;background:radial-gradient(90% 90% at 50% 40%,rgba(236,203,116,.22),transparent 72%),repeating-radial-gradient(circle at 50% 50%,rgba(236,203,116,.1) 0 2px,transparent 2px 18px)}.opening-star{width:34px;height:34px;background:radial-gradient(circle at 50% 50%,var(--brass-bright) 0 4px,transparent 5px),conic-gradient(from 0deg,var(--brass) 0 12.5%,transparent 12.5% 25%,var(--brass) 25% 37.5%,transparent 37.5% 50%,var(--brass) 50% 62.5%,transparent 62.5% 75%,var(--brass) 75% 87.5%,transparent 87.5%);border-radius:50%;opacity:.75;-webkit-mask-image:radial-gradient(circle,transparent 0 7px,black 8px);mask-image:radial-gradient(circle,transparent 0 7px,black 8px)}.opening-title{font-weight:800;font-size:clamp(10px,1.9vmin,13px);letter-spacing:.14em;color:var(--bone)}.opening-sub{font-size:clamp(10px,1.7vmin,12px);color:var(--bone-dim)}.board-ripple-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.impact-ripple{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(236,203,116,.4) 0%,rgba(236,203,116,.12) 55%,transparent 72%);border:1px solid rgba(236,203,116,.5)}.station{position:absolute;z-index:10}.station-left,.station-right,.station-top,.station-card{display:none}.station-card:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2.5px;border-radius:2px 2px 0 0;background:var(--team)}.station-card.t1{--team: var(--faience)}.station-card.t2{--team: var(--crimson)}.station-left .station-card,.station-right .station-card{flex-direction:column;align-items:flex-start;gap:3px;min-width:104px;padding:10px 14px}.station-name{font-weight:800;font-size:clamp(12px,2.1vmin,14px);line-height:1.25;color:var(--bone);min-width:48px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-tiles{display:inline-flex;align-items:center;gap:6px}.station-tiles b{font-weight:800;font-size:clamp(13px,2.4vmin,16px);color:var(--bone-dim);font-variant-numeric:tabular-nums;transition:color .2s ease}.station-tile-icon{width:11px;height:19px;border-radius:2.5px;background:linear-gradient(180deg,#efe5cc,#d9cba8);box-shadow:inset 0 0 0 1px #6e552d8c,0 1px 3px #00000080;position:relative}.station-tile-icon:after{content:"";position:absolute;left:1.5px;right:1.5px;top:50%;height:1px;background:#6e552d99}.station-turn{background:linear-gradient(180deg,#322514e6,#1e150ceb);box-shadow:0 10px 24px #0000008c,0 0 0 1px #eccb7447}.station-turn .station-tiles b{color:var(--brass-bright)}.table-dock{position:absolute;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,1.6vw,20px);padding:6px clamp(10px,2vw,26px) calc(6px + env(safe-area-inset-bottom,0px));padding-left:max(clamp(10px,2vw,26px),env(safe-area-inset-left,0px));padding-right:max(clamp(10px,2vw,26px),env(safe-area-inset-right,0px));background:linear-gradient(0deg,rgba(9,6,3,.72),rgba(9,6,3,.22) 72%,transparent);border-top:none;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-height:var(--dock-h)}.dock-me{display:flex;align-items:center;justify-self:start;min-width:0}.dock-me-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.dock-me-name{font-weight:800;font-size:clamp(12px,2vmin,15px);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-chip{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:2px 8px;color:var(--wood-950)}.team-chip.t1{background:var(--faience-bright)}.team-chip.t2{background:var(--crimson-bright);color:var(--bone)}.dock-hand{display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,.9vw,10px);min-width:0;min-height:var(--hand-tile-h);padding:4px 2px 2px}.hand-slot{flex-shrink:0;touch-action:none}.hand-slot .domino-tile{height:var(--hand-tile-h);width:auto;aspect-ratio:1 / 2;transition:transform .16s ease,filter .16s ease}.hand-slot.slot-playable .domino-tile{cursor:grab;transform:translateY(-7px);box-shadow:0 10px 20px #0000008c,0 0 0 1.5px #eccb748c}.hand-slot.slot-playable .domino-tile:hover{transform:translateY(-12px) scale(1.03)}.hand-slot.slot-locked .domino-tile{filter:brightness(.62) saturate(.8)}.domino-tile.domino-dragging{cursor:grabbing;box-shadow:0 22px 44px #0009,0 0 0 2px var(--brass-bright)}.domino-tile.domino-selected{box-shadow:0 10px 20px #0000008c,0 0 0 2.5px var(--faience-bright);transform:translateY(-12px)}.hand-empty{align-self:center;color:var(--bone-faint);font-weight:700;font-size:clamp(11px,1.9vmin,13px)}.hand-facedown{display:flex;gap:clamp(4px,.9vw,10px);align-items:flex-end}.hand-back-tile{height:calc(var(--hand-tile-h) * .82);width:auto;aspect-ratio:1 / 2;opacity:0;animation:back-deal .32s cubic-bezier(.2,.8,.3,1.15) forwards}@keyframes back-deal{0%{opacity:0;transform:translateY(-26px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.deal-flip{animation:hand-flip .42s cubic-bezier(.2,.8,.3,1.1) backwards}@keyframes hand-flip{0%{opacity:0;transform:perspective(500px) rotateX(70deg) translateY(14px)}to{opacity:1;transform:perspective(500px) rotateX(0) translateY(0)}}.dock-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:10px;min-width:130px}.dock-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.action-btn{position:relative;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:800;font-size:clamp(12px,2vmin,14px);padding:10px 20px;border:1px solid rgba(201,151,63,.5);background:linear-gradient(180deg,var(--wood-600),var(--wood-800));color:var(--bone);white-space:nowrap;transition:transform .13s ease,box-shadow .13s ease,filter .13s ease}.action-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.action-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.action-gold{background:linear-gradient(180deg,#e6c368,#b8892f);color:var(--wood-950);border-color:#f2dc9a;box-shadow:0 8px 20px #00000073,inset 0 1px #ffffff80;animation:action-glow 1.3s ease-in-out infinite}@keyframes action-glow{0%,to{box-shadow:0 8px 20px #00000073,0 0 8px #eccb7440,inset 0 1px #ffffff80}50%{box-shadow:0 8px 20px #00000073,0 0 22px #eccb7499,inset 0 1px #ffffff80}}.action-primary{background:linear-gradient(180deg,#3c7a52,var(--felt-deep));border-color:#43c2ae99;color:#dff5e9;box-shadow:0 8px 20px #00000073}.action-silver{background:linear-gradient(180deg,#b9b3a4,#7d7668);color:var(--wood-950);border-color:#d9d2c2}.turn-hint,.turn-wait{font-weight:700;font-size:clamp(11px,1.9vmin,13px);color:var(--bone-dim);white-space:nowrap}.turn-hint{color:var(--brass-bright);animation:hint-breathe 2s ease-in-out infinite}.turn-hint-open{font-weight:800}@keyframes hint-breathe{0%,to{opacity:.75}50%{opacity:1}}.turn-wait{display:inline-flex;align-items:center;gap:7px}.wait-dot{width:8px;height:8px;border-radius:50%;background:var(--faience-bright);animation:wait-blink 1.2s ease-in-out infinite}@keyframes wait-blink{0%,to{opacity:.3}50%{opacity:1}}.drag-ghost{position:fixed;z-index:90;pointer-events:none;transform:translate(-50%,-60%) rotate(3deg) scale(1.08);filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.drag-ghost .domino-tile{height:calc(var(--hand-tile-h) * 1.05);width:auto;aspect-ratio:1 / 2}.deal-layer{position:absolute;inset:0;z-index:40;overflow:hidden}.deal-veil{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 45%,#0f0a0666,#0f0a06c7);animation:veil-in .35s ease}@keyframes veil-in{0%{opacity:0}to{opacity:1}}.deal-banner{position:absolute;top:clamp(10px,3.4vh,26px);left:50%;transform:translate(-50%);text-align:center;animation:banner-in .5s cubic-bezier(.2,.9,.3,1.2)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.deal-round-ar{display:block;font-family:var(--font-display);font-size:clamp(26px,6.4vmin,46px);color:var(--brass-bright);text-shadow:0 0 22px rgba(236,203,116,.4),0 3px 10px rgba(0,0,0,.7);line-height:1.05}.deal-round-en{font-weight:800;letter-spacing:.34em;text-indent:.34em;font-size:clamp(9px,1.7vmin,12px);color:var(--bone-dim);text-transform:uppercase}.deal-pile{position:absolute;left:50%;top:50%;width:clamp(70px,15vmin,120px);height:clamp(44px,9vmin,72px);transform:translate(-50%,-50%);transition:opacity .4s ease,transform .4s ease}.deal-pile-out{opacity:0;transform:translate(-50%,-50%) scale(.7)}.deal-card{position:absolute;inset:0;border-radius:8px;background:linear-gradient(160deg,#553922,#2e1d13 70%),radial-gradient(circle at 50% 50%,rgba(201,151,63,.25),transparent 60%);border:1.5px solid rgba(201,151,63,.55);box-shadow:0 6px 16px #00000080;animation:shuffle-jitter .5s ease-in-out infinite}.deal-card-1{animation-delay:0s}.deal-card-2{inset:4% 2%;animation-delay:-.16s}.deal-card-3{inset:8% 5%;animation-delay:-.32s}.deal-card-4{inset:12% 8%;animation-delay:-.44s}@keyframes shuffle-jitter{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-7%,-6%) rotate(-4deg)}50%{transform:translate(5%,4%) rotate(3deg)}75%{transform:translate(-4%,6%) rotate(-2deg)}}.deal-pile-label{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);color:var(--brass-bright);font-size:clamp(14px,3vmin,20px)}.deal-fly{position:absolute;width:34px;height:18px;border-radius:4px;background:linear-gradient(160deg,#553922,#2e1d13);border:1px solid rgba(201,151,63,.55);box-shadow:0 4px 10px #00000073;z-index:2}.deal-fly-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.deal-skip{position:absolute;bottom:clamp(10px,2.6vh,22px);right:clamp(12px,2.4vw,26px);font-size:clamp(10px,1.8vmin,12px);font-weight:700;color:var(--bone-faint);border:1px solid rgba(201,151,63,.3);border-radius:999px;padding:6px 14px;background:#0f0a068c;transition:color .15s ease,border-color .15s ease}.deal-skip:hover{color:var(--bone);border-color:var(--brass)}.callout{position:absolute;top:clamp(14%,22vh,26%);left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:callout-pop .95s cubic-bezier(.2,.9,.3,1.15) forwards}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%) scale(.4)}22%{opacity:1;transform:translate(-50%) scale(1.12)}38%{transform:translate(-50%) scale(1)}78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.04) translateY(-14px)}}.callout-ar{font-family:var(--font-display);font-size:clamp(44px,12vmin,92px);line-height:1;color:var(--brass-bright);text-shadow:0 0 34px rgba(236,203,116,.5),0 4px 0 #6d4d1d,0 10px 30px rgba(0,0,0,.8)}.callout-en{font-weight:800;font-size:clamp(11px,2vmin,14px);letter-spacing:.12em;color:var(--bone);text-shadow:0 2px 8px rgba(0,0,0,.9)}.callout-win .callout-ar{color:var(--faience-bright);text-shadow:0 0 34px rgba(67,194,174,.5),0 4px 0 #14523f,0 10px 30px rgba(0,0,0,.8)}.callout-block .callout-ar{color:var(--crimson-bright);text-shadow:0 0 34px rgba(205,82,64,.5),0 4px 0 #5c1d12,0 10px 30px rgba(0,0,0,.8)}.turn-toast{position:absolute;bottom:calc(var(--dock-h) + 12px);left:50%;transform:translate(-50%);z-index:50;font-weight:800;font-size:clamp(12px,2.2vmin,15px);color:var(--wood-950);background:linear-gradient(180deg,var(--brass-bright),var(--brass));border-radius:999px;padding:7px 18px;box-shadow:0 8px 22px #00000080,inset 0 1px #ffffff8c;animation:toast-in .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.table-status-layer{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a06038c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:veil-in .3s ease}.verdict{width:min(560px,92vw);max-height:84%;overflow-y:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(18px,4vmin,34px);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 0%,rgba(236,203,116,.12),transparent 55%),linear-gradient(180deg,var(--wood-700),var(--wood-900));border:1px solid rgba(201,151,63,.5);box-shadow:0 30px 70px #000000b3,inset 0 1px #eccb7440;animation:verdict-in .45s cubic-bezier(.2,.9,.3,1.15)}@keyframes verdict-in{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.verdict-ar{font-family:var(--font-display);font-size:clamp(34px,8vmin,56px);line-height:1.05;color:var(--brass-bright);text-shadow:0 0 26px rgba(236,203,116,.4),0 3px 10px rgba(0,0,0,.7)}.verdict-match .verdict-ar{color:var(--faience-bright);text-shadow:0 0 26px rgba(67,194,174,.45),0 3px 10px rgba(0,0,0,.7)}.verdict-title{margin:0;font-size:clamp(15px,2.8vmin,20px);font-weight:800}.verdict-sub{margin:0;font-size:clamp(11px,2vmin,13px);color:var(--bone-dim);line-height:1.55;max-width:46ch}.table-chat-drawer{position:absolute;z-index:46;left:14px;bottom:calc(var(--dock-h, 78px) + 14px);max-width:min(380px,46vw)}.table-note-layer{position:absolute;z-index:35;top:clamp(8px,2vh,16px);left:50%;transform:translate(-50%);max-width:min(72%,480px);pointer-events:none}.table-note-layer .banner,.banner{background:linear-gradient(180deg,var(--wood-700),var(--wood-900));border:1px solid rgba(201,151,63,.45);border-radius:var(--radius-md);padding:10px 16px;font-weight:700;font-size:clamp(11px,2vmin,13px);color:var(--bone);box-shadow:0 10px 26px #00000080;text-align:center}.banner .muted{margin-top:4px;font-size:11px}.banner-match-over{border-color:#43c2ae8c}.match-win-title{color:var(--faience-bright);font-weight:800}.verdict .banner{background:transparent;border:none;box-shadow:none}.domino-tile{position:relative;border-radius:9px;flex-shrink:0}.domino-size-sm{width:30px;height:60px}.domino-size-md{width:40px;height:80px}.domino-size-lg{width:46px;height:92px}.domino-size-xl{width:56px;height:112px}.domino-horizontal{width:60px;height:30px}.domino-horizontal.domino-size-md{width:80px;height:40px}.domino-horizontal.domino-size-lg{width:92px;height:46px}.domino-horizontal.domino-size-xl{width:112px;height:56px}.domino-bone{position:absolute;inset:0;display:flex;border-radius:inherit;background:linear-gradient(160deg,#faf3e0,#f1e5c8 34%,#eaddba 62%,#f4ecd6),radial-gradient(120% 100% at 30% 20%,rgba(255,255,255,.6),transparent 60%);background-blend-mode:normal,overlay;box-shadow:inset 0 0 0 1px #785f3759,inset 0 2px 3px #ffffffd9,inset 0 -3px 6px #785a2d66,0 2px 6px #00000059;overflow:hidden}.domino-bone:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(94deg,rgba(160,130,80,.05) 0 3px,transparent 3px 9px),radial-gradient(60% 40% at 70% 80%,rgba(160,130,80,.08),transparent 70%);pointer-events:none}.domino-vertical .domino-bone{flex-direction:column}.domino-horizontal .domino-bone{flex-direction:row}.domino-half{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:11%}.domino-half-blank:after{content:"";place-self:center;width:18%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 1px 2px #785f3759}.domino-pip{place-self:center;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,#4d4237,#241c12 45%,#0f0b06);box-shadow:inset 0 1.5px 2px #000000e6,inset 0 -1px 1px #ffe6b440,0 1px 1px #fff5dcb3}.domino-divider{position:relative;flex-shrink:0;background:linear-gradient(90deg,transparent,rgba(120,90,45,.4),transparent)}.domino-vertical .domino-divider{height:2px;margin:0 7%;background:linear-gradient(90deg,transparent,rgba(120,90,45,.55),transparent)}.domino-horizontal .domino-divider{width:2px;margin:7% 0;background:linear-gradient(180deg,transparent,rgba(120,90,45,.55),transparent)}.domino-spinner-pin{position:absolute;top:50%;left:50%;width:16%;aspect-ratio:1;min-width:5px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 40deg,#e9c76b,#8a6a34 30%,#eccb74,#8a6a34 80%,#e9c76b);box-shadow:0 1px 3px #0009,inset 0 0 0 1px #3c2a0c99;z-index:2}.domino-sheen{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.08) 22%,transparent 40%);opacity:.5;pointer-events:none;mix-blend-mode:screen}.domino-played-ring{position:absolute;inset:-4px;border-radius:12px;border:2px solid var(--brass-bright);pointer-events:none;animation:played-fade 1.6s ease-out forwards}@keyframes played-fade{0%{opacity:.95;box-shadow:0 0 18px #eccb7499}to{opacity:0;box-shadow:0 0 2px #eccb7400}}.domino-just-played{filter:brightness(1.06)}.domino-back .domino-back-inner{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(201,151,63,.2),transparent 62%),linear-gradient(160deg,#553922,#2e1d13 70%,#241710);box-shadow:inset 0 0 0 1px #c9973f66,inset 0 2px 3px #ffdca024,inset 0 -3px 6px #00000080,0 2px 6px #0006;display:flex;align-items:center;justify-content:center}.domino-back-star{width:42%;aspect-ratio:1;background:conic-gradient(from 0deg,var(--brass) 0 12%,transparent 12% 25%,var(--brass-dim) 25% 37%,transparent 37% 50%,var(--brass) 50% 62%,transparent 62% 75%,var(--brass-dim) 75% 87%,transparent 87%);border-radius:50%;opacity:.5;mask-image:radial-gradient(circle,transparent 0 12%,black 26%,black 68%,transparent 78%);-webkit-mask-image:radial-gradient(circle,transparent 0 12%,black 26%,black 68%,transparent 78%)}.domino-back-stud{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 40deg,#e9c76b,#8a6a34 40%,#eccb74 60%,#8a6a34);box-shadow:0 1px 3px #0009}.guide-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vmin,30px);background:#0a0603b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:veil-in .25s ease}.guide-panel{display:flex;flex-direction:column;width:min(860px,100%);max-height:min(92dvh,780px);border-radius:var(--radius-lg);background:radial-gradient(130% 80% at 50% 0%,rgba(236,203,116,.1),transparent 50%),linear-gradient(180deg,var(--wood-700),var(--wood-900));border:1px solid rgba(201,151,63,.5);box-shadow:0 34px 80px #000000bf,inset 0 1px #eccb7438;overflow:hidden;animation:verdict-in .35s cubic-bezier(.2,.9,.3,1.1)}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(12px,2.4vmin,18px) clamp(14px,3vmin,24px);border-bottom:1px solid rgba(201,151,63,.3)}.guide-heading{display:flex;align-items:center;gap:12px}.guide-glyph{display:inline-flex;align-items:center;justify-content:center;width:clamp(36px,6vmin,46px);height:clamp(36px,6vmin,46px);border-radius:50%;border:1.5px solid var(--brass);color:var(--brass-bright);font-size:22px;background:radial-gradient(circle at 34% 30%,var(--wood-500),var(--wood-800))}.guide-heading h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(20px,4.4vmin,30px);line-height:1.1;color:var(--brass-bright)}.guide-heading p{margin:0;font-size:clamp(10px,1.8vmin,12px);color:var(--bone-faint);font-weight:600}.guide-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(201,151,63,.4);color:var(--bone-dim);font-size:15px;transition:border-color .15s ease,color .15s ease,transform .15s ease}.guide-close:hover{border-color:var(--crimson-bright);color:var(--crimson-bright);transform:rotate(90deg)}.guide-tabs{display:flex;gap:6px;padding:8px clamp(12px,2.6vmin,20px) 0;flex-wrap:wrap}.guide-tab{display:flex;flex-direction:column;align-items:center;gap:0;padding:7px 14px 6px;border-radius:10px 10px 0 0;border:1px solid transparent;border-bottom:none;color:var(--bone-faint);transition:color .15s ease,background .15s ease}.guide-tab-ar{font-family:var(--font-display);font-size:clamp(15px,2.8vmin,19px);line-height:1.15}.guide-tab-en{font-size:clamp(8px,1.4vmin,10px);font-weight:700;letter-spacing:.04em}.guide-tab:hover{color:var(--bone)}.guide-tab-active{color:var(--brass-bright);background:linear-gradient(180deg,#c9973f29,#c9973f0a);border-color:#c9973f66}.guide-body{flex:1;overflow-y:auto;padding:clamp(12px,2.6vmin,22px);border-top:1px solid rgba(201,151,63,.25)}.guide-footer{display:flex;justify-content:center;padding:clamp(10px,2vmin,16px);border-top:1px solid rgba(201,151,63,.25)}.guide-intro{margin:0 0 14px;font-size:clamp(12px,2vmin,14px);line-height:1.65;color:var(--bone-dim)}.guide-intro b{color:var(--brass-bright)}.guide-subtitle{margin:0 0 10px;font-family:var(--font-display);font-weight:400;font-size:clamp(16px,3vmin,21px);color:var(--brass-bright)}.learn{display:flex;justify-content:center}.learn-stage{width:100%;max-width:620px;display:flex;flex-direction:column;gap:12px}.learn-step-pill{align-self:center;font-weight:800;font-size:clamp(11px,1.9vmin,13px);color:var(--brass-bright);border:1px solid rgba(201,151,63,.4);background:#c9973f14;border-radius:999px;padding:5px 16px}.learn-felt{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(16px,4vmin,30px) clamp(12px,3vmin,24px);border-radius:var(--radius-lg);background:radial-gradient(110% 120% at 50% 40%,var(--felt) 0%,var(--felt-deep) 60%,var(--felt-edge) 100%);box-shadow:inset 0 0 0 1px #eccb7440,inset 0 0 50px #0006,0 14px 30px #00000073}.learn-chain{display:flex;align-items:center;gap:2px;min-height:52px;flex-wrap:wrap;justify-content:center}.learn-mat{font-size:12px;font-weight:700;color:var(--bone-dim);border:2px dashed rgba(236,203,116,.35);border-radius:999px;padding:12px 22px}.learn-mat-wait{opacity:.55;animation:hint-breathe 1.6s ease-in-out infinite}.learn-chain-tile{transition:transform .2s ease}.learn-crosswise{transform:rotate(90deg);margin:0 12px}.demo-tile-in{animation:demo-in .4s cubic-bezier(.2,.9,.3,1.2) backwards}@keyframes demo-in{0%{opacity:0;transform:translateY(18px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-shake{animation:demo-shake .45s ease!important}@keyframes demo-shake{0%,to{translate:0 0}20%{translate:-7px 0}40%{translate:6px 0}60%{translate:-5px 0}80%{translate:4px 0}}.learn-ends{display:flex;align-items:center;gap:12px;font-size:clamp(11px,1.9vmin,13px);color:var(--bone-dim)}.learn-end{border:1px solid rgba(236,203,116,.4);border-radius:999px;padding:3px 12px;background:#0f0a0666;font-weight:700}.learn-end b{color:var(--brass-bright);font-size:1.15em}.learn-ends-mid{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-faint)}.learn-hand{display:flex;gap:10px;justify-content:center;min-height:70px;align-items:flex-end}.learn-hand-tile{cursor:pointer;transition:transform .15s ease}.learn-hand-tile:hover{transform:translateY(-6px)}.learn-hand-tile .domino-tile{width:34px;height:68px;box-shadow:0 6px 14px #00000073}.learn-hand-empty{color:var(--bone-dim);font-weight:700;font-size:13px}.learn-hint{text-align:center}.learn-hint-ar{margin:0 0 3px;font-family:var(--font-naskh);font-size:clamp(14px,2.6vmin,18px);color:var(--brass-bright)}.learn-hint-en{margin:0;font-size:clamp(11px,1.9vmin,13px);color:var(--bone-dim);line-height:1.55}.learn-count{text-align:center;font-weight:700;font-size:clamp(11px,2vmin,13px);color:var(--faience-bright);border:1px solid rgba(67,194,174,.4);background:#43c2ae14;border-radius:var(--radius-md);padding:9px 14px}.learn-controls{display:flex;justify-content:center;gap:10px}.doubles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.double-card{perspective:700px;text-align:center}.double-card-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .45s cubic-bezier(.3,.8,.3,1);transform-style:preserve-3d;border-radius:var(--radius-md)}.double-card-flipped .double-card-inner{transform:rotateY(180deg)}.double-card-front,.double-card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius-md);border:1px solid rgba(201,151,63,.4);background:linear-gradient(180deg,var(--wood-700),var(--wood-800));padding:12px 8px;min-height:148px;width:100%}.double-card-front .domino-tile{width:26px;height:52px}.double-name{font-weight:800;font-size:14px;color:var(--bone)}.double-tag{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--bone-faint)}.double-card-back{position:absolute;inset:0;transform:rotateY(180deg);background:radial-gradient(120% 90% at 50% 0%,rgba(236,203,116,.14),transparent 55%),linear-gradient(180deg,#274e36,var(--felt-edge));border-color:#43c2ae73}.double-ar{font-family:var(--font-display);font-size:clamp(26px,5vmin,34px);line-height:1.1;color:var(--brass-bright)}.double-translit{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone)}.double-note{font-size:clamp(9px,1.6vmin,11px);line-height:1.45;color:#dff5e9cc;padding:0 4px}.slang{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}.slang-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slang-number{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid rgba(201,151,63,.3);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--wood-700),var(--wood-800));padding:8px 4px}.slang-number-pip{font-family:var(--font-display);font-size:22px;line-height:1.1;color:var(--bone)}.slang-number-en{font-weight:800;font-size:12px;color:var(--brass-bright)}.slang-number-ar{font-family:var(--font-naskh);font-size:13px;color:var(--bone-faint)}.slang-combo-note{margin:10px 0 0;font-size:12px;color:var(--bone-dim);line-height:1.6}.slang-combo-note b{color:var(--brass-bright)}.slang-term-list{display:flex;flex-direction:column;gap:8px}.slang-term{border:1px solid rgba(201,151,63,.25);border-radius:var(--radius-md);padding:9px 12px;background:#0f0a0659}.slang-term-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.slang-term-ar{font-family:var(--font-display);font-size:18px;color:var(--brass-bright)}.slang-term-en{font-weight:800;font-size:13px}.slang-term-gloss{font-size:11px;color:var(--bone-faint);font-weight:700}.slang-term-desc{margin:4px 0 0;font-size:12px;line-height:1.55;color:var(--bone-dim)}.scoring-ladder{margin:6px 0 16px}.scoring-glass-rail{position:relative;height:30px;border-radius:999px;border:1.5px solid rgba(201,151,63,.45);background:linear-gradient(90deg,transparent 62%,rgba(205,82,64,.35) 88%,rgba(205,82,64,.7) 100%),#0f0a0699;overflow:hidden}.scoring-glass{position:absolute;inset:3px auto 3px 3px;width:42%;border-radius:999px;background:linear-gradient(90deg,#e09636cc,#c07a25e6);animation:demo-fill 1.8s cubic-bezier(.3,.8,.3,1) forwards}@keyframes demo-fill{0%{width:4%}to{width:42%}}.scoring-rail-label{position:absolute;top:50%;transform:translateY(-50%);left:10px;font-size:11px;font-weight:800;color:var(--wood-950);z-index:1}.scoring-rail-end{left:auto;right:10px;color:#ffd9d0}.scoring-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.scoring-steps li{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(201,151,63,.25);border-radius:var(--radius-md);padding:10px 12px;background:#0f0a0659}.scoring-step-n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--brass);color:var(--wood-950);font-weight:800;font-size:14px}.scoring-steps b{color:var(--brass-bright);font-size:13px}.scoring-steps p{margin:3px 0 0;font-size:12px;line-height:1.55;color:var(--bone-dim)}.orientation-guard{display:none}@media screen and (orientation:portrait)and (max-width:920px)and (pointer:coarse){.orientation-guard{display:flex;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;padding:24px;background:radial-gradient(90% 70% at 50% 8%,#33200f 0%,var(--wood-900) 52%,var(--wood-950) 100%)}}.orientation-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:340px;padding:30px 26px;border-radius:22px;background:linear-gradient(180deg,var(--wood-700),var(--wood-900));border:1.5px solid rgba(201,151,63,.5);box-shadow:0 24px 60px #000000b3,inset 0 1px #eccb7440}.orientation-phone{position:relative;width:74px;height:74px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--brass-dim);background:#2a190f99}.orientation-phone-body{font-size:34px;animation:phone-rotate 2.2s infinite ease-in-out}.orientation-arrow{position:absolute;top:2px;right:2px;font-size:16px;color:var(--brass-bright);animation:arrow-spin 2.2s infinite linear}@keyframes phone-rotate{0%,15%{transform:rotate(0)}50%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes arrow-spin{to{transform:rotate(360deg)}}.orientation-card h2{margin:4px 0 0;font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--brass-bright)}.orientation-card p{margin:0;font-size:13px;line-height:1.6;color:var(--bone-dim)}.orientation-pill{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--brass);border:1px solid rgba(201,151,63,.5);border-radius:999px;padding:5px 14px}.orientation-dismiss{font-size:12px;font-weight:700;color:var(--bone-dim);text-decoration:underline;text-underline-offset:3px;margin-top:2px}.orientation-dismiss:hover{color:var(--brass-bright)}.home-screen-root{position:relative;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(90% 70% at 50% 8%,#33200f 0%,var(--wood-900) 52%,var(--wood-950) 100%);display:flex;justify-content:center}.home-screen-shell{position:relative;z-index:3;width:min(1060px,96vw);padding:clamp(24px,6vh,44px) clamp(14px,3vw,34px);overflow-y:auto}.home-compact-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand-group{display:flex;align-items:center;gap:12px}.brand-icon{font-size:26px}.brand-name{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(22px,5vmin,32px);color:var(--brass-bright);line-height:1.05}.brand-tag{font-family:var(--font-naskh);font-size:13px;color:var(--bone-faint)}.card{background:linear-gradient(180deg,var(--wood-800),var(--wood-900));border:1px solid rgba(201,151,63,.35);border-radius:var(--radius-lg);box-shadow:0 14px 34px #00000080,inset 0 1px #eccb7424;padding:16px}.card.error{border-color:#d4452f99;color:#f3b9ae;margin-bottom:12px}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}@media(max-width:860px){.layout{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.muted{color:var(--bone-faint);font-size:13px;line-height:1.6}.mono{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;color:var(--brass-bright);background:#0f0a0699;border:1px solid rgba(201,151,63,.3);border-radius:6px;padding:1px 6px}.section-title,.section-label{display:block;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}.section-title{font-size:14px}.home-card{background:linear-gradient(180deg,var(--wood-800),var(--wood-900));border:1px solid rgba(201,151,63,.35);border-radius:var(--radius-lg);padding:16px}.btn-gold-large,.btn-gold-primary{border-radius:999px;font-weight:800;padding:11px 22px;background:linear-gradient(180deg,#e6c368,#b8892f);color:var(--wood-950);border:1px solid #f2dc9a;box-shadow:0 8px 20px #0006}.btn-silver-secondary,.hud-pill-button{border-radius:999px;font-weight:800;padding:9px 18px;background:linear-gradient(180deg,var(--wood-600),var(--wood-800));border:1px solid rgba(201,151,63,.5);color:var(--bone)}.seat-pedestal{display:flex;align-items:center;gap:12px;border:1px solid rgba(201,151,63,.3);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:8px;background:#0f0a0673}.pedestal-mine{border-color:var(--faience);box-shadow:0 0 0 1px #43c2ae66}.chat-fab-root{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.table-root .chat-fab-root{bottom:calc(var(--dock-h, 78px) + 16px)}.chat-floating-drawer{width:min(320px,86vw);max-height:min(48vh,400px);display:flex;flex-direction:column;padding:12px;border:1.5px solid rgba(201,151,63,.55);border-radius:14px;background:linear-gradient(180deg,#1e130bf7,#0e0905f7);box-shadow:0 24px 54px #000000b3;overflow:hidden}.chat-floating-drawer .chat{flex:1;min-height:0;max-height:30vh;overflow-y:auto}.chat-header-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.chat-header-info{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.chat-line{font-size:12.5px;line-height:1.5;padding:3px 0;border-bottom:1px dashed rgba(201,151,63,.15);word-break:break-word}.chat-name{color:var(--brass-bright);font-weight:800}.chat-toggle-pill{display:inline-flex;align-items:center;gap:7px;border:1.5px solid rgba(201,151,63,.6);border-radius:999px;padding:9px 16px;font-weight:800;font-size:12.5px;color:var(--bone);cursor:pointer;background:linear-gradient(180deg,#26190ef2,#100a06f2);box-shadow:0 10px 24px #0009,0 0 0 1px #00000080;transition:transform .15s ease,border-color .15s ease}.chat-toggle-pill:hover{transform:translateY(-2px);border-color:#eccb74d9}.chat-unread-badge{background:var(--crimson-bright);color:var(--bone);border-radius:999px;font-size:10px;font-weight:800;padding:1px 7px}.chat-close-btn{color:var(--bone-faint);font-size:14px}@media(max-height:430px){:root{--hud-h: 40px;--dock-h: 64px;--hand-tile-h: clamp(38px, 17vmin, 54px)}.turn-hint{display:none}.station-name{max-width:64px}.dock-me-name{max-width:84px}.dock-actions{min-width:0}.action-btn{padding:8px 14px;font-size:12px}.callout-ar{font-size:clamp(36px,15vmin,64px)}.opening-mat{gap:3px}.opening-star{width:24px;height:24px}.deal-round-ar{font-size:24px}}@media(max-width:700px){.home-console{grid-template-columns:1fr}.hud-guide-btn{padding:5px 9px}.hud-guide-btn .hud-btn-ar+*{display:none}}@media(min-width:1800px){:root{--hand-tile-h: 84px}}@media(max-width:720px)and (orientation:landscape){.dock-me-meta{display:none}.hud-scoreline{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.lobby-root{position:relative;min-height:100dvh;overflow-x:hidden}.lobby-backdrop{position:fixed;inset:0;z-index:0;background:url(/images/ahwa-backdrop.jpg) center / cover no-repeat;filter:brightness(.52) saturate(.95)}.lobby-vignette{position:fixed;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 38%,transparent 30%,rgba(5,3,1,.72) 100%),linear-gradient(180deg,rgba(5,3,1,.55),transparent 30%,rgba(5,3,1,.8))}.lobby-content{position:relative;z-index:2;max-width:1060px;margin:0 auto;padding:clamp(16px,3vh,34px) 18px 40px;display:flex;flex-direction:column;gap:clamp(12px,2vh,20px)}.lobby-header{display:flex;align-items:center;gap:14px}.lobby-lamp{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe9ad,#e8b04b 55%,#7a4d15);box-shadow:0 0 18px #eccb74bf,0 0 46px #eccb744d;flex:0 0 auto}.lobby-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(26px,4.5vmin,40px);line-height:1;color:#f2dc9a;text-shadow:0 2px 14px rgba(0,0,0,.85);letter-spacing:.02em}.lobby-sub{display:block;margin-top:5px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ece1c8a8;text-shadow:0 1px 6px rgba(0,0,0,.8)}.lobby-scene{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,2vw,22px);padding:clamp(8px,1.6vh,16px) 0}.lobby-chairs{display:flex;flex-direction:column;gap:clamp(10px,1.8vh,18px)}.lobby-chairs-right{align-items:flex-end}.lobby-chairs-left{align-items:flex-start}.lobby-table-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.lobby-table{position:relative;width:clamp(230px,30vmin,330px);aspect-ratio:1;border-radius:50%;background:url(/images/brass-table.jpg) center / cover no-repeat;border:3px solid #120c06;box-shadow:0 34px 70px #000000bf,0 0 0 6px #140d078c,0 0 60px #eccb741f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.lobby-table:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(8,6,2,.94) 0%,rgba(12,8,3,.85) 48%,rgba(14,9,4,.4) 64%,transparent 76%)}.lobby-table-code{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(36px,6.5vmin,58px);line-height:1;color:#ffe9ad;letter-spacing:.14em;text-shadow:0 2px 0 rgba(30,19,4,.98),0 -1px 1px rgba(255,240,190,.28),0 0 30px rgba(0,0,0,.65),0 8px 26px rgba(0,0,0,.85)}.lobby-table-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.lobby-chair{position:relative;width:clamp(160px,20vmin,205px);aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;border:2px solid #221305;box-shadow:0 16px 34px #000000b8,0 0 0 1px #eccb743d,inset 0 0 0 1px #000000a6;transition:transform .18s ease,box-shadow .18s ease}.lobby-chair-img{position:absolute;inset:0;background-size:cover;background-position:50% 42%}.chair-t1 .lobby-chair-img{background-image:url(/images/chair-t1.jpg)}.chair-t2 .lobby-chair-img{background-image:url(/images/chair-t2.jpg)}.chair-open .lobby-chair-img{filter:grayscale(.5) brightness(.55)}.chair-occupied .lobby-chair-img{filter:brightness(1.05) saturate(1.06)}.lobby-chair:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(5,3,1,.55) 62%,rgba(5,3,1,.92));pointer-events:none}.chair-t1.chair-mine{border-color:#43c2aef2;box-shadow:0 14px 30px #0009,0 0 0 2px #43c2ae80,0 0 34px #43c2ae38}.chair-t2.chair-mine{border-color:#e26a6af2;box-shadow:0 14px 30px #0009,0 0 0 2px #e26a6a80,0 0 34px #e26a6a38}.lobby-chair:hover{transform:translateY(-3px)}.lobby-chair-info{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 10px 12px;text-align:center}.lobby-chair-name{font-weight:800;font-size:13.5px;color:#fffdf8;text-shadow:0 1px 4px rgba(0,0,0,.9);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-chair-meta{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ece1c8b8}.chair-t1 .lobby-chair-meta{color:#86d8c8d9}.chair-t2 .lobby-chair-meta{color:#f0a096d9}.lobby-chair-ready{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#f2dc9a;background:#eccb7429;border:1px solid rgba(236,203,116,.45);padding:2px 10px;border-radius:999px}.lobby-chair-take{margin-top:6px;padding:6px 12px;font-size:12px;width:100%}.lobby-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 4px}.lobby-waiting{font-size:13px;font-weight:600;color:#ece1c899;text-shadow:0 1px 4px rgba(0,0,0,.8)}@media(max-width:860px){.lobby-scene{grid-template-columns:1fr 1fr;gap:12px}.lobby-table-wrap{grid-column:1 / -1;order:-1}.lobby-chairs{flex-direction:row;justify-content:center}.lobby-chair{width:min(46%,190px)}}.lol-chat{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lobby-root .lol-chat{position:fixed;left:16px;bottom:16px;z-index:60}.lol-feed{pointer-events:none;max-width:min(380px,52vw);max-height:30vh;overflow:hidden;padding:8px 12px;border-radius:6px;background:#00000094;box-shadow:inset 0 0 0 1px #ffffff0f;opacity:1;transition:opacity .6s ease}.chat-open .lol-feed{pointer-events:auto;overflow-y:auto}.chat-idle .lol-feed{opacity:0}.lol-line{font-size:13px;line-height:1.55;color:#f4efe4;text-shadow:0 1px 2px rgba(0,0,0,.9);word-break:break-word}.lol-name{color:#eccb74;font-weight:700}.lol-muted{color:#f4efe48c}.lol-input{width:min(380px,60vw);padding:8px 12px;border-radius:6px;border:1px solid rgba(236,203,116,.45);background:#000000b8;color:#f4efe4;font-size:13px;outline:none;box-shadow:0 8px 22px #0000008c}.lol-input::placeholder{color:#f4efe473}.lol-chat-btn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid rgba(236,203,116,.55);border-radius:6px;padding:7px 13px;font-size:13px;font-weight:700;color:#f4efe4eb;background:#000000b8;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease}.lol-chat-btn:hover{border-color:#eccb74cc;color:#ffe9ad;transform:translateY(-1px)}.lol-chat-hint{font-size:10px;font-weight:800;letter-spacing:.08em;padding:1px 6px;border-radius:4px;border:1px solid rgba(244,239,228,.25);color:#f4efe480}.lobby-me{display:inline-flex;align-items:center;gap:8px;margin-top:7px;font-size:13px;color:#ece1c8bf;text-shadow:0 1px 4px rgba(0,0,0,.8)}.lobby-me b{color:#ffe9ad;font-weight:800}.lobby-rename-btn,.lobby-me-save{border:1px solid rgba(236,203,116,.45);border-radius:999px;padding:3px 12px;font-size:11.5px;font-weight:800;color:#f2dc9a;background:#0a08058c;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.lobby-rename-btn:hover,.lobby-me-save:hover{border-color:#eccb74d9;transform:translateY(-1px)}.lobby-me-input{width:170px;padding:5px 10px;border-radius:8px;border:1px solid rgba(236,203,116,.5);background:#0a0805b3;color:#ffe9ad;font-size:13px;font-weight:700;outline:none}.home-root{position:relative;min-height:100dvh;overflow-x:hidden}.home-root .lobby-backdrop{filter:brightness(.36) saturate(.9)}.home-root .home-shell{background:transparent;border:0;box-shadow:none}.home-root .panel,.home-root .online-box{background:linear-gradient(180deg,#1a110ae0,#0a0704eb);border:1.5px solid rgba(201,151,63,.35);border-radius:18px;box-shadow:0 22px 50px #0000008c}.home-root .field-input,.home-root .join-input{background:#00000073;border-color:#c9973f59}@media(max-width:920px),(max-height:520px){:root{--hud-h: 40px;--dock-h: 62px;--hand-tile-h: clamp(40px, 13vmin, 58px)}.table-root{grid-template-rows:minmax(0,1fr)}.table-hud{position:absolute;top:0;left:0;right:0;z-index:30;padding:4px 10px;background:linear-gradient(180deg,rgba(9,6,3,.6),rgba(9,6,3,.16) 76%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.table-dock{position:absolute;bottom:0;left:0;right:0;z-index:30;min-height:var(--dock-h);padding:4px 12px calc(6px + env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));background:linear-gradient(0deg,rgba(9,6,3,.66),rgba(9,6,3,.2) 74%,transparent);border-top:none;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.table-felt{inset:0;border:none;border-radius:0}.table-felt:before{display:none}.board-area{top:42px;bottom:calc(var(--dock-h) + 4px);left:8px;right:8px}.table-root.players-2 .board-area{--station-side-w: 8px}.team-panel{min-width:0;padding:4px 10px 6px;gap:8px;border-radius:8px}.team-score{font-size:20px}.team-name,.station-name{font-size:11px;max-width:72px}.hud-btn{padding:5px 9px;font-size:11px}.hud-pill{padding:3px 9px}.sb-mid,.turn-hint{display:none}.dock-me-name{font-size:12px;max-width:82px}.station-card{padding:5px 9px}}@media(max-width:920px),(max-height:520px){.table-hud{padding:0 8px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-start}.hud-round-pill{display:none}.hud-btn,.hud-icon-btn{font-size:0;padding:6px 9px;border-radius:999px;background:#090603b8;border:1px solid rgba(236,203,116,.22);box-shadow:0 6px 14px #00000073}.hud-btn-ar{font-size:13px}.scoreboard-notch{top:0;gap:10px;padding:3px 16px 7px;border-top:none;border-radius:0 0 15px 15px}.notch-team{font-size:10.5px}.notch-team b{font-size:16px}.notch-target{font-size:13px}.turn-toast{bottom:calc(var(--dock-h) + 12px);z-index:50}.hud-guide-btn,.table-hud .hud-icon-btn{display:none}.board-area{top:44px;bottom:calc(var(--dock-h) + 2px);left:4px;right:4px}}.lobby-back{position:fixed;top:max(14px,env(safe-area-inset-top,0px));left:max(14px,env(safe-area-inset-left,0px));z-index:70;display:inline-flex;align-items:center;gap:7px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(226,106,106,.55);background:linear-gradient(180deg,#8c2a2af5,#541414f5);color:#ffe4e0;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 10px 26px #0000008c;transition:transform .15s ease,border-color .15s ease}.lobby-back:hover{transform:translateY(-1px);border-color:#f0968ce6}.lobby-board-picker{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.picker-label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ece1c899;text-shadow:0 1px 4px rgba(0,0,0,.8)}.picker-row{display:flex;gap:12px}.felt-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer}.felt-swatch i{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.6);box-shadow:0 0 0 1.5px #eccb7440}.felt-swatch span{font-size:10px;font-weight:700;color:#ece1c8a6}.felt-green i{background:radial-gradient(circle at 40% 34%,#38704e,#1f4732 70%,#183928)}.felt-red i{background:radial-gradient(circle at 40% 34%,#8a4038,#4f211d 70%,#3a1714)}.felt-sand i{background:radial-gradient(circle at 40% 34%,#a08a58,#665536 70%,#4c3f28)}.felt-night i{background:radial-gradient(circle at 40% 34%,#3a4a52,#1d262b 70%,#131a1e)}.felt-swatch.swatch-active i{box-shadow:0 0 0 2.5px #ffe9ad,0 0 18px #ffe9ad59}.felt-swatch.swatch-active span{color:#ffe9ad}.picker-note{font-size:10px;color:#ece1c859}.opp-chip{--team: rgba(236, 203, 116, .55);display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:999px;border:1px solid rgba(236,203,116,.2);background:#09060399;font-size:11px;font-weight:700;color:#ece1c8d9;white-space:nowrap;min-width:0}.opp-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--team);flex:0 0 auto}.opp-chip.t1{--team: #43c2ae}.opp-chip.t2{--team: #e26a6a}.chip-name{max-width:76px;overflow:hidden;text-overflow:ellipsis}.chip-count{font-size:12px;font-weight:900;color:#ffe9ad;line-height:1}.chip-turn{border-color:#7ce0cdbf;box-shadow:0 0 12px #7ce0cd47}.chip-turn .chip-count{color:#7ce0cd}@media(max-width:920px),(max-height:520px){.opp-chip{padding:2px 7px;font-size:10px;gap:5px}.chip-name{max-width:54px}.chip-count{font-size:11px}}.hud-exit-btn{background:linear-gradient(180deg,#962e2ef2,#581515f2);border:1px solid rgba(226,106,106,.5);color:#ffe4e0}.hud-exit-btn:hover:not(:disabled){border-color:#f0968cd9}.chip-me{border-color:#ffe9ad6b;background:#18110ac7}.chip-me .chip-name{color:#ffe9ad}.chip-off{opacity:.45}.chair-away .lobby-chair-img{filter:grayscale(.85) brightness(.5)}.chair-away .lobby-chair-name{color:#fffdf88c}.skip-stale-btn{position:absolute;bottom:calc(var(--dock-h) + 14px);left:50%;transform:translate(-50%);z-index:48;padding:7px 16px;border-radius:999px;border:1px solid rgba(226,106,106,.55);background:linear-gradient(180deg,#782828f0,#461212f0);color:#ffe4e0;font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #00000080;animation:toast-in .3s cubic-bezier(.2,.9,.3,1.2)}.skip-stale-btn:hover{border-color:#f0968ce6}.verdict-stack{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:100%}.verdict-next-btn{font-size:16px;font-weight:900;padding:12px 36px;border-radius:999px;flex:0 0 auto}.round-end{width:min(640px,94vw);max-height:86%;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:6px}.re-stamp{text-align:center;animation:re-stamp-in .5s cubic-bezier(.2,.9,.3,1.25) both}.re-banner{display:block;font-family:var(--font-display);font-size:clamp(38px,8vmin,64px);line-height:1;letter-spacing:.04em;text-shadow:0 4px 0 rgba(0,0,0,.45),0 10px 34px rgba(0,0,0,.7)}.re-win .re-banner{color:#ffdf8f;text-shadow:0 0 34px rgba(255,222,130,.45),0 4px 0 rgba(60,34,6,.9),0 10px 34px rgba(0,0,0,.7)}.re-lose .re-banner{color:#f2938c;text-shadow:0 4px 0 rgba(46,10,10,.9),0 10px 34px rgba(0,0,0,.7)}.re-tie .re-banner{color:var(--bone)}.re-sub{display:block;margin-top:8px;font-size:14px;font-weight:700;color:#f4efe4d9}.re-rows{display:flex;flex-direction:column;gap:10px}.re-row{border-radius:14px;border:1px solid rgba(236,203,116,.16);background:#090603b8;padding:10px 14px 12px;animation:re-row-in .45s ease both}.re-row:nth-child(2){animation-delay:.12s}.re-row:nth-child(3){animation-delay:.2s}.re-row:nth-child(4){animation-delay:.28s}.re-row-winner{border-color:#ffdf8f8c;box-shadow:0 0 0 1px #ffdf8f40,0 0 30px #ffde821f}.re-row-me{border-color:#7ce0cd66}.re-row-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.re-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.re-dot.t1{background:#43c2ae}.re-dot.t2{background:#e26a6a}.re-name{font-weight:800;font-size:14px;color:#fffdf8}.re-you{font-style:normal;margin-left:6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7ce0cd}.re-took{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#2a1a05;background:linear-gradient(180deg,#ffe9ad,#e8b04b);padding:2px 9px;border-radius:999px}.re-pips{margin-left:auto;font-size:17px;font-weight:900;color:#ffe9ad}.re-pips i{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ece1c880;margin-left:3px}.re-tiles{display:flex;flex-wrap:wrap;gap:6px}.re-tile{--hand-tile-h: 52px;animation:re-tile-flip .5s cubic-bezier(.2,.9,.3,1.1) both}.re-empty{font-size:12px;font-weight:700;color:#ece1c880;font-style:italic}@keyframes re-stamp-in{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}@keyframes re-row-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes re-tile-flip{0%{opacity:0;transform:rotateY(90deg) translateY(8px)}to{opacity:1;transform:rotateY(0) translateY(0)}}