*{box-sizing:border-box}body{margin:0;background:#04101e;color:var(--rosa-text);font-family:var(--rosa-font-interface);background-image:linear-gradient(#03101f99,#03101fd9),url('../../assets/footer-panorama.webp');background-size:cover;background-attachment:fixed}button{font-family:inherit}#domino-app{min-height:100dvh;padding:10px 16px 48px}.dm-header{border:1px solid var(--rosa-gold);border-radius:14px;background:var(--rosa-menu-fill);box-shadow:inset 0 0 0 3px #c29b3c33,0 5px 20px #0008}.dm-header .rosa-brand img{width:145px;height:auto}.dm-header .rosa-control-icon{width:29px;height:29px}.dm-header nav{display:flex;gap:8px}.dm-header button{min-height:48px}.dm-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 185px;gap:18px;max-width:1920px;margin:20px auto}.dm-center{min-width:0}.dm-panel,.dm-actions,.dm-modal>section{position:relative;border:1px solid #d4a552;border-radius:15px;padding:20px;background:var(--rosa-menu-fill);box-shadow:inset 0 0 0 3px #bd8c3a22,0 6px 18px #0008}.dm-panel::after,.dm-modal>section::after{content:'';position:absolute;inset:-1px;pointer-events:none;border:0 solid transparent;border-image:url('../../assets/mahjong-reference/filigree-frame.webp') 115 / 30px / 0 stretch}.dm-panel h2{font-size:18px;color:#f1d18a;margin:0 0 18px}.dm-sidebar,.dm-info{display:flex;flex-direction:column;gap:16px}.dm-sidebar .rosa-button{width:100%;margin-bottom:10px;font-size:14px;min-height:48px}.dm-sidebar p,.dm-info p{font-size:12px;line-height:1.6;color:#b9cad9}.dm-sidebar [aria-pressed='true']{background:var(--rosa-primary-fill);color:#21180b}.dm-heading{text-align:center;margin:0 0 18px}.dm-heading p{letter-spacing:3px;font-size:10px;color:#d4b573}.dm-heading h1{font-size:clamp(34px,4vw,64px);margin:4px 0;line-height:1.1;font-weight:800}.dm-heading small{font-size:10px;letter-spacing:2px;color:#bdd0dd}.dm-opponent{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px}.dm-backs{display:flex;gap:3px;overflow:hidden;margin-left:auto}.dm-backs i{width:16px;height:30px;border-radius:4px;border:1px solid #bd9653;background:linear-gradient(130deg,#163b64,#031227);flex:none;box-shadow:0 2px #a17c38}.dm-table{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;padding:26px 22px 34px;border:6px solid #a97b2b;border-radius:24px;background:radial-gradient(ellipse at 40% 20%,#174b43,#062f2b 65%,#011e22);box-shadow:inset 0 0 0 2px #ecc975,inset 0 0 45px #00141cdc,0 2px 0 #ffe4a6,0 7px 0 #4b3516,0 10px 0 #b88d3d,0 22px 40px #0009}.dm-table::before{content:'';position:absolute;inset:-6px;border:0 solid transparent;border-image:url('../../assets/mahjong-reference/filigree-frame.webp') 115 / 50px / 0 stretch;pointer-events:none}.dm-chain{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 10px;width:100%}.dm-bone{--bone-w:54px;position:relative;display:flex;flex-direction:column;flex:none;width:var(--bone-w);height:108px;padding:7px;border:1px solid #fff3ce;border-radius:10px;background:linear-gradient(125deg,#fff9e4,#efdbaf 55%,#dec08b);box-shadow:inset 2px 2px 2px #fff9,inset -2px -2px 3px #996c3466,0 4px 0 #a57738,0 7px 0 #533b21,0 10px 9px #0009;color:#102238}.dm-half{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;flex:1;min-height:0;padding:3px}.dm-half i{border-radius:50%;aspect-ratio:1}.dm-half .pip{background:radial-gradient(circle at 38% 35%,#25536d,#031728 75%);box-shadow:inset 0 1px 2px #000b,0 1px #fff9}.dm-divider{height:1px;margin:5px 0;background:#9d7e4855;box-shadow:0 1px #fff7;flex:none}.dm-chain-bone{flex-direction:row;width:100px;height:52px;padding:6px;border-radius:8px}.dm-chain-bone .dm-half{min-width:0}.dm-chain-bone .dm-divider{width:1px;height:auto;margin:0 5px}.dm-chain-bone small{position:absolute;top:calc(100% + 7px);left:0;right:0;text-align:center;color:#e1cf9c;font:10px/1 system-ui}.dm-latest{animation:dm-place .35s ease-out}.dm-empty{text-align:center;color:#e6d39e;max-width:300px;line-height:1.6}.dm-status{text-align:center;min-height:44px;line-height:1.6;padding:12px 6px;color:#f6d896;font-size:14px}.dm-hand h2{font-size:14px;color:#dcd0ad;font-weight:500}.dm-rack{display:flex;flex-wrap:wrap;gap:16px 12px;justify-content:center;padding:16px 12px 22px;border-radius:14px;background:#071625aa}.dm-rack .dm-bone{cursor:pointer;transition:translate .15s,filter .15s}.dm-rack .dm-bone:disabled{filter:brightness(.78);cursor:not-allowed}.dm-rack .dm-playable{outline:1px solid #ffd887;outline-offset:3px}.dm-rack .dm-playable:hover,.dm-rack [aria-pressed='true']{translate:0 -7px;outline:3px solid #48d8ec;outline-offset:3px}.dm-bone:focus-visible{outline:3px solid #48d8ec;outline-offset:4px}.dm-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:16px;padding:12px}.dm-actions button,.dm-ends button{min-height:46px;padding:8px 14px;font-size:13px}.dm-actions img,.dm-ends img{width:24px;height:24px}.dm-actions .rosa-button{display:flex;align-items:center;gap:7px}.dm-ends{display:flex;justify-content:center;gap:12px;margin-bottom:8px}.dm-colour{width:18px;height:18px;display:inline-block;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff4b5,#d7a541 55%,#6a4713);box-shadow:0 2px 3px #0008}.dm-colour-1{background:radial-gradient(circle at 35% 25%,#8cdaff,#1167a4 55%,#082648)}.dm-scores>div{display:flex;align-items:center;gap:9px;padding:12px 7px;border:1px solid transparent;border-radius:9px}.dm-scores b{margin-left:auto;font-size:24px}.dm-scores .active{border-color:#d3ad5e;background:#173049}.dm-scores small{display:block;text-align:right;color:#c8b77c;margin-top:10px}.dm-stock{display:flex;align-items:center;gap:12px;font-size:13px}.dm-stock strong{display:block;font-size:32px;color:#ffe1a0}.dm-handoff{text-align:center;min-height:150px;display:grid;place-items:center}.dm-handoff strong{color:#f2ce7e}.dm-modal{width:min(560px,calc(100% - 24px));padding:0;border:0;background:none;color:#e4edf5;max-height:calc(100dvh - 24px)}.dm-modal>section{padding:28px}.dm-modal p{line-height:1.8}.dm-modal::backdrop{background:#000a;backdrop-filter:blur(4px)}.dm-dismiss{float:right;min-width:44px;min-height:44px}.dm-modal label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0}.dm-modal select{padding:10px;background:#06182c;color:#f6de9a;border:1px solid #b8944c;border-radius:8px}.dm-confirm{display:flex;gap:12px}.dm-confirm img{display:none}.dm-save{font-size:11px!important}.dm-result{border-color:#ffe394}.dm-no-motion *{animation:none!important;transition:none!important}.dm-no-motion .dm-bone{translate:none!important}@keyframes dm-place{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.dm-layout{grid-template-columns:180px minmax(0,1fr)}.dm-info{grid-column:1/-1;flex-direction:row}.dm-info .dm-panel{flex:1}.dm-table{min-height:300px}.dm-heading h1{font-size:42px}}
@media(max-width:760px){#domino-app{padding:6px 7px 50px}.dm-layout{display:flex;flex-direction:column;margin-top:12px;gap:15px}.dm-center{order:0}.dm-sidebar{order:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dm-info{order:2}.dm-heading{margin-bottom:6px}.dm-heading h1{font-size:36px}.dm-heading small{font-size:8px}.dm-header{flex-wrap:wrap}.dm-header .rosa-brand img{width:115px}.dm-header nav .rosa-button{font-size:11px;padding:7px}.dm-table{min-height:250px;padding:20px 10px 32px}.dm-chain{gap:20px 7px}.dm-chain-bone{width:84px;height:44px;padding:5px}.dm-chain-bone .dm-half{gap:2px;padding:2px}.dm-opponent{font-size:11px}.dm-backs{max-width:130px}.dm-panel{padding:15px}.dm-rack{gap:15px 10px}.dm-status{font-size:12px}.dm-actions{gap:7px}.dm-actions .rosa-button{font-size:12px;padding:8px 10px}.dm-panel h2{font-size:15px}.dm-info p{font-size:11px}}
@media(max-width:380px){.dm-sidebar{grid-template-columns:1fr}.dm-bone{--bone-w:48px;height:96px}.dm-chain-bone{width:78px;height:42px}.dm-half{gap:2px}.dm-info{flex-direction:column}.dm-header nav{gap:2px}}
@media(prefers-reduced-motion:reduce){.dm-bone{animation:none!important;transition:none!important;translate:none!important}.dm-modal::backdrop{backdrop-filter:none}}
@media(min-width:761px) and (max-height:820px){.dm-layout{margin-top:12px}.dm-heading{margin-bottom:8px}.dm-heading h1{font-size:40px}.dm-heading p{margin:4px 0}.dm-table{min-height:220px}.dm-opponent{padding:6px 10px}.dm-heading small{font-size:9px}}
.dm-header [data-do='close'] .rosa-control-icon{font-size:28px;line-height:1}
@media(min-width:761px){.dm-heading p{margin:0 0 8px}.dm-heading h1{font-size:clamp(36px,3.2vw,52px);margin:0;line-height:1.05}.dm-heading small{display:block;margin-top:8px}.dm-heading{margin-bottom:12px}.dm-table{min-height:280px}.dm-rack .dm-bone{height:100px}.dm-hand h2{margin:10px 0}.dm-rack{padding-top:12px;padding-bottom:20px}}
@media(min-width:761px) and (max-height:820px){.dm-table{min-height:200px}.dm-heading h1{font-size:36px}.dm-heading small{margin-top:5px}.dm-rack .dm-bone{height:92px}.dm-status{padding-block:8px;min-height:36px}}
/* Second pass: visible open ends, upright doubles, honest round accounting. */
.dm-end-label{align-self:center;color:#b8cbd8;font-size:11px}.dm-ends{flex-wrap:wrap;align-items:center;gap:8px}.dm-ends b{display:inline-grid;place-items:center;min-width:26px;height:26px;border:1px solid currentColor;border-radius:50%;margin-left:7px;font-size:18px}.dm-ends button:disabled{opacity:.7;filter:none}.dm-ends .rosa-button{min-width:110px}.dm-ends [data-do='cancelSelection']{font-size:12px;min-width:0}.dm-chain-bone.dm-double{flex-direction:column;width:52px;height:100px}.dm-chain-bone.dm-double .dm-divider{width:auto;height:1px;margin:5px 0}.dm-last{outline:1px solid #e9c16a;outline-offset:3px}.dm-chain{gap:25px 12px}.dm-hand-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.dm-sort{min-height:36px;font-size:11px;padding:6px 10px}.dm-sort[aria-pressed='true']{border-color:#fae1a2;background:#18354b}.dm-round-summary{margin:14px 0}.dm-round-summary[hidden]{display:none}.dm-result-label{font-size:11px;letter-spacing:1px;color:#e6c477}.dm-round-summary h2{font-size:24px}.dm-round-summary table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}.dm-round-summary td,.dm-round-summary th{padding:12px 8px;border-bottom:1px solid #a481403d;text-align:right}.dm-round-summary th:first-child{text-align:left}.dm-round-summary thead{color:#b7cbd8;font-size:11px}.dm-round-summary p:last-child{font-size:12px;color:#b7cbd8;line-height:1.6}.dm-revealed{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end;padding-bottom:8px}.dm-revealed .dm-bone{width:38px;height:76px;padding:4px}.dm-opponent:has(.dm-revealed){flex-wrap:wrap}.dm-revealed .dm-half{gap:2px;padding:2px}.dm-opponent .dm-divider{margin:4px 0}
@media(max-width:760px){.dm-chain-bone.dm-double{width:44px;height:84px}.dm-chain-bone.dm-double .dm-divider{margin:4px 0}.dm-end-label{flex-basis:100%;text-align:center}.dm-ends .rosa-button{min-width:105px}.dm-sort{font-size:10px}.dm-round-summary .dm-panel{padding:14px}.dm-round-summary td,.dm-round-summary th{padding:10px 5px;font-size:12px}.dm-revealed{flex-basis:100%;margin-top:7px}.dm-ends [data-do='cancelSelection']{min-height:40px}}
.dm-right{display:flex;flex-direction:column;gap:16px;min-width:0}.dm-right .dm-info{display:flex;flex-direction:column}.dm-network{background:var(--rosa-menu-fill);border:1px solid #d1a653;border-radius:15px;box-shadow:inset 0 0 0 3px #bd8c3a22,0 6px 18px #0008;padding:17px}.dm-network h2{font-size:18px;color:#f1d18a}.dm-network .rosa-button{min-height:44px;font-size:12px}.dm-network .online-status{font-size:12px;line-height:1.6}.dm-network input{min-width:0;max-width:100%}
@media(max-width:1150px){.dm-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.dm-right .dm-info{grid-column:auto}}
@media(max-width:760px){.dm-right{order:2;display:flex;flex-direction:column}.dm-right .dm-info{flex-direction:row}.dm-right .dm-info>*{flex:1}}
.dm-header{position:relative}.dm-header::after{content:'';position:absolute;inset:-1px;border:0 solid transparent;border-image:url('../../assets/mahjong-reference/filigree-frame.webp') 115 / 28px / 0 stretch;pointer-events:none}.dm-heading{position:relative;border:1px solid #c6a052aa;border-radius:12px;background:linear-gradient(120deg,#061727ed,#0c2a40ed,#041322ed);padding:14px 18px;max-width:530px;margin-inline:auto;box-shadow:inset 0 0 0 3px #d8b05b17,0 6px 16px #0006}.dm-heading::before{content:'';position:absolute;inset:-1px;border:0 solid transparent;border-image:url('../../assets/mahjong-reference/filigree-frame.webp') 115 / 24px / 0 stretch;pointer-events:none}.dm-heading h1{font-weight:800}.dm-table{background:radial-gradient(ellipse at 42% 24%,#174c58,#092f3c 65%,#031b2a);box-shadow:inset 0 0 0 2px #ecc975,inset 0 0 48px #000e1ae0,0 2px 0 #ffe4a6,0 7px 0 #4b3516,0 10px 0 #b88d3d,0 22px 40px #0009}.dm-bone::after{content:'';position:absolute;inset:3px;border:1px solid #c4a56a55;border-radius:7px;pointer-events:none;box-shadow:inset 0 1px #fff9}.dm-bone .dm-half{position:relative;z-index:1}.dm-stock img,.dm-empty img{object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}
@media(max-width:760px){.dm-heading{padding:10px 14px}.dm-heading p{font-size:8px;letter-spacing:2px}.dm-heading small{letter-spacing:1.4px}.dm-network{padding:16px}.dm-heading h1{font-size:34px}}
.dm-ends[hidden]{display:none}.dm-sidebar [data-do='online']{display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:760px){.dm-sort,.dm-ends [data-do='cancelSelection']{min-height:44px}}