.gp-intro{text-align:center}.gp-intro h2{font-weight:900;letter-spacing:3px;color:#f5d5ff}.gp-intro p,#gpStatus{color:#b8a8c7;font-size:12px;text-align:center}.gp-viewport{overflow:hidden;border-radius:16px;border:1px solid #765a94;max-width:1100px;margin:auto}.gp-scene{position:relative;aspect-ratio:3/2}.gp-scene>img{display:block;width:100%;height:100%}.gp-start{position:absolute;left:46.3%;top:43.3%;width:7.4%;height:8.3%;border-radius:50%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;z-index:3}.gp-start:hover{box-shadow:0 0 25px #ff6fe8aa}.gp-start:focus-visible{outline:3px solid #fff39b;outline-offset:3px}.gp-start:disabled{cursor:wait}.gp-opening{position:absolute;left:38.67%;top:56.75%;width:22.66%;height:26.7%;overflow:hidden}.gp-opening video{position:absolute;width:100%;height:100%;object-fit:cover;background:#080b1a}.gp-ball{position:absolute;width:25%;aspect-ratio:1;left:37.5%;bottom:8%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff9,transparent 27%),linear-gradient(0deg,var(--gp-color) 48%,#ffffff88 49% 51%,var(--gp-color) 52%);box-shadow:inset -8px -8px 15px #0006,0 10px 14px #0008}.gp-settings{max-width:850px;margin:22px auto}.gp-settings p{font-size:12px;line-height:1.6;color:#b8a8c7}.gp-inputs{display:flex;flex-wrap:wrap;gap:15px}.gp-inputs label{flex:1 1 180px;font-size:12px}.gp-inputs input{display:block;width:100%;margin-top:6px}.gp-ball[hidden],.gp-opening video[hidden]{display:none!important}@media(max-width:600px){.gp-viewport{aspect-ratio:3/4}.gp-scene{width:200%;margin-left:-50%}.gp-start{min-height:0}.gp-settings{padding:8px}}

.gp-empty{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gp-opening{clip-path:inset(0 round 2px)}

.gp-countdown{position:absolute;z-index:4;left:33%;top:46%;width:34%;padding:8px 3px;background:#171429ed;color:#ffe88b;border:1px solid #e0bbff;border-radius:6px;font:700 clamp(8px,1.3vw,16px)/1.3 monospace;text-align:center;box-sizing:border-box}.gp-countdown[hidden]{display:none}