.pplan{position:relative;max-width:820px;margin-inline:auto;border-radius:28px;padding:14px 14px 18px;color:#f4efe3;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#24305e,#141b3b 58%,#0a0f26);box-shadow:0 24px 56px #0a0f2661,inset 0 0 0 1px #ffffff12;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.pplan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.85;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 72%,#fff,transparent),radial-gradient(1.5px 1.5px at 46% 30%,#ffe9a8,transparent),radial-gradient(1px 1px at 63% 82%,#fff,transparent),radial-gradient(1.5px 1.5px at 78% 22%,#fff,transparent),radial-gradient(1px 1px at 90% 60%,#cfe3ff,transparent),radial-gradient(1px 1px at 6% 52%,#fff,transparent),radial-gradient(1.5px 1.5px at 54% 8%,#fff,transparent)}.pplan>*{position:relative}.pplan button{font:inherit;color:inherit;cursor:pointer}.pplan__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px;flex-wrap:wrap}.pplan__count{font-weight:800;font-size:18px;letter-spacing:.02em;color:#ffd266}.pplan__btns{display:flex;gap:8px;flex-wrap:wrap}.pplan .pplan__btn{border:0;border-radius:999px;padding:10px 18px;font-weight:700;background:#ffbd3a;color:#3a2400;box-shadow:0 3px #c98a00;transition:transform .12s ease,box-shadow .12s ease}.pplan .pplan__btn:active{transform:translateY(2px);box-shadow:0 1px #c98a00}.pplan .pplan__btn--ghost{background:#ffffff1f;color:#f4efe3;box-shadow:inset 0 0 0 1px #ffffff4d}.pplan__sky{display:flex;align-items:center;gap:12px;padding:10px 4px}.pplan__sun{flex:none;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#ffe38a,#ffa31f 62%,#e4720b);opacity:.62;filter:saturate(.8);box-shadow:0 0 18px 4px #ffaa2859;transition:opacity .5s ease,filter .5s ease,box-shadow .5s ease,transform .5s ease}.pplan__sun span{font-size:12px;font-weight:800;color:#5a2c00;text-transform:uppercase;letter-spacing:.06em}.pplan__sun.is-lit{opacity:1;filter:none;transform:scale(1.1);box-shadow:0 0 40px 14px #ffbe3cb3}.pplan__slots{list-style:none;margin:0;padding:0;flex:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;align-items:center}.pplan__slot{position:relative;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,255,255,.3);display:grid;place-items:center;min-width:0}.pplan__slot:after{content:attr(data-n);position:absolute;font-size:12px;font-weight:700;color:#fff6}.pplan__slot.is-full{border-style:solid;border-color:#ffffff26}.pplan__slot.is-full:after{display:none}.pplan__tray{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 12px;padding:14px 0 6px;min-height:120px}.pplan__p{--s: 40px;border:0;background:none;padding:4px;display:grid;justify-items:center;gap:4px;touch-action:manipulation;transition:transform .15s ease}.pplan__orb{position:relative;display:block;width:var(--s);height:var(--s);border-radius:50%;box-shadow:inset -5px -6px 10px #00000059,0 3px 8px #0006}.pplan__nm{font-size:12px;font-weight:700;color:#f4efe3;line-height:1}.pplan__p:active{transform:scale(.94)}.pplan__p:focus-visible{outline:3px solid #ffbd3a;outline-offset:2px;border-radius:12px}.pplan__p.is-placed{padding:0}.pplan__p.is-placed .pplan__orb{width:min(calc(var(--s) * .86),100%);height:auto;aspect-ratio:1}.pplan__slot .pplan__p{width:100%;height:100%;align-content:center;gap:0;animation:ppIn .45s cubic-bezier(.2,1.4,.4,1)}.pplan__slot .pplan__nm{display:none}.pplan__p.is-hint .pplan__orb{box-shadow:0 0 0 3px #ffbd3a,0 0 22px 6px #ffbd3ab3,inset -5px -6px 10px #00000059;animation:ppHint .8s ease-in-out infinite}.pplan__p.is-wrong{animation:ppShake .32s ease}.pplan__card{margin:10px 4px 0;padding:12px 14px;border-radius:16px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a;min-height:76px}.pplan__card-name{font-weight:800;font-size:17px;color:#ffd266}.pplan__card-text{margin:4px 0 0;font-size:15px;line-height:1.45;color:#f4efe3}.pplan.is-done .pplan__card{box-shadow:inset 0 0 0 2px #ffbd3a,0 0 24px #ffbd3a59}.pplan__p--mercury .pplan__orb{background:radial-gradient(circle at 35% 30%,#d9d4cc,#9a948b 70%)}.pplan__p--venus .pplan__orb{background:radial-gradient(circle at 35% 30%,#fff0c0,#e2b05a 65%,#b97b28)}.pplan__p--earth .pplan__orb{background:radial-gradient(circle at 38% 32%,#8fd0ff,#2f7fd1 52%,#1f5ea8)}.pplan__p--earth .pplan__orb:after{content:"";position:absolute;top:18%;right:14%;bottom:30%;left:36%;border-radius:48% 52% 40% 60%;background:#4fae5c;opacity:.9;box-shadow:-10px 12px 0 -2px #4fae5c}.pplan__p--mars .pplan__orb{background:radial-gradient(circle at 35% 30%,#f5a07a,#c9512b 68%,#8d2f16)}.pplan__p--jupiter .pplan__orb{background:repeating-linear-gradient(8deg,#f0d2a4 0 12%,#c98d57 12% 24%,#efdcc0 24% 36%,#b7733f 36% 48%)}.pplan__p--jupiter .pplan__orb:after{content:"";position:absolute;left:52%;top:56%;width:22%;height:14%;border-radius:50%;background:#b8452a}.pplan__p--saturn .pplan__orb{background:radial-gradient(circle at 36% 30%,#fff0b5,#e0bf6f 66%,#b8923f)}.pplan__p--saturn .pplan__orb:before{content:"";position:absolute;left:-38%;right:-38%;top:50%;height:26%;border-radius:50%;border:3px solid rgba(235,210,150,.9);transform:translateY(-50%) rotate(-18deg)}.pplan__p--uranus .pplan__orb{background:radial-gradient(circle at 36% 30%,#d7fbff,#7fd6df 62%,#4aa4b3)}.pplan__p--neptune .pplan__orb{background:radial-gradient(circle at 36% 30%,#9fb8ff,#3d5fd8 62%,#26399b)}.pplan__p--pluto .pplan__orb{background:radial-gradient(circle at 36% 30%,#f1e2d2,#c4a083 66%,#8f6e55)}.pplan__p--pluto .pplan__orb:after{content:"";position:absolute;left:34%;top:40%;width:34%;height:30%;background:#f7efe6;border-radius:50%/40% 40% 60% 60%;opacity:.9}@keyframes ppIn{0%{transform:scale(.2) translateY(60px);opacity:0}to{transform:none;opacity:1}}@keyframes ppHint{0%,to{filter:brightness(1.05)}50%{filter:brightness(1.5)}}@keyframes ppShake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(max-width:560px){.pplan{padding:10px 10px 14px;border-radius:22px}.pplan__sky{flex-direction:column;align-items:stretch}.pplan__sun{width:58px;height:58px;align-self:center}.pplan__slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pplan__tray{gap:8px 8px}}@media(prefers-reduced-motion:reduce){.pplan__p.is-hint .pplan__orb,.pplan__slot .pplan__p,.pplan__p.is-wrong{animation:none}.pplan__sun{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/play-planets.css.map */