/* JP's table: all values and interactive targets remain live HTML. */
.domino-screen{background:#290c15;color:#fff3d4}.domino-screen .game-wrap{max-width:1000px;margin:auto;padding:0 0 max(4px,env(safe-area-inset-bottom));background:#3b0c20}.domino-screen .domino-toolbar{padding:4px 8px;min-height:44px;gap:6px;background:linear-gradient(#d5a962,#fff0b0 12%,#a77432 95%);border-bottom:2px solid #7a4d23}.domino-toolbar h1{font-family:Georgia,serif;letter-spacing:.04em;color:#36111e;font-size:clamp(.7rem,2.5vw,1.05rem);text-shadow:0 1px #fff4}.domino-screen .domino-toolbar button{font-size:.75rem;min-height:36px;padding:5px 9px}.domino-screen .domino-table{padding:8px 10px 4px;margin:0;border:0;border-radius:0;background:linear-gradient(#25081155,#3b092833),var(--domino-felt) center/cover;box-shadow:inset 0 0 90px #19081766;position:relative}.domino-screen .dom-match-heading{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.13em;color:#ffe6a1;padding:0 3px 5px}.dom-match-heading b{font-weight:400;color:#e5bf88}.dom-match-heading small{font-size:.65rem}.domino-screen .domino-table .dom-player-panels{display:flex;gap:22px;margin:0;align-items:flex-start;padding:8px 0 0;min-height:128px}.domino-screen .domino-table .dom-player-panels .scorebox{background:linear-gradient(135deg,#660e25e0,#2b071cdd);border:1px solid #cfad64;box-shadow:inset 0 1px #fff4,0 3px 9px #0008;display:flex;flex-direction:column;align-items:center;border-radius:8px 8px 26px 8px;position:relative;padding:38px 8px 6px;margin-top:22px;min-width:0;gap:0;flex:1;min-height:90px}.domino-screen .domino-table .scorebox.current{border-color:#fff1a1;box-shadow:0 0 14px #ffc84a55,inset 0 0 15px #d1941f22}.domino-screen .domino-table .scorebox.current::after{bottom:-3px;width:30%;height:3px;background:#ffe59c}.domino-screen .dom-portraits{display:flex;justify-content:center;position:absolute;top:-29px;left:0;right:0}.domino-screen .seat-avatar{display:block;width:64px;height:64px;flex:none;border:3px solid #ddbb75;border-radius:50%;overflow:hidden;background:#281728;margin:0;box-shadow:0 2px 0 #735128,0 0 0 2px #fff3c733}.dom-person{display:block;width:100%;height:100%;background-image:var(--domino-portraits);background-size:200% 200%;background-repeat:no-repeat}.seat-avatar img{width:100%;height:100%;object-fit:cover}.domino-screen .domino-table .player-name{font-size:.85rem;font-weight:750;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff8e6}.domino-screen .domino-table .scorebox strong{font:800 2rem/1.1 Georgia,serif;margin:2px 0;color:#ffe399;text-shadow:0 2px #591b1b}.domino-screen .scorebox strong small{font:500 .65rem system-ui}.domino-screen .dom-seat-count{font-size:.64rem;color:#d6bdc2}.domino-screen .dom-player-panels.partners .seat-avatar{width:50px;height:50px}.domino-screen .dom-player-panels.partners .seat-avatar+.seat-avatar{margin-left:-6px}.domino-screen .dom-player-panels.partners .dom-portraits{top:-24px}.domino-screen .domino-table .dom-player-panels.partners .scorebox{padding-top:29px}.domino-screen .dom-player-panels.seats-3,.domino-screen .dom-player-panels.seats-4{gap:7px;min-height:115px}.domino-screen .seats-3 .seat-avatar,.domino-screen .seats-4 .seat-avatar{width:49px;height:49px}.domino-screen .domino-table .seats-3 .scorebox,.domino-screen .domino-table .seats-4 .scorebox{padding:25px 4px 5px}.domino-screen .domino-table .seats-4 .player-name{font-size:.7rem}.dom-opponent-hand{display:flex;justify-content:center;gap:3px;height:20px;flex:none;opacity:.8;margin-top:0}.dom-opponent-hand i{width:11px;height:20px;border:1px solid #c69e61;border-radius:2px;background:linear-gradient(120deg,#c49a54,#6a451f 60%,#a37a45);box-shadow:0 2px 3px #0006}.domino-screen .dom-board-scroll{background:none;box-shadow:none;border:0;border-radius:0;margin:0;min-height:80px;flex:1}.domino-screen .board-end{width:54px;height:44px;background:#33122288;border:1px dashed #e5cc8555;color:#e5d3b7;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:1.1rem;border-radius:22px;opacity:.55}.domino-screen .board-end small{font-size:.55rem;text-transform:uppercase;margin-top:3px}.domino-screen .board-end.playable{opacity:1;background:#efe0a322;color:#ffeeb4;border-color:#ffe7a0;box-shadow:0 0 14px #f7d27855}.domino-screen .board-end:disabled{opacity:.38}.domino-screen .dom-board-empty{border:0;background:none;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:9px;color:#edcfa0}.dom-board-empty strong{font:italic 1.5rem Georgia,serif}.dom-bottom-info{display:flex;justify-content:space-between;gap:10px;color:#e1bb93;border-bottom:1px solid #d8ad6255;padding:5px 3px;font-size:.68rem;flex:none}.dom-bottom-info i{padding:0 5px;font-style:normal}.dom-bottom-info b{color:#fff1b9}.domino-screen .domino-table .status{border:0;background:transparent;box-shadow:none;min-height:21px;padding:2px 3px;margin:0;text-align:center;font-size:.72rem;max-height:34px;color:#ffdfa9;line-height:1.3}.domino-screen .domino-table>.dom-hand-label{font-size:.66rem;color:#ddc5c2;text-align:center;margin:2px 0}.domino-screen .domino-table .hand{background:none;border:0;box-shadow:none;padding:6px 4px 9px;margin:0;justify-content:safe center;gap:6px;flex:none}.domino-screen .domino-table .hand .domino{width:clamp(36px,10vw,52px);height:clamp(72px,20vw,104px);flex-basis:clamp(36px,10vw,52px)}.domino-screen .domino-table .tableactions{justify-content:center;margin:0;gap:4px;flex-wrap:wrap}.domino-screen .tableactions button{font-size:.7rem;min-height:32px;padding:4px 12px}.domino-screen .domino-table .tableactions button:disabled{display:none}.domino-screen .dom-victory{background:#31091bd9;border:1px solid #e8c982;margin:6px auto 3px;padding:12px 15px;max-width:500px;width:100%;text-align:center;box-shadow:0 0 25px #edbb5533}.domino-screen .dom-victory h2{font:bold 2.1rem Georgia,serif;letter-spacing:.08em;color:#ffdf92;text-shadow:0 2px #713014;margin:0}.domino-screen .dom-victory p{font-size:.8rem;margin:6px 0}.domino-screen .dom-victory button{margin:4px 0 0!important}.pip-number{display:none}.domino .half{position:relative}.domino .domino-skin{background-image:var(--domino-finishes);background-size:300% 200%;background-position:var(--finish-x,0%) var(--finish-y,0%)}[data-domino-skin="gold"]{--finish-x:0%;--finish-y:0%;--dom-pip:#241a13}[data-domino-skin="black"]{--finish-x:50%;--finish-y:0%;--dom-pip:#f9e4ae}[data-domino-skin="red"]{--finish-x:100%;--finish-y:0%;--dom-pip:#ffeab2}[data-domino-skin="white"]{--finish-x:0%;--finish-y:100%;--dom-pip:#172c3f}[data-domino-skin="colored"]{--finish-x:50%;--finish-y:100%;--dom-pip:#163044}[data-domino-skin="sapphire"]{--finish-x:100%;--finish-y:100%;--dom-pip:#eef7ff}.domino .pip{background:radial-gradient(circle at 30% 25%,var(--dom-pip),var(--dom-pip));border:0;box-shadow:inset 0 1px 2px #0007,0 1px #fff4}.domino .half+.half{border-color:transparent;box-shadow:none}.domino-screen .domino{background:transparent;padding:6px;border:0;box-shadow:1px 2px 0 #9b7448,3px 5px 7px #0009}.domino-screen .domino .half{padding:4px;gap:1px}.domino-screen .board-node .domino{padding:5px}.domino-screen .board-node .domino .half{padding:3px}.domino-screen .board-node .board-horizontal .half+.half{box-shadow:none;border-color:transparent}.domino-screen .domino.legal{box-shadow:0 0 0 1px #ffdf92,0 0 9px #ffd57255,2px 4px 5px #0009}.domino-screen .domino.selected{outline:2px solid #fff5ba}.domino-screen .domino:disabled{opacity:1;filter:brightness(.83)}[data-domino-skin="colored"] .half[data-value="1"],[data-domino-marks="numbers"] .half[data-value="1"]{--dom-pip:#2458d1}[data-domino-skin="colored"] .half[data-value="2"],[data-domino-marks="numbers"] .half[data-value="2"]{--dom-pip:#e43a31}[data-domino-skin="colored"] .half[data-value="3"],[data-domino-marks="numbers"] .half[data-value="3"]{--dom-pip:#159450}[data-domino-skin="colored"] .half[data-value="4"],[data-domino-marks="numbers"] .half[data-value="4"]{--dom-pip:#ad5d04}[data-domino-skin="colored"] .half[data-value="5"],[data-domino-marks="numbers"] .half[data-value="5"]{--dom-pip:#9224bd}[data-domino-skin="colored"] .half[data-value="6"],[data-domino-marks="numbers"] .half[data-value="6"]{--dom-pip:#07868c}[data-domino-marks="numbers"] .domino .pip{visibility:hidden}[data-domino-marks="numbers"] .pip-number{display:flex;position:absolute;inset:0;justify-content:center;align-items:center;font:bold 26px Georgia,serif;color:var(--dom-pip);text-shadow:0 1px #fff4}[data-domino-skin="black"][data-domino-marks="numbers"] .pip-number,[data-domino-skin="red"][data-domino-marks="numbers"] .pip-number,[data-domino-skin="sapphire"][data-domino-marks="numbers"] .pip-number{-webkit-text-stroke:.3px #ffeabe}.dom-sets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.dom-set{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:12px 6px!important;background:#172239!important;min-width:0}.dom-set.chosen{outline:2px solid #e4bf73}.dom-set strong{font-size:.8rem}.dom-set small{font-size:.65rem}.dom-set:disabled{opacity:.5}.dom-set-sample .domino{width:44px;height:88px;pointer-events:none}.dom-mark-options{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0}.dom-mark-options>span{flex-basis:100%;font-size:.85rem}
@media(max-height:550px) and (orientation:landscape){.domino-screen .domino-toolbar{min-height:36px;padding:1px 8px}.domino-screen .domino-table{padding:4px 100px}.domino-screen .domino-table .dom-player-panels{position:absolute;inset:35px 5px auto;display:flex;justify-content:space-between;pointer-events:none;min-height:0}.domino-screen .domino-table .dom-player-panels .scorebox{flex:none;width:86px;padding:30px 3px 6px;min-height:83px}.domino-screen .seat-avatar{width:54px;height:54px}.domino-screen .dom-player-panels.seats-3,.domino-screen .dom-player-panels.seats-4{position:relative;inset:auto;padding:0;gap:20px}.domino-screen .domino-table .seats-3 .scorebox,.domino-screen .domino-table .seats-4 .scorebox{width:auto;flex:1;min-height:40px;margin-top:0;padding:4px}.domino-screen .seats-3 .dom-portraits,.domino-screen .seats-4 .dom-portraits{display:none}.domino-screen .domino-table .scorebox strong{font-size:1.5rem}.domino-screen .dom-opponent-hand{height:0;display:none}.domino-screen .domino-table .hand .domino{width:31px;height:62px;flex-basis:31px}.domino-screen .domino-table .hand .half{padding:2px}.domino-screen .domino-table .hand .pip{width:5px;height:5px}.domino-screen .domino-table .status{font-size:.65rem;min-height:17px}.domino-screen .domino-table>.dom-hand-label{display:none}.domino-screen .dom-victory{position:absolute;bottom:8px;left:calc(50% - 180px);width:360px;padding:8px}.domino-screen .dom-victory h2{font-size:1.5rem}.domino-screen .domino-table .hand{padding:4px}.domino-screen .dom-bottom-info{padding:2px}.domino-screen .dom-match-heading{padding-bottom:2px}}
.dom-point-flash{position:absolute;z-index:5;left:50%;top:38%;transform:translateX(-50%);font:bold clamp(48px,12vw,80px) Georgia,serif;color:#ffe58b;text-shadow:0 2px #8b4e1b,0 0 28px #ffb821;pointer-events:none;animation:dom-points 1.6s ease-out both}@keyframes dom-points{0%{opacity:0;transform:translate(-50%,15px) scale(.65)}20%{opacity:1;transform:translate(-50%,0) scale(1.1)}65%{opacity:1}100%{opacity:0;transform:translate(-50%,-50px) scale(1)}}@media(prefers-reduced-motion:reduce){.dom-point-flash{animation:none}}.reduce .dom-point-flash{animation:none}
[data-domino-skin="black"][data-domino-marks="numbers"] .pip-number,[data-domino-skin="red"][data-domino-marks="numbers"] .pip-number,[data-domino-skin="sapphire"][data-domino-marks="numbers"] .pip-number{color:color-mix(in srgb,var(--dom-pip) 60%,white)}