.pn-cork{background-color:#c99a66;background-image:radial-gradient(circle at 20% 30%,#6e3e1973 0 .9px,#0000 1.4px),radial-gradient(circle at 70% 60%,#ffecc859 0 .8px,#0000 1.3px),radial-gradient(circle at 40% 80%,#5a301259 0 1.1px,#0000 1.7px),radial-gradient(circle at 85% 15%,#965a2866 0 1.3px,#0000 2px),radial-gradient(circle,#ffe1b433 0 2px,#0000 3px);background-size:6px 7px,9px 8px,13px 11px,17px 19px,29px 23px}.pn-frame{background:linear-gradient(135deg,#a8713e 0%,#7f5027 38%,#9a6332 68%,#6f4420 100%);border-radius:22px;padding:18px;box-shadow:0 30px 60px #2814054d,inset 0 2px #fff3,inset 0 -3px #00000040}.pn-frame>.pn-cork{border-radius:8px;box-shadow:inset 0 0 60px #46230a6b,inset 0 2px 6px #00000059}.pn-pin{--pin:#f73d53;--pin-light:#ffa3ae;--pin-dark:#b01c30;background:radial-gradient(circle at 34% 30%, var(--pin-light) 0 16%, var(--pin) 46%, var(--pin-dark) 100%);border-radius:999px;width:20px;height:20px;display:block;box-shadow:2px 4px 5px #3c14056b,inset 0 -2px 2px #0000002e}.pn-pin-sm{width:14px;height:14px}.pn-pin-teal{--pin:#06b3ab;--pin-light:#9ff0ea;--pin-dark:#047671}.pn-pin-sun{--pin:#ffc928;--pin-light:#fff1b0;--pin-dark:#c98f00}.pn-pin-grape{--pin:#7d55d6;--pin-light:#d3c2ff;--pin-dark:#4b2a9a}.pn-pin-blue{--pin:#336fe5;--pin-light:#b8cfff;--pin-dark:#1c4bb0}.pn-paper{box-shadow:0 1px 1px #3c1e052e,4px 10px 18px #3c1e0552}
.pn-space{background-color:#141a46;background-image:radial-gradient(circle at 12% 18%,#ffffffe6 0 .18cqw,#0000 .3cqw),radial-gradient(circle at 34% 72%,#ffffffb3 0 .14cqw,#0000 .25cqw),radial-gradient(circle at 58% 12%,#fffc 0 .16cqw,#0000 .28cqw),radial-gradient(circle at 77% 44%,#fff9 0 .12cqw,#0000 .22cqw),radial-gradient(circle at 46% 38%,#ffffff80 0 .1cqw,#0000 .2cqw),radial-gradient(circle at 88% 86%,#ffffffbf 0 .15cqw,#0000 .26cqw),radial-gradient(circle at 22% 90%,#fff9 0 .12cqw,#0000 .22cqw),radial-gradient(circle at 66% 92%,#ffffff80 0 .1cqw,#0000 .2cqw),radial-gradient(circle at 6% 52%,#ffffff8c 0 .12cqw,#0000 .22cqw),radial-gradient(at 78% 18%,#7862ff52,#0000 55%),radial-gradient(at 10% 100%,#eb6f1d38,#0000 50%),linear-gradient(160deg,#1d2560 0%,#121640 60%,#0d1033 100%)}.pn-planet{background:radial-gradient(circle at 35% 30%,#ffd9a8 0 12%,#f39a4a 45%,#b9541a 100%);border-radius:999px;position:absolute;box-shadow:inset -1.2cqw -1cqw 2cqw #3c140059}.pn-planet:after{content:"";border:.55cqw solid #ffdcb4bf;border-radius:999px;position:absolute;inset:38% -38%;transform:rotate(-16deg)}