/* Approved Domino reference: bounded table, persistent hand, sapphire and metallic gold. */
html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;background-image:linear-gradient(#03101e88,#020b17bb),url('../../assets/footer-panorama.webp');background-position:center;background-attachment:initial}#domino-app{height:100dvh;min-height:0;overflow:hidden;padding:10px 14px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-rows:70px minmax(0,1fr);gap:16px}.dm-header{height:70px;min-height:0;padding:6px 16px;flex-wrap:nowrap!important;gap:12px}.dm-header .rosa-brand img{width:160px}.dm-header nav{flex:1;justify-content:center;min-width:0}.dm-header nav .rosa-button{flex-direction:row;min-height:46px;padding:8px 16px}.dm-header nav [aria-current]{background:linear-gradient(#142c45,#061323);border:1px solid #e3b457;box-shadow:inset 0 0 0 3px #c9973833,0 0 12px #b67b2422}.dm-header nav [aria-current] [data-label]{font-size:24px;font-weight:800;letter-spacing:.06em;color:#f7d58d;text-shadow:0 2px #6c471b}.dm-header nav [aria-current] .rosa-control-icon{display:none}.dm-header-actions{margin-left:0}.dm-header-actions button{min-width:44px;padding:8px}.dm-header-actions button span:last-child{display:none}.dm-language{background:#07192b;color:#f5d58f;border:1px solid #b89955;border-radius:10px;padding:10px;font:inherit;min-height:44px}.dm-mobile-modes{display:none}.dm-layout{width:100%;max-width:2400px;margin:0 auto;gap:16px;min-height:0;grid-template-columns:clamp(175px,16vw,280px) minmax(0,1fr) clamp(145px,14vw,240px)}.dm-sidebar,.dm-right{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ac8745 #07182a;overscroll-behavior:contain}.dm-panel,.dm-actions,.dm-hand,.dm-dock{background:linear-gradient(120deg,#061321f5,#0b2134f5,#04101df8)}.dm-panel{padding:20px 16px;border:2px solid #c49b50;box-shadow:inset 0 0 0 3px #e2bd6326,0 5px 15px #0009}.dm-panel h2{font-weight:800;text-transform:uppercase;font-size:clamp(13px,1.1vw,19px);letter-spacing:.035em}.dm-sidebar .rosa-button{min-height:58px;text-align:left;justify-content:flex-start;font-size:clamp(12px,1vw,16px);padding:10px 14px}.dm-sidebar [aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff1b54d,0 0 17px #e9b34833}.dm-sidebar p{font-size:11px;margin:8px 0 16px}.dm-sidebar .dm-scores{flex:1}.dm-scores>div{margin:9px 0;padding:12px 8px;background:#061421;border-color:#d4ad5b44}.dm-scores small{text-align:left;line-height:1.6;font-size:11px}.dm-center{position:relative;min-height:0;display:grid;grid-template-rows:minmax(170px,1fr) 36px 172px 62px;gap:9px}.dm-heading{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0;border:0}.dm-table{position:relative;min-height:0;height:100%;padding:0;overflow:hidden;border:5px solid #b78a39;border-radius:22px;background:radial-gradient(ellipse at 40% 30%,#123759,#061b35 76%,#031023);box-shadow:inset 0 0 0 2px #f3d28a,inset 0 0 35px #010a18,0 2px #ffe5a0,0 5px #5b3d19,0 8px #b68c47,0 14px 26px #0008}.dm-table:before{inset:0;border-image-width:38px;z-index:4}.dm-table:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url('../../assets/mahjong-reference/filigree-frame.webp');background-size:100% 100%;mix-blend-mode:soft-light}.dm-opponent{position:absolute;top:10px;left:18px;right:18px;height:65px;justify-content:center;flex-wrap:nowrap!important;padding:6px 0;font-size:12px;z-index:2}.dm-backs{margin-left:10px;max-width:40%;gap:5px}.dm-backs i,.dm-stock-stack i{position:relative;border:2px solid #dfb45b;background:radial-gradient(ellipse,#174a74,#051128 75%);box-shadow:inset 0 0 0 2px #021025,inset 0 0 0 3px #a987434f,0 3px #765323,0 5px 7px #0009}.dm-backs i{width:25px;height:46px;border-radius:6px}.dm-backs i:after,.dm-stock-stack i:after{content:'◆';display:grid;place-items:center;position:absolute;inset:5px;border:1px solid #9a783c88;color:#51b8e5;text-shadow:0 1px #00152c;font-size:14px;border-radius:4px}.dm-board-scroll{position:absolute;inset:84px 14px 42px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#d3ad60 #07192e;scrollbar-width:thin;display:flex;align-items:center;outline-offset:-3px;z-index:1}.dm-chain{width:max-content;min-width:100%;flex-wrap:nowrap;gap:2px;flex:none;padding:14px 18px 20px;justify-content:center;transform-origin:center}.dm-chain-bone{width:100px;height:52px;border-radius:9px;padding:6px}.dm-chain-bone.dm-double{width:52px;height:100px}.dm-chain-bone small{display:none}.dm-board-tools{position:absolute;bottom:8px;right:18px;display:flex;gap:5px;z-index:3}.dm-board-tools .rosa-button{min-height:28px;padding:3px 9px;font-size:11px;background:#061629de}.dm-status{padding:4px 12px;min-height:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.25;background:linear-gradient(90deg,transparent,#081c30 18%,#081c30 82%,transparent);border-block:1px solid #cda85c66;overflow:auto;overscroll-behavior:contain}.dm-hand{min-height:0;height:172px;border:2px solid #bd964b;border-radius:17px;padding:4px 12px 10px;box-shadow:inset 0 0 0 3px #f4cf7522,0 5px 15px #0007;overflow:hidden}.dm-hand-title{height:34px;margin:0;gap:6px}.dm-hand h2{font-size:12px;margin:0;text-transform:uppercase;font-weight:700;color:#f1d28c}.dm-sort{min-height:28px;font-size:10px;padding:4px 8px}.dm-rack{position:relative;flex-wrap:nowrap;justify-content:flex-start;gap:14px;height:123px;padding:12px 10px 14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-color:#c09a4a #07192b;scrollbar-width:thin;background:none;border-radius:0}.dm-rack:before,.dm-rack:after{content:'';flex:1;min-width:0}.dm-rack .dm-bone{width:52px;height:98px;min-height:98px;padding:6px}.dm-bone{background:linear-gradient(120deg,#fff9e5,#f4e2b9 50%,#ddbd80);border:1px solid #fff1bc;box-shadow:inset 2px 2px 3px #fff9,inset -2px -2px 3px #9d6c3277,0 3px #cc9a4b,0 6px #735024,0 9px 8px #0008}.dm-bone:after{border-color:#b28a3b66}.dm-half .pip{background:radial-gradient(circle at 32% 23%,#4c8db7 0%,#123656 27%,#010c21 72%);box-shadow:inset 0 1px 3px #000,0 1px #fff9}.dm-rack .dm-bone:disabled{filter:brightness(.88)}.dm-rack .dm-playable{outline-color:#b69751}.dm-rack .dm-playable:hover,.dm-rack [aria-pressed=true]{translate:0 -5px;outline:2px solid #ffde83;box-shadow:inset 2px 2px #fff9,0 4px #b38135,0 8px #674719,0 0 18px #edbb4c55}.dm-dock{height:62px;display:flex;align-items:center;gap:10px;border:1px solid #c29b52;border-radius:14px;padding:6px 9px;min-width:0;box-shadow:inset 0 0 0 2px #d6ac4c22}.dm-ends{margin:0;flex:1;flex-wrap:nowrap;gap:6px}.dm-end-label{display:none}.dm-ends .rosa-button{min-width:0;flex:1;white-space:nowrap;padding:6px 10px;font-size:12px}.dm-ends b{font-size:16px;min-width:23px;height:23px;margin-left:5px}.dm-ends .dm-cancel{flex:0 0 32px;padding:2px;font-size:22px;min-height:44px}.dm-actions{margin:0;padding:0;border:0;box-shadow:none;background:none;flex-wrap:nowrap;gap:5px;flex-shrink:0}.dm-actions .rosa-button{min-height:44px;max-width:140px;font-size:11px;padding:6px 9px;gap:5px;line-height:1.15}.dm-actions .rosa-button img{width:22px;height:22px}.dm-actions [data-do=full] span{display:none}.dm-actions [data-do=full]{width:44px}.dm-info{height:100%}.dm-right .dm-panel{height:100%}.dm-stock{flex-direction:column;gap:16px;text-align:center;margin:32px 0 20px;font-size:15px;font-weight:700}.dm-stock strong{font-size:52px;line-height:1.1;margin-top:10px}.dm-stock-stack{position:relative;width:110px;height:120px;margin:10px 0}.dm-stock-stack i{position:absolute;inset:0 8px;border-radius:14px;transform:rotate(-12deg) skewY(8deg)}.dm-stock-stack i:nth-child(1){translate:0 18px}.dm-stock-stack i:nth-child(2){translate:0 12px}.dm-stock-stack i:nth-child(3){translate:0 6px}.dm-stock-stack i:after{inset:10px;font-size:38px;border:2px solid #b08c46}.dm-right .dm-info p{font-size:12px;line-height:1.7}.dm-save{border-top:1px solid #ad894944;padding-top:14px;color:#aabccd}.dm-handoff{height:100%;min-height:0;margin:0;display:flex;justify-content:center;align-items:center;gap:18px;border:0;box-shadow:none;background:none}.dm-handoff p{max-width:250px}.dm-round-summary{position:absolute;inset:78px 14px 12px;margin:0;z-index:5;overflow:auto;overscroll-behavior:contain}.dm-round-summary .dm-panel{padding:16px}.dm-round-summary h2{font-size:22px;margin:8px 0}.dm-round-summary p{margin:8px 0}.dm-round-summary th,.dm-round-summary td{padding:8px}.dm-table:has(.dm-round-summary:not([hidden])) .dm-board-scroll{visibility:hidden}.dm-revealed{flex-wrap:nowrap;overflow:auto;max-width:65%;flex-basis:auto!important;margin:0}.dm-revealed .dm-bone{width:24px;height:48px;padding:3px}.dm-revealed .dm-half{padding:0;gap:1px}.dm-revealed .dm-divider{margin:2px 0}.dm-modal{overflow:auto}.dm-modal>section{border:2px solid #cfa753}.dm-network{padding:0;border:0;box-shadow:none;background:none}.dm-online-dismiss{float:right;min-width:44px;min-height:44px}.dm-online-modal{width:min(620px,calc(100% - 20px))}.dm-online-modal .online-panel{border:0;background:none}.dm-network h2{font-size:22px}.dm-no-motion .dm-bone{translate:none!important}
@media(min-width:1700px) and (min-height:950px){.dm-center{grid-template-rows:minmax(250px,1fr) 42px 200px 72px}.dm-hand{height:200px}.dm-rack{height:151px}.dm-rack .dm-bone{width:64px;height:122px}.dm-dock{height:72px}.dm-chain-bone{width:124px;height:64px}.dm-chain-bone.dm-double{width:64px;height:124px}.dm-status{height:42px;font-size:15px}.dm-dock .rosa-button{min-height:52px;font-size:14px}}
@media(max-width:1100px){.dm-layout{grid-template-columns:170px minmax(0,1fr)}.dm-right{display:none}.dm-sidebar .dm-panel{padding:15px 12px}.dm-center{grid-template-rows:minmax(170px,1fr) 36px 160px 100px}.dm-hand{height:160px}.dm-rack{height:111px}.dm-rack .dm-bone{height:88px;width:46px}.dm-dock{height:100px;flex-wrap:wrap;gap:4px;justify-content:center}.dm-ends{flex-basis:100%}.dm-actions{justify-content:center}.dm-actions .rosa-button{min-height:36px;max-width:none}.dm-header nav .rosa-button{padding:8px}.dm-header nav [aria-current] [data-label]{font-size:20px}.dm-header .rosa-brand img{width:130px}}
@media(max-width:760px){#domino-app{padding:6px 7px max(8px,env(safe-area-inset-bottom));grid-template-rows:58px minmax(0,1fr);gap:10px}.dm-header{height:58px;padding:5px 9px;gap:6px}.dm-header .rosa-brand img{width:100px}.dm-header nav{display:none}.dm-header-actions{margin-left:auto;gap:4px}.dm-header-actions button{min-width:36px;min-height:40px;padding:4px}.dm-header .rosa-control-icon{width:25px;height:25px}.dm-language{min-height:38px;padding:6px;font-size:11px}.dm-mobile-modes{display:block;min-height:38px;padding:6px;font-size:11px;max-width:100px;line-height:1.1}.dm-layout{display:block;height:100%;margin:0}.dm-sidebar,.dm-right{display:none}.dm-center{height:100%;grid-template-rows:minmax(130px,1fr) 38px 152px 108px;gap:8px}.dm-table{border-width:4px;border-radius:16px}.dm-table:before{border-image-width:28px}.dm-opponent{height:53px;top:7px;left:10px;right:10px;font-size:11px;gap:6px}.dm-backs{gap:3px;max-width:42%;margin-left:0}.dm-backs i{width:17px;height:33px;border-width:1px}.dm-backs i:after{inset:3px;font-size:9px}.dm-board-scroll{inset:65px 8px 38px}.dm-chain{padding:10px 12px 16px;gap:2px}.dm-chain-bone{width:86px;height:45px;padding:5px}.dm-chain-bone.dm-double{width:45px;height:86px}.dm-chain-bone.dm-double .dm-divider{margin:4px 0}.dm-board-tools{bottom:6px;right:10px}.dm-status{height:38px;min-height:0;padding:3px 6px;font-size:11px}.dm-hand{height:152px;padding:4px 8px 8px}.dm-hand-title{height:30px}.dm-hand h2{font-size:11px}.dm-sort{font-size:10px;min-height:28px}.dm-rack{height:108px;padding:10px 6px 14px;gap:11px}.dm-rack .dm-bone{width:46px;height:86px;min-height:86px;padding:5px}.dm-dock{height:108px;padding:5px 6px;display:grid;grid-template-columns:1fr;grid-template-rows:45px 44px;gap:5px}.dm-ends{gap:5px}.dm-ends .rosa-button{font-size:11px;min-height:42px;padding:5px 7px}.dm-ends b{min-width:22px;height:22px}.dm-ends .dm-cancel{min-height:42px;flex-basis:28px}.dm-actions{width:100%;justify-content:center;gap:5px}.dm-actions .rosa-button{flex:1;min-height:40px;max-width:none;font-size:10px;padding:5px;gap:4px}.dm-actions img{width:20px;height:20px}.dm-actions [data-do=full]{flex:0 0 36px}.dm-modal .dm-scores{margin-top:14px}.dm-modal [data-mode]{margin:4px 0;width:100%}.dm-modal .dm-panel{padding:14px}.dm-round-summary{inset:65px 8px 8px}.dm-round-summary .dm-panel{padding:10px}.dm-round-summary h2{font-size:17px}.dm-round-summary th,.dm-round-summary td{font-size:11px;padding:6px 3px}.dm-round-summary p:last-child{font-size:10px}.dm-empty{font-size:12px}.dm-empty img{width:65px;height:65px}.dm-handoff{gap:8px;font-size:12px}.dm-handoff .rosa-button{font-size:12px;min-height:44px}}
@media(max-height:650px){#domino-app{grid-template-rows:52px minmax(0,1fr);gap:8px}.dm-header{height:52px}.dm-header .rosa-brand img{max-height:40px;width:auto}.dm-center{grid-template-rows:minmax(110px,1fr) 30px 124px 92px;gap:6px}.dm-hand{height:124px}.dm-rack{height:83px;padding-top:7px}.dm-rack .dm-bone{height:64px;min-height:64px;width:35px;padding:4px}.dm-rack .dm-half{padding:1px;gap:2px}.dm-rack .dm-divider{margin:3px 0}.dm-hand-title{height:27px}.dm-status{height:30px;font-size:10px}.dm-dock{height:92px}.dm-opponent{height:40px}.dm-backs i{height:28px}.dm-board-scroll{top:52px}.dm-sidebar p{display:none}.dm-stock{margin:8px 0}.dm-stock-stack{height:80px;width:80px}.dm-stock strong{font-size:32px}}
@media(max-height:450px){html,body{overflow:auto}#domino-app{height:auto;min-height:540px}.dm-layout{height:460px}.dm-center{height:460px}}
@media(prefers-reduced-motion:reduce){.dm-bone{animation:none!important;transition:none!important}.dm-modal::backdrop{backdrop-filter:none}}
.dm-mobile-stock{display:none}.dm-header .rosa-header-nav .rosa-button{display:flex;flex-direction:row;align-items:center;gap:8px}.dm-header .rosa-header-actions .rosa-button{font-size:0}.dm-header .rosa-header-actions .rosa-control-icon{display:block;font-size:26px}.dm-header .rosa-header-actions .rosa-control-icon img{width:28px;height:28px}
@media(max-width:1100px){.dm-mobile-stock{display:block;position:absolute;top:0;left:0;right:0;text-align:center;color:#cbb784;font-size:10px}.dm-opponent{padding-top:16px;height:73px}.dm-board-scroll{top:84px}}
@media(max-width:760px){.dm-opponent{height:66px;padding-top:19px}.dm-board-scroll{top:78px}.dm-round-summary{top:78px}.dm-header .rosa-header-nav{display:none}}
.dm-header .rosa-header-actions .rosa-control-icon span{display:inline!important}.dm-header nav [aria-current] [data-label]{text-transform:uppercase}.dm-board-scroll:focus-visible{outline:2px solid #f6d18a}.dm-modal button:focus-visible{outline:2px solid #f6d18a;outline-offset:3px}
/* Reuse the approved ROSA sapphire/dew reverse, rather than a new symbol family. */
.dm-backs i,.dm-stock-stack i{background:#061a30 url('../../assets/solitaire/dew.webp') center/100% 100% no-repeat}.dm-backs i:after,.dm-stock-stack i:after{content:none}
.dm-table:after{background-image:repeating-linear-gradient(35deg,#8bb5d122 0 1px,transparent 1px 4px),repeating-linear-gradient(125deg,#8bb5d118 0 1px,transparent 1px 5px);background-size:auto;opacity:.18}
@media(min-width:1200px) and (min-height:850px){.dm-center{grid-template-rows:minmax(200px,1fr) 36px 188px 62px}.dm-hand{height:188px}.dm-rack{height:139px}.dm-rack .dm-bone{height:112px;min-height:112px;width:60px}.dm-chain-bone{width:120px;height:62px}.dm-chain-bone.dm-double{width:62px;height:120px}}
@media(max-width:380px){.dm-header{padding-inline:6px;gap:4px}.dm-header .rosa-brand img{width:78px}.dm-mobile-modes{max-width:65px;font-size:10px}.dm-language{width:43px;padding:5px;font-size:10px}.dm-header .rosa-header-actions{gap:3px}.dm-header .rosa-header-actions .rosa-button{width:32px;min-width:32px;padding:2px}.dm-header .rosa-control-icon{width:23px;height:23px}.dm-header .rosa-header-actions .rosa-control-icon img{width:23px;height:23px}}
.dm-empty{width:min(260px,60vw);max-width:100%;font-size:13px}.dm-empty p{overflow-wrap:break-word}
@media(min-width:1200px) and (min-height:850px){.dm-status{height:36px;min-height:36px}.dm-dock{height:62px}.dm-dock .rosa-button{min-height:44px}}
@media(max-width:1100px){.dm-board-tools .rosa-button{min-height:44px;min-width:44px;padding:6px}.dm-board-tools{bottom:5px}.dm-board-scroll{bottom:56px}}
.dm-edge-badges{position:absolute;inset:0 12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}.dm-edge-badges span{display:grid;place-items:center;min-width:32px;height:42px;border:1px solid #c49c5077;border-radius:9px;background:#061426e8;color:#f0d18a;font-weight:800;font-size:22px;box-shadow:0 3px 8px #0008}.dm-edge-badges .is-legal{border-color:#ffdb83;background:linear-gradient(#a77928,#573812);color:#fff0ba;box-shadow:0 0 14px #eeb94644}.dm-board-scroll{cursor:grab;touch-action:pan-x pan-y;user-select:none}.dm-board-scroll.is-dragging{cursor:grabbing}.dm-chain{padding-inline:48px}.dm-edge-badges:has(span:only-child){display:none}
@media(max-width:760px){.dm-edge-badges{inset-inline:8px}.dm-edge-badges span{min-width:26px;height:36px;font-size:18px}.dm-chain{padding-inline:38px}}
/* Keep endpoint values outside the chain viewport so they never obscure pips. */
.dm-edge-badges{inset:auto auto 8px 18px;align-items:center;gap:7px}.dm-edge-badges span{height:30px;min-width:40px;font-size:18px;padding-inline:5px}.dm-edge-badges span:first-child:before{content:'←';font-size:12px;margin-right:4px}.dm-edge-badges span:last-child:after{content:'→';font-size:12px;margin-left:4px}.dm-edge-badges span{display:flex;justify-content:center;align-items:center}
@media(max-width:1100px){.dm-edge-badges{left:12px;bottom:10px}.dm-edge-badges span{height:32px}}