@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_4932f9da-module__Hp4EYa__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_4932f9da-module__Hp4EYa__variable{--font-geist:"Geist", "Geist Fallback"}
:root{--bg:#0c1210;--sidebar:#0e1512;--panel:#131a16;--panel-light:#182019;--border:#26312a;--border-soft:#1e2823;--text:#f3eee0;--muted:#bdc7be;--faint:#aab7ad;--gold:#d6b26e;--gold-light:#efd5a0;--gold-deep:#b08d4a;--green:#80bca0;--emerald:#1a3d2e;--sidebar-w:222px;--topbar-h:68px;--font-sans:var(--font-geist), system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-display:var(--font-sans);--radius-hero:20px;--radius-card:16px;--radius-control:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.01em;text-wrap:balance;font-weight:600;line-height:1.3}p{text-wrap:pretty}small,label,.eyebrow{line-height:1.4}input,select{min-width:0}::selection{color:#101413;background:#b2945c}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border-soft);z-index:30;flex-direction:column;padding:26px 14px 0;display:flex;position:fixed;top:0;bottom:0}.brand{text-align:left;align-self:flex-start;align-items:center;gap:12px;padding:0 10px;display:flex}.brand-mark{flex-shrink:0;width:26px;height:42px;display:block;transform:rotate(14deg)}.brand-mark .domino-tile{background:var(--gold);width:24px;height:42px;box-shadow:none;min-width:0;min-height:0;aspect-ratio:unset;border-radius:4px;gap:3px;padding:4px}.brand-mark .pip-face{gap:1px}.brand-mark .pip{width:3px;height:3px}.brand-mark .tile-divider{background:#63533a;height:1px}.brand-text{font-family:var(--font-sans);letter-spacing:-.8px;font-size:26px;font-weight:700;line-height:1}.brand-text small{letter-spacing:.6px;text-transform:uppercase;color:var(--faint);margin-top:9px;font-size:12px;font-weight:500;line-height:1.7;display:block}.brand-period{color:var(--gold)}.sidebar nav{flex-direction:column;gap:4px;margin-top:34px;display:flex}.nav-item{text-align:left;color:#aab5ab;border:1px solid #0000;border-radius:8px;align-items:center;gap:13px;width:100%;padding:12px 15px;font-size:14.5px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#151d18}.nav-item.active{color:var(--text);background:linear-gradient(90deg,#1d2a1f,#141c17);border-color:#2d3a2d}.nav-item.active:before{content:"";background:var(--gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:-15px}.nav-item.active svg:first-child{color:var(--gold)}.nav-chevron{color:var(--faint);margin-left:auto}.sidebar-bottom{margin-top:auto;padding:30px 0 22px}.sidebar-bottom>.nav-item{padding:11px 15px}.status-dot{background:#85b69a;border-radius:100%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #7db89740}.status-dot.muted{background:#b7a177}.main-shell{width:calc(100% - var(--sidebar-w));margin-left:var(--sidebar-w);min-width:0}.topbar{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:24px;padding:0 40px;display:flex}.search{border:1px solid var(--border);width:100%;max-width:350px;height:40px;color:var(--faint);background:#10171370;border-radius:999px;align-items:center;gap:12px;padding:0 16px;transition:border-color .18s;display:flex}.search:focus-within{border-color:#5b6a55}.topbar .search input{width:auto;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;min-height:0;padding:0;font-size:14px}.topbar .search input::placeholder{color:var(--faint);font-size:inherit}.header-actions{align-items:center;gap:22px;display:flex}.online-indicator{color:#adb8ac;white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.icon-button{color:#a5b0a5;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative}.icon-button:hover{color:var(--gold);background:#1b241e}.has-alerts:after{content:"";background:var(--gold);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:7px;right:8px}.alerts{position:relative}.popover{background:var(--panel-light);z-index:40;border:1px solid #34413a;border-radius:12px;width:290px;padding:6px;animation:.16s fade-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #0008}.popover-item{text-align:left;width:100%;color:var(--gold);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.popover-item:hover{background:#222c25}.popover-item>span{flex-direction:column;flex:1;gap:3px;display:flex}.popover-item strong{color:var(--text);font-size:13px;font-weight:600}.popover-item small{color:var(--muted);font-size:12.5px}.popover-empty{color:var(--muted);align-items:center;gap:10px;padding:16px 12px;font-size:13px;display:flex}.popover-empty svg{color:var(--green)}.profile-button{text-align:left;border:1px solid #0000;border-radius:999px;align-items:center;gap:11px;padding:5px 12px 5px 5px;display:flex}.profile-button:hover{border-color:var(--border);background:#10171370}.profile-button>svg{color:var(--faint)}.avatar{color:#e5dfc4;background:radial-gradient(circle at 30% 25%,#4a5d4b,#2a3a2e);border:1px solid #5c6646;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.5px;font-weight:600;display:flex}.profile-text{font-size:13.5px;font-weight:600;line-height:1}.profile-text small{color:var(--muted);margin-top:5px;font-size:12.5px;font-weight:400;display:block}main{max-width:1440px;margin:0 auto;padding:8px 40px 48px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 27px;display:flex}.eyebrow{letter-spacing:.6px;color:var(--gold);font-size:12px;font-weight:600}h1{letter-spacing:-.3px;font-size:36px;line-height:1.15}.page-heading .eyebrow{margin-bottom:10px;display:block}.page-heading p{color:var(--muted);max-width:60ch;margin-top:10px;font-size:15px}.gold-text{color:var(--gold)!important}.green-text{color:#86ba99}.button{border-radius:var(--radius-control);letter-spacing:-.005em;white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.button-gold{color:#241f12;background:linear-gradient(110deg,#e9c98a,#d3ac60);border:1px solid #e7c286;box-shadow:0 6px 18px #d6b26e26}.button-gold:hover{background:var(--gold-light);box-shadow:0 6px 24px #dfb97840}.button-gold>svg:last-child:not(:first-child){margin-left:8px}.button-ghost{color:#eadfc3;background:#ffffff0f;border:1px solid #ffffff26}.button-ghost:hover:not(:disabled){color:#241f12;background:var(--gold-light);border-color:#e7c286;box-shadow:0 6px 20px #dfb97833}.text-button{color:#a9b4a6;align-items:center;gap:7px;font-size:13px;display:inline-flex}.text-button:hover{color:var(--gold)}.round-arrow{color:#d9d2bb;background:#1f2a22;border:1px solid #38463b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin:34px 0 18px;display:flex}.section-heading h2{font-size:24px;line-height:1.3}.section-heading>span{letter-spacing:0;text-transform:none;color:var(--faint);align-items:center;gap:10px;font-size:13px;display:flex}.section-heading>span i{background:#3a4a3d;width:34px;height:1px}.section-heading .text-button{font-size:13.5px}.hero-pill{letter-spacing:.6px;color:#b9cbb3;white-space:nowrap;background:#162f2766;border:1px solid #6f927046;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:500;display:inline-flex}.hero-pill .status-dot{background:#b1c492;width:4px;height:4px}.live-tag{color:#8fd4a8;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:#1c3a2a;border:1px solid #2f5a41;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.live-tag:before{content:"";background:#7fd59d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #7fd59d}.soon-tag{color:#9fc2ab;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:#2a3a2f;border:1px solid #3d5142;border-radius:4px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.filter-note{color:var(--muted);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.filter-note .text-button{margin-left:6px}.clubhouse-panel{background:var(--panel);border:1px solid #34402e;border-radius:12px;max-width:760px;padding:30px}.clubhouse-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.skin-preview-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.skin-preview{text-align:left;background:#19201b;border:1px solid #31392f;border-radius:7px;min-width:0;padding:0;overflow:hidden}.skin-preview:hover{border-color:#8c825c}.skin-preview.skin-active{border-color:#98844f}.skin-art{perspective:550px;background:radial-gradient(at 50% 100%,#65695740,#0000 74%),#252c22;height:121px;position:relative;overflow:hidden}.art-obsidian{background:radial-gradient(at 50% 100%,#57554240,#0000 74%),#212824}.art-jade{background:radial-gradient(at 50% 100%,#63997330,#0000 74%),#1d2e27}.art-rosewood{background:radial-gradient(at 50% 100%,#95746630,#0000 74%),#302323}.skin-halo{filter:blur(13px);background:#00000030;border-radius:100%;width:130px;height:60px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.skin-art .domino-tile{border-radius:5px;width:37px;height:73px;padding:6px;position:absolute;bottom:17px;left:50%}.skin-art .pip-face{gap:2px}.skin-art .pip{width:4px;height:4px}.skin-art .preview-tile-back{z-index:1;transform:translate(-87%)rotateX(30deg)rotate(-28deg)}.skin-art .preview-tile-front{z-index:2;transform:translate(-6%,4px)rotateX(30deg)rotate(22deg)}.skin-selection{color:#9ca28c;background:#3b463680;border:1px solid #66725455;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;right:8px}.skin-selection.equipped{background:var(--gold);color:#343726;border:0}.skin-caption{border-top:1px solid #45513a40;padding:11px 13px 12px}.skin-caption strong{font-size:15px;font-weight:500;line-height:1.4;display:block}.skin-caption>span{letter-spacing:.4px;color:var(--muted);margin-top:6px;font-size:12px;display:block}.skin-active .skin-caption>span{color:#c5a768}.domino-tile{color:#29352c;background:linear-gradient(130deg,#fff8e8,#e7dfc9);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:6px;width:48px;height:94px;padding:8px 7px;display:flex;position:relative;box-shadow:1px 3px #b6aa8e,2px 5px #8b806d,5px 10px 13px #0005,inset 0 1px 2px #fff9}.pip-face{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:3px;display:grid}.pip{visibility:hidden;border-radius:50%;width:5px;height:5px;display:block}.pip.visible{visibility:visible;background:currentColor;box-shadow:inset 0 1px 2px #0007}.tile-divider{background:#a79f87;flex-shrink:0;height:1px;display:block;box-shadow:0 1px #fff8}.skin-obsidian{color:#d7b77a;background:linear-gradient(135deg,#3c4247,#20262b);box-shadow:1px 3px #151b20,2px 5px #0e1317,5px 10px 13px #0006,inset 0 1px 1px #78818860}.skin-obsidian .tile-divider{background:#0a1117;box-shadow:0 1px #5e625260}.skin-jade{color:#52ab7d;background:linear-gradient(135deg,#bdd8c7,#78ac91);box-shadow:1px 3px #50876b,2px 5px #355b46,5px 10px 13px #0005,inset 0 1px 2px #dcffe799}.skin-jade .tile-divider{background:#679b7a;box-shadow:0 1px #eaffed50}.skin-rosewood{color:#e8c28e;background:linear-gradient(135deg,#97615a,#603633);box-shadow:1px 3px #422522,2px 5px #321c19,5px 10px 13px #0005,inset 0 1px 2px #d2a28750}.skin-rosewood .tile-divider{background:#4b2c26;box-shadow:0 1px #c2906b40}.scene-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;height:100%;padding:45px;display:flex;transform:perspective(1000px)rotateX(25deg)}.scene-fallback:not(.hero-fallback) .domino-tile{margin:0 25px;transform:rotate(-90deg)}.hero-fallback .domino-tile{width:65px;height:128px;margin:0 12px;transform:rotate(-25deg)}.hero-fallback .domino-tile:nth-child(2){transform:translateY(-40px)rotate(15deg)}.hero-fallback .pip{width:8px;height:8px}.scene-loading{justify-content:center;align-items:center;height:100%;display:flex}.gold-dot{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:1.5s infinite breathe}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.open-ends{letter-spacing:1.5px;color:#b3c1a0;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.open-ends strong{color:#e9d5a6;background:#0f1d1455;border:1px solid #a2b38850;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12.5px;font-weight:500;display:inline-flex}.open-ends>span{letter-spacing:0;color:#98a986}.turn-clock{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.game-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.game-heading>div{text-align:center}.game-heading h1{margin-top:7px;font-size:24px}.game-heading .text-button{font-size:12.5px}.game-surface{background:radial-gradient(at 50% 45%,#2a5943,#153628 73%,#142c22);border:1px solid #445742;border-radius:17px;height:455px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #171f1770,inset 0 0 0 8px #6c815520,inset 0 0 75px #0003}.table-midnight{background:radial-gradient(at 50% 45%,#354b68,#1c2b41 73%,#121e2b)!important;border-color:#526782!important}.table-walnut{background:radial-gradient(at 50% 45%,#6a5140,#422e24 73%,#31221c)!important;border-color:#7c674b!important}.table-top-info,.table-bottom-info{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:24px;right:24px}.table-top-info{top:14px}.table-top-info>span{letter-spacing:1.5px;color:#a3b397;align-items:center;gap:8px;font-size:11px;display:flex}.table-bottom-info{color:#8b9f84;font-size:11px;bottom:21px}.table-bottom-info>span:first-child{align-items:center;gap:5px;display:flex}.opponent-info{z-index:2;white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}.opponent-info .avatar{background:#1c3427;width:42px;height:42px}.avatar-turn{box-shadow:0 0 0 3px #cfb27780}.opponent-info strong{font-size:13px}.opponent-info>div>span{color:#93a889;margin-top:5px;font-size:11.5px;display:block}.opponent-hand{gap:3px;margin-left:18px;display:flex;position:relative}.opponent-hand i{background:linear-gradient(120deg,#8b9272,#626c51);border:1px solid #a7ac8c;border-radius:2px;width:13px;height:24px;display:block;box-shadow:1px 2px #0005}.opponent-hand small{text-align:center;color:#92a289;width:100%;font-size:11px;position:absolute;bottom:-17px}.board-scene{position:absolute;inset:78px 0 35px}.table-watermark{text-align:center;pointer-events:none;opacity:.5;flex-direction:column;align-items:center;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.watermark-domino{color:#a0b68b;font-size:26px}.table-watermark strong{font-size:30px;font-family:var(--font-display);letter-spacing:-1.5px;color:#a0b68b;margin:5px 0 12px}.table-watermark>span:last-child{white-space:nowrap;color:#c7d7b9;font-size:12px}.hand-panel{background:#1a211b;border:1px solid #303c2c;border-radius:10px;margin-top:18px;margin-bottom:28px;padding:22px 25px}.hand-heading{color:#8a9d88;justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.hand-heading>div{align-items:center;gap:8px;display:flex}.hand-heading strong{color:#cfd9c6;font-size:13px}.hand-heading>div>span:last-child{margin-left:10px}.turn-dot{background:#879181;border-radius:50%;width:6px;height:6px}.is-your-turn{background:var(--gold);box-shadow:0 0 10px #ddba5860}.hand-tiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;min-height:145px;padding:28px 0 23px;display:flex}.hand-tile{background:0 0;border:1px solid #0000;border-radius:9px;padding:4px 4px 8px;transition:transform .2s,border-color .2s}.hand-tile:disabled{opacity:.45}.hand-tile.playable{background:#d6c97b06;box-shadow:0 0 0 1px #a6bd7d45}.hand-tile.playable:hover,.hand-tile.selected{border-color:var(--gold);transform:translateY(-10px);box-shadow:0 5px 20px #b1955318}.hand-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hand-controls .button{min-height:35px;padding:9px 13px;font-size:12px}.hand-controls>span{color:#8d9d89;margin-left:10px;font-size:11.5px}.button-outline{color:#bdc7b5;background:#242c21;border:1px solid #4a573d}.button-outline:hover{background:#303b29;border-color:#86986a}.table-message{z-index:4;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#172e21df;border:1px solid #51654160;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:90px 30px 48px}.table-message h2{letter-spacing:-.6px;font-size:23px}.table-message>p{color:#a2b497;font-size:12.5px}.table-message>span:last-child{color:#90a47f;font-size:11.5px}.modal-symbol{width:47px;height:47px;color:var(--gold);background:#bdaa5320;border:1px solid #bdaa5330;border-radius:13px;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.room-code{letter-spacing:5px;color:var(--gold);background:#222f21;border:1px solid #82784b;border-radius:7px;align-items:center;gap:25px;margin:5px 0;padding:12px 20px;font-size:23px;font-weight:600;display:flex}.room-code>svg{letter-spacing:0}.result-message{inset:62px 30px 44px}.result-message .button{margin-top:7px}.result-message>small{color:#9dae90;font-size:11.5px}.resume-banner{text-align:left;width:100%;color:var(--gold);background:#302e20;border:1px solid #6e6240;border-radius:6px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 19px;font-size:12.5px;display:flex}.resume-banner>svg:last-child{margin-left:auto}.resume-banner strong{margin-left:5px;font-weight:500;text-decoration:underline}.queue-orbit{width:65px;height:65px;color:var(--gold);border:1px dashed #a99558;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:2s infinite breathe;display:flex}.queue-card>.button{font-size:11.5px}.collection-count{color:var(--muted);white-space:normal;align-items:center;gap:9px;font-size:13px;display:flex}.collection-showcase{background:radial-gradient(at 65% 0,#35543b,#1a3326);border:1px solid #4d5f42;border-radius:11px;height:260px;display:flex;position:relative;overflow:hidden}.collection-showcase>div:first-child{z-index:1;width:50%;padding:48px 37px}.collection-showcase h2{letter-spacing:-1px;margin:21px 0 9px;font-size:30px}.collection-showcase p{color:#b2c0a5;font-size:13px}.equipped-label{color:#d1ba83;align-items:center;gap:7px;margin-top:25px;font-size:12px;display:inline-flex}.collection-scene{width:56%;height:100%;position:absolute;top:0;right:0}.full-skin-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.full-skin-grid .skin-art{height:172px}.full-skin-grid .skin-art .domino-tile{transform-origin:50%;width:46px;height:90px;bottom:31px}.full-skin-grid .skin-art .pip{width:5px;height:5px}.full-skin-grid .skin-caption{padding:15px 17px 8px}.full-skin-grid .skin-caption strong{font-size:15px}.skin-description{color:var(--muted);padding:0 17px 18px;font-size:14px;line-height:1.6}.table-options{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px;display:grid}.table-options>button{text-align:left;background:#1b231d;border:1px solid #35432e;border-radius:8px;align-items:center;gap:15px;padding:18px;display:flex}.table-options>button.chosen{border-color:#b39b61}.table-options>button>strong{font-size:12.5px;font-weight:500}.table-options>button>span:last-child{color:var(--gold);margin-left:auto}.table-swatch{border:3px solid #485339;border-radius:9px;justify-content:center;align-items:center;width:56px;height:37px;display:flex;box-shadow:0 4px 3px #0003}.table-swatch>span{border:1px solid #d0dcb51f;border-radius:5px;width:40px;height:22px}.leaderboard-banner{background:radial-gradient(at 5% 0,#bfa56420,#0000 80%),#20281e;border:1px solid #575338;border-radius:9px;align-items:center;gap:25px;margin-bottom:25px;padding:30px;display:flex}.leaderboard-banner>svg{color:var(--gold);flex-shrink:0}.leaderboard-banner h2{letter-spacing:0;font-size:22px;font-weight:600;line-height:1.3}.leaderboard-banner p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}.leaderboard-banner .hero-pill{margin-left:auto}.data-panel{background:#192019;border:1px solid #34402e;border-radius:10px;margin-bottom:30px;overflow:hidden}.leaderboard-row{color:var(--muted);border-bottom:1px solid #2e3a28;grid-template-columns:.7fr 2.5fr 1.2fr .7fr 1fr;align-items:center;gap:15px;padding:20px 28px;font-size:14px;display:grid}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.table-header{letter-spacing:.4px;color:var(--muted);background:#20281d;padding-top:17px;padding-bottom:17px;font-size:12px}.leaderboard-row>span:first-child{padding-left:10px;font-size:13px}.leaderboard-row.table-header>span:first-child{padding-left:0;font-size:12px}.leaderboard-row>strong:last-child{text-align:right;color:#d7c18c}.leaderboard-row>strong:last-child small{color:#8f9c86;font-size:12px;font-weight:400}.leaderboard-row>span:last-child{text-align:right}.leader-name{color:#d9e2d1;overflow-wrap:anywhere;align-items:center;gap:13px;min-width:0;font-size:14px;font-weight:500;display:flex}.leader-name>small{color:var(--gold);background:#a99d5230;border-radius:2px;padding:3px;font-size:12px}.current-player{background:#a9a35f0b}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:15px;padding:75px 30px;display:flex}.empty-state>svg{color:#a89868;margin-bottom:10px}.empty-state h3{letter-spacing:0;font-size:20px;line-height:1.4}.empty-state p{color:var(--muted);max-width:400px;font-size:15px;line-height:1.7}.empty-state .button{white-space:normal;margin-top:9px;font-size:14px}.history-row{color:var(--muted);border-bottom:1px solid #303c29;align-items:center;gap:20px;padding:22px 26px;font-size:14px;display:flex}.history-row:last-child{border-bottom:0}.match-result{color:#b19b81;background:#58473640;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.result-win{color:#a3c285;background:#5c804440}.history-row>div strong{color:#d2deca;margin-bottom:6px;font-size:15px;display:block}.history-row>.history-mode{text-transform:capitalize;color:#b5c2ac;margin-left:auto}.history-row>strong{text-align:right;min-width:70px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080e0bcc;justify-content:center;align-items:center;padding:25px;animation:.16s fade-in;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(135deg,#222c22,#1a241d);border:1px solid #4e5b41;border-radius:14px;width:440px;max-height:calc(100dvh - 50px);padding:29px;overflow-y:auto;box-shadow:0 25px 100px #0009}.modal-wide{width:565px}.modal-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-heading h2{letter-spacing:-.2px;font-size:21px;font-weight:600;line-height:1.3}.modal-heading .icon-button{flex-shrink:0;margin-right:-7px}.modal-subtitle{color:var(--muted);margin:12px 0 24px;font-size:14px;line-height:1.65}.segmented-control{background:#121c16;border:1px solid #35432d;border-radius:7px;gap:4px;margin-bottom:23px;padding:4px;display:flex}.segmented-control button{color:var(--muted);background:0 0;border-radius:4px;flex:1;min-height:44px;padding:10px;font-size:14px}.segmented-control button.selected{color:#e4d0a4;background:#36402b;box-shadow:0 1px 3px #0003}.field-label{color:var(--muted);justify-content:space-between;align-items:center;margin:18px 0 9px;font-size:14px;font-weight:500;display:flex}input:not([type=range]){color:#e0e9d7;background:#131e17;border:1px solid #3d4b33;border-radius:5px;width:100%;min-height:48px;padding:13px;font-size:16px;line-height:1.5}input::placeholder{color:var(--muted);font-size:inherit;opacity:1}.full-width{width:100%}form .full-width{margin-top:22px}.form-error{color:#efb3a5;background:#c9614112;border:1px solid #b8573630;border-radius:5px;margin-top:14px;padding:10px;font-size:12.5px;line-height:1.7}.form-note{color:#8d9e81;justify-content:center;align-items:center;gap:5px;margin:18px 0;font-size:12px;display:flex}.centered{margin:20px auto 0;font-size:12px;display:flex}.or-divider{letter-spacing:.6px;color:#8e9e7d;align-items:center;gap:12px;margin:26px 0 22px;font-size:12px;display:flex}.or-divider>span{background:#38472d;flex:1;height:1px}.code-input{letter-spacing:4px;text-align:center;font-size:21px!important}.code-input::placeholder{letter-spacing:2px;font-size:12.5px}.setting-row{border-top:1px solid #36442e;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.setting-row strong{font-size:15px;font-weight:500}.setting-row p{color:var(--muted);margin-top:7px;font-size:14px}.toggle{background:#49543f;border-radius:15px;flex-shrink:0;width:38px;height:22px;padding:3px}.toggle>span{background:#b5c3a3;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.toggle.on{background:#bc9f61}.toggle.on>span{background:#fff0c7;transform:translate(16px)}input[type=range]{accent-color:#d5b474;cursor:pointer;width:100%;margin:9px 0 24px}.account-details{border-top:1px solid #39472f;align-items:center;gap:11px;margin-bottom:8px;padding:20px 0;display:flex}.account-details strong{font-size:15px}.account-details p{color:var(--muted);margin-top:5px;font-size:14px}.rules-demo{background:#18261a;border:1px solid #354b30;border-radius:8px;justify-content:center;align-items:center;gap:26px;height:117px;margin:12px 0 25px;display:flex}.rules-demo .domino-tile{margin:0 19px;transform:rotate(-90deg)}.rules-demo>span:not(.domino-tile){color:#b3ca91;background:#527a4540;border:1px solid #74995470;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.rules-list>div{gap:17px;margin-bottom:22px;display:flex}.rules-list>div>span{width:26px;color:var(--gold);flex-shrink:0;padding-top:2px;font-size:13px}.rules-list h3{margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.4}.rules-list p{color:var(--muted);font-size:14px;line-height:1.7}.rules-note{color:#b5a570;border-top:1px solid #415235;align-items:center;gap:12px;padding:19px 0 24px;display:flex}.rules-note>svg{flex-shrink:0}.rules-note p{color:var(--muted);font-size:14px;line-height:1.8}.dialog-actions{gap:10px;display:flex}.dialog-actions>.button{flex:1;font-size:12px}.toast{left:calc(50% + var(--sidebar-w) / 2);z-index:200;background:#303b2d;border:1px solid #6c7b54;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 40px);padding:12px 14px 12px 17px;font-size:12.5px;animation:.2s fade-in;display:flex;position:fixed;bottom:28px;transform:translate(-50%);box-shadow:0 8px 35px #0005}.toast-icon{color:var(--gold);align-items:center;display:flex}.toast>.icon-button{width:22px;height:22px;margin-left:9px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.4}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:1280px){.full-skin-grid,.table-options{gap:10px}.table-options>button{gap:10px;padding:14px}.table-options>button>strong{font-size:12.5px}.table-swatch{width:43px;height:32px}.table-swatch>span{width:30px;height:18px}}@media (max-width:980px){:root{--sidebar-w:76px}.sidebar{align-items:center;padding:22px 8px 0}.brand{padding:0}.brand-text{display:none}.sidebar nav{width:100%}.nav-item{justify-content:center;width:48px;height:46px;margin:3px auto;padding:0}.nav-item span,.nav-chevron{display:none}.nav-item.active:before{left:-14px}.sidebar-bottom{flex-direction:column;align-items:center;width:100%;display:flex}.online-indicator{display:none}.leaderboard-row{color:var(--muted);grid-template-columns:.5fr 2fr 1fr .5fr .9fr;padding:17px 20px;font-size:14px}.full-skin-grid{grid-template-columns:repeat(2,1fr)}.table-options>button{flex-wrap:wrap}.table-options>button>strong{font-size:12px}.hand-heading>div>span:last-child,.leaderboard-banner .hero-pill{display:none}}@media (max-width:720px){.topbar{gap:12px;height:60px;padding:0 18px}.search{height:36px}.header-actions{gap:8px}.profile-text,.profile-button>svg{display:none}.profile-button{padding:3px}.avatar{width:32px;height:32px;font-size:11.5px}main{padding:6px 18px 40px}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:21px}h1{font-size:27px}.page-heading p{font-size:13px;line-height:1.7}.section-heading{flex-wrap:wrap;align-items:baseline;margin-top:28px}.section-heading h2{font-size:24px;line-height:1.3}.section-heading>span{letter-spacing:0;text-transform:none;font-size:13px;display:none}.game-heading{gap:10px}.game-heading h1{font-size:19px}.game-heading .text-button{gap:3px;font-size:12px}.game-heading .eyebrow{font-size:12px}.game-surface{height:405px}.table-top-info,.table-bottom-info{left:17px;right:17px}.table-top-info>span{letter-spacing:.6px;font-size:11px}.opponent-info{top:55px}.opponent-info strong{font-size:12px}.opponent-info>div>span{font-size:11px}.opponent-hand{gap:2px;margin-left:8px}.opponent-hand i{width:9px;height:20px}.table-bottom-info{font-size:11px}.board-scene{inset:97px 0 35px}.hand-panel{padding:19px 15px}.hand-heading{font-size:11px}.hand-heading strong{font-size:12.5px}.hand-tiles{gap:7px;padding-top:25px}.hand-tiles .domino-tile{gap:4px;width:37px;height:74px;padding:6px}.hand-tiles .pip-face{gap:2px}.hand-tiles .pip{width:4px;height:4px}.hand-controls>span{margin-left:0;font-size:11px}.table-message{gap:10px;padding:16px;inset:99px 13px 45px}.table-message h2{font-size:18px}.table-message>p{font-size:12px;line-height:1.7}.room-code{font-size:20px}.result-message{inset:60px 13px 40px}.table-message .button{font-size:12px}.table-message>small{font-size:11px}.collection-count{white-space:normal;color:var(--muted);margin-top:4px;font-size:13px}.collection-showcase{height:260px}.collection-showcase>div:first-child{width:70%;padding:35px 25px}.collection-showcase h2{font-size:26px}.collection-showcase p{font-size:12px}.collection-scene{opacity:.7;pointer-events:none;width:75%;top:20px;right:-23%}.equipped-label{white-space:nowrap;font-size:12px}.full-skin-grid .skin-art{height:157px}.table-options{grid-template-columns:1fr}.table-options>button{gap:18px;padding:15px 20px}.table-options>button>strong{font-size:13px}.table-swatch{width:53px;height:37px}.table-swatch>span{width:39px;height:23px}.leaderboard-banner{gap:17px;padding:25px 20px}.leaderboard-banner h2{letter-spacing:0;font-size:22px;line-height:1.3}.leaderboard-banner>svg{width:33px}.leaderboard-banner p{color:var(--muted);font-size:14px;line-height:1.6}.leaderboard-row{color:var(--muted);grid-template-columns:.4fr 1.8fr .7fr;gap:7px;padding:18px 13px;font-size:14px}.leaderboard-row>span:nth-child(3),.leaderboard-row>span:nth-child(4){display:none}.leaderboard-row.table-header{letter-spacing:.4px;color:var(--muted);font-size:12px}.leaderboard-row.table-header>span:first-child{font-size:12px}.leaderboard-row>span:first-child{padding-left:4px}.leader-name{overflow-wrap:anywhere;gap:8px;min-width:0;font-size:14px}.leader-name .avatar{width:27px;height:27px;font-size:12px}.leader-name>small{font-size:12px}.empty-state{padding:60px 23px}.empty-state h3{letter-spacing:0;font-size:20px;line-height:1.4}.empty-state p{color:var(--muted);font-size:15px;line-height:1.7}.empty-state .button{white-space:normal;font-size:14px}.history-row{color:var(--muted);gap:12px;padding:18px 15px;font-size:14px}.history-row>.history-mode{display:none}.history-row>span:nth-last-child(2){margin-left:auto;font-size:12px}.history-row>strong{min-width:40px;font-size:12px}.match-result{width:32px;height:32px}.history-row>div strong{font-size:15px}.history-row>div>span{font-size:14px}.clubhouse-panel{padding:20px}.modal{padding:23px}.modal-heading h2{letter-spacing:-.2px;font-size:19px;font-weight:600;line-height:1.3}.modal-subtitle{color:var(--muted);font-size:14px;line-height:1.65}.dialog-actions{flex-direction:column}.rules-demo{gap:10px}.rules-list p{color:var(--muted);font-size:14px;line-height:1.7}.toast{width:max-content;max-width:calc(100vw - 24px);font-size:12px;bottom:20px;left:50%}}@media (max-width:480px){:root{--sidebar-w:0px}.sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0e1512f0;border-top:1px solid #2c3a30;border-right:0;flex-direction:row;justify-content:center;align-items:center;width:100%;height:62px;padding:0 6px;top:auto;bottom:0}.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;align-items:center;gap:0;margin:0;display:flex}.nav-item{border:0;flex:1;width:auto;height:50px;margin:0;background:0 0!important}.nav-item.active:before{display:none}.main-shell{width:100%;margin:0}.topbar{height:58px;padding:0 14px}.search{max-width:none}main{padding:6px 14px 84px}h1{font-size:25px}.game-heading .text-button{font-size:12px}.game-heading h1{font-size:18px}.game-heading .eyebrow{font-size:12px}.game-surface{height:380px}.hand-heading>span{font-size:11px}.hand-tiles{gap:6px}.hand-tiles .domino-tile{gap:4px;width:33px;height:66px;padding:5px}.hand-tiles .pip{width:3px;height:3px}.hand-tile{padding:3px 3px 7px}.hand-controls>span{font-size:11px}.table-watermark strong{font-size:24px}.table-watermark>span:last-child{font-size:11px}.opponent-hand i{width:8px}.full-skin-grid .skin-art{height:135px}.full-skin-grid .skin-art .domino-tile{width:39px;height:77px}.full-skin-grid .skin-art .pip{width:4px;height:4px}.full-skin-grid .skin-caption{padding:12px 12px 7px}.full-skin-grid .skin-caption strong{font-size:15px}.skin-description{color:var(--muted);padding:0 12px 14px;font-size:14px;line-height:1.6}.full-skin-grid .skin-caption>span{font-size:12px}.collection-showcase>div:first-child{width:100%;padding:31px 22px}.collection-showcase h2{font-size:24px}.collection-scene{opacity:.45;pointer-events:none;width:85%;right:-30%}.toast{bottom:77px}.modal-overlay{padding:16px}.modal{max-height:calc(100dvh - 32px)}.leaderboard-banner>svg{display:none}.history-row{color:var(--muted);gap:10px;font-size:14px}}@media (max-width:720px){.history-row{grid-template-columns:32px minmax(0,1fr) auto;gap:6px 12px;display:grid}.history-row>.match-result{grid-area:1/1/span 2}.history-row>div{overflow-wrap:anywhere;grid-area:1/2/span 2;min-width:0}.history-row>span:nth-last-child(2){text-align:right;grid-area:2/3;margin-left:0;font-size:12px}.history-row>strong{white-space:nowrap;grid-area:1/3;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.rack-tile-hit{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:7px;outline:none;padding:0;display:block;background:0 0!important}.rack-tile-hit:disabled{cursor:default}.rack-tile-hit[data-dragging=true]{cursor:grabbing}.rack-tile-hit:focus-visible{outline-offset:4px;outline:2px solid #9ad6ff}.drag-end-marker{color:#adc4d5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#091725e8;border:1px solid #73b6d84a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;padding:10px 14px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex;box-shadow:0 6px 18px #0004}.drag-end-marker small{letter-spacing:1.6px;font-size:11px;font-weight:600}.drag-end-marker strong{color:#e2f3ff;font-size:20px;font-weight:600;line-height:1.1}.drag-end-marker span{color:#9ab8cb;font-size:11px;line-height:1.3}.drag-end-marker.is-valid{color:#a5ddf8;background:#0b2638eb;border-color:#71c7f08c}.drag-end-marker.is-invalid{color:#899ba8;box-shadow:none;background:#101b24d9;border-color:#6a7b8738}.drag-end-marker.is-invalid strong,.drag-end-marker.is-invalid span{color:#879aa9}.drag-end-marker.is-active{background:#17455af2;border-color:#ace6ff;transform:translateY(-68px);box-shadow:0 0 0 2px #77cfff28,0 8px 22px #0004}.drag-end-marker.is-active span{color:#d0f0ff}.drag-end-marker{transition:transform .16s,background .12s,border-color .12s,box-shadow .12s}@media (prefers-reduced-motion:reduce){.drag-end-marker{transition:none}}.drag-end-marker.is-opening{min-width:96px;padding:12px 18px}.drag-instruction{color:#aac7da;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0b1b29e6;border:1px solid #6b96b33d;border-radius:30px;padding:7px 12px;font-size:11.5px;line-height:1.4}@media (max-width:720px){.drag-end-marker{border-radius:10px;gap:3px;min-width:54px;padding:8px 10px}.drag-end-marker small{letter-spacing:1px;font-size:11px}.drag-end-marker strong{font-size:17px}.drag-end-marker span{font-size:11px}.drag-end-marker.is-opening{min-width:80px;padding:10px 13px}.drag-instruction{padding:6px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.drag-end-marker{transition:none}}.rack-space{pointer-events:none;width:100%}.boneyard-count{color:#adc3d0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0b1b25d9;border:1px solid #7aa6bd3d;border-radius:20px;align-items:baseline;gap:5px;padding:5px 10px;font-size:11px;line-height:1.2;display:flex;box-shadow:0 3px 10px #0003}.boneyard-count strong{color:#e3f2fa;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.self-player-badge,.room-tools{display:none}.is-playing{color:#e8edf4;background:#080f1b;height:100dvh;overflow:hidden}.is-playing .sidebar,.is-playing .topbar{display:none}.is-playing .main-shell{width:100%;margin:0}.is-playing main{width:100%;max-width:none;margin:0;padding:0}.is-playing .game-heading{z-index:35;pointer-events:none;align-items:flex-start;margin:0;position:fixed;top:24px;left:30px;right:30px}.is-playing .game-heading>.text-button{pointer-events:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#d0dce9;background:#091424b8;border:1px solid #618bb33b;border-radius:8px;align-items:center;gap:9px;padding:12px 17px;font-size:12.5px;display:flex;box-shadow:0 8px 20px #0003}.is-playing .game-heading>.text-button:hover{color:#fff;background:#1c3553d9;border-color:#7bb9f285}.is-playing .game-heading>div{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#091424b8;border:1px solid #618bb333;border-radius:8px;padding:11px 28px}.is-playing .game-heading .eyebrow{color:#9fc8ef;letter-spacing:2px;font-size:11px}.is-playing .game-heading h1{letter-spacing:.1px;color:#b6c5d5;margin:6px 0 0;font-size:13px;font-weight:500}.is-playing .game-surface{width:100vw;height:100dvh;box-shadow:none;border-radius:0;position:fixed;inset:0;overflow:hidden;background:#070d16 url(/textures/lounge-night.png) 50%/cover no-repeat!important;border:0!important}.is-playing .game-surface:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#07102005 0%,#03091212 50%,#03080fa1 100%);position:absolute;inset:0}.is-playing .board-scene{z-index:1;position:absolute;inset:0}.is-playing .table-top-info{z-index:5;pointer-events:none;top:92px;left:35px;right:34px}.is-playing .table-top-info>span{color:#97aec9;letter-spacing:1.6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08142688;border:1px solid #4767842b;border-radius:5px;padding:9px 10px;font-size:11px}.is-playing .table-top-info .status-dot{background:#53baf5;box-shadow:0 0 9px #238cff66}.is-playing .table-top-info .icon-button{pointer-events:auto;color:#92b5d3;background:#081426a1;border:1px solid #47678444}.is-playing .opponent-info{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:6;background:#0b1726c9;border:1px solid #527da662;border-radius:50px;gap:11px;padding:7px 19px 7px 7px;top:16.5%;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0004}.is-playing .opponent-info .avatar{color:#cae6ff;background:radial-gradient(circle at 25% 15%,#37526b,#122238 80%);border:1px solid #698ba760;width:46px;height:46px;box-shadow:0 0 0 3px #09121d80}.is-playing .opponent-info .avatar-turn{border-color:#6fc5ff;box-shadow:0 0 0 3px #62bcff1f,0 0 21px #34a2ff26}.is-playing .opponent-info strong{color:#f0f5fc;font-size:13px;font-weight:600}.is-playing .opponent-info>div>span{color:#91a6bb;margin-top:5px;font-size:11.5px}.is-playing .opponent-hand{border-left:1px solid #55799f45;margin-left:12px;padding-left:14px}.is-playing .opponent-hand i{display:none}.is-playing .opponent-hand small{color:#c0d8ed;min-width:36px;font-size:12.5px;font-weight:500;position:static}.is-playing:not(.mobile-game) .opponent-info{max-width:calc(50vw - 45px);top:150px;left:auto;right:30px;transform:none}.is-playing:not(.mobile-game) .opponent-info>div:not(.opponent-hand){min-width:0}.is-playing:not(.mobile-game) .opponent-info strong{text-overflow:ellipsis;display:block;overflow:hidden}.is-playing:not(.mobile-game) .opponent-info .avatar,.is-playing:not(.mobile-game) .opponent-hand{flex-shrink:0}.is-playing:not(.mobile-game) .opponent-info[data-table-mounted]{display:none}.is-playing:not(.mobile-game) .game-heading>div{text-align:left;position:absolute;top:126px;left:0}.is-playing:not(.mobile-game) main>.match-score{top:24px}.is-playing .table-watermark{opacity:.25;color:#8ba5c4;top:51%}.is-playing .table-watermark strong{color:#adc3dc;font-size:31px}.is-playing .table-watermark .watermark-domino{display:none}.is-playing .table-watermark>span:last-child{color:#c8dcf0;font-size:12px}.is-playing .open-ends{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1.3px;color:#96aec5;background:#0a1624a8;border:1px solid #6788a92c;border-radius:30px;gap:8px;padding:7px 13px;font-size:11px;bottom:28%}.is-playing .open-ends strong{color:#cbe8ff;background:#142b40;border-color:#467ba344;width:22px;height:22px;font-size:12px}.is-playing .open-ends>span{color:#869daf}.is-playing .hand-panel{z-index:20;box-shadow:none;pointer-events:none;background:0 0;border:0;width:min(800px,76vw);margin:0;padding:0;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.is-playing .hand-heading{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#8ea7c1;background:#0a1524d6;border:1px solid #547da040;border-radius:30px;justify-content:center;gap:15px;width:max-content;max-width:100%;margin:0 auto 9px;padding:7px 16px;font-size:11.5px;display:flex;box-shadow:0 5px 15px #0002}.is-playing .hand-heading>div{gap:7px}.is-playing .hand-heading strong{color:#dbeeff;font-size:12.5px;font-weight:500}.is-playing .hand-heading>div>span:last-child{display:none}.is-playing .turn-dot{background:#7296b9}.is-playing .is-your-turn{background:#75caff;box-shadow:0 0 10px #279cffaa}.is-playing .hand-tiles{perspective:1000px;isolation:isolate;pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;width:fit-content;max-width:100%;min-height:0;margin:0 auto;padding:10px 15px 21px;display:flex;position:relative}.is-playing .hand-tiles:before{content:"";z-index:-1;background:linear-gradient(125deg,#34415399,#0b1426 10%,#080e18 80%,#264059);border:1px solid #44627d;border-bottom:4px solid #253a4b;border-radius:8px 8px 13px 13px;position:absolute;inset:35% -7px -1px;transform:perspective(750px)rotateX(28deg);box-shadow:0 17px 22px #0009,inset 0 1px #7195b0}.is-playing .hand-tiles:after{content:"";z-index:2;background:#8bd5ff;border-radius:2px;height:3px;position:absolute;bottom:0;left:-2px;right:-2px;box-shadow:0 0 5px #5dc1ff,0 0 15px #2b9eff,0 0 35px #3ba5ff80}.is-playing .hand-tile{transform-origin:50% 100%;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 2px 4px;transition:transform .17s,filter .17s;position:relative;transform:perspective(650px)rotateX(-9deg)}.is-playing .hand-tile .domino-tile{border-radius:7px;gap:8px;width:54px;height:106px;padding:9px 8px}.is-playing .hand-tile .pip{width:6px;height:6px}.is-playing .hand-tile:disabled{opacity:1;filter:brightness(.74)saturate(.82)}.is-playing .hand-tile.playable{box-shadow:none;background:0 0}.is-playing .hand-tile.playable:after{content:"";background:#91d5ff;border-radius:2px;height:2px;position:absolute;bottom:-6px;left:8px;right:8px;box-shadow:0 0 8px #4abaff}.is-playing .hand-tile.playable:hover,.is-playing .hand-tile.selected{border-color:#86c8ff80;transform:perspective(650px)translateY(-16px)rotateX(-5deg);box-shadow:0 0 18px #269cf933}.is-playing .hand-controls{pointer-events:auto;gap:8px;min-height:31px;margin-top:16px}.is-playing .hand-controls .button{color:#b8d5ea;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0b1b2bbf;border:1px solid #5d8aaf55;border-radius:6px;min-height:32px;padding:8px 14px;font-size:12px}.is-playing .hand-controls .button:disabled{opacity:.42}.is-playing .hand-controls .button:not(:disabled):hover{background:#164167;border-color:#67b6f2}.is-playing .hand-controls .button-gold{color:#fff;background:#287dc0;border-color:#75c8ff7a}.is-playing .hand-controls>span{display:none}.is-playing .hand-controls>.text-button{color:#9fb9d4}.is-playing .table-bottom-info{z-index:15;color:#839bb2;pointer-events:none;font-size:11px;bottom:24px;left:30px;right:30px}.is-playing .self-player-badge{z-index:18;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0b1726c9;border:1px solid #5f83a355;border-radius:50px;align-items:center;gap:11px;padding:7px 18px 7px 7px;display:flex;position:absolute;bottom:17%;left:5%;box-shadow:0 6px 25px #0004}.is-playing .self-player-badge .avatar{color:#d0e8ff;background:radial-gradient(circle at 25% 15%,#37526b,#122238 80%);border-color:#699fc4;width:45px;height:45px}.is-playing .self-player-badge .avatar-turn{border-color:#87d7ff;box-shadow:0 0 0 3px #69c9ff20,0 0 18px #39aaff33}.is-playing .self-player-badge strong{color:#e3f0fd;font-size:13px;font-weight:500;display:block}.is-playing .self-player-badge>div>span{color:#8aa7c2;margin-top:5px;font-size:11px;display:block}.is-playing .hand-controls .hand-heading{white-space:nowrap;pointer-events:none;margin:0;position:static;transform:none}.is-playing .room-tools{z-index:18;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0c1b2ec9;border:1px solid #5882a865;border-radius:10px;align-items:center;gap:5px;padding:8px;display:flex;position:absolute;bottom:17%;right:5%;box-shadow:0 6px 25px #0004}.is-playing .room-tools .icon-button{color:#a1c9e8;width:35px;height:34px}.is-playing .room-tools .icon-button:hover{color:#e2f4ff;background:#285b8150}.is-playing .table-message{-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:linear-gradient(145deg,#122a40ed,#0a1626ed);border:1px solid #779cc251;border-radius:15px;gap:13px;width:min(490px,100vw - 40px);height:auto;min-height:280px;padding:30px 25px;position:absolute;inset:49% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0009}.is-playing .table-message h2{color:#edf6ff;font-size:24px}.is-playing .table-message p{color:#b1c5d7;font-size:12.5px}.is-playing .table-message>small,.is-playing .table-message>span:last-child{color:#8faac1}.is-playing .table-message .modal-symbol{color:#84ceff;background:#256da530;border-color:#4d9bd844}.is-playing .table-message .eyebrow{color:#90caef}.is-playing .table-message .button-gold{color:#fff;background:linear-gradient(130deg,#4ca7e1,#277ac1);border-color:#7bcaff88;box-shadow:0 7px 20px #2477b333}.is-playing .room-code{color:#d0ecff;background:#183650;border-color:#649dcb66;font-size:25px}.is-playing .toast{color:#d7eaff;background:#182d40;border-color:#5a86a7;bottom:24px;left:50%}@media (max-width:1000px){.is-playing .self-player-badge{padding-right:12px;bottom:21%;left:3%}.is-playing .self-player-badge>div{display:none}.is-playing .self-player-badge .avatar{width:38px;height:38px}.is-playing .room-tools{gap:0;padding:5px;bottom:21%;right:3%}.is-playing .room-tools .icon-button{width:30px;height:30px}.is-playing .hand-tile .domino-tile{width:47px;height:94px;padding:8px 7px}.is-playing .hand-tile .pip{width:5px;height:5px}.is-playing .hand-tiles{gap:6px}.is-playing .game-heading{top:18px;left:20px;right:20px}.is-playing .table-top-info{top:82px;left:22px;right:22px}}@media (max-height:650px) and (min-width:721px){.is-playing .hand-panel{bottom:13px}.is-playing .hand-tile .domino-tile{gap:5px;width:39px;height:78px;padding:6px}.is-playing .hand-tile .pip{width:4px;height:4px}.is-playing .hand-heading{margin-bottom:6px;padding:5px 12px;font-size:11px}.is-playing .hand-heading strong{font-size:11.5px}.is-playing .hand-controls{margin-top:10px}.is-playing .opponent-info{padding:5px 15px 5px 5px;top:18%}.is-playing .opponent-info .avatar{width:34px;height:34px}.is-playing .opponent-info strong{font-size:12px}.is-playing .game-heading>div{padding:7px 20px}.is-playing .game-heading h1{font-size:12px}.is-playing .game-heading .eyebrow{font-size:11px}.is-playing .game-heading>.text-button{padding:9px 12px;font-size:11.5px}.is-playing .table-top-info{top:72px}.is-playing .table-top-info>span{font-size:11px}.is-playing .self-player-badge,.is-playing .room-tools{bottom:19%}}@media (max-width:720px){.is-playing .game-heading{top:15px;left:15px;right:15px}.is-playing .game-heading>.text-button{border-radius:6px;gap:6px;padding:10px 11px;font-size:11px}.is-playing .game-heading>.text-button svg{width:13px}.is-playing .game-heading>div{padding:9px 15px}.is-playing .game-heading .eyebrow{letter-spacing:1.3px;font-size:11px}.is-playing .game-heading h1{margin-top:4px;font-size:11.5px}.is-playing .table-top-info{top:72px;left:18px;right:18px}.is-playing .table-top-info>span{letter-spacing:.8px;padding:7px 8px;font-size:11px}.is-playing .opponent-info{padding:6px 13px 6px 6px;top:25%}.is-playing .opponent-info .avatar{width:37px;height:37px}.is-playing .opponent-info strong{font-size:12px}.is-playing .opponent-info>div>span{font-size:11px}.is-playing .opponent-hand{margin-left:4px;padding-left:9px}.is-playing .opponent-hand small{font-size:11.5px}.is-playing .hand-panel{width:94vw;bottom:50px}.is-playing .hand-tile .domino-tile{gap:5px;width:38px;height:76px;padding:6px 5px}.is-playing .hand-tile .pip{width:4px;height:4px}.is-playing .hand-tiles{gap:5px;padding:9px 11px 19px}.is-playing .hand-tile{padding:0 1px 3px}.is-playing .hand-heading{margin-bottom:8px;padding:6px 12px;font-size:11px}.is-playing .hand-heading strong{font-size:12px}.is-playing .hand-controls{margin-top:13px}.is-playing .hand-controls .button{min-height:32px;padding:8px 12px;font-size:11.5px}.is-playing .self-player-badge{padding:5px;bottom:26%;left:4%}.is-playing .self-player-badge .avatar{width:34px;height:34px}.is-playing .room-tools{border-radius:8px;padding:5px;bottom:26%;right:4%}.is-playing .room-tools .icon-button{width:28px;height:28px}.is-playing .room-tools .icon-button svg{width:16px}.is-playing .table-bottom-info{font-size:11px;bottom:17px;left:17px;right:17px}.is-playing .open-ends{padding:5px 10px;font-size:11px;bottom:32%}.is-playing .open-ends strong{width:18px;height:18px;font-size:11.5px}.is-playing .table-message{min-height:260px;padding:25px 20px;top:48%}.is-playing .table-message h2{font-size:21px}.is-playing .table-watermark{top:51%}.is-playing .table-watermark strong{font-size:22px}.is-playing .table-watermark>span:last-child{font-size:11px}.is-playing .toast{font-size:12px;bottom:12px}.is-playing .scene-fallback{gap:8px;padding:130px 15px 230px}.is-playing .scene-fallback .domino-tile{width:30px;height:60px;margin:0 12px}.is-playing .scene-fallback .pip{width:3px;height:3px}}@media (max-width:380px){.is-playing .hand-tiles{gap:3px;padding-left:8px;padding-right:8px}.is-playing .hand-tile .domino-tile{gap:4px;width:34px;height:68px;padding:5px}.is-playing .hand-tile .pip{width:3px;height:3px}.is-playing .game-heading>div{padding:9px 10px}.is-playing .game-heading>.text-button{padding:10px 8px;font-size:11px}}@media (max-width:720px){.is-playing .self-player-badge,.is-playing .room-tools{bottom:max(26%,calc(var(--rack-space,0px) + 104px))}}@media (max-width:480px){.hero-art{width:60%;height:68%;top:106px;right:-14%}}
.match-result-dialog{--result-accent:#e6bd70;--result-border:#b497665c;--result-glow:#daa64212;--result-muted:#94a9bc;border:1px solid var(--result-border);color:#ebf1f7;width:min(700px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);box-shadow:0 35px 100px #000b,0 0 70px var(--result-glow),inset 0 0 0 4px #ffffff02;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b829b55 transparent;background:#07111c;border-radius:24px;margin:auto;padding:0;animation:.4s cubic-bezier(.2,.7,.2,1) result-arrive;overflow:auto}.match-result-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020811b8;animation:.3s result-backdrop}.match-result-dialog.result-loss{--result-accent:#c9d5e1;--result-border:#914b5066;--result-glow:#94292915}.match-result-dialog.result-draw{--result-accent:#b2d7ed;--result-border:#83b9d15c;--result-glow:#49a6ee12}.match-result-card{isolation:isolate;border-radius:inherit;background:radial-gradient(at 50% 65%,#10283f99,#0000 72%),linear-gradient(160deg,#091421,#050c14);position:relative;overflow:hidden}.result-loss .match-result-card{background:radial-gradient(at 85% 45%,#54202725,#0000 65%),linear-gradient(160deg,#101720,#090e16)}.match-result-topline{z-index:3;justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;top:15px;left:24px;right:17px}.match-result-topline>span{letter-spacing:1.8px;text-transform:uppercase;color:#b8c5d0;align-items:center;gap:8px;font-size:8px;font-weight:500;display:flex}.match-result-dot{background:var(--result-accent);width:4px;height:4px;box-shadow:0 0 9px var(--result-accent);border-radius:50%}.match-result-close{color:#93a6b9;background:#09142266;border:1px solid #6c87a428;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.match-result-close:hover{color:#fff;background:#26405b88;border-color:#83b6d788}.match-result-art{pointer-events:none;background:radial-gradient(ellipse at 50% 70%,var(--result-glow),transparent 72%);height:215px;margin:0 0 -14px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.match-result-art img{object-fit:contain;width:100%;height:100%;animation:.8s both result-art-reveal;display:block;-webkit-mask-image:linear-gradient(#0000,#000 12% 77%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 12% 77%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.result-win .match-result-art img{width:380px;max-width:100%;height:253px;margin:-8px auto 0}.result-loss .match-result-art{height:200px;margin-bottom:0}.result-loss .match-result-art img{width:600px;max-width:100%;height:267px;margin:-14px auto 0;-webkit-mask-image:linear-gradient(#0000,#000 15% 70%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 15% 70%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.match-result-content{z-index:2;padding:0 32px 22px;position:relative}.match-result-heading{text-align:center}.match-result-heading h2{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#0000;filter:drop-shadow(0 2px 12px #ffc25d22);background:linear-gradient(#fff7dc 15%,#f7d994 46%,#c69951 77%,#e4c382);-webkit-background-clip:text;background-clip:text;outline:none;font-size:68px;font-weight:500;line-height:1.06}.result-loss .match-result-heading h2{filter:drop-shadow(0 3px 10px #8f9ba61c);background-image:linear-gradient(#f4f7fb 6%,#abb8c6 65%,#81909f);font-size:61px}.result-draw .match-result-heading h2{filter:none;background-image:linear-gradient(#f0faff,#83b6cf);font-size:48px}.match-result-kicker{letter-spacing:4.5px;text-transform:uppercase;color:#dce5ef;margin-top:11px;font-size:9px;font-weight:500;display:block}.match-result-heading p{font-family:var(--font-display);color:#e5edf5;margin-top:20px;font-size:19px;line-height:1.45}.match-result-reason{color:var(--result-muted);overflow-wrap:anywhere;max-width:490px;margin:5px auto 0;font-size:11px;line-height:1.6;display:block}.match-result-scoreboard{background:linear-gradient(135deg,#1528389c,#0b162380);border:1px solid #47648355;border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:23px;display:grid;position:relative;overflow:hidden}.match-result-player{min-width:0;padding:17px 23px}.match-result-player+.match-result-versus+.match-result-player{border-left:1px solid #47648355}.match-result-player.is-winner{background:radial-gradient(at 100% 100%,#e0b36512,#0000 80%)}.result-loss .match-result-player.is-winner{background:radial-gradient(at 100% 100%,#e957571c,#0000 80%)}.match-result-player-heading{align-items:center;gap:10px;min-width:0;display:flex}.match-result-avatar{color:#bacfdf;background:linear-gradient(135deg,#29425b,#0c1928);border:1px solid #708da865;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:10px;font-weight:500;display:grid}.match-result-player-heading>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.match-result-player-heading strong{white-space:nowrap;text-overflow:ellipsis;color:#e2eaf3;font-size:12px;font-weight:500;display:block;overflow:hidden}.match-result-player-heading small{color:var(--result-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.match-result-winner{color:var(--result-accent);flex-shrink:0}.result-loss .match-result-winner{color:#e78e8b}.match-result-pips{align-items:baseline;gap:10px;margin-top:11px;display:flex}.match-result-pips strong{font-family:var(--font-display);color:#edf3f8;font-variant-numeric:tabular-nums;font-size:32px;line-height:1.15}.match-result-player.is-winner .match-result-pips strong{color:var(--result-accent)}.match-result-pips span{color:#a3b5c6;font-size:10px}.match-result-tiles{color:#8da2b6;margin-top:4px;font-size:9px;line-height:1.5;display:block}.match-result-versus{letter-spacing:.5px;color:#678199;background:#0c1926;border:1px solid #47648355;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-result-summary{color:#8fa6bc;justify-content:center;gap:24px;padding:13px 0 0;font-size:9px;display:flex}.match-result-summary>span{align-items:center;gap:6px;display:flex}.match-result-summary>span:first-child{color:var(--result-accent)}.match-result-rating{align-items:center;gap:17px;min-height:53px;margin:20px 0 22px;padding:0 8px;display:flex}.match-result-rank-icon{color:#afc4d8;filter:drop-shadow(0 3px 5px #0008);flex-shrink:0;place-items:center;width:50px;height:57px;display:grid;position:relative}.match-result-rank-icon>svg:last-child{color:#e4eaf3;position:absolute;top:15px}.match-result-rank-detail{flex:1;min-width:0}.match-result-rank-heading,.match-result-rank-caption{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-result-rank-heading strong{font-family:var(--font-display);color:#e3edf7;font-size:17px;font-weight:500}.match-result-rank-heading>span{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.match-result-rating .rating-up{color:#e7c587}.match-result-rating .rating-down{color:#e89b9a}.match-result-progress{background:#030a11;border:1px solid #6488a44f;border-radius:8px;height:7px;margin-top:9px;overflow:hidden;box-shadow:inset 0 2px 4px #0005}.match-result-progress>i{transform-origin:0;background:linear-gradient(90deg,#298fcf,#87d8fb 65%,#f4d59a);border-radius:8px;height:100%;animation:.8s .2s both result-progress;display:block;box-shadow:0 0 9px #75bfe97a}.result-loss .match-result-progress>i{background:linear-gradient(90deg,#455776,#94b8cd)}.match-result-rank-caption{color:#8fa9bf;margin-top:7px;font-size:9px}.match-result-unrated-icon{color:#96b1ca;background:#19324b33;border:1px solid #58789633;border-radius:50%;flex-shrink:0;place-items:center;width:41px;height:41px;display:grid}.match-result-rating>div>strong{color:#c8d7e4;font-size:11px;font-weight:500}.match-result-rating p{color:#88a1b6;margin-top:4px;font-size:10px;line-height:1.6}.match-result-retry{color:#9fd6f3;background:0 0;border:0;align-items:center;gap:6px;min-height:32px;margin-top:4px;padding:4px 0;font-size:10px;display:inline-flex}.match-result-retry:hover{color:#e2f5ff;text-decoration:underline}.match-result-retry:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #9fd6f3}.match-result-error{color:#f2aba8;text-align:center;margin:0 0 14px;font-size:11px;line-height:1.6}.match-result-actions{grid-template-columns:1fr 1.23fr 1fr;gap:12px;display:grid}.match-result-button{color:#dae8f4;background:linear-gradient(#11263899,#08152388);border:1px solid #496d8c80;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px;font-size:11px;font-weight:500;display:flex;box-shadow:inset 0 1px #91bee909}.match-result-button:not(:disabled):hover{background:#1a3650;border-color:#8cbbdfb3;box-shadow:0 5px 20px #0004}.match-result-primary{color:#fff;font-family:var(--font-display);background:linear-gradient(155deg,#44b9ee -35%,#087bd1 40%,#0851a4);border-color:#8bdaff;font-size:16px;box-shadow:inset 0 1px 4px #cdf0ff99,0 0 0 2px #28a7f01a,0 0 24px #2086df30}.match-result-primary:not(:disabled):hover{background:linear-gradient(155deg,#5accf9,#128ae2 50%,#1065bc);border-color:#c7edff;transform:translateY(-2px);box-shadow:inset 0 1px 4px #d2f2ff99,0 0 26px #2086df66}.result-loss .match-result-primary{background:linear-gradient(140deg,#2a4d70,#172d49);border-color:#759abc;box-shadow:inset 0 1px 1px #e5f1ff26,0 4px 20px #0004}.match-result-footer{color:#7791a8;letter-spacing:2.1px;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;gap:14px;margin-top:22px;font-size:7px;line-height:1.7;display:flex}.match-result-footer i{background:var(--result-accent);opacity:.6;width:24px;height:1px;box-shadow:0 0 5px var(--result-accent);flex-shrink:0}.match-result-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.match-result-confetti i{top:-15px;left:var(--x);width:6px;height:11px;animation:result-confetti 3.1s var(--delay) ease-out both;background:linear-gradient(140deg,#ffebb3,#b2813c);position:absolute;box-shadow:0 0 8px #f5d58033}.match-result-confetti i:nth-child(3n){width:4px;height:7px}.match-result-draw-emblem{color:#badced;background:radial-gradient(circle at 40% 25%,#38556c80,#0e1b2f80 75%);border:1px solid #a8d2ee61;border-radius:50%;place-items:center;width:132px;height:132px;margin:52px auto 0;display:grid;position:relative;box-shadow:inset 0 0 0 5px #04101b,inset 0 0 0 6px #8ebed028,0 0 70px #4694c02b}.match-result-spinner{animation:1s linear infinite result-spin}.finished-table-actions{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#0b182ce6;border:1px solid #769ec95c;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:37%;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0005}.finished-table-actions>span{color:#b6cbdd;font-size:11px}.finished-table-actions>button{color:#dbf0ff;background:#1a3a54;border:1px solid #72acd166;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.finished-table-actions>button:hover{background:#275a80}@keyframes result-arrive{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes result-backdrop{0%{opacity:0}to{opacity:1}}@keyframes result-art-reveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes result-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes result-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}80%{opacity:.5}to{opacity:0;transform:translate(var(--drift),480px) rotate(var(--spin))}}@keyframes result-spin{to{transform:rotate(360deg)}}@media (max-height:760px) and (min-width:561px){.match-result-art{height:155px}.result-win .match-result-art img{width:282px;height:188px;margin-top:-6px}.result-loss .match-result-art{height:147px}.result-loss .match-result-art img{width:450px;height:200px;margin-top:-16px}.match-result-heading h2{font-size:56px}.result-loss .match-result-heading h2{font-size:52px}.match-result-kicker{margin-top:8px}.match-result-heading p{margin-top:14px;font-size:17px}.match-result-scoreboard{margin-top:17px}.match-result-player{padding:13px 22px}.match-result-rating{margin:15px 0 18px}.match-result-footer{margin-top:17px}.match-result-draw-emblem{width:100px;height:100px;margin-top:42px}.match-result-draw-emblem svg{width:45px}}@media (max-width:560px){.match-result-dialog{border-radius:18px;width:calc(100vw - 22px);max-height:calc(100dvh - 22px)}.match-result-content{padding:0 19px 19px}.match-result-topline{top:11px;left:20px;right:12px}.match-result-topline>span{letter-spacing:1.3px;font-size:7px}.match-result-art{height:191px}.result-win .match-result-art img{width:322px;height:215px;margin-top:0}.result-loss .match-result-art{height:175px}.result-loss .match-result-art img{width:450px;max-width:none;height:200px;margin:0 0 0 -225px;position:relative;left:50%}.match-result-heading h2{letter-spacing:.5px;font-size:54px}.result-loss .match-result-heading h2{font-size:48px}.result-draw .match-result-heading h2{font-size:35px}.match-result-kicker{letter-spacing:3px;margin-top:9px;font-size:7px}.match-result-heading p{margin-top:17px;font-size:16px}.match-result-reason{max-width:295px;font-size:10px}.match-result-scoreboard{margin-top:19px}.match-result-player{padding:14px 13px}.match-result-player-heading{gap:7px}.match-result-avatar{width:28px;height:28px;font-size:9px}.match-result-player-heading strong{font-size:10px}.match-result-player-heading small{font-size:8px}.match-result-winner{width:14px}.match-result-pips{flex-wrap:wrap;gap:5px;margin-top:13px}.match-result-pips strong{font-size:29px}.match-result-pips span,.match-result-tiles{font-size:8px}.match-result-versus{width:20px;height:20px;font-size:6px}.match-result-summary{flex-wrap:wrap;gap:15px;font-size:8px}.match-result-summary>span:last-child{display:none}.match-result-rating{gap:11px;margin:18px 0 20px;padding:0}.match-result-rating p{font-size:9px}.match-result-rating>div>strong{font-size:10px}.match-result-rank-heading strong{font-size:16px}.match-result-rank-heading>span{font-size:12px}.match-result-rank-caption{font-size:8px}.match-result-actions{grid-template-columns:1fr 1fr;gap:10px}.match-result-button{gap:8px;min-height:43px;font-size:10px}.match-result-primary{grid-area:1/1/auto/-1;min-height:48px;font-size:16px}.match-result-primary>svg:last-child{margin-left:10px}.match-result-footer{letter-spacing:1.3px;gap:10px;margin-top:20px;font-size:6px}.match-result-footer i{width:16px}.finished-table-actions{gap:8px;padding:8px 10px}.finished-table-actions>span{font-size:9px}.finished-table-actions>button{font-size:10px}}@media (max-width:360px){.match-result-content{padding-left:13px;padding-right:13px}.match-result-heading h2{font-size:48px}.match-result-player{padding:12px 11px}.match-result-avatar{display:none}.match-result-rating p{font-size:8px}.match-result-footer{letter-spacing:.7px}}@media (prefers-reduced-motion:reduce){.match-result-dialog,.match-result-dialog::backdrop,.match-result-art img,.match-result-progress>i,.match-result-spinner{animation:none}.match-result-confetti{display:none}.match-result-button{transition:none}.match-result-primary:not(:disabled):hover{transform:none}}
.collection-table-showcase{background:radial-gradient(at 70% 10%,#284539,#14231b 78%);height:330px}.collection-table-showcase.table-grand{background:radial-gradient(at 70% 0,#7a433a55,#0000 65%),linear-gradient(120deg,#22161a,#2c1e1a);border-color:#9a6d4a80}.collection-table-showcase.table-private-club{background:radial-gradient(at 70% 0,#7e542f45,#0000 65%),linear-gradient(120deg,#10221b,#21180f);border-color:#aa864c80}.collection-table-showcase.table-classic{background:radial-gradient(at 70% 0,#52523c55,#0000 65%),linear-gradient(120deg,#17251c,#22291b);border-color:#75654280}.collection-table-showcase>div:first-child{pointer-events:none;flex-direction:column;align-items:flex-start;width:42%;padding:34px 32px;display:flex}.collection-table-showcase .hero-pill{letter-spacing:.5px;font-size:12px}.collection-table-showcase h2{margin-top:22px;font-size:29px}.collection-table-showcase .equipped-label{margin-top:18px}.collection-table-showcase .collection-scene{opacity:1;pointer-events:none;width:63%;height:100%;top:0;right:-2%}.collection-table-showcase .collection-try-table{pointer-events:auto;gap:8px;min-height:44px;margin-top:22px;padding:10px 14px;font-size:14px}.collection-table-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}.collection-table-options>button{background:linear-gradient(130deg,#1d291f,#141e18);border:1px solid #3f4c3c;border-radius:10px;gap:17px;min-width:0;min-height:109px;padding:17px 18px;position:relative;overflow:hidden}.collection-table-options>button:hover{background:linear-gradient(130deg,#273629,#19251d);border-color:#7b8c6a;transform:translateY(-2px)}.collection-table-options>button.chosen{background:linear-gradient(130deg,#34422b66,#1b271d);border-color:#c1a469;box-shadow:inset 0 0 0 1px #d6b26e11}.collection-table-options .table-option-art{perspective:180px;flex-shrink:0;place-items:center;width:86px;height:63px;display:grid}.collection-table-options .table-swatch{border:5px solid #29312c;border-radius:12px;outline:1px solid #69786b77;width:83px;height:58px;position:relative;transform:rotateX(32deg)rotate(-10deg);box-shadow:0 8px 9px #0006,inset 0 0 0 2px #192820,inset 0 0 12px #0004}.collection-table-options .table-swatch>span{border:1px solid #aaceda4d;border-radius:7px;width:62px;height:38px;box-shadow:0 0 6px #58aedd28}.collection-table-options .table-option-walnut .table-swatch>span{border-color:#d2b2706b}.collection-table-options .table-option-grand .table-swatch{border-color:#5d3222;outline-color:#d3ab5f80;box-shadow:0 8px 9px #0006,inset 0 0 0 2px #2b1512,inset 0 0 12px #0004}.collection-table-options .table-option-grand .table-swatch>span{border-color:#e6c37a99;box-shadow:0 0 6px #e6c37a40}.collection-table-options .table-option-private-club .table-swatch{border:6px solid #654225;border-radius:50%;outline-color:#d5b36f99;width:67px;height:67px;box-shadow:0 8px 9px #0006,inset 0 0 0 2px #d4a956}.collection-table-options .table-option-private-club .table-swatch>span{width:49px;height:49px;box-shadow:none;border-color:#deb66b88;border-radius:50%}.collection-table-options .table-option-classic .table-swatch{border:9px solid #967447;border-radius:3px;outline-color:#b8965d73;width:66px;height:63px;box-shadow:0 8px 8px #0006,inset 0 0 0 1px #433b21,0 2px 0 2px #5a492e}.collection-table-options .table-option-classic .table-swatch>span{width:40px;height:39px;box-shadow:none;border-color:#364d2866;border-radius:1px}.collection-table-options .table-option-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.collection-table-options .table-option-copy strong{color:#e0e6d8;font-size:15px;font-weight:600;line-height:1.5}.collection-table-options .table-option-copy small{color:var(--muted);font-size:13px;line-height:1.5}.collection-table-options .table-option-copy em{letter-spacing:.3px;color:var(--muted);margin-top:2px;font-size:12px;font-style:normal}.collection-table-options .chosen .table-option-copy em{color:#dabe82}.collection-table-options .table-option-check{color:#98a982;border:1px solid #64744d55;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;margin-left:auto;display:grid}.collection-table-options .chosen .table-option-check{color:#e5c68b;background:#d6b26e1a;border-color:#c0a46b88}.table-model-credit{color:var(--muted);margin-bottom:32px;font-size:12px;line-height:1.8}.table-model-credit a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.table-model-credit a:hover{color:#d5be85}.is-playing .table-classic .table-bottom-info>span{color:#bdcfde;background:#081526db;border:1px solid #778c9e40;border-radius:6px;padding:7px 9px}.is-playing.using-classic-table .hand-panel{pointer-events:none;width:100%;inset:0;transform:none}.is-playing.using-classic-table .rack-space{display:none}.is-playing.using-classic-table .hand-controls{left:50%;top:calc(var(--classic-hand-bottom) + 14px);white-space:nowrap;width:max-content;max-width:96vw;margin:0;position:absolute;transform:translate(-50%)}.is-playing.using-classic-table .open-ends{white-space:nowrap;width:max-content}.is-playing[data-table-family=private-club]:not(.mobile-game) .open-ends{top:auto;bottom:24px}@media (max-width:720px){.is-playing.using-classic-table .self-player-badge,.is-playing.using-classic-table .room-tools{top:calc(var(--classic-hand-top) - 47px);bottom:auto}.is-playing.using-classic-table .room-tools .icon-button:not([aria-label=Table\ settings]){display:none}.is-playing.using-classic-table .open-ends{top:calc(var(--classic-hand-top) - 92px);bottom:auto}}@media (max-width:380px){.is-playing.using-classic-table .game-heading{gap:5px;left:10px;right:10px}.is-playing.using-classic-table .game-heading>div{white-space:nowrap;padding:10px 8px}.is-playing.using-classic-table .game-heading .eyebrow{letter-spacing:.7px;font-size:9px}.is-playing.using-classic-table .game-heading h1{display:none}.is-playing.using-classic-table .game-heading>.text-button{white-space:nowrap;gap:4px;padding:10px 7px;font-size:10px}}.tray-hand-picker{grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:18px 12px;max-height:55vh;padding:8px 5px 14px;display:grid;overflow-y:auto}.tray-hand-picker>button{color:#dce7cf;background:#142017;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:12px;min-height:140px;padding:8px 4px;display:flex}.tray-hand-picker>button.is-playable{cursor:pointer;background:#31432b;border-color:#81965c99}.tray-hand-picker>button:disabled{opacity:.38}.tray-hand-picker>button:hover:not(:disabled),.tray-hand-picker>button:focus-visible{outline-offset:2px;background:#425335;outline:2px solid #d6b26e}.tray-hand-picker .domino-tile{flex-shrink:0;width:49px;height:98px}.tray-hand-picker>button>span{letter-spacing:.6px;font-size:12px;font-weight:600}.tray-picker-note{color:#a8b89d;margin:15px 0 0;font-size:13px;line-height:1.6}@media (max-width:1100px){.collection-table-options>button{gap:12px;padding:14px}.collection-table-options .table-option-art{width:71px}.collection-table-options .table-swatch{width:66px;height:51px}.collection-table-options .table-swatch>span{width:49px;height:32px}.collection-table-options .table-option-copy small{color:var(--muted);font-size:13px}.collection-table-showcase>div:first-child{padding:30px 27px}.collection-table-showcase h2{font-size:26px}}@media (max-width:720px){.collection-table-showcase{height:430px}.collection-table-showcase>div:first-child{pointer-events:none;width:100%;padding:24px}.collection-table-showcase h2{margin:17px 0 7px;font-size:25px}.collection-table-showcase .collection-scene{opacity:1;width:100%;height:240px;top:auto;bottom:0;right:0}.collection-table-showcase .equipped-label{margin-top:12px;font-size:12px}.collection-table-showcase .collection-try-table{z-index:2;min-height:44px;margin-top:16px;font-size:14px}.collection-table-options{grid-template-columns:1fr;gap:10px}.collection-table-options>button{flex-wrap:nowrap;gap:20px;min-height:105px;padding:16px 19px}.collection-table-options .table-option-art{width:75px}.collection-table-options .table-option-copy strong{font-size:15px;font-weight:600}.collection-table-options .table-option-copy small{color:var(--muted);font-size:13px}}@media (max-width:380px){.collection-table-options>button{gap:13px;padding:14px}.collection-table-options .table-option-art{width:65px}.collection-table-options .table-option-copy strong{font-size:15px;font-weight:600}.collection-table-options .table-option-check{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.collection-table-options>button{transition:none}.collection-table-options>button:hover{transform:none}}
.is-playing .game-surface{background:#070d16!important}.is-playing .game-surface:before{display:none}.room-backdrop{z-index:0;pointer-events:none;isolation:isolate;background:#101a22;position:absolute;inset:0;overflow:hidden}.room-backdrop-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.room-backdrop:after{content:"";pointer-events:none;background:linear-gradient(#07102005 0%,#03091212 50%,#03080f8c 100%);position:absolute;inset:0}.room-entering{animation:.45s both room-enter}@keyframes room-enter{0%{opacity:0}to{opacity:1}}.collection-room-showcase>div:first-child{z-index:2}.collection-room-showcase .room-backdrop:after{background:linear-gradient(90deg,#0b1818f0 0%,#0b1818cc 32%,#0b181855 65%,#0b181833)}.collection-room-name{color:#c8d6c7;margin-top:8px;font-size:12px;display:block}.collection-room-showcase .collection-scene{z-index:1}.background-section-heading{margin-top:24px;margin-bottom:12px}.collection-backgrounds .background-options{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.collection-backgrounds .background-thumbnail{max-height:96px}.background-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px;display:grid}.background-option{text-align:left;cursor:pointer;background:#182219;border:1px solid #43503f;border-radius:11px;min-width:0;transition:border-color .18s,box-shadow .18s;overflow:hidden}.background-option:hover{border-color:#899978;box-shadow:0 8px 20px #0003}.background-option:focus-visible{outline-offset:4px;outline:2px solid #ead29a}.background-option.is-equipped{border-color:#ccb275;box-shadow:0 0 0 1px #d4b57026}.background-thumbnail{aspect-ratio:2;background:#182720;width:100%;display:block;position:relative;overflow:hidden}.background-thumbnail>img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.background-option:hover .background-thumbnail>img{transform:scale(1.025)}.background-thumbnail:after{content:"";background:linear-gradient(#0000 50%,#07110bd6);position:absolute;inset:0}.background-mood{z-index:1;letter-spacing:.6px;color:#e7e4d2;font-size:12px;position:absolute;bottom:16px;left:17px}.background-check{z-index:1;color:#ebead7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101c1fbb;border:1px solid #eee7cc4d;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:13px;right:13px}.is-equipped .background-check{color:#172016;background:#e4c585;border-color:#ecd297}.background-copy{flex-direction:column;gap:8px;padding:18px 19px 19px;display:flex}.background-copy>strong{color:#e1e8d8;font-size:15px;font-weight:600;line-height:1.4}.background-copy>small{color:var(--muted);font-size:13px;line-height:1.5}.background-copy>em{letter-spacing:.2px;color:var(--muted);margin-top:5px;font-size:12px;font-style:normal}.is-equipped .background-copy>em{color:#d9bd80}.settings-backgrounds{margin:8px 0 24px}.settings-backgrounds>h3{color:#d8e1ce;font-size:16px;font-weight:600}.settings-backgrounds>p{color:var(--muted);margin:8px 0 16px;font-size:14px;line-height:1.6}.background-options-compact{gap:10px;margin-bottom:0}.background-options-compact .background-thumbnail{aspect-ratio:2.5}.background-options-compact .background-copy{gap:3px;padding:12px}.background-options-compact .background-copy>strong{font-size:14px}.background-options-compact .background-copy>em{letter-spacing:.2px;font-size:12px}.background-options-compact .background-copy>small,.background-options-compact .background-mood{display:none}.background-options-compact .background-check{width:23px;height:23px;top:8px;right:8px}@media (max-width:900px){.collection-backgrounds .background-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.background-options{gap:12px}.background-thumbnail{aspect-ratio:1.35}.background-copy{gap:6px;padding:13px 12px}.background-copy>strong{font-size:15px;font-weight:600;line-height:1.4}.background-copy>small{color:var(--muted);font-size:13px}.background-copy>em{letter-spacing:.2px;color:var(--muted);font-size:12px}.background-mood{letter-spacing:.6px;font-size:12px;bottom:12px;left:12px}.background-check{width:25px;height:25px;top:9px;right:9px}.collection-room-showcase .room-backdrop:after{background:linear-gradient(#081618d9 0%,#0b1818c9 38%,#0b181855 100%)}.collection-room-showcase{height:450px}.collection-room-name{margin-top:5px;font-size:12px}}@media (max-width:380px){.background-options:not(.background-options-compact){grid-template-columns:1fr}.background-options:not(.background-options-compact) .background-thumbnail{aspect-ratio:2}.collection-count{font-size:12px}}@media (prefers-reduced-motion:reduce){.room-entering{animation:none}.background-option,.background-thumbnail>img{transition:none}.background-option:hover .background-thumbnail>img{transform:none}}
.mobile-game{--mobile-table-rgb:33 89 67}.mobile-game[data-table=midnight]{--mobile-table-rgb:40 59 96}.mobile-game[data-table=walnut]{--mobile-table-rgb:105 75 54}.mobile-game[data-table=classic]{--mobile-table-rgb:39 75 43}.mobile-game[data-table=grand]{--mobile-table-rgb:74 36 48}.mobile-game[data-table=private-club]{--mobile-table-rgb:18 81 61}.mobile-game[data-table=private-club-midnight]{--mobile-table-rgb:36 61 101}.mobile-game[data-table=private-club-burgundy]{--mobile-table-rgb:106 39 59}.mobile-game[data-table=private-club-cognac]{--mobile-table-rgb:130 83 53}.mobile-game[data-table=private-club-graphite]{--mobile-table-rgb:55 64 68}.mobile-game[data-table=private-club-pearl]{--mobile-table-rgb:184 174 152}.mobile-table-surface{z-index:0;pointer-events:none;isolation:isolate;background-color:rgb(var(--mobile-table-rgb,33 89 67));background-image:radial-gradient(at 48% 38%,#ffffff0b,#0000 65%),radial-gradient(at 50% 45%,#0000 30%,#020b1852 100%);position:absolute;inset:0}.mobile-table-surface:after{content:"";mix-blend-mode:soft-light;opacity:.65;background:url(/textures/mobile-felt.svg) 0 0/180px 180px;position:absolute;inset:0}.mobile-table-surface[data-material]:after{mix-blend-mode:normal;opacity:1;background:radial-gradient(at 40% 38%,#0000 25%,#080f2540 100%)}.mobile-material-scene{pointer-events:none;position:absolute;inset:0}.native-table-sample[data-material]{background-blend-mode:normal}.mobile-match-header,.mobile-hand{display:none}.is-playing.mobile-game{overscroll-behavior:none;position:fixed;inset:0}.is-playing.mobile-game .game-surface{background:#0b131c!important}.is-playing.mobile-game .game-heading,.is-playing.mobile-game .table-top-info,.is-playing.mobile-game .self-player-badge,.is-playing.mobile-game .room-tools,.is-playing.mobile-game .table-bottom-info{display:none}.is-playing.mobile-game .mobile-match-header{z-index:36;padding:10px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left));padding-top:max(10px,env(safe-area-inset-top));background:0 0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid;position:fixed;inset:0 0 auto}.mobile-match-header>button{color:#f3f3e8;touch-action:manipulation;background:linear-gradient(#263344d9,#101b28d9);border:1px solid #d4e5cc35;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff10,0 3px 8px #001b1429}.mobile-match-header>div{text-align:center;background:#0a142580;border-radius:12px;justify-self:center;min-width:0;padding:6px 16px}.mobile-match-header strong{color:#ecf3fa;font-size:14px;font-weight:600;display:block}.mobile-match-header>div>span{letter-spacing:1px;color:#bbc9d8;margin-top:3px;font-size:10px;display:block}.is-playing.mobile-game .opponent-info{display:none}.is-playing.mobile-game .board-scene{inset:calc(64px + env(safe-area-inset-top)) 0 0}.is-playing.mobile-game.mobile-has-hand .board-scene{bottom:var(--mobile-hand-height,260px)}.is-playing.mobile-game .rack-tile-hit{display:none}.is-playing.mobile-game .table-watermark{opacity:.55;top:50%}.is-playing.mobile-game .scene-fallback{padding:20px 10px 65px}.is-playing.mobile-game .table-message{width:calc(100vw - 30px);min-height:0;top:50%}.is-playing.mobile-game .finished-table-actions{bottom:calc(25px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px)}.is-playing.mobile-game .finished-table-actions>button{min-height:44px;font-size:12px}.is-playing.mobile-game .mobile-hand{z-index:34;padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));isolation:isolate;background:linear-gradient(#0000,#08132170);display:block;position:fixed;inset:auto 0 0}.mobile-hand-heading{align-items:center;gap:8px;min-height:30px;margin:0 4px 3px;display:flex}.mobile-seat-avatar{color:#dfe9f3;background:radial-gradient(circle at 30% 25%,#3a4a5c,#141f2e 80%);border:1px solid #6d829a80;flex-shrink:0;width:34px;height:34px;font-size:12px;transition:border-color .2s,box-shadow .2s}.mobile-seat-avatar.is-turn{border-color:#efd5a0;box-shadow:0 0 0 3px #e2bf7528,0 0 14px #e2bf7555}.mobile-hand .mobile-seat-avatar{color:#ecf0e4;background:#2a384a;border-color:#b8ccaf59;width:28px;height:28px}.mobile-seat-text{flex:1;min-width:0;line-height:1.2}.mobile-seat-text strong{color:#f1f5fa;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.mobile-seat-text span{display:none}.mobile-hand-scroll{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;scroll-snap-type:x proximity;margin:0 -8px;overflow:auto hidden}.mobile-hand-scroll::-webkit-scrollbar{display:none}.mobile-rack-strip{min-width:100%;position:relative}.mobile-hand-art{pointer-events:none;z-index:0;position:absolute;inset:0}.mobile-hand-tiles{z-index:1;justify-content:center;gap:4px;height:100%;padding:0 8px;display:flex;position:relative}.mobile-hand-tile{flex:0 0 calc(var(--mobile-tile-pitch,52px) - 4px);scroll-snap-align:center;touch-action:pan-x;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9px;height:100%;transition:border-color .16s,background .16s;position:relative}.mobile-hand-tile.is-playable:after{content:"";background:#d6b677;border-radius:2px;height:2px;position:absolute;bottom:4px;left:13px;right:13px;box-shadow:0 0 7px #dca64b33}.mobile-hand-tile.is-selected{background:linear-gradient(#0000 85%,#e4bd670d);border-color:#ebc47c88}.mobile-hand-tile.is-selected:after{background:#e9c482}.mobile-hand-tile[aria-disabled=true]{opacity:1;background:0 0}.mobile-hand-tile:active{transform:none}.mobile-hand-tile[data-drag-ready=true]{touch-action:none;-webkit-touch-callout:none;cursor:grab}.mobile-hand-tile[aria-disabled=true]{cursor:default}.mobile-hand-tile[data-dragging=true]{cursor:grabbing;background:#eac77d08;border-color:#eac77d55}.mobile-hand-tile[data-dragging=true]:after{opacity:0}.is-playing.mobile-game .board-scene[data-dragging=true]>.table-watermark{visibility:hidden}.is-playing.mobile-game .drag-end-marker{border-radius:12px;gap:3px;width:80px;min-width:0;min-height:72px;padding:8px 5px}.is-playing.mobile-game .drag-end-marker small{letter-spacing:.8px;font-size:9px}.is-playing.mobile-game .drag-end-marker strong{font-size:21px}.is-playing.mobile-game .drag-end-marker span{font-size:10px}.is-playing.mobile-game .drag-end-marker.is-active{background:#3a3020f2;border-color:#f1cf88;transform:none;box-shadow:0 0 0 3px #e7c07835,0 5px 22px #0005}.mobile-hand-tile:focus-visible{outline-offset:-2px;outline:2px solid #e8c17b}.mobile-tile-fallback{justify-content:center;display:flex;position:absolute;inset:5px 4px auto}.mobile-tile-fallback .domino-tile{width:var(--mobile-tile-width,46px);height:calc(var(--mobile-tile-width,46px) * 2);flex-shrink:0;gap:4px;padding:6px}.mobile-tile-fallback .pip{width:5px;height:5px}.mobile-rack-strip.is-ready .mobile-tile-fallback{display:none}.mobile-play-actions{gap:10px;height:44px;margin-top:0;display:flex}.mobile-play-actions>button{color:#efd9a8;touch-action:manipulation;background:linear-gradient(135deg,#203c26,#0c2b1d);border:1px solid #c9a35c5c;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:44px;padding:8px 13px;font-size:13px;font-weight:600;display:flex}.mobile-play-actions>button:disabled{opacity:1;color:#748da0;background:#102334;border-color:#617e9238}.mobile-play-actions>button:disabled svg{opacity:.6}.mobile-play-actions>button:not(:disabled):active{background:#3a3018;transform:scale(.98)}.mobile-play-actions>button>span{align-items:center;gap:9px;display:flex}.mobile-play-actions b{font-variant-numeric:tabular-nums;background:#0f0d0866;border:1px solid #d6b26e55;border-radius:6px;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.mobile-play-actions .mobile-primary-action:not(:disabled){color:#18221f;background:linear-gradient(125deg,#c3a15e,#e9cb89);border-color:#e9cb89}.is-playing.mobile-game .toast{left:50%;bottom:calc(var(--mobile-hand-height,260px) + 12px);z-index:110;max-width:calc(100vw - 24px);padding:10px 12px;font-size:12px}.is-playing.mobile-game .toast>.icon-button{flex-shrink:0;width:36px;height:36px}@media (max-width:720px),(max-width:1000px) and (max-height:500px){.modal-overlay{background:#020a12b8;align-items:flex-end;padding:0}.modal{width:100%;max-height:calc(92dvh - env(safe-area-inset-top));padding:22px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overscroll-behavior:contain;border-radius:23px 23px 0 0}.is-playing .modal{background:linear-gradient(145deg,#172b3b,#0c1927);border-color:#718eab55}.modal-heading h2{font-size:22px;line-height:1.3}.modal-heading .icon-button{width:44px;height:44px;margin-right:-7px}.modal-subtitle{margin:8px 0 18px;font-size:13px;line-height:1.65}.modal .button,.modal .segmented-control button{min-height:46px;font-size:13px}input:not([type=range]),select{font-size:16px}.modal .toggle{border-radius:25px;width:64px;height:44px;padding:12px}.modal .toggle>span{width:20px;height:20px}.modal .toggle.on>span{transform:translate(20px)}.modal input[type=range]{min-height:44px;margin-bottom:12px}.modal .rules-list p{font-size:13px}.match-result-close{width:44px;height:44px}.match-result-retry{min-height:44px}.match-result-button{min-height:46px}}@media (max-width:380px) and (min-height:501px){.mobile-match-header strong{font-size:13px}.is-playing.mobile-game .mobile-hand{padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mobile-seat-text strong{font-size:12.5px}}@media (max-width:1000px) and (max-height:500px) and (orientation:landscape){.is-playing.mobile-game .mobile-match-header{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}.is-playing.mobile-game .mobile-hand{width:270px;max-height:calc(100dvh - 66px);padding-top:10px;inset:auto 0 0 auto;overflow-y:auto}.is-playing.mobile-game .board-scene,.is-playing.mobile-game.mobile-has-hand .board-scene{inset:calc(66px + env(safe-area-inset-top)) 276px 0 max(0px,env(safe-area-inset-left))}.is-playing.mobile-game:not(.mobile-has-hand) .board-scene{right:0}.mobile-seat-text strong{font-size:12px}.mobile-seat-text span{font-size:10px}.mobile-play-actions{gap:7px}.mobile-play-actions>button{gap:6px;padding-inline:8px;font-size:12px}.is-playing.mobile-game .toast{max-width:calc(100vw - 290px);bottom:18px;left:calc(50% - 135px)}.modal{max-width:580px;max-height:calc(100dvh - 16px);padding-top:15px}}@media (max-width:480px){.app-shell:not(.is-playing) .sidebar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-shell:not(.is-playing) .sidebar nav{width:100%}.app-shell:not(.is-playing) .nav-item{flex-direction:column;justify-content:center;gap:4px;min-width:0;height:54px;padding:6px 1px;display:flex}.app-shell:not(.is-playing) .nav-item>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;line-height:1.3;display:block;overflow:hidden}.app-shell:not(.is-playing) .nav-chevron{display:none}.app-shell:not(.is-playing) main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width:1000px) and (max-height:350px) and (orientation:landscape){.mobile-hand-heading{margin-bottom:6px}}@media (prefers-reduced-motion:reduce){.mobile-hand-tile,.mobile-play-actions>button{transition:none}.mobile-play-actions>button:not(:disabled):active{transform:none}}