.orbit-wrap{max-width:720px;margin:24px auto;color:#fff;font-family:system-ui,sans-serif}.orbit-panel{position:relative;background:#24173f;border:3px solid #b984d2;border-radius:24px;padding:14px;box-shadow:0 12px 40px #0007}.orbit-hud,.orbit-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px}.orbit-hud span{background:#50376f;border-radius:16px;padding:8px 12px;font-weight:bold}.orbit-panel button{border:2px solid #f9d4a0;border-radius:18px;background:linear-gradient(#ffc8e2,#bf80d7);color:#4c285e;font-weight:900;font-size:16px;padding:10px 18px;cursor:pointer}.orbit-board{position:relative;line-height:0}.orbit-board canvas{width:100%;height:auto;aspect-ratio:1;touch-action:none;border-radius:18px;display:block}.orbit-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#25173bc9;line-height:1.5;border-radius:18px}.orbit-overlay[hidden]{display:none}.orbit-card{padding:25px;max-width:80%;border-radius:24px;background:#513a74;box-shadow:0 8px 30px #0007}.orbit-card img{width:min(100%,380px);height:auto}.orbit-card h2{color:#ffe7a9}.orbit-bottom img{width:34px;height:34px;vertical-align:middle}.orbit-help{color:#e6dcf3;line-height:1.7}.orbit-help h1{color:#ffe1f4}

.orbit-hud{flex-wrap:wrap}.orbit-hud button{padding:8px 10px;font-size:14px}.orbit-hud small{font-size:12px}.next-ball{position:relative;display:inline-block;width:34px;height:34px;vertical-align:middle}.next-ball img,.next-ball canvas{position:absolute;inset:0;width:34px;height:34px}.next-ball canvas{pointer-events:none}