/* Playable artwork and exact values occupy separate layers. */
.domino{isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#fffdf2,#ebdfc2);border:1px solid #d8b779;border-radius:8px;box-shadow:inset 0 0 0 1px #fff2c1,1px 2px 0 #d5b268,2px 4px 0 #92723d,3px 8px 10px #00191599;padding:5px}.domino-skin{position:absolute;inset:0;z-index:-1;background-image:var(--domino-skin-art);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.domino .half{position:relative;z-index:1;padding:5px;gap:1px}.domino .half+.half{border-color:#ac843e;box-shadow:0 -1px 0 #f5db99}.pip{width:7px;height:7px;background:radial-gradient(circle at 32% 25%,#344e49 0,#101f1e 42%,#020909 80%);box-shadow:inset 0 1px 2px #000,0 1px 0 #fff6;border:1px solid #172821;position:relative}.pip:not(.off)::after{content:'';position:absolute;width:2px;height:1px;top:1px;left:1px;background:#adc2b080;border-radius:100%}.board-node .domino{border-color:#e6c389;border-radius:7px;padding:4px;box-shadow:1px 2px 0 #c6a05a,2px 4px 0 #6e512a,3px 7px 8px #00150fc9}.board-node .board-horizontal .domino-skin{inset:auto;width:50%;height:200%;left:25%;top:-50%;transform:rotate(90deg)}.board-node .domino .half{padding:4px}.board-node .board-horizontal .half+.half{box-shadow:-1px 0 0 #f5db99;border-color:#ac843e}.domino.legal{box-shadow:0 0 0 2px #9ce0b7,1px 2px 0 #c6a05a,2px 4px 0 #92723d,3px 8px 10px #00191599}.domino.selected{transform:translateY(-9px);outline:2px solid #ffe49a;box-shadow:0 0 18px #ffda6580,2px 4px 0 #92723d,3px 12px 15px #001915aa}.spinner-node .domino{outline:2px solid #f9d68b;box-shadow:0 0 16px #e9bd3d60,2px 4px 0 #92723d,3px 7px 8px #00150fc9}.domino-table .hand .domino{width:56px;height:110px}.domino-table .hand{align-items:center;background:linear-gradient(#0a2c2b88,#0e242dcc);border-color:#bdb28055;padding-top:23px;padding-bottom:23px}.drag-ghost .domino{box-shadow:0 0 0 2px #fbe0a4,3px 4px 0 #c9aa6e,5px 7px 0 #7c5b2d,7px 20px 20px #0008!important}.drag-ghost .card{box-shadow:0 0 0 2px #fbe0a4,2px 3px 0 #c7b88d,4px 18px 20px #0008!important}
.luxury-card{position:relative;isolation:isolate;overflow:hidden;padding:0;border:1px solid #d2b679;border-radius:8px;background:linear-gradient(130deg,#fffef8 0,#f5f0df 50%,#e4dac1 100%);box-shadow:inset 0 0 0 2px #fffaf0,1px 2px 0 #c9b67f,2px 5px 7px #00161488;color:#112d31;font-family:Georgia,'Times New Roman',serif}.luxury-card::before{content:'';position:absolute;inset:3px;border:1px solid #c8a05c70;border-radius:4px;pointer-events:none;z-index:0}.luxury-card.red{color:#a0223f}.luxury-card:hover{background:linear-gradient(135deg,#fffef8,#f8eccb)}.card-index{position:absolute;left:5px;top:4px;display:flex;flex-direction:column;align-items:center;gap:0;line-height:.95;z-index:3;font-size:15px;font-weight:700;min-width:12px;text-shadow:0 1px 0 #fff9}.card-index b{font-size:inherit}.card-index small{font-size:13px;line-height:1.05;margin-top:2px}.card-index.index-bottom{left:auto;top:auto;right:5px;bottom:4px;transform:rotate(180deg)}.card-pips{position:absolute;left:17px;right:17px;top:16px;bottom:16px;pointer-events:none}.card-pips i{position:absolute;font-style:normal;font-size:15px;line-height:1;transform:translate(-50%,-50%) rotate(var(--pip-turn));text-shadow:0 1px 0 #fff8}.ace-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2.4rem;line-height:1;color:inherit;text-shadow:1px 1px 0 #c7a04a,0 0 1px #cab57c}.ace-card .ace-emblem::after{content:'';position:absolute;inset:-6px -4px;border-top:1px solid #a3824688;border-bottom:1px solid #a3824688;pointer-events:none}.court-art{position:absolute;left:16px;right:16px;top:10px;bottom:10px;background-image:var(--card-court-art);background-size:300% 400%;background-position:var(--court-x) var(--court-y);background-repeat:no-repeat;border:1px solid #c4a75b88;border-radius:2px;pointer-events:none}.card.back{border:1px solid #e3c58a;border-radius:8px;background-image:var(--card-back-art);background-size:100% 100%;background-position:center;box-shadow:inset 0 0 0 2px #ebd19355,1px 2px 0 #b79b5e,2px 5px 7px #00161488}.card.back:hover{background-image:var(--card-back-art);background-size:100% 100%;filter:brightness(1.08)}.card.selected{outline:2px solid #ffe4a6;box-shadow:0 0 15px #eed37b77,1px 2px 0 #c9b67f,2px 7px 9px #00161499;transform:translateY(-7px)}.table .cardrow .card{width:76px;height:109px}.cardrow .card-index{font-size:17px}.cardrow .card-index small{font-size:15px}.cardrow .card-pips{left:21px;right:21px;top:20px;bottom:20px}.cardrow .card-pips i{font-size:18px}.cardrow .court-art{left:19px;right:19px;top:12px;bottom:12px}.cardrow .ace-emblem{font-size:2.8rem}.spadeshand .card-index{font-size:14px;left:4px;top:4px}.spadeshand .index-bottom{left:auto;top:auto;right:4px;bottom:4px}.spadeshand .card-index small{font-size:12px}.spadeshand .card-pips{left:15px;right:15px;top:17px;bottom:17px}.spadeshand .card-pips i{font-size:13px}.spadeshand .court-art{left:14px;right:14px;top:10px;bottom:10px}.trickcard .card{transform:rotate(-3deg)}.trickcard:nth-child(even) .card{transform:rotate(3deg)}.trickstage{background:radial-gradient(ellipse,#28514855,#092a2744);box-shadow:inset 0 0 35px #00191644}.bjstage .bigscore{font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #0005}.table .slot{border:1px dashed #a9b89599;box-shadow:inset 0 0 0 3px #173b3533}
/* Gold cabinet rails, actual illuminated outcomes and artwork-led bonus rewards. */
.slot-machine{isolation:isolate;background:linear-gradient(#04142633,#041426cc),var(--slot-backdrop) center top/cover no-repeat;border:2px solid #dfbf75;box-shadow:inset 0 0 0 4px #1b3440,inset 0 0 0 6px #9b805666,0 0 35px #3eb5d11c,0 22px 55px #000a;padding:27px 34px}.slot-machine::before{content:'';position:absolute;inset:7px;border:1px solid #bc9e6255;border-radius:17px;pointer-events:none;z-index:-1}.slot-title{position:relative;padding-top:0;min-height:113px}.slot-title h2{background:linear-gradient(#fff5d7,#ffdd86 55%,#ae7f32);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #4b3520);font-size:clamp(2rem,4.6vw,3.7rem);letter-spacing:.08em;margin:11px 0}.slot-title h2 span{color:inherit}.vault-crest{position:absolute;left:6px;top:16px;width:80px;height:80px;border:1px solid #eac77699;background:#091d34;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #163442,0 0 23px #efd58744}.vault-crest .slot-symbol{width:100%;height:100%;border-radius:50%}.reel-frame{position:relative;border:1px solid #f5d894;padding:13px;border-radius:19px;background:linear-gradient(135deg,#fff2bf,#b38c4a 14%,#5d543f 35%,#162c38 50%,#b89150 75%,#fff1bb);box-shadow:0 0 0 3px #17303a,0 0 0 5px #968462,0 0 0 7px #101f33,0 0 30px #f5d57633,0 12px 30px #0008;margin-top:5px}.cabinet-lights{position:absolute;inset:4px;border:2px dotted #ffe4a1;border-radius:14px;pointer-events:none;filter:drop-shadow(0 0 3px #ffdb8b);opacity:.7}.cabinet-spinning .cabinet-lights{animation:cabinet-shimmer .7s ease-in-out infinite}.cabinet-bonus .cabinet-lights,.free-mode .cabinet-lights{border-color:#a5ffe6;filter:drop-shadow(0 0 4px #6affe0);animation:cabinet-shimmer 1s ease-in-out infinite}.reel-window{border:1px solid #152f44;border-radius:8px;box-shadow:0 0 0 2px #0e1b2c,inset 0 0 24px #0009}.reel-grid{gap:4px;background:linear-gradient(#d6b069,#37453e,#d6b069)}.slot-reel{background:#0c1934;border-left:1px solid #fff2bb55;border-right:1px solid #071626}.reel-stack>.slot-symbol{box-shadow:inset 0 0 14px #06132577,inset 0 1px 0 #b8cba522;border-bottom:1px solid #b6b98e33}.symbol-win{animation:symbol-prize 1.25s ease-in-out infinite!important;box-shadow:inset 0 0 0 2px #fff3ba,inset 0 0 25px #ffda7588!important;z-index:1}.slot-payline{filter:drop-shadow(0 0 4px #f6dc9b);opacity:.85}.slot-hud>div{background:linear-gradient(#233d49f5,#0b2034f5);border-color:#b09a68;box-shadow:inset 0 1px 0 #dcecb122,0 4px 10px #0004}.slot-hud strong{font-family:Georgia,serif;font-size:1.9rem;color:#ffedbb;text-shadow:0 0 12px #ffcf551f}.slot-hud small{color:#bed7db}.slot-spin{position:relative;overflow:hidden;background:linear-gradient(#67d2ad,#2c9b85 40%,#176650);border:1px solid #d4efae;box-shadow:inset 0 2px 0 #deffc7aa,inset 0 -5px 0 #0e4238,0 0 0 2px #243b32,0 0 26px #67d8a530!important}.slot-spin::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff26 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}.slot-spin:hover::after{animation:button-glint .65s ease-out}.slot-big-win{background:radial-gradient(ellipse,#a1843c66,#091b32dd);border:1px solid #f4d38d;box-shadow:0 0 24px #f2c65733;color:#fff0c4;font-weight:900;letter-spacing:.07em;font-size:2.3rem}.free-banner{background:linear-gradient(100deg,#19413e,#216a5c,#193d40);border:1px solid #c5e0b0;color:#ebffda;box-shadow:0 0 18px #63d3ad33}.free-mode .slot-title h2{background-image:linear-gradient(#f5ffdf,#a3f4d2 60%,#45baab)}.slot-bonus{background:linear-gradient(#0d2634cc,#0b1c34ef),var(--slot-backdrop) center/cover;border:2px solid #c5ab70;box-shadow:inset 0 0 0 4px #15373c,0 0 28px #53caa533,0 16px 30px #0006;padding:28px}.bonus-unlock-art{width:120px;height:120px;overflow:hidden;margin:0 auto 15px;border:1px solid #b99857;border-radius:17px;box-shadow:0 0 32px #eac15a30;animation:bonus-reveal .6s ease-out}.bonus-unlock-art .symbol-label{display:none}.bonus-unlock-art .slot-symbol{width:100%;height:100%}.bonus-choices button{background:linear-gradient(#345660dd,#122f41ee);border:1px solid #e3c78e;box-shadow:inset 0 1px 0 #fff3,0 7px 15px #0005!important}.bonus-art{width:115px;height:115px;overflow:hidden;border:1px solid #b79c5e;border-radius:12px;box-shadow:0 0 18px #ffd26522}.bonus-art .slot-symbol{width:100%;height:100%}.vault-grid{gap:13px}.vault-box{border:1px solid #d7bc7e;background:linear-gradient(#355955,#193c41);box-shadow:inset 0 0 0 2px #8d784933,0 6px 10px #0006!important;transition:transform .2s,box-shadow .2s}.vault-box:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 0 20px #d6bb5966,0 9px 12px #0006!important}.vault-box.opened{background:radial-gradient(ellipse at top,#997c43,#224e4c 75%);box-shadow:inset 0 0 20px #ffe4a322,0 0 20px #ffd46533!important}.vault-box.opened strong{color:#fff0bc;text-shadow:0 0 12px #ffda6566}.bonus-award{color:#fff0bc;text-shadow:0 0 17px #ffe08555}.bonus-wheel{border:8px solid #e8c583;box-shadow:0 0 0 2px #614d2d,0 0 0 6px #b8a170,0 0 0 9px #143342,0 0 22px #ddb26a33,0 13px 25px #0008,inset 0 0 26px #010b2177;background:conic-gradient(#184f65 0deg 45deg,#326b4e 45deg 90deg,#785836 90deg 135deg,#303c6d 135deg 180deg,#197168 180deg 225deg,#7e622b 225deg 270deg,#5d3d72 270deg 315deg,#355f73 315deg 360deg)}.wheel-hub{background:radial-gradient(#ebd39c,#b6995a 55%,#665334);border-color:#ffeecc;color:#153540;box-shadow:0 0 0 2px #604f36,0 5px 14px #0008}.wheel-value{color:#fff0ba;text-shadow:0 2px 3px #000}.wheel-pointer{text-shadow:0 2px 0 #715934,0 4px 5px #000}.slot-message{color:#fff0bf}
@keyframes cabinet-shimmer{50%{opacity:.35}}@keyframes symbol-prize{50%{filter:brightness(1.22);box-shadow:inset 0 0 0 3px #fff8d4,inset 0 0 30px #ffe390aa}}@keyframes button-glint{to{transform:translateX(120%)}}@keyframes bonus-reveal{from{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.vault-crest{width:52px;height:52px;left:3px;top:34px}.slot-title h2{font-size:2.05rem}.slot-machine{padding:22px 13px}.slot-title{min-height:110px}.reel-frame{padding:9px}.slot-hud strong{font-size:1.5rem}.slot-big-win{font-size:1.7rem}.bonus-art{width:92px;height:92px}.bonus-unlock-art{width:100px;height:100px}.slot-bonus{padding:22px 13px}.vault-grid{gap:8px}.table .cardrow .card{width:70px;height:101px}.cardrow .card-pips i{font-size:16px}.domino-table .hand .domino{width:52px;height:102px}}
@media(max-width:600px){.vault-crest{display:none}.slot-title{min-height:0;padding-bottom:13px}.slot-title h2{font-size:2rem;letter-spacing:.06em}.slot-machine{padding:22px 9px}.reel-frame{padding:8px;border-radius:14px}.cabinet-lights{inset:3px;border-radius:10px}.reel-grid{gap:2px}.slot-hud strong{font-size:1.4rem}.slot-hud>div{padding:9px 7px}.slot-bonus{padding:20px 10px}.bonus-choices{gap:8px}.bonus-choices button{padding:15px 6px}.bonus-art{width:85px;height:85px}.vault-grid{gap:7px}.vault-box{padding:3px}.domino-table .hand{gap:10px;padding:21px 8px}.domino-table .hand .domino{width:49px;height:96px}.pip{width:7px;height:7px}.table .cardrow .card{width:68px;height:98px}.cardrow .card-index{font-size:16px}.cardrow .card-index small{font-size:14px}.cardrow .card-pips{left:19px;right:19px;top:19px;bottom:19px}.cardrow .court-art{left:17px;right:17px;top:11px;bottom:11px}.cardrow .ace-emblem{font-size:2.6rem}.spadeshand{gap:6px}.spadeshand .card{width:56px;height:83px}.spadeshand .card-pips i{font-size:13px}.spadeshand .card-index{font-size:14px}.spadeshand .card-index small{font-size:12px}.court-art{border-color:#c4a75b88}}
.reduce *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Match the portrait atlas cell ratio while keeping rank indices legible. */
.court-art{left:8px;right:8px;top:16px;bottom:16px}.court-card .card-index{background:#faf5e6;border-radius:2px;padding:1px;box-shadow:0 0 3px #faf5e6}.cardrow .court-art{left:9px;right:9px;top:18px;bottom:18px}.spadeshand .court-art{left:7px;right:7px;top:14px;bottom:14px}
@media(max-width:600px){.cardrow .court-art{left:8px;right:8px;top:17px;bottom:17px}.spadeshand .court-art{left:7px;right:7px;top:14px;bottom:14px}}
.piece-reveal{animation:piece-reveal .28s ease-out var(--reveal-delay,0ms) both}
@keyframes piece-reveal{from{opacity:.15;filter:brightness(1.15);translate:0 -8px;scale:.97}to{opacity:1;filter:none;translate:0 0;scale:1}}
.reduce .piece-reveal{animation:none!important}
@media(prefers-reduced-motion:reduce){.piece-reveal{animation:none!important}}
/* Dominoes is a viewport-sized playing surface; only a long hand can swipe. */
.domino-screen{overflow:hidden}.domino-screen .game-wrap{height:100dvh;min-height:0;max-width:none;display:flex;flex-direction:column;padding:0 max(14px,calc((100vw - 1250px)/2)) max(8px,env(safe-area-inset-bottom));overflow:hidden}.domino-screen .topbar,.domino-screen .footer{display:none}.domino-toolbar{flex:none;min-height:52px;padding:8px 0;gap:10px;margin:0}.domino-toolbar h1{flex:1;font-size:1.5rem;margin:0;line-height:1.2}.domino-toolbar .actions{gap:6px;margin-left:auto}.domino-toolbar button{min-height:40px;padding:7px 12px;font-size:.875rem}.scene-dominoes{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.domino-screen .domino-table{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px 14px;border-radius:17px}.domino-screen .table-identity{display:none}.domino-screen .domino-table>.seatlabel{flex:none;font-size:.875rem;line-height:1.4;margin:5px 0}.domino-screen .domino-table .scorebar{width:100%;margin:0 auto 5px;gap:8px;flex-wrap:nowrap;flex:none}.domino-screen .domino-table .scorebox{padding:7px 10px;min-width:0;max-width:none;border-radius:9px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;flex:1}.domino-screen .seat-avatar{grid-row:1/4;width:30px;height:30px;margin:0;font-size:.75rem}.domino-screen .player-name{font-size:.875rem;white-space:nowrap}.domino-screen .domino-table .scorebox strong{font-size:1.25rem;margin:1px 0}.domino-screen .domino-table .scorebox>span:last-of-type{font-size:.75rem;margin:1px 0}.domino-screen .turn-label{display:none}.domino-screen .domino-table .scorebox.current::after{bottom:-2px;height:3px}.domino-screen .team-scorebar{width:100%;max-width:830px;flex:none;gap:8px;margin:0 auto 6px}.domino-screen .team-score{flex-direction:row;padding:7px 12px;gap:8px;border-radius:9px}.domino-screen .team-score>span{font-size:.875rem}.domino-screen .team-score strong{font-size:1.4rem}.domino-screen .team-score small{font-size:.75rem}.domino-screen .domino-table .player-seats .scorebox{padding:6px 9px}.domino-screen .spinner-caption{flex:none;max-width:none;padding:5px 9px;margin:3px 0 5px;font-size:.875rem;border-radius:8px;line-height:1.3}.domino-screen .dom-board-scroll{flex:1;position:relative;overflow:hidden;min-height:65px;max-height:none;width:100%;margin:5px 0;border-radius:12px;overscroll-behavior:none}.domino-screen .dom-board-canvas{position:absolute;min-width:0;margin:0;transform-origin:0 0;pointer-events:none;will-change:transform}.domino-screen .board-end{position:absolute;width:70px;height:44px;min-height:44px;font-size:.875rem;padding:3px 5px;z-index:3;border-radius:10px}.domino-screen .dom-board-empty{flex:1;min-height:65px;margin:5px 0;padding:12px;font-size:.875rem}.domino-screen .domino-table .status{flex:none;max-width:none;width:100%;margin:5px 0;padding:6px 9px;line-height:1.4;font-size:.875rem;min-height:30px;max-height:48px;overflow:hidden}.domino-screen .domino-table .hand{flex:none;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:0;max-width:none;width:100%;margin:3px 0 6px;padding:10px 9px;gap:9px;scrollbar-width:thin;scrollbar-color:#728c79 transparent}.domino-screen .domino-table .hand .domino{flex:0 0 44px;width:44px;height:86px}.domino-screen .domino-table .hand .half{padding:4px}.domino-screen .domino-table .tableactions{flex:none;margin:3px 0 0;gap:7px}.domino-screen .tableactions button{min-height:40px;padding:7px 12px;font-size:.875rem}.domino-screen .instruction{display:none}.domino-screen .result{flex:none;margin:8px 0 0;padding:12px}.domino-screen .result h2{font-size:1.5rem}.domino-screen .result p{font-size:.875rem}.domino-screen .result button{margin-top:8px!important;min-height:40px}.domino-screen dialog{max-height:calc(100dvh - 32px);overflow:auto}.domino-screen dialog .config{display:flex}.domino-screen dialog .table-options-label{display:none}.domino-screen .scene-enter .scene-dominoes{animation:none}
@media(max-width:600px){.domino-screen .game-wrap{padding:0 8px max(7px,env(safe-area-inset-bottom))}.domino-toolbar{min-height:50px;padding:6px 3px}.domino-toolbar h1{font-size:1.3rem}.domino-toolbar .actions{width:auto}.domino-toolbar button{padding:7px 10px;min-height:40px}.domino-screen .domino-table{padding:10px 8px;border-radius:13px}.domino-screen .domino-table .scorebox{padding:6px 4px;grid-template-columns:1fr;text-align:center;gap:0}.domino-screen .seat-avatar{display:none}.domino-screen .player-name{font-size:.75rem;white-space:normal}.domino-screen .domino-table .player-seats .scorebox{padding:5px 3px}.domino-screen .domino-table .scorebox strong{font-size:1.2rem}.domino-screen .domino-table>.seatlabel{font-size:.75rem;margin:3px 0}.domino-screen .spinner-caption{font-size:.75rem;padding:5px 7px;margin:3px 0}.domino-screen .team-score{padding:7px 8px}.domino-screen .team-score>span{font-size:.875rem}.domino-screen .team-score strong{font-size:1.25rem}.domino-screen .team-score small{font-size:.75rem}.domino-screen .domino-table .hand{padding:9px 7px;gap:8px}.domino-screen .domino-table .hand .domino{flex-basis:42px;width:42px;height:82px}.domino-screen .domino-table .status{font-size:.875rem;padding:5px 7px;max-height:46px}.domino-screen .domino-table .tableactions{gap:6px}.domino-screen .tableactions button{min-height:40px;padding:6px 10px}.domino-screen .board-end{font-size:.875rem}.domino-screen dialog .option-group{flex-basis:100%}}
@media(max-height:500px) and (min-width:600px){.domino-screen .game-wrap{padding-bottom:4px}.domino-toolbar{min-height:42px;padding:3px 0}.domino-toolbar button{min-height:36px}.domino-screen .domino-table{padding:7px 10px}.domino-screen .domino-table .scorebox{padding:4px 8px;grid-template-columns:auto auto 1fr;gap:8px}.domino-screen .seat-avatar{display:none}.domino-screen .domino-table .scorebox strong{font-size:1rem}.domino-screen .team-scorebar{margin-bottom:3px}.domino-screen .team-score{padding:4px 10px}.domino-screen .team-score strong{font-size:1.1rem}.domino-screen .domino-table>.seatlabel:not(:last-of-type){display:none}.domino-screen .spinner-caption{font-size:.75rem;padding:3px 7px}.domino-screen .domino-table .hand{padding:6px 10px;margin:2px 0;justify-content:center}.domino-screen .domino-table .hand .domino{flex-basis:32px;width:32px;height:62px}.domino-screen .domino-table .hand .pip{width:5px;height:5px}.domino-screen .domino-table .hand .half{padding:2px}.domino-screen .domino-table .status{padding:3px 8px;margin:3px 0;min-height:24px;font-size:.75rem}.domino-screen .tableactions button{min-height:34px;padding:4px 10px}.domino-screen .domino-table .tableactions{margin:2px 0 0}.domino-screen .dom-board-scroll{margin:3px 0}}
.domino-toolbar{flex-wrap:nowrap}.domino-toolbar h1{min-width:0}
@media(max-width:360px){.domino-toolbar h1{font-size:1.1rem}.domino-toolbar{gap:6px}.domino-toolbar button{padding:6px 8px}}

/* Current Black card cast: reuse successful portrait artwork, mirror each headshot. */
.court-art.modern-court{background-image:none;background:#fbf5e7;overflow:hidden;border-color:#bfa062}.court-person{position:absolute;left:0;right:0;top:0;height:50%;display:block;background-image:var(--card-court-art);background-repeat:no-repeat;background-size:var(--portrait-width) var(--portrait-height);background-position:var(--portrait-x) var(--portrait-y);border-bottom:1px solid #c4a75b70}.court-person-bottom{top:auto;bottom:0;transform:rotate(180deg)}