:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt:#0a1e1d;--felt-deep:#071514;--text-title:#e5c77a;--text-primary:#f5f2ea;--text-secondary:#c6c9c4;--text-muted:#7d8782;--positive:#4ed28e;--warning:#f2b24c;--error:#e86666;--text-title-rgb:229 199 122;--text-primary-rgb:245 242 234;--text-secondary-rgb:198 201 196;--text-muted-rgb:125 135 130;--positive-rgb:78 210 142;--warning-rgb:242 178 76;--error-rgb:232 102 102;--gold:var(--text-title);--gold-bright:var(--warning);--gold-dark:#8a6a35;--aqua:var(--positive);--glass:#071514b8;--glass-strong:#040c0ddb;--soft-text:var(--text-secondary);--premium-glow:0 0 28px #ffd98033;--wood:#2a120a;--orange:var(--warning);--green:#0d7438;--red:var(--error);--ink:var(--text-primary)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 50% 15%,#ffd97824,#0000 30rem),linear-gradient(135deg,#050806,#061619 45%,#020303);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55}.app-shell{min-height:100dvh;padding:28px}.hero-panel,.panel{border:2px solid var(--gold);background:linear-gradient(135deg,#ffd97814,#0000 35%),linear-gradient(#043a38f5,#03181cfa);border-radius:18px;box-shadow:0 0 0 5px #402310d9,inset 0 0 0 2px #ffffff1f,0 24px 70px #0000008c}.hero-panel{grid-template-columns:220px 1fr auto;align-items:center;gap:28px;min-height:190px;padding:28px;display:grid}.brand-mark{border:2px solid var(--gold);min-height:130px;color:var(--gold);text-align:center;text-shadow:0 2px #000,0 0 16px #ffd97873;background:radial-gradient(circle,#ffd97833,#0000 55%),linear-gradient(160deg,#1d0f0a,#050505);border-radius:16px;place-items:center;font-size:28px;font-weight:900;display:grid}.eyebrow{color:var(--text-secondary);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.hero-copy h1{max-width:760px;margin:0;font-size:42px;line-height:1.06}.hero-copy p:last-child{max-width:720px;color:var(--text-secondary);margin:14px 0 0;font-size:17px;line-height:1.55}.hero-actions{gap:14px;display:grid}.game-button{min-width:180px;min-height:56px;color:var(--ink);letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 8px #000000db;text-align:center;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(135deg,#ffd98024,#0000 48%),linear-gradient(#16221ff5,#040a0afa);border:1.5px solid #d8b46ab8;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:18px 24px;font-size:18px;font-weight:800;text-decoration:none;transition:border-color .2s,box-shadow .2s,filter .2s,transform .2s cubic-bezier(.2,.9,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -18px 28px #00000057,0 1px #ffd98038,0 8px #00000047,0 18px 34px #0000006b}.live-turn-actions .game-button:before{content:"";flex:none}.live-turn-actions .game-button-orange:before{background:linear-gradient(135deg,#ffffff47,#0000 45%),#d8b46a;border:2px solid #ffd980db;border-radius:4px;width:19px;height:24px;transform:rotate(-8deg);box-shadow:-5px 4px #d8b46a6b,0 0 12px #ffd9802e}.live-turn-actions .game-button-green:before{background:linear-gradient(45deg,#0000 44%,#f4f1e8e6 45% 55%,#0000 56%),#071514c7;border:2px solid #f4f1e8b8;border-radius:999px;width:25px;height:25px;box-shadow:0 0 12px #4cc8b629}.game-button:after{content:"";opacity:0;background:linear-gradient(105deg,#0000 42%,#ffffff3d 49%,#0000 56%);transition:opacity .2s;position:absolute;inset:-55% -90%;transform:translate(-42%)}.game-button:hover:not(:disabled),.game-button:focus-visible:not(:disabled){filter:saturate(1.08);border-color:#ffd980eb;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff29,inset 0 -18px 26px #00000038,0 0 0 1px #ffd9802e,0 20px 34px #0000006b,0 0 30px #ffd98029}.game-button:hover:not(:disabled):after,.game-button:focus-visible:not(:disabled):after{opacity:1;animation:.85s control-sheen}.game-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.tile-button{cursor:pointer;touch-action:none;animation:.36s cubic-bezier(.2,.9,.25,1.08) both hand-tile-deal;animation-delay:calc(var(--tile-index,0) * 34ms);background:0 0;border:0;padding:0;transition:filter .16s,opacity .12s,transform .16s cubic-bezier(.2,.9,.25,1.08);display:grid;position:relative;transform:translateY(0)rotate(0)}.tile-button.legal{filter:drop-shadow(0 0 14px #4cc8b6b8)}.tile-button:disabled{cursor:default}.tile-button.legal:hover,.tile-button.legal:focus-visible{filter:drop-shadow(0 0 16px #ffd9808c);transform:translateY(-12px)rotate(-1.5deg)scale(1.045)}.tile-button.dragging-source{opacity:0;pointer-events:none;transform:translateY(0)rotate(0)scale(1)}.tile-button:focus-visible{outline:3px solid var(--positive);outline-offset:5px}.table-drop-zones{z-index:4;pointer-events:none;opacity:0;transition:opacity .14s;position:absolute;inset:122px 90px 176px}.table-drop-zones.visible{opacity:1}.table-drop-zone{color:#0000;text-transform:uppercase;width:min(26vw,260px);height:112px;text-shadow:none;background:0 0;border:0;border-radius:16px;place-items:center;font-size:14px;font-weight:900;transition:transform .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.92)}.table-drop-zone-left{left:4%}.table-drop-zone-right{right:4%}.table-drop-zone.enabled{pointer-events:auto}.table-drop-zone.active{transform:translateY(-50%)scale(1.04)}.drag-tile-preview{z-index:20;pointer-events:none;filter:drop-shadow(0 18px 22px #0000007a);position:fixed;transform:translate(-50%,-50%)scale(1.09)rotate(-4deg)}.play-shell{min-height:100dvh}.lobby-screen,.table-screen{align-content:start;gap:24px;display:grid}.lobby-topbar{background:radial-gradient(circle at 70% 20%,#ffd9782e,#0000 24rem),linear-gradient(#083c36f5,#031316fa);border:2px solid #ffd978b8;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex;box-shadow:0 0 0 5px #402310b8,0 24px 70px #0000006b}.lobby-topbar h1{color:var(--gold);text-transform:uppercase;text-shadow:0 3px #000;margin:0;font-size:44px;line-height:1}.lobby-topbar strong,.text-link{color:var(--text-secondary);text-transform:uppercase;font-weight:900}.text-link{background:#00000047;border:1px solid #9dece073;border-radius:999px;padding:10px 14px}.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.game-type-card{border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#198e5b9e,#0000 16rem),linear-gradient(135deg,#ffd97814,#0000 35%),linear-gradient(#043a38f5,#03181cfa);border-radius:18px;min-height:360px;padding:28px;box-shadow:0 0 0 5px #402310d9,inset 0 0 70px #0000006b,0 24px 70px #0000008c}.game-type-card span{color:var(--gold);text-shadow:0 4px #000;font-size:64px;font-weight:900;display:block}.game-type-card strong{color:var(--positive);text-transform:uppercase;margin-top:10px;font-size:20px;display:block}.game-type-card p{max-width:520px;color:var(--text-secondary);margin:24px 0 0;font-size:18px;line-height:1.5}.table-choice-layout{grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:24px;display:grid}.room-setup-panel,.room-list-panel{min-height:0}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.setup-grid label{color:var(--text-secondary);text-transform:uppercase;gap:8px;font-size:12px;font-weight:900;display:grid}.setup-grid select{width:100%;color:var(--ink);font:inherit;background:#071d20;border:1px solid #ffd9788c;border-radius:12px;padding:12px}.matchmaking-form{gap:18px;display:grid}.matchmaking-status{background:#00000040;border:1px solid #ffd9786b;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.matchmaking-status strong{color:var(--gold);text-transform:uppercase}.matchmaking-status span{color:var(--text-secondary);font-weight:800}.matchmaking-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.table-row-link{color:inherit}.lobby-screen,.table-screen{background:radial-gradient(circle at 48% 0,#d8b46a1f,#0000 34rem),radial-gradient(circle at 82% 18%,#4cc8b61a,#0000 30rem),linear-gradient(135deg,#020506,#061312 48%,#030504);padding:clamp(18px,2.6vw,38px);position:relative;overflow:hidden}.lobby-screen:before,.table-screen:before{z-index:0;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:78px 78px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.lobby-screen>*,.table-screen>*{z-index:1;position:relative}.choose-game-topbar,.room-topbar{background:linear-gradient(135deg,#4cc8b60e,#0000 32%),linear-gradient(#081415f0,#010607f5);border-color:#d8b46a57;border-radius:12px;min-height:122px;padding:clamp(20px,2.6vw,34px);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #d8b46a21,0 24px 70px #0000006b}.choose-game-topbar h1,.room-topbar h1{color:var(--text-title);letter-spacing:0;text-shadow:0 2px #000,0 0 24px #d8b46a2e;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,64px);font-weight:500}.choose-game-topbar .eyebrow,.room-topbar .eyebrow{color:var(--text-title);font-size:14px}.web-lobby-pill,.change-game-link{color:var(--text-title);background:linear-gradient(#ffffff0d,#0000),#030708b8;border:1.5px solid #d8b46a80;border-radius:10px;align-items:center;padding:16px 24px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff09,0 16px 30px #00000047}.room-title-lockup{align-items:center;gap:0;display:flex}.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}.game-type-card{background:radial-gradient(circle at 20%,#ffd9801f,#0000 21rem),linear-gradient(110deg,#062f27e6,#010a0cfa);border:1.5px solid #d8b46a6b;border-radius:12px;grid-template-columns:minmax(0,1fr);align-items:center;min-height:clamp(220px,20vw,310px);padding:clamp(22px,3vw,44px);transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -70px 100px #00000042,0 24px 64px #0000005c}.game-type-card:before{content:"";opacity:.55;background:linear-gradient(120deg,#0000 0 44%,#ffd9801a 50%,#0000 58% 100%) 0 0/240% 100%,linear-gradient(45deg,#ffffff06 25%,#0000 25% 50%,#ffffff05 50% 75%,#0000 75%) 0 0/42px 42px;position:absolute;inset:0}.game-type-card-sapphire{background:radial-gradient(circle at 20%,#4ba5db24,#0000 21rem),linear-gradient(110deg,#052030e6,#01080dfa)}.game-type-card:hover,.game-type-card:focus-visible{border-color:#ffd980d1;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff0e,inset 0 -70px 100px #0000002e,0 28px 72px #00000061,0 0 36px #d8b46a24}.game-card-copy{max-width:620px;position:relative}.game-card-copy span{color:var(--text-title);overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.6vw,70px);font-weight:500;line-height:.98}.game-card-copy strong{color:var(--positive);font-size:clamp(17px,1.45vw,24px)}.game-type-card-sapphire .game-card-copy strong{color:var(--positive)}.game-card-copy p{max-width:440px;color:var(--text-secondary);font-size:clamp(16px,1.15vw,20px)}.game-type-card>i{display:none}.table-choice-layout{grid-template-columns:minmax(360px,.94fr) minmax(520px,1.06fr);gap:clamp(18px,2vw,28px)}.room-setup-panel,.room-list-panel{background:radial-gradient(circle at 20% 0,#4cc8b621,#0000 20rem),linear-gradient(#091f1bcc,#02090aeb);border-color:#d8b46a38;border-radius:14px}.panel-header{color:var(--text-title);border-bottom-color:#d8b46a2e;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.panel-header>span{align-items:center;gap:14px;display:inline-flex}.panel-header>span:after{content:none;display:none}.panel-header strong{color:var(--positive);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px}.panel-header strong:before{content:none}.setup-grid{gap:18px 24px}.setup-grid label{color:var(--text-secondary);font-size:13px}.setup-grid select{min-height:54px;color:var(--text-primary);background:linear-gradient(#ffffff09,#0000),#020b0cb3;border-color:#d8b46a47;border-radius:8px;padding:0 18px;font-size:18px;font-weight:800}.matchmaking-status{background:linear-gradient(90deg,#4cc8b614,#0000 36%),#010c0d94;border-color:#d8b46a29;border-radius:10px;min-height:72px;padding:16px 20px}.matchmaking-status strong{color:var(--positive)}.matchmaking-actions{gap:24px}.matchmaking-actions .game-button{border-radius:9px;min-height:72px}.matchmaking-actions .game-button-green{background:linear-gradient(#ffffff24,#0000 40%),linear-gradient(#bc8a3d,#5f3b15)}.matchmaking-actions .game-button-orange{background:linear-gradient(#ffffff0e,#0000 40%),linear-gradient(#202c2afa,#050c0dfa)}.lobby-section-header{margin-bottom:18px}.table-list{gap:14px;display:grid}.table-row{background:linear-gradient(90deg,#4cc8b614,#0000 44%),#010c0d94;border:1px solid #d8b46a29;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.table-row strong{color:var(--text-primary);font-size:17px}.table-row span,.empty-room-list span{color:var(--text-muted)}.table-row em{color:var(--positive);text-transform:uppercase;font-style:normal;font-weight:900}.premium-empty-state{background:radial-gradient(circle at 86% 42%,#4cc8b61f,#0000 9rem),#02111194;border:1px solid #4cc8b61f;border-radius:12px;align-items:center;gap:0;min-height:138px;padding:28px 34px;display:flex}.premium-empty-state strong{color:var(--text-primary);margin-bottom:8px;font-size:20px;display:block}.gameplay-stage{color:var(--ink);background-color:#050605;background-image:url(/table-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;overflow:hidden}.gameplay-stage:before,.gameplay-stage:after{display:none}.gameplay-stage .live-table-frame{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;position:absolute;inset:10px}.gameplay-topbar{z-index:6;color:var(--gold);text-shadow:0 2px #000;align-items:center;display:flex;position:absolute;top:20px;left:24px}.pre-game-overlay{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);text-align:center;text-shadow:0 2px #000;background:linear-gradient(135deg,#ffd9801a,#0000 42%),linear-gradient(#0a1e1dc2,#030808d1);border:1px solid #d8b46a94;border-radius:14px;justify-items:center;gap:7px;padding:18px 24px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffd98014,0 18px 45px #0000007a,0 0 38px #4cc8b617,inset 0 1px #ffffff21}.pre-game-overlay strong{color:var(--text-title);text-transform:uppercase;font-size:20px;line-height:1}.pre-game-overlay>span{color:var(--text-secondary);text-transform:uppercase;font-size:13px;font-weight:900}.pre-game-loader{gap:6px;display:flex}.pre-game-loader span{background:var(--aqua);border-radius:999px;width:9px;height:9px;animation:.9s ease-in-out infinite pre-game-dot;box-shadow:0 0 12px #4cc8b6db}.pre-game-loader span:nth-child(2){animation-delay:.12s}.pre-game-loader span:nth-child(3){animation-delay:.24s}.exit-confirmation-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 44%,#e5c77a1f,#0000 22rem),#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.exit-confirmation-modal{width:min(440px,100%);color:var(--text-primary);text-align:center;background:linear-gradient(135deg,#e5c77a1f,#0000 42%),linear-gradient(#0a1e1df0,#030808f5);border:1.5px solid #e5c77a94;border-radius:16px;gap:14px;padding:24px;display:grid;overflow:hidden;box-shadow:0 28px 80px #00000094,0 0 40px #e5c77a1a,inset 0 1px #ffffff1f}.exit-confirmation-modal>span{color:var(--warning);text-transform:uppercase;font-size:13px;font-weight:900}.exit-confirmation-modal strong{color:var(--text-title);font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,4vw,36px);font-weight:500;line-height:1.04}.exit-confirmation-modal p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.45}.exit-confirmation-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.exit-confirmation-actions .game-button{border-radius:12px;min-width:0;min-height:56px;padding:12px 16px;font-size:16px}.live-layout{grid-template-columns:minmax(320px,.55fr) minmax(560px,1.45fr);gap:28px;display:grid}.live-control-panel{min-height:640px}.stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.stat-list div,.seat-row{background:#00000040;border:1px solid #ffd9786b;border-radius:12px}.stat-list div{padding:14px}.stat-list dt{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:800}.stat-list dd{color:var(--gold);margin:5px 0 0;font-size:18px;font-weight:900}.live-actions{gap:14px;display:grid}.live-actions .game-button{width:100%}.seat-list{gap:10px;margin-top:22px;display:grid}.seat-row{grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.seat-row span{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:900}.seat-row em{color:var(--gold);font-style:normal;font-weight:800}.live-table-frame{min-height:640px}.pixi-domino-host{z-index:1;position:absolute;inset:0}.pixi-domino-canvas{width:100%;height:100%;display:block}.domino-back{background:radial-gradient(circle,#ffd98029,#0000 42%),linear-gradient(135deg,#4cc8b629,#0000 40%),linear-gradient(#1d2726,#050707);border:2px solid #050606;border-radius:7px;width:44px;height:86px;box-shadow:0 8px 15px #00000075,inset 0 0 0 2px #4cc8b62e,inset 0 1px #ffffff14}.game-button-green{background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(135deg,#4cc8b61f,#0000 42%),linear-gradient(#20302afa,#071110fa)}.game-button-orange{background:linear-gradient(#ffffff1a,#0000 38%),linear-gradient(135deg,#ffd98033,#0000 42%),linear-gradient(#584a31fa,#140f0afa)}.game-button-danger{background:linear-gradient(#ffffff1a,#0000 38%),linear-gradient(135deg,#e866663d,#0000 42%),linear-gradient(#5c2222fa,#160a0afa);border-color:#e86666b8}.content-grid{grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:28px;margin-top:28px;display:grid}.panel{min-height:540px;padding:22px}.panel-header{color:var(--gold);text-transform:uppercase;border-bottom:2px solid #ffd9788c;justify-content:space-between;align-items:center;padding-bottom:16px;font-size:24px;font-weight:900;display:flex}.panel-header strong{color:var(--positive);font-size:14px}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.variant-card{color:var(--ink);text-align:left;background:linear-gradient(#123d43,#061d22);border:2px solid #ffd978bf;border-radius:14px;padding:22px}.variant-card.active{background:linear-gradient(#0f7f3f,#06391e)}.variant-card span{font-size:28px;font-weight:900;display:block}.variant-card small{color:var(--text-secondary)}.table-list{gap:14px;margin-top:22px;display:grid}.table-row{background:#00000047;border:1px solid #ffd97873;border-radius:12px;justify-content:space-between;gap:16px;padding:16px;display:flex}.table-row strong,.table-row span{display:block}.table-row span{color:var(--text-secondary);margin-top:5px}.table-row em{color:var(--gold);background:#ffd97821;border-radius:999px;align-self:center;padding:7px 10px;font-style:normal;font-weight:800}.empty-room-list{color:var(--text-secondary);background:#00000040;border:1px solid #ffd97861;border-radius:12px;margin:0;padding:16px;font-weight:800}.live-lobby-state{gap:18px;display:grid}.lobby-subheader{margin-top:10px}.queue-row em{color:var(--positive);background:#9dece01f}.table-screen .room-topbar h1,.table-screen .panel-header{color:var(--text-title)}.table-screen .room-topbar .eyebrow,.table-screen .setup-grid label,.table-screen .matchmaking-status span,.table-screen .table-row span,.table-screen .empty-room-list,.table-screen .empty-room-list span{color:var(--text-secondary)}.table-screen .change-game-link,.table-screen .setup-grid select,.table-screen .table-row strong,.table-screen .premium-empty-state strong{color:var(--text-primary)}.table-screen .panel-header strong,.table-screen .matchmaking-status strong,.table-screen .table-row em,.table-screen .queue-row em{color:var(--positive)}.table-screen .setup-grid select,.table-screen .matchmaking-status,.table-screen .table-row,.table-screen .empty-room-list,.table-screen .premium-empty-state{border-color:rgb(var(--text-title-rgb) / .32)}.table-screen .room-setup-panel,.table-screen .room-list-panel{border-color:rgb(var(--text-title-rgb) / .24)}.table-screen .panel-header{border-bottom-color:rgb(var(--text-title-rgb) / .28)}.table-screen .table-row em,.table-screen .queue-row em{background:rgb(var(--positive-rgb) / .12)}.table-panel{padding:18px}.table-frame{border:3px solid var(--gold);background:radial-gradient(circle at center, #ffd97814, transparent 18rem), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), linear-gradient(0deg, #ffffff0a 1px, transparent 1px), var(--felt);background-size:auto,84px 84px,84px 84px,auto;border-radius:28px;place-items:center;max-width:100%;min-height:500px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 12px #1a0d08,inset 0 0 0 16px #ffd97873,inset 0 0 70px #000000d9}.board-line,.player-hand{gap:8px;display:flex}.board-line{transform:translateY(-26px)}.player-hand{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);touch-action:none;background:linear-gradient(#ffffff0e,#0000 35%),linear-gradient(135deg,#ffd98014,#0000 42%),linear-gradient(#071715c7,#020707e6);border:1.5px solid #d8b46a6b;border-radius:20px;flex-wrap:wrap;justify-content:center;max-width:min(680px,100% - 80px);padding:12px 16px 14px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 42px #00000080,0 0 34px #d8b46a14,inset 0 1px #ffffff1a,inset 0 -18px 30px #00000029}.player-hand:before{z-index:-1;content:"";opacity:.76;background:linear-gradient(100deg,#0000 0 42%,#ffd9801c 50%,#0000 58% 100%) 0 0/240% 100%;animation:9s ease-in-out infinite panel-sheen;position:absolute;inset:0}.live-board-line{pointer-events:none;place-items:center;padding:8px;display:grid;position:absolute;inset:130px 130px 180px;overflow:hidden}.board-placeholder,.empty-hand{color:var(--text-muted);background:#00000052;border:1px solid #ffd97861;border-radius:999px;padding:10px 14px;font-weight:800}.domino-tile{background:linear-gradient(135deg,#ffffff73,#0000 34%),linear-gradient(#f7e9ca,#d9c9a4);border:2px solid #1a140c;border-radius:9px;grid-template-rows:1fr 2px 1fr;width:44px;height:86px;padding:5px;transition:box-shadow .2s,filter .2s,transform .2s cubic-bezier(.2,.9,.2,1);display:grid;position:relative;box-shadow:1.5px 2px #0000005c,0 10px 16px #00000080,inset 0 1px #ffffffad,inset 0 -10px 14px #573f1f29}.domino-tile span{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.domino-tile i{background:rgb(var(--text-muted-rgb) / .78);margin:0 1px;display:block}.domino-tile b{background:var(--text-muted);width:5px;height:5px;box-shadow:0 1px 0 rgb(var(--text-primary-rgb) / .34);border-radius:999px;place-self:center}.domino-tile-placeholder{visibility:hidden}.domino-tile .pip-top-left{grid-area:1/1}.domino-tile .pip-top-right{grid-area:1/3}.domino-tile .pip-middle-left{grid-area:2/1}.domino-tile .pip-center{grid-area:2/2}.domino-tile .pip-middle-right{grid-area:2/3}.domino-tile .pip-bottom-left{grid-area:3/1}.domino-tile .pip-bottom-right{grid-area:3/3}.board-path{width:100%;height:100%;min-height:280px;position:relative}.board-path-tile{transform:translate(-50%, -50%) translate(var(--tile-x), var(--tile-y)) rotate(var(--tile-angle));transform-origin:50%;place-items:center;transition:transform .18s;display:grid;position:absolute;top:50%;left:50%}.board-path .domino-tile{border-radius:6px;width:38px;height:74px;box-shadow:0 10px 18px #0000006b,inset 0 1px #ffffffa6}.board-path .domino-board-double{outline-offset:2px;outline:2px solid #fff3c16b}.seat{border:3px solid var(--gold);width:92px;height:92px;color:var(--gold);background:linear-gradient(#24201d,#090909);border-radius:999px;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;box-shadow:0 0 24px #ffd97829}.seat-top{top:28px}.seat-left{left:28px}.seat-right{right:28px}.boneyard-panel{z-index:5;min-width:132px;color:var(--text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-shadow:0 2px #000;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(135deg,#ffd98029,#0000 48%),linear-gradient(#0b2d27fa,#030a0afa);border:1.5px solid #d8b46ac7;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:12px;padding:10px 14px;font-weight:800;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.2,.9,.2,1);display:grid;position:absolute;bottom:34px;right:34px;overflow:hidden;box-shadow:0 8px #00000042,0 18px 34px #0000006b,0 0 30px #d8b46a1c,inset 0 1px #ffffff24,inset 0 -16px 28px #0000002e}.boneyard-panel:after{content:"";opacity:.7;pointer-events:none;background:linear-gradient(105deg,#0000 42%,#fff3 50%,#0000 58%);animation:8.5s ease-in-out infinite panel-sheen;position:absolute;inset:-60% -100%}.boneyard-panel>*{z-index:1;position:relative}.boneyard-panel:hover{border-color:#ffd980db;transform:translateY(-1px);box-shadow:0 16px 32px #0000006b,0 0 34px #ffd98021,inset 0 1px #ffffff2e}.boneyard-panel .domino-back{grid-row:1/span 2;width:30px;height:58px}.boneyard-panel strong{color:var(--text-secondary);text-transform:uppercase;font-size:13px;line-height:1}.boneyard-panel em{color:var(--text-primary);text-shadow:0 0 12px rgb(var(--text-primary-rgb) / .18), 0 2px 0 #000;font-size:24px;font-style:normal;line-height:1}.live-turn-actions{z-index:5;gap:10px;display:flex;position:absolute;bottom:34px;left:34px}.live-turn-actions .game-button{border-radius:14px;min-width:104px;min-height:54px;padding:12px 18px;font-size:18px}.gameplay-stage .text-link{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);letter-spacing:0;text-transform:uppercase;background:linear-gradient(#ffffff0f,#0000 38%),linear-gradient(135deg,#ffd98014,#0000 44%),#030a0bc2;border-color:#d8b46a85;border-radius:14px;font-weight:800;position:relative;overflow:hidden;box-shadow:0 8px #00000038,0 16px 28px #0000005c,inset 0 1px #ffffff1a,0 0 22px #4cc8b60f}.gameplay-stage .text-link:hover{border-color:#ffd980c2;box-shadow:0 16px 28px #00000061,0 0 26px #ffd98024,inset 0 1px #ffffff24}@keyframes hand-tile-deal{0%{opacity:0;transform:translateY(42px)scale(.86)rotate(5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes ambient-drift{0%{background-position:0 0,32px 18px,0 0,0 0,0 0}to{background-position:74px 74px,-80px 130px,84px 0,0 84px,180px 180px}}@keyframes stage-sheen{0%,18%{opacity:.56;background-position:130% 0,0 0}42%{opacity:.86;background-position:-20% 0,0 0}to{opacity:.62;background-position:-20% 0,0 0}}@keyframes panel-sheen{0%,28%{background-position:140% 0}58%{background-position:-80% 0}to{background-position:-80% 0}}@keyframes control-sheen{0%{transform:translate(-42%)}to{transform:translate(42%)}}@keyframes snap-zone-pulse{0%,to{transform:translateY(-50%)scale(.92)}50%{transform:translateY(-50%)scale(.98)}}@keyframes pre-game-dot{0%,to{opacity:.34;transform:translateY(0)scale(.84)}50%{opacity:1;transform:translateY(-5px)scale(1)}}@media (max-width:980px){.app-shell{padding:16px}.hero-panel,.content-grid{grid-template-columns:1fr}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:32px}.content-grid{gap:18px}.live-layout,.table-choice-layout{grid-template-columns:1fr}.game-type-card{min-height:260px}}@media (max-width:640px){.app-shell{padding:10px}.hero-panel,.panel{border-radius:14px}.hero-panel{gap:16px;padding:18px}.brand-mark{min-height:88px;font-size:22px}.hero-copy h1{font-size:26px}.hero-copy p:last-child{font-size:15px}.hero-actions{grid-template-columns:1fr}.lobby-topbar{flex-direction:column;align-items:flex-start;padding:18px}.lobby-topbar h1{font-size:34px}.game-type-card{grid-template-columns:minmax(0,1fr);min-height:220px;padding:22px}.game-card-copy span{font-size:46px}.game-card-copy p{margin-top:14px;font-size:15px}.setup-grid{grid-template-columns:1fr}.game-button{width:100%;min-width:0;min-height:52px;padding:14px 16px;font-size:16px}.content-grid,.variant-grid,.stat-list{grid-template-columns:1fr}.panel{min-height:auto;padding:14px}.table-frame,.live-table-frame{border-radius:20px;min-height:min(520px,100dvh - 24px)}.seat{width:72px;height:72px;font-size:11px}.seat-left{left:14px}.seat-right{right:14px}.domino-tile,.domino-back{width:36px;height:70px}.player-hand{width:min(94vw,420px);max-width:none;max-height:158px;padding:8px 8px 10px;bottom:112px;left:50%;overflow-y:auto;transform:translate(-50%)}.table-drop-zones{inset:86px 12px 238px}.table-drop-zone{border-radius:12px;width:min(42vw,160px);height:86px;font-size:11px}.live-board-line{inset:88px 18px 268px}.board-path{transform-origin:50%;min-height:210px;transform:scale(.82)}.boneyard-panel{column-gap:8px;min-width:0;padding:8px 10px;inset:12px 12px auto auto;box-shadow:0 5px #1c0e06,0 13px 20px #00000057,inset 0 1px #ffffff2e}.boneyard-panel .domino-back{width:22px;height:42px}.boneyard-panel strong{font-size:10px}.boneyard-panel em{font-size:19px}.live-turn-actions{justify-content:center;bottom:18px;left:16px;right:16px}.live-turn-actions .game-button{flex:1;min-width:0}.gameplay-stage .live-table-frame{box-shadow:none;background:0 0;border-radius:0;inset:0}.gameplay-topbar{top:10px;left:10px}.pre-game-overlay{width:min(76vw,280px);padding:16px 18px}}@media (max-width:760px){.game-type-grid{grid-template-columns:1fr}}@media (max-width:420px){.panel-header{flex-direction:column;align-items:flex-start;gap:6px;font-size:20px}.table-row{flex-direction:column;align-items:flex-start}.seat{width:62px;height:62px;font-size:10px}.seat-top{top:16px}.domino-tile,.domino-back{width:32px;height:62px;padding:4px}.domino-tile b{width:4px;height:4px}}@media (max-width:640px) and (orientation:portrait){.table-frame,.live-table-frame{min-height:100dvh}.domino-tile,.domino-back{width:38px;height:74px}.domino-tile b{width:4px;height:4px}.player-hand{scrollbar-width:none;background:linear-gradient(#08261f6b,#010909ad);border-radius:12px;flex-wrap:nowrap;justify-content:center;gap:6px;width:calc(100vw - 22px);max-height:92px;padding:7px 10px 9px;bottom:76px;overflow:auto hidden}.player-hand::-webkit-scrollbar{display:none}.table-drop-zones{inset:104px 12px 174px}.table-drop-zone{width:min(38vw,138px);height:78px}.boneyard-panel{box-sizing:border-box;border-radius:11px;column-gap:8px;width:128px;min-width:128px;height:58px;min-height:58px;padding:7px 10px;top:auto;bottom:8px;right:8px;transform:none}.boneyard-panel .domino-back{width:26px;height:42px}.boneyard-panel strong{font-size:10px}.boneyard-panel em{font-size:22px}.live-turn-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;bottom:8px;left:8px;right:144px}.live-turn-actions .game-button{border-radius:11px;width:auto;min-height:58px;padding:8px 10px;font-size:14px}}@media (max-height:620px) and (orientation:landscape){.app-shell{padding:8px}.live-layout{grid-template-columns:320px minmax(520px,1fr);gap:12px}.live-control-panel,.table-frame,.live-table-frame{min-height:calc(100dvh - 16px)}.seat{width:64px;height:64px;font-size:10px}.gameplay-stage .live-table-frame{inset:0}.domino-tile,.domino-back{border-radius:6px;width:31px;height:60px;padding:4px}.domino-tile b{width:4px;height:4px}.player-hand{background:linear-gradient(#072f29a8,#020e0ec2);border-radius:14px;gap:6px;width:min(72vw,560px);max-height:86px;padding:7px 10px;bottom:68px;left:50%;overflow:hidden}.table-drop-zones{inset:58px 18px 156px}.table-drop-zone{width:min(24vw,132px);height:68px}.boneyard-panel{transform-origin:100% 0;top:9px;bottom:auto;right:10px;transform:scale(.86)}.live-turn-actions{gap:8px;bottom:9px;left:10px;right:10px}.live-turn-actions .game-button{border-radius:12px;min-height:46px;padding:8px 12px;font-size:15px}.gameplay-topbar{top:10px;left:12px}}