.three-d-board-skeleton{pointer-events:none;min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden;container:three-d-skeleton/size}.three-d-skeleton-projection{--skeleton-angle:var(--skeleton-angle-desktop);--skeleton-fit-offset:var(--skeleton-fit-offset-desktop);--skeleton-fit-height:var(--skeleton-fit-height-desktop);--skeleton-distance:calc(max(calc(var(--skeleton-fit-width) * tan(atan2(100cqh, 100cqw)) + var(--skeleton-fit-offset)), var(--skeleton-fit-height)) * var(--skeleton-fit-scale));--skeleton-focal:calc(50cqh / tan(var(--skeleton-half-fov)));--skeleton-cos:cos(var(--skeleton-angle));--skeleton-sin:sin(var(--skeleton-angle));position:absolute;inset:0}.three-d-skeleton-polygon,.three-d-skeleton-shadow,.three-d-skeleton-piece{position:absolute;inset:0}.three-d-skeleton-shadow{filter:blur(18px);opacity:.16}.three-d-skeleton-grid-line{opacity:.65}.three-d-skeleton-disc{--disc-depth:calc(var(--skeleton-distance) - (var(--disc-y) - var(--skeleton-target-y)) * var(--skeleton-cos) - var(--disc-z) * var(--skeleton-flip) * var(--skeleton-sin));left:calc(50cqw + var(--disc-x) * var(--skeleton-flip) * var(--skeleton-focal) / var(--disc-depth));top:calc(50cqh + (var(--disc-z) * var(--skeleton-flip) * var(--skeleton-cos) - (var(--disc-y) - var(--skeleton-target-y)) * var(--skeleton-sin)) * var(--skeleton-focal) / var(--disc-depth));width:calc(2 * var(--disc-radius) * var(--skeleton-focal) / var(--disc-depth));height:calc(2 * var(--disc-radius) * var(--skeleton-cos) * var(--skeleton-focal) / var(--disc-depth));border:1px solid #0002;border-radius:50%;display:block;position:absolute;transform:translate(-50%,-50%)}.three-d-skeleton-disc[data-sphere=true]{aspect-ratio:1;height:auto}.three-d-skeleton-quad{--depth-0:calc(var(--skeleton-distance) - (var(--y-0) - var(--skeleton-target-y)) * var(--skeleton-cos) - var(--z-0) * var(--skeleton-flip) * var(--skeleton-sin));--point-0:calc(50cqw + var(--x-0) * var(--skeleton-flip) * var(--skeleton-focal) / var(--depth-0)) calc(50cqh + (var(--z-0) * var(--skeleton-flip) * var(--skeleton-cos) - (var(--y-0) - var(--skeleton-target-y)) * var(--skeleton-sin)) * var(--skeleton-focal) / var(--depth-0));--depth-1:calc(var(--skeleton-distance) - (var(--y-1) - var(--skeleton-target-y)) * var(--skeleton-cos) - var(--z-1) * var(--skeleton-flip) * var(--skeleton-sin));--point-1:calc(50cqw + var(--x-1) * var(--skeleton-flip) * var(--skeleton-focal) / var(--depth-1)) calc(50cqh + (var(--z-1) * var(--skeleton-flip) * var(--skeleton-cos) - (var(--y-1) - var(--skeleton-target-y)) * var(--skeleton-sin)) * var(--skeleton-focal) / var(--depth-1));--depth-2:calc(var(--skeleton-distance) - (var(--y-2) - var(--skeleton-target-y)) * var(--skeleton-cos) - var(--z-2) * var(--skeleton-flip) * var(--skeleton-sin));--point-2:calc(50cqw + var(--x-2) * var(--skeleton-flip) * var(--skeleton-focal) / var(--depth-2)) calc(50cqh + (var(--z-2) * var(--skeleton-flip) * var(--skeleton-cos) - (var(--y-2) - var(--skeleton-target-y)) * var(--skeleton-sin)) * var(--skeleton-focal) / var(--depth-2));--depth-3:calc(var(--skeleton-distance) - (var(--y-3) - var(--skeleton-target-y)) * var(--skeleton-cos) - var(--z-3) * var(--skeleton-flip) * var(--skeleton-sin));--point-3:calc(50cqw + var(--x-3) * var(--skeleton-flip) * var(--skeleton-focal) / var(--depth-3)) calc(50cqh + (var(--z-3) * var(--skeleton-flip) * var(--skeleton-cos) - (var(--y-3) - var(--skeleton-target-y)) * var(--skeleton-sin)) * var(--skeleton-focal) / var(--depth-3));clip-path:polygon(var(--point-0), var(--point-1), var(--point-2), var(--point-3))}@container three-d-skeleton (width<600px){.three-d-skeleton-projection{--skeleton-angle:var(--skeleton-angle-mobile);--skeleton-fit-offset:var(--skeleton-fit-offset-mobile);--skeleton-fit-height:var(--skeleton-fit-height-mobile)}}@media (pointer:coarse){.three-d-skeleton-projection{--skeleton-angle:var(--skeleton-angle-mobile);--skeleton-fit-offset:var(--skeleton-fit-offset-mobile);--skeleton-fit-height:var(--skeleton-fit-height-mobile)}}.three-d-game-loading .ui-skeleton{background:var(--arena-fill-hover)}.three-d-game-loading .three-d-back:disabled{opacity:1}.three-d-game-loading .three-d-title{cursor:default}.three-d-game-loading .three-d-loading-subtitle{width:104px;max-width:85%;height:10px;margin:6px auto 4px}.three-d-game-loading .three-d-loading-badge{border-radius:99px;width:96px}.three-d-game-loading .three-d-loading-tool{border-radius:5px;width:18px;height:18px}.three-d-game-loading .three-d-loading-status{width:80px;height:13px}.three-d-game-loading .loading-copy{flex:1;min-width:0}.three-d-game-loading .loading-copy-title{width:64%;max-width:108px;height:12px}.three-d-game-loading .loading-copy-detail{width:44%;max-width:72px;height:8px}.three-d-game-loading .three-d-panel-heading>.ui-button{width:36px}.three-d-loading-moves{flex-direction:column;flex:1;min-height:0;display:flex}.three-d-loading-move-copy{place-items:center;padding:20px;display:grid}.three-d-loading-moves[data-river=true] .three-d-loading-move-copy{flex:1}.three-d-loading-move-copy .loading-copy{align-items:center;width:170px}.three-d-game-loading .three-d-loading-column{width:60%;height:10px}.three-d-game-loading .three-d-loading-heading-status{width:120px;max-width:90%;height:26px}.three-d-loading-river-label,.three-d-loading-tab{vertical-align:middle;width:56px;height:10px;display:inline-block}.three-d-loading-review{flex:0 0 40px;justify-content:space-around;align-items:center;height:40px;padding:0 12px;display:flex}.three-d-game-loading .three-d-loading-action{border-radius:99px;flex:1;width:96px;height:44px}.three-d-loading-notice{z-index:1;background:var(--arena-surface,var(--surface));width:max-content;max-width:calc(100% - 24px);color:var(--arena-secondary,var(--text-secondary));text-align:center;pointer-events:none;border-radius:99px;padding:7px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.three-d-loading-preview{width:100%;position:relative}.three-d-game-loading .three-d-loading-go-action:disabled{color:#0000;opacity:1}