/* A centered live rack with precise, value-colored markings. */
html body.domino-screen #app .mode-hud.mode-arcade{display:none!important}
html body.domino-screen #app .domino-table>.hand{--rack-tile:42px;display:flex!important;flex-direction:column!important;justify-content:safe center!important;align-items:center!important;gap:5px!important;width:100%!important;height:calc(var(--rack-rows,1)*(var(--rack-tile)*2 + 6px) + 14px)!important;min-height:calc(var(--rack-tile)*2 + 20px)!important;max-height:210px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px 6px!important;box-sizing:border-box!important;margin:0!important;scrollbar-width:thin!important}
html body.domino-screen #app .domino-table>.hand .domino{width:var(--rack-tile)!important;height:calc(var(--rack-tile)*2)!important;min-width:var(--rack-tile)!important;max-width:var(--rack-tile)!important;min-height:0!important;flex:none!important;margin:0!important;padding:3px!important;border-radius:7px!important;transform:none!important;transition:outline-color .1s,box-shadow .1s!important}
html body.domino-screen #app .domino{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:stretch!important;gap:0!important;box-sizing:border-box!important}
html body.domino-screen #app .board-node .domino.board-horizontal{flex-direction:row!important}
html body.domino-screen #app .domino .half{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;place-items:center!important;flex:1 1 0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:3px!important;gap:1px!important;box-sizing:border-box!important;position:relative!important;color:var(--value-color)!important;box-shadow:none!important}
html body.domino-screen #app .domino .half[data-value="0"]{--value-color:#d1c1a0}
html body.domino-screen #app .domino .half[data-value="1"]{--value-color:#54dce9}
html body.domino-screen #app .domino .half[data-value="2"]{--value-color:#5ddd73}
html body.domino-screen #app .domino .half[data-value="3"]{--value-color:#ff648e}
html body.domino-screen #app .domino .half[data-value="4"]{--value-color:#ffa252}
html body.domino-screen #app .domino .half[data-value="5"]{--value-color:#669dff}
html body.domino-screen #app .domino .half[data-value="6"]{--value-color:#f9d34e}
html body.domino-screen #app .domino .pip{display:block!important;position:relative!important;inset:auto!important;width:74%!important;height:auto!important;max-width:8px!important;max-height:8px!important;aspect-ratio:1!important;background:var(--value-color)!important;border:0!important;border-radius:50%!important;box-shadow:inset 0 1px 1px #fff5,0 0 2px #0007!important;transform:none!important;margin:0!important;padding:0!important}
html body.domino-screen #app .domino .pip::after{display:none!important}
html body.domino-screen #app .domino .pip.off{opacity:0!important;visibility:hidden!important}
html body.domino-screen #app .domino .pip-number{position:absolute!important;inset:0!important;display:none!important;place-items:center!important;color:var(--value-color)!important;font:800 25px/1 system-ui!important;text-shadow:0 1px 2px #0005!important}
html body.domino-screen[data-domino-marks="numbers"] #app .domino .pip-number{display:grid!important}
html body.domino-screen[data-domino-marks="numbers"] #app .domino .pip{visibility:hidden!important}
html body.domino-screen #app .domino .half+.half{border-top:1px solid #c2a96e!important;border-left:0!important}
html body.domino-screen #app .board-node .board-horizontal .half+.half{border-left:1px solid #c2a96e!important;border-top:0!important}
html body.domino-screen #app .domino:disabled{opacity:1!important;filter:none!important}
html body.domino-screen #app .domino-table>.hand .domino.legal{box-shadow:inset 0 0 0 1px #ddc08077,0 2px 4px #0008!important}
html body.domino-screen #app .domino-table>.hand .domino.selected{outline:2px solid #ffe5a5!important;outline-offset:2px!important;box-shadow:0 0 12px #e6c27977!important}
html body.domino-screen #app .dom-view-controls{justify-content:space-between!important}
html body.domino-screen #app .dom-view-controls button{min-width:95px!important;min-height:28px!important;font-size:10px!important}
html body.domino-screen #app .board-node .domino.piece-reveal{animation:paxton-tile-seat22 .18s ease-out both!important}
@keyframes paxton-tile-seat22{from{opacity:.4;transform:translateY(-9px) scale(1.06)}to{opacity:1;transform:none}}
@media(max-width:360px){html body.domino-screen #app .domino-table>.hand{--rack-tile:35px}}
@media(min-width:420px){html body.domino-screen #app .domino-table>.hand{--rack-tile:46px}}
@media(prefers-reduced-motion:reduce){html body.domino-screen #app .board-node .domino.piece-reveal{animation:none!important}}
html body.domino-screen.no-motion #app .board-node .domino.piece-reveal{animation:none!important}

html body.domino-screen #app .dom-rack-row{display:flex!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:max-content!important;max-width:100%!important;height:calc(var(--rack-tile)*2)!important}
html body.domino-screen:is([data-domino-skin="white"],[data-domino-skin="colored"]) #app .domino .half[data-value="1"]{--value-color:#006c82}
html body.domino-screen:is([data-domino-skin="white"],[data-domino-skin="colored"]) #app .domino .half[data-value="2"]{--value-color:#176c33}
html body.domino-screen:is([data-domino-skin="white"],[data-domino-skin="colored"]) #app .domino .half[data-value="3"]{--value-color:#b02254}
html body.domino-screen:is([data-domino-skin="white"],[data-domino-skin="colored"]) #app .domino .half[data-value="4"]{--value-color:#9b440f}
html body.domino-screen:is([data-domino-skin="white"],[data-domino-skin="colored"]) #app .domino .half[data-value="5"]{--value-color:#2356b5}
html body.domino-screen:is([data-domino-skin="white"],[data-domino-skin="colored"]) #app .domino .half[data-value="6"]{--value-color:#805e0c}