.sky-joe-platform{color:#fff;background:#2686ba 50%/cover;border-radius:20px;width:100%;max-width:720px;min-height:0;margin:auto;padding:8px 16px 14px}.sky-joe-platform>header{grid-template-columns:1fr auto 1fr;align-items:center;height:40px;margin-bottom:20px;display:grid}.sky-joe-platform>header button{color:inherit;background:0 0;border:0;justify-self:start;font-weight:800}.sky-joe-platform>header span{justify-self:end;font-size:12px}.sky-joe-player{justify-content:center;align-items:center;gap:12px;min-height:70px;margin:10px 0 16px;display:flex}.sky-joe-player>div:last-child{gap:3px;min-width:0;display:grid}.sky-joe-player b{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}.sky-joe-player strong{color:#ffd334;font-size:27px;line-height:1.1}.sky-joe-player strong small{color:#fff;font-size:16px}.sky-joe-player .game-turn-avatar{box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}.sky-joe-player .game-player-avatar{flex:none;width:48px;height:48px}.sky-joe-player .game-turn-avatar:before{inset:-3px}.sky-joe-player .game-turn-label{white-space:nowrap;top:auto;bottom:calc(100% + 4px)}.sky-joe-player .game-turn-progress{bottom:-11px}.sky-joe-board-wrap{width:min(260px,60vw);margin:0 auto;position:relative}.sky-joe-board{background:#16577488;border:2px solid #98cfe3;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;display:grid}.sky-joe-slot{aspect-ratio:162/231;perspective:600px;background:0 0;border:0;border-radius:5px;padding:0;position:relative;opacity:1!important}.sky-joe-slot img{pointer-events:none;width:100%;height:auto;display:block}.sky-joe-slot:not(:disabled){cursor:pointer;box-shadow:0 0 0 2px #ffe459}.sky-joe-slot.is-empty{background:#15395730}.sky-joe-slot.is-changing img{animation:.65s both sky-joe-face-in}.sky-joe-slot.is-clearing img{animation:.7s ease-in both sky-joe-clear}.sky-joe-visible-score{background:#153853b0;border-radius:3px;padding:3px 9px;font-size:14px;position:absolute;bottom:8px;left:calc(100% + 6px)}.sky-joe-piles{grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:12px;width:min(470px,100%);margin:12px auto;display:grid}.sky-joe-piles>button{color:#fff;background:0 0;border:0;justify-items:center;gap:4px;padding:3px;display:grid;opacity:1!important}.sky-joe-piles img{width:100%;height:auto;display:block}.sky-joe-piles span{white-space:nowrap;font-size:11px;font-weight:700}.sky-joe-piles b{background:#153853aa;border-radius:3px;padding:2px 12px;font-size:12px}.sky-joe-piles button.is-selected{border-radius:8px;outline:3px solid #ffe459}.sky-joe-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.sky-joe-center p{margin:0;font-size:12px;font-weight:750;line-height:1.3}.sky-joe-drawn{color:#fff;background:0 0;border:0;width:58px;padding:0}.sky-joe-drawn small{font-size:10px;line-height:1.1;display:block}.sky-joe-center>small{color:#ffe459}.sky-joe-round-overlay{z-index:1100;background:#07182c99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sky-joe-round-result{color:#203e55;background:#e9f7ff;border-radius:20px;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow:auto;box-shadow:0 12px 40px #0005}.sky-joe-round-result h2{text-align:center;margin:0 0 18px;font-size:28px}.sky-joe-round-heading,.sky-joe-round-result article{text-align:center;grid-template-columns:minmax(0,1fr) 70px 70px;align-items:center;gap:8px;display:grid}.sky-joe-round-heading{margin-bottom:6px;font-size:12px;font-weight:800}.sky-joe-round-result article{background:#cce5f5;border-radius:10px;margin:7px 0;padding:10px}.sky-joe-round-result article:first-of-type{background:#d9f1d4}.sky-joe-round-result article>div{text-align:left;align-items:center;gap:8px;min-width:0;display:flex}.sky-joe-round-result article b{text-overflow:ellipsis;overflow:hidden}.sky-joe-round-result article strong{font-size:24px}.sky-joe-round-result article small{color:#d13d36;font-size:10px;display:block}.sky-joe-round-result .game-player-avatar{flex:none;width:40px;height:40px}.sky-joe-round-result>p{text-align:center;margin:18px 0 0;font-size:14px;font-weight:750}@keyframes sky-joe-face-in{0%{transform:rotateY(90deg)scale(.92)}55%{transform:rotateY(0)scale(1.05)}to{transform:rotateY(0)scale(1)}}@keyframes sky-joe-clear{to{opacity:0;transform:translateY(-20px)scale(.5)}}@media (max-width:430px){.sky-joe-platform{border-radius:0;padding:8px 12px 14px}.sky-joe-platform>header{height:32px;margin-bottom:12px}.sky-joe-player{min-height:56px;margin:8px 0 12px}.sky-joe-board-wrap{width:min(230px,56vw)}.sky-joe-visible-score{padding:2px 6px;left:calc(100% + 4px)}.sky-joe-piles{grid-template-columns:52px minmax(0,1fr) 52px;gap:7px;margin:8px auto}.sky-joe-round-result{padding:16px}.sky-joe-round-heading,.sky-joe-round-result article{grid-template-columns:minmax(0,1fr) 60px 60px}}@media (prefers-reduced-motion:reduce){.sky-joe-slot.is-changing img,.sky-joe-slot.is-clearing img{animation:none}}.sky-joe-opponent-board .sky-joe-board-wrap{width:min(140px,34vw)}.sky-joe-opponent-board .sky-joe-board{border-radius:7px;gap:3px;padding:5px}.sky-joe-own-board .sky-joe-board-wrap{width:min(320px,73vw)}.sky-joe-platform>header{height:32px;margin-bottom:12px}.sky-joe-player{min-height:56px;margin:8px 0 12px}.sky-joe-piles{margin:6px auto}.sky-joe-round-result{color:#333;background:#fff;border-radius:11px;flex-direction:column;width:min(320px,100%);min-height:min(330px,100dvh - 32px);padding:20px;display:flex}.sky-joe-round-result h2{margin:0 0 20px;font-size:22px;font-weight:700;line-height:1.2}.sky-joe-round-heading,.sky-joe-round-result article{grid-template-columns:minmax(0,1fr) 64px 64px;gap:5px}.sky-joe-round-heading{color:#738094;margin:0 6px 8px;font-size:12px;font-weight:600;line-height:1.05}.sky-joe-round-heading>span:first-child{text-align:left}.sky-joe-round-result article{color:#4382cc;background:#a1cdfb;border-radius:5px;flex:none;min-height:52px;margin:0 0 7px;padding:6px 8px}.sky-joe-round-result article:first-of-type{color:#d57712;background:#fff04d}.sky-joe-round-result article>div{gap:5px}.sky-joe-round-result article b{white-space:nowrap;font-size:14px;font-weight:650}.sky-joe-round-result article strong{font-size:20px;font-weight:650}.sky-joe-round-result .game-player-avatar{width:34px;height:34px}.sky-joe-round-result>p{color:#738094;margin:auto 0 0;padding-top:30px;font-size:13px;font-weight:700}.sky-joe-player{grid-template-rows:48px auto;grid-template-columns:48px 48px;justify-content:center;align-items:center;gap:7px 12px;width:max-content;min-height:0;margin:20px auto 8px;display:grid}.sky-joe-player .game-turn-avatar{grid-area:1/1}.sky-joe-player .sky-joe-player-name{text-align:center;grid-area:2/1/auto/-1;width:100%;max-width:100%;font-size:12px;line-height:18px}.sky-joe-player .sky-joe-current-score{color:#fff;background:#4bc700;border:2px solid #fff;border-radius:50%;grid-area:1/2;place-items:center;width:40px;height:40px;font-size:24px;font-weight:750;display:grid}.sky-joe-opponent-board{background:#16577455;border-radius:6px;width:max-content;margin:auto;padding-bottom:3px}.sky-joe-board-total{text-align:center;font-size:12px;line-height:18px;display:block}.sky-joe-board-wrap>.sky-joe-visible-score{display:none}.sky-joe-action-row{justify-content:space-between;align-items:center;gap:12px;width:min(360px,100%);margin:22px auto 0;display:flex}.sky-joe-action-row .sky-joe-player{flex:1;grid-template-columns:minmax(48px,1fr) minmax(48px,1fr);gap:8px 6px;min-width:0;margin:0}.sky-joe-action-row .sky-joe-player-name{grid-column:1;overflow:hidden}.sky-joe-action-row .sky-joe-player-total{white-space:nowrap;text-align:center;background:#16577488;border-radius:3px;grid-area:2/2;padding:2px 3px;font-size:11px;line-height:16px}.sky-joe-action-row .sky-joe-current-score,.sky-joe-action-row .game-turn-avatar{justify-self:center}.sky-joe-action-row .sky-joe-piles{flex:none;grid-template-columns:repeat(2,62px);align-items:start;gap:8px;width:auto;margin:0}.sky-joe-platform>.sky-joe-center{width:min(360px,100%);min-height:30px;margin:6px auto}@media (max-width:360px){.sky-joe-action-row{gap:6px}.sky-joe-action-row .sky-joe-piles{grid-template-columns:repeat(2,52px);gap:5px}.sky-joe-player .sky-joe-current-score{width:36px;height:36px;font-size:21px}.sky-joe-action-row .sky-joe-player-total{font-size:10px}}.sky-joe-piles>button img{transition:transform .1s}.sky-joe-piles>button.has-pending-card img{transition:none;transform:none}.sky-joe-draw-stack{aspect-ratio:162/231;width:100%;position:relative}.sky-joe-pending-top{pointer-events:none;position:absolute;inset:0;transform:translateY(-18px)}.sky-joe-piles>button.is-selected img{transform:none}.sky-joe-action-row .sky-joe-piles{align-items:stretch}.sky-joe-piles>button{box-sizing:border-box;grid-template-rows:auto 16px;grid-template-columns:minmax(0,1fr);align-content:start;width:100%;min-width:0}.sky-joe-piles>button span{text-align:center;width:100%;min-width:0;font-size:10px}.sky-joe-piles>button img{aspect-ratio:162/231;object-fit:contain;width:100%;min-width:0;height:auto}.sky-joe-flight-layer{pointer-events:none;z-index:1050;position:fixed;inset:0}.sky-joe-card-flight{transform-origin:0 0;will-change:transform;animation:.7s cubic-bezier(.22,.65,.3,1) both sky-joe-card-travel;position:absolute}.sky-joe-card-flight img{object-fit:contain;width:100%;height:100%}.sky-joe-platform[data-action-type="1"] .sky-joe-slot.is-changing:not(.is-clearing) img,.sky-joe-platform[data-action-type="3"] .sky-joe-slot.is-changing:not(.is-clearing) img{animation:none}.sky-joe-platform.is-card-moving[data-action-type="1"] .sky-joe-slot.is-changing:not(.is-clearing) img,.sky-joe-platform.is-card-moving[data-action-type="3"] .sky-joe-slot.is-changing:not(.is-clearing) img{visibility:hidden}.sky-joe-piles button.is-selected{outline:none}.sky-joe-piles button.is-selected img{outline-offset:2px;border-radius:5px;outline:3px solid #ffe459}@keyframes sky-joe-card-travel{0%{transform:translate(0,0)scale(1)}to{transform:translate3d(var(--flight-x),var(--flight-y),0) scale(var(--flight-sx),var(--flight-sy))}}.sky-joe-card-flight.is-draw{perspective:600px;animation-name:sky-joe-draw-lift;animation-timing-function:ease-out}.sky-joe-draw-flip{width:100%;height:100%;transform-style:preserve-3d;animation:.7s ease-in-out both sky-joe-draw-turn;position:relative}.sky-joe-draw-back,.sky-joe-draw-front{backface-visibility:hidden;position:absolute;inset:0}.sky-joe-draw-front{transform:rotateY(180deg)}@keyframes sky-joe-draw-lift{0%{transform:translate(0,0)}35%,to{transform:translateY(-18px)}}@keyframes sky-joe-draw-turn{0%,40%{transform:rotateY(0)}85%,to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.sky-joe-card-flight{animation-duration:10ms}.sky-joe-piles>button img{transition:none}.sky-joe-draw-flip{animation-duration:10ms}}@media (pointer:coarse){.sky-joe-platform.sky-joe-platform--fit{touch-action:pan-x pinch-zoom;overscroll-behavior-y:none}}.sky-joe-platform.sky-joe-platform--fit{box-sizing:border-box;max-width:720px;height:min(900px,var(--sky-joe-viewport-height,calc(100svh - 140px)));grid-template-rows:28px 68px minmax(0,.8fr) 78px 28px minmax(0,1.4fr);grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;padding:8px 12px 12px;display:grid}.sky-joe-platform--fit>header{height:28px;min-height:0;margin:0;font-size:16px}.sky-joe-platform--fit>header button{padding:4px;font-size:14px}.sky-joe-platform--fit>.sky-joe-player{box-sizing:border-box;grid-template-rows:36px 14px;grid-template-columns:36px 40px;align-self:center;gap:4px 12px;margin:0 auto;padding-top:14px}.sky-joe-platform--fit .sky-joe-player .game-turn-avatar,.sky-joe-platform--fit .sky-joe-player .game-player-avatar{width:36px;height:36px}.sky-joe-platform--fit .sky-joe-player .sky-joe-current-score{box-sizing:border-box;width:36px;height:36px;font-size:22px}.sky-joe-platform--fit .sky-joe-player .sky-joe-player-name{font-size:11px;line-height:14px}.sky-joe-platform--fit .sky-joe-opponent-board{box-sizing:border-box;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:100%;height:100%;min-height:0;padding:0;display:flex}.sky-joe-platform--fit .sky-joe-opponent-board .sky-joe-board-wrap{aspect-ratio:.96;width:auto;max-width:180px;height:calc(100% - 18px);min-height:0}.sky-joe-platform--fit .sky-joe-own-board{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.sky-joe-platform--fit .sky-joe-own-board .sky-joe-board-wrap{aspect-ratio:.96;width:auto;max-width:min(320px,100%);height:100%;min-height:0}.sky-joe-platform--fit .sky-joe-board{box-sizing:border-box;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;width:100%;height:100%;padding:5px}.sky-joe-platform--fit .sky-joe-slot{aspect-ratio:auto;min-width:0;min-height:0}.sky-joe-platform--fit .sky-joe-slot img{object-fit:contain;width:100%;height:100%}.sky-joe-platform--fit .sky-joe-slot:not(:disabled){box-shadow:none}.sky-joe-platform--fit .sky-joe-slot:not(:disabled) img{filter:drop-shadow(2px 0 #ffe459)drop-shadow(-2px 0 #ffe459)drop-shadow(0 2px #ffe459)drop-shadow(0 -2px #ffe459)}.sky-joe-platform--fit .sky-joe-action-row{box-sizing:border-box;gap:10px;width:min(360px,100%);height:100%;min-height:0;margin:0 auto}.sky-joe-platform--fit .sky-joe-action-row .sky-joe-player{grid-template-rows:36px auto;grid-template-columns:minmax(36px,1fr) minmax(36px,1fr);gap:5px 4px;margin:0}.sky-joe-platform--fit .sky-joe-action-row .sky-joe-piles{grid-template-columns:repeat(2,44px);gap:8px}.sky-joe-platform--fit .sky-joe-piles>button{grid-template-rows:auto 13px;gap:2px;padding:0}.sky-joe-platform--fit .sky-joe-piles>button span{font-size:9px;line-height:13px}.sky-joe-platform--fit>.sky-joe-center{box-sizing:border-box;gap:0;height:100%;min-height:0;margin:0 auto}.sky-joe-platform--fit>.sky-joe-center p{font-size:11px;line-height:14px}.sky-joe-platform--fit .sky-joe-board-total{font-size:11px;line-height:18px}.sky-joe-platform.sky-joe-platform--fit[data-sky-joe-compact=true]{grid-template-rows:24px 60px minmax(0,.7fr) 62px 22px minmax(0,1.4fr);gap:4px;padding:6px 10px 8px}.sky-joe-platform--fit[data-sky-joe-compact=true] .sky-joe-action-row .sky-joe-piles{grid-template-columns:repeat(2,34px)}.sky-joe-platform--fit[data-sky-joe-compact=true]>.sky-joe-player{gap:2px 10px;padding-top:10px}