.dp-pips{--dp-pips-cell-max:clamp(34px, 9.5vw, 46px);--dp-pips-tray-cell:clamp(23px, 7vw, 29px);--dp-pips-overlay-gap:2px;--dp-pips-rule:29px;width:100%;color:var(--title);padding:1rem}@media (width>=768px){.dp-pips{padding:2rem}}@media (width>=1024px){.dp-pips{padding:2.5rem}}.dp-pips__title{font-size:var(--dp-font-size-h2);color:var(--title);margin-bottom:1rem;font-weight:600;display:inline-block;position:relative}.dp-pips__title-decoration{display:none;position:absolute;top:.5rem;right:-6.25rem}@media (width>=1024px){.dp-pips__title-decoration{display:block}}.dp-pips__layout{flex-direction:column;gap:30px;display:flex}@media (width>=768px){.dp-pips__layout{gap:2.5rem}}@media (width>=1024px){.dp-pips__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:flex-start;gap:1.75rem;display:grid}}@media (width>=1280px){.dp-pips__layout{gap:2.5rem}}@media (width>=1440px){.dp-pips__layout{gap:3.5rem}}.dp-pips__board-area{order:1;min-width:0;container-type:inline-size}.dp-pips__controls{order:2;min-width:0}.dp-pips__actions{gap:7px;display:grid}@media (width>=768px){.dp-pips__actions{grid-template-columns:minmax(0,3fr) minmax(125px,1fr);gap:.5rem}}.dp-pips__tabs{gap:5px;display:flex}@media (width>=1024px){.dp-pips__tabs{gap:.5rem}}.dp-pips__tab{height:2.25rem;color:var(--title);background-color:#fff;border:1px solid #9ca3af;border-radius:7px;flex:1;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:background-color .2s;display:inline-flex}@media (hover:hover){.dp-pips__tab:hover{background-color:#f8fafc}}@media (width>=768px){.dp-pips__tab{border-radius:9px;height:42px;font-size:1rem}}@media (width>=1024px){.dp-pips__tab{border-radius:10px;height:3rem}}.dp-pips__reveal-all{color:#fff;background-color:#299795;border:1px solid #299795;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;height:2.25rem;font-size:.875rem;font-weight:500;transition:opacity .15s;display:inline-flex}@media (hover:hover){.dp-pips__reveal-all:hover{opacity:.88}}@media (width>=768px){.dp-pips__reveal-all{border-radius:9px;height:42px;font-size:1rem}}@media (width>=1024px){.dp-pips__reveal-all{border-radius:10px;height:3rem}}.dp-pips__reveal-all-icon{width:18px;height:auto}.dp-pips__trays{margin-top:11px}@media (width>=1024px){.dp-pips__trays{margin-top:22px}}.dp-pips__instruction{font-size:var(--dp-font-size-body);color:var(--title);justify-content:flex-start;align-items:center;gap:.375rem;margin-top:.75rem;font-weight:400;line-height:1.45;display:flex}@media (width>=768px){.dp-pips__instruction{margin-top:18px}}@media (width>=1024px){.dp-pips__instruction{margin-top:1.5rem}}.dp-pips__instruction-icon{flex-shrink:0;width:15px;height:15px}@media (width>=768px){.dp-pips__instruction-icon{width:19px;height:19px}}.dp-pips__tab.dp-is-active{color:#238886;background:#edf8f7;border-color:#299795}.dp-pips__dominoes{grid-template-columns:repeat(5, calc(var(--dp-pips-tray-cell) * 2));justify-content:center;gap:5px .25rem;display:grid}@media (width>=768px){.dp-pips__dominoes{gap:.5rem}}@media (width>=1024px){.dp-pips__dominoes{gap:.75rem 10px}}.dp-pips__domino{grid-template-columns:repeat(2, var(--dp-pips-tray-cell));height:var(--dp-pips-tray-cell);background-color:#fff;border-radius:5px;transition:opacity .15s;display:grid;box-shadow:0 2px #242424}.dp-pips__domino:focus-visible{outline-offset:2px;outline:2px solid #149699}.dp-pips__tray-half{width:var(--dp-pips-tray-cell);height:var(--dp-pips-tray-cell);background-color:#fff;border:1px solid #242424;place-items:center;display:grid;position:relative}.dp-pips__tray-half--left{border-right:0;border-radius:5px 0 0 5px}.dp-pips__tray-half--right{border-radius:0 5px 5px 0}.dp-pips__domino.dp-is-revealed{opacity:.35}.dp-pips__board-scroll{padding:4px calc(var(--dp-pips-rule) / 2 + 2px) calc(var(--dp-pips-rule) / 2 + 2px)}.dp-pips__board{--dp-pips-cell:clamp(22px, calc((100cqi - var(--dp-pips-rule) - 4px) / var(--dp-pips-columns)), var(--dp-pips-cell-max));grid-template-columns:repeat(var(--dp-pips-columns), var(--dp-pips-cell));grid-template-rows:repeat(var(--dp-pips-rows), var(--dp-pips-cell));width:fit-content;margin-inline:auto;display:grid;position:relative}.dp-pips__cell,.dp-pips__void{width:var(--dp-pips-cell);height:var(--dp-pips-cell);position:relative}.dp-pips__cell:focus-visible{outline-offset:2px;outline:2px solid #149699}.dp-pips__dots{z-index:3;position:absolute;inset:0}.dp-pips__region-layer{z-index:2;pointer-events:none;top:var(--dp-pips-region-inset-top);right:var(--dp-pips-region-inset-right);bottom:var(--dp-pips-region-inset-bottom);left:var(--dp-pips-region-inset-left);border-style:dashed;border-color:var(--dp-pips-region-color);border-width:var(--dp-pips-region-border-top) var(--dp-pips-region-border-right) var(--dp-pips-region-border-bottom) var(--dp-pips-region-border-left);border-radius:var(--dp-pips-region-radius-top-left) var(--dp-pips-region-radius-top-right) var(--dp-pips-region-radius-bottom-right) var(--dp-pips-region-radius-bottom-left);background:color-mix(in srgb, var(--dp-pips-region-color) 18%, transparent);position:absolute}.dp-pips__half{background-color:#fff;border:1px solid #242424;place-items:center;display:grid;position:absolute;inset:3px}.dp-pips__half--left{border-right:0;border-radius:8px 0 0 8px;right:0}.dp-pips__half--right{border-radius:0 8px 8px 0;left:0}.dp-pips__half--top{border-bottom:0;border-radius:8px 8px 0 0;bottom:0}.dp-pips__half--bottom{border-radius:0 0 8px 8px;top:0}.dp-pips__question{z-index:3;font-size:1rem;line-height:1;position:relative}.dp-pips__value,.dp-pips__cell.dp-is-revealed .dp-pips__question{display:none}.dp-pips__cell.dp-is-revealed .dp-pips__value{display:block}.dp-pips__dot{left:var(--dp-pips-dot-x);top:var(--dp-pips-dot-y);background-color:#242424;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.dp-pips__tray-half .dp-pips__dot{width:4px;height:4px}.dp-pips__rule-marker{z-index:20;color:#fff;pointer-events:none;left:calc(100% - var(--dp-pips-overlay-gap) - var(--dp-pips-rule) / 2);top:calc(100% - var(--dp-pips-overlay-gap) - var(--dp-pips-rule) / 2);width:var(--dp-pips-rule);height:var(--dp-pips-rule);background:var(--dp-pips-rule-color);border-radius:.5rem;place-items:center;font-size:10px;font-weight:400;line-height:1;display:grid;position:absolute;transform:rotate(45deg)}.dp-pips__rule-label{transform:rotate(-45deg)}@media (width>=768px){.dp-pips{--dp-pips-cell-max:55px;--dp-pips-tray-cell:40px}.dp-pips__tray-half .dp-pips__dot{width:5px;height:5px}}@media (width>=1024px){.dp-pips{--dp-pips-cell-max:46px;--dp-pips-tray-cell:35px}.dp-pips__dot{width:7px;height:7px}.dp-pips__tray-half .dp-pips__dot{width:6px;height:6px}}@media (width>=1280px){.dp-pips{--dp-pips-cell-max:58px;--dp-pips-tray-cell:44px}}@media (width>=1440px){.dp-pips{--dp-pips-cell-max:66px;--dp-pips-tray-cell:52px}}