.upx-seg-wrap{position:relative}.seg-board{display:grid;grid-template-columns:repeat(var(--seg-cols,10),1fr);grid-template-rows:repeat(var(--seg-rows,10),1fr);gap:1px;aspect-ratio:1/1;width:100%;max-width:500px;overflow:hidden;background-color:#000;border:3px solid #000;box-sizing:border-box;contain:layout}.upx-cell{background-color:#fcf8f1;position:relative;display:flex;align-items:center;justify-content:center}.upx-cell.potentialMove{background:#dab023;background:linear-gradient(45deg,rgba(218,176,35,1) 0%,rgba(255,239,130,1) 100%)}.upx-cell.ui-droppable-hover{background-color:#e8e4da}.upx-token{display:block;width:80%;height:80%;--upx-token-outer:#f0f;--upx-token-inner:#f8f;--upx-token-label:#fcf8f1;transition:opacity .2s ease,transform .15s ease;overflow:visible}.upx-token-wrap.upx-token--green,.upx-token--green{--upx-token-outer:#3b804d;--upx-token-inner:#77ad7f}.upx-token-wrap.upx-token--blue,.upx-token--blue{--upx-token-outer:#2341a5;--upx-token-inner:#604fcb}.upx-token-wrap.upx-token--green .upx-token{--upx-token-outer:#3b804d;--upx-token-inner:#77ad7f}.upx-token-wrap.upx-token--blue .upx-token{--upx-token-outer:#2341a5;--upx-token-inner:#4a6fe3}.upx-token--happy{opacity:1;cursor:pointer}.upx-token--unhappy{opacity:1;cursor:grab}.upx-token-wrap.upx-token--unhappy.upx-token--green{--upx-token-outer:#3b804d;--upx-token-inner:#77ad7f}.upx-token-wrap.upx-token--unhappy.upx-token--blue{--upx-token-outer:#2341a5;--upx-token-inner:#4a6fe3}.upx-token-wrap.upx-token--unhappy.upx-token--green .upx-token{--upx-token-outer:#3b804d;--upx-token-inner:#77ad7f}.upx-token-wrap.upx-token--unhappy.upx-token--blue .upx-token{--upx-token-outer:#2341a5;--upx-token-inner:#4a6fe3}.upx-token-wrap.upx-token--unhappy.upx-token--green:hover .upx-token{--upx-token-outer:#4f9a63;--upx-token-inner:#8fc49a}.upx-token-wrap.upx-token--unhappy.upx-token--green .upx-token:hover{--upx-token-outer:#4f9a63;--upx-token-inner:#8fc49a}.upx-token-wrap.upx-token--unhappy.upx-token--blue:hover .upx-token{--upx-token-outer:#3866b5;--upx-token-inner:#4a87e3}.upx-token-wrap.upx-token--unhappy.upx-token--blue .upx-token:hover{--upx-token-outer:#3866b5;--upx-token-inner:#4a87e3}.upx-token--unhappy{opacity:1;cursor:grab}.upx-token--unhappy:hover{transform:scale(1.05);filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.upx-token--unhappy:hover{opacity:.8;transform:scale(1.08)}.upx-token.ui-draggable-dragging{opacity:.85;z-index:9999}.upx-seg-wrap .loading{background-color:#fcf8f1;border:1px solid #000;display:flex;align-items:center;justify-content:center;min-height:200px}@media (prefers-reduced-motion:reduce){.upx-token{transition:none}}@supports (-webkit-hyphens:none){.seg-board{grid-auto-rows:1fr;overflow:hidden}.upx-cell{min-width:0;min-height:0}}.upx-seg-wrap .seg-board{background-color:#000 !important;border-color:#000 !important}.upx-seg-wrap .upx-cell{background-color:#fcf8f1 !important}.upx-seg-wrap .upx-cell svg.upx-token{display:block;width:90%;height:90%;overflow:visible}.upx-token-wrap{width:90%;height:90%;display:flex;align-items:center;justify-content:center;position:relative}.upx-token-wrap.ui-draggable-dragging{opacity:.85;z-index:9999}.upx-token-wrap .upx-token{width:100%;height:100%;pointer-events:none}.upx-cell.drag-over{background-color:#d4edda !important;outline:2px solid #909c92;outline-offset:-2px}.upx-token-wrap,.upx-token-wrap *{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.upx-cell.potentialMove.drag-over{background-color:#b7e4c7 !important;outline:3px solid #909c92 !important;outline-offset:-3px}.seg-board-3d-wrap{position:relative;display:inline-block}@media (max-width:700px){.seg-board{max-width:100%}}