.ricochet{display:grid;width:100%;min-width:0;max-width:34rem;margin:0 auto;gap:.65rem}.ricochet__stage{position:relative;width:100%;min-width:0;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #08111f59}.ricochet__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.ricochet__bar{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:2.6rem}.ricochet__status{flex:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:#59677d}.ricochet__bar-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:1px solid rgba(14,23,38,.12);border-radius:999px;background:#fdfbf6f0;font:inherit;font-size:.9rem;font-weight:700;color:#0e1726;cursor:pointer}.ricochet__bar-button:hover{border-color:#0e17264d}.ricochet__levels{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;background:#0d1830f0;z-index:5}.ricochet__levels-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;padding:.9rem}.ricochet__level-button{display:grid;place-items:center;gap:.1rem;aspect-ratio:1;min-width:0;overflow:hidden;border:1px solid rgba(122,168,255,.5);border-radius:12px;background:#142446e6;color:#e8eefc;font:inherit;font-weight:800;cursor:pointer}.ricochet__level-button span{font-size:.66rem;color:#ffd05c;letter-spacing:.06em}.ricochet__level-button:disabled{opacity:.45;cursor:default}.ricochet__level-button:disabled span{position:relative;width:.72rem;height:.55rem;border:2px solid currentColor;border-radius:.15rem}.ricochet__level-button:disabled span:before{position:absolute;bottom:calc(100% - .1rem);left:50%;width:.42rem;height:.42rem;border:2px solid currentColor;border-bottom:0;border-radius:.35rem .35rem 0 0;content:"";transform:translate(-50%)}.ricochet__level-button:not(:disabled):hover{border-color:#7be8c8}.ricochet__card{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.6rem;padding:1.2rem;text-align:center;background:#0d1830e6;color:#f3f7ff;z-index:6}.ricochet__card h3{margin:0;font-size:1.25rem}.ricochet__card-stars{font-size:1.9rem;letter-spacing:.18em;color:#ffd05c}.ricochet__card-actions{display:flex;gap:.6rem}.ricochet__card-button{padding:.6rem 1.1rem;border:1px solid rgba(232,238,252,.4);border-radius:999px;background:#e8eefc1f;color:#f3f7ff;font:inherit;font-weight:700;cursor:pointer}.play-screen--ricochet[data-game-fullscreen-active=true]{background:radial-gradient(circle at 50% 35%,rgba(55,105,181,.5),transparent 42%),#0d1830}.play-screen--ricochet[data-game-fullscreen-active=true] .ricochet{position:relative;display:block;width:100%;max-width:none;height:100%;padding:0}.play-screen--ricochet[data-game-fullscreen-active=true] .ricochet__stage{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0;box-shadow:none}.play-screen--ricochet[data-game-fullscreen-active=true] .ricochet__bar{position:absolute;z-index:6;right:max(.6rem,env(safe-area-inset-right));bottom:max(.45rem,env(safe-area-inset-bottom));left:max(.6rem,env(safe-area-inset-left));color:#e8eefc}.play-screen--ricochet[data-game-fullscreen-active=true] .ricochet__status{color:#d2def1}.ricochet__card-button:hover{background:#e8eefc3d}@media(max-width:560px){.ricochet{max-width:100%;margin-top:.85rem}.ricochet__bar-button span{display:none}.ricochet__bar-button{padding:.5rem .7rem}}