.coconutlaunch-game{--cl-offset:246px;max-width:720px;color:var(--ink,#223144);margin:0 auto}.coconutlaunch-game .cl-bar{width:min(100%, calc((var(--play-height,100svh) - var(--cl-offset)) * 1.6));align-items:center;gap:8px;min-width:0;margin:0 auto 8px;display:flex}.coconutlaunch-game .cl-level{flex:auto;min-width:0}.coconutlaunch-game .cl-level .game-select{width:100%;max-width:300px;min-height:44px;font-size:14px}.coconutlaunch-game .cl-icon{flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0}.coconutlaunch-game .cl-icon svg{width:20px;height:20px}.coconutlaunch-game .cl-stage{width:min(100%, calc((var(--play-height,100svh) - var(--cl-offset)) * 1.6));aspect-ratio:16/10;min-width:min(100%,260px);margin:0 auto;position:relative}.coconutlaunch-game .cl-canvas{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;background:#eef6e2;border:2px solid #223144;border-radius:14px;width:100%;height:100%;display:block}.coconutlaunch-game[data-phase=flight] .cl-canvas,.coconutlaunch-game[data-phase=settling] .cl-canvas{cursor:default}.coconutlaunch-game .cl-canvas:active{cursor:grabbing}.coconutlaunch-game .cl-canvas:focus{outline:none}.coconutlaunch-game[data-input=keyboard] .cl-canvas:focus-visible{outline-offset:3px;outline:3px solid #117b77}.coconutlaunch-game .cl-card{box-sizing:border-box;text-align:center;background:#fff6e3;border:2px solid #223144;border-radius:16px;width:min(300px,100% - 24px);padding:12px 14px 14px;animation:.18s ease-out both cl-card-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #22314447}.coconutlaunch-game .cl-card[hidden]{display:none}.coconutlaunch-game .cl-card-title{margin:0;font-size:20px;font-weight:900;line-height:1.2}.coconutlaunch-game .cl-stars{justify-content:center;gap:6px;margin:6px 0 2px;display:flex}.coconutlaunch-game .cl-stars:empty{display:none}.coconutlaunch-game .cl-star{width:34px;height:34px;position:relative}.coconutlaunch-game .cl-star svg{width:100%;height:100%;display:block}.coconutlaunch-game .cl-star .cl-empty{opacity:.75}.coconutlaunch-game .cl-star .cl-fill{position:absolute;inset:0}.coconutlaunch-game .cl-star[data-new=true] .cl-fill{animation:.32s cubic-bezier(.3,1.6,.5,1) both cl-star;animation-delay:calc(var(--i) * .17s + 80ms)}.coconutlaunch-game .cl-stars .cl-star:nth-child(2){width:38px;height:38px;transform:translateY(-4px)}.coconutlaunch-game .cl-card-detail{margin:6px 0 0;font-size:15px;font-weight:800;line-height:1.3}.coconutlaunch-game .cl-card-note{color:#4f6257;margin:3px 0 0;font-size:13px;line-height:1.35}.coconutlaunch-game .cl-card-note:empty{display:none}.coconutlaunch-game .cl-card-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.coconutlaunch-game .cl-card-actions [hidden]{display:none}.coconutlaunch-game .cl-primary{min-width:120px;position:relative;overflow:hidden}.coconutlaunch-game .cl-auto{background:#ffac43;width:0;height:4px;position:absolute;bottom:0;left:0}.coconutlaunch-game .cl-auto.running{animation:cl-auto var(--auto,1.7s) linear forwards}.coconutlaunch-game .cl-cue{color:#4f6257;text-align:center;min-height:20px;margin:7px auto 0;font-size:13px;font-weight:700;line-height:20px}.coconutlaunch-game .cl-cue.cl-flash{animation:.5s ease-out cl-flash}.coconutlaunch-game .cl-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes cl-card-in{0%{opacity:0;transform:translate(-50%,-46%)}}@keyframes cl-star{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}@keyframes cl-auto{to{width:100%}}@keyframes cl-flash{40%{color:#223144;transform:scale(1.04)}}@media (max-width:760px){.coconutlaunch-game{--cl-offset:230px}}@media (max-width:359px){.coconutlaunch-game .cl-level .game-select{padding-left:8px;font-size:13px}}@media (max-width:420px){.coconutlaunch-game .cl-card{padding:9px 10px 10px}.coconutlaunch-game .cl-card-title{font-size:17px}.coconutlaunch-game .cl-star{width:26px;height:26px}.coconutlaunch-game .cl-stars .cl-star:nth-child(2){width:30px;height:30px}.coconutlaunch-game .cl-card-detail{margin-top:3px;font-size:13px}.coconutlaunch-game .cl-card-note{font-size:12px}.coconutlaunch-game .cl-card-actions{margin-top:7px}.coconutlaunch-game .cl-cue{font-size:12px}}@media (prefers-reduced-motion:reduce){.coconutlaunch-game .cl-card,.coconutlaunch-game .cl-star .cl-fill{animation:none}.coconutlaunch-game .cl-auto.running{animation-duration:var(--auto,1.7s)}}