.wn-3d{transform-style:preserve-3d}.wn-gold-text{background:linear-gradient(90deg,#f6d2aa 0%,#eab27a 50%,#d99a5c 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.wn-pin{top:var(--hdr,0px);height:calc(100svh - var(--hdr,0px));position:sticky}.wn-key{border-radius:.625rem;flex-shrink:0;place-items:center;display:inline-grid}.wn-key--gold{color:#000944;background:linear-gradient(145deg,#f8d9b5 0%,#eab27a 50%,#d99a5c 100%);box-shadow:inset 0 1px #ffffffa6,0 3px #9c6530,0 8px 14px -6px #eab27a99}.wn-key--blue{color:#fff;background:linear-gradient(145deg,#1a4fc4 0%,#0a379d 55%,#072a7a 100%);box-shadow:inset 0 1px #ffffff40,0 3px #000944,0 8px 14px -6px #0a379d99}.wn-orbit{border:1.5px solid #eab27a73;border-radius:9999px;position:absolute;inset:6%;box-shadow:0 0 24px #eab27a26,inset 0 0 24px #eab27a1f}.wn-orbit:after{content:"";background:#eab27a;border-radius:9999px;width:10px;height:10px;position:absolute;top:-5px;left:calc(50% - 5px);box-shadow:0 0 14px 4px #eab27ab3}.wn-orbit--a{animation:16s linear infinite wn-orbit-a}.wn-orbit--b{border-color:#7aa2ff73;animation:22s linear infinite wn-orbit-b;inset:15%}.wn-orbit--b:after{background:#7aa2ff;box-shadow:0 0 14px 4px #7aa2ffb3}.wn-orbit--c{border-color:#ffffff2e;animation:30s linear infinite wn-orbit-c;inset:0}@keyframes wn-orbit-a{0%{transform:rotateX(74deg)rotate(0)}to{transform:rotateX(74deg)rotate(360deg)}}@keyframes wn-orbit-b{0%{transform:rotateY(70deg)rotateX(16deg)rotate(0)}to{transform:rotateY(70deg)rotateX(16deg)rotate(-360deg)}}@keyframes wn-orbit-c{0%{transform:rotateX(60deg)rotateY(-40deg)rotate(0)}to{transform:rotateX(60deg)rotateY(-40deg)rotate(360deg)}}.wn-core{color:#000944;background:radial-gradient(circle at 32% 28%,#fff6ea 0%,#f6d2aa 20%,#eab27a 48%,#b97c3f 82%,#7a4b1f 100%);border-radius:9999px;place-items:center;display:grid;position:absolute;inset:31%;box-shadow:0 0 60px 12px #eab27a59,0 0 140px 40px #0a379d80,inset -12px -16px 28px #5a320a73,inset 10px 12px 22px #ffffff73}.wn-core:before{content:"";pointer-events:none;background:radial-gradient(circle,#eab27a59 0%,#0000 65%);border-radius:9999px;animation:5s ease-in-out infinite wn-breathe;position:absolute;inset:-35%}.wn-core-icon{animation:6s linear infinite wn-spin-y}@keyframes wn-spin-y{0%{transform:perspective(400px)rotateY(0)}to{transform:perspective(400px)rotateY(360deg)}}@keyframes wn-breathe{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.wn-chip{color:#fff;white-space:nowrap;background:linear-gradient(#1a4fc4e6 0%,#06155aeb 100%);border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .375rem;font-size:.8125rem;font-weight:600;animation:6s ease-in-out infinite wn-bob;display:inline-flex;box-shadow:inset 0 1px #fff3,0 18px 30px -14px #000000bf}@keyframes wn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wn-slab{--d:72px;height:3.5rem;transform-style:preserve-3d;position:relative}@media (min-width:640px){.wn-slab{--d:88px;height:3.75rem}}.wn-face{backface-visibility:hidden;position:absolute}.wn-face--front{color:#fff;transform:translateZ(calc(var(--d) / 2));background:linear-gradient(#1446b8 0%,#0a379d 100%);border-radius:3px;inset:0;box-shadow:inset 0 1px #ffffff40}.wn-face--top{top:calc(var(--d) / -2);width:100%;height:var(--d);background:linear-gradient(90deg,#4a7be6 0%,#2a5bcc 100%);left:0;transform:rotateX(90deg)}.wn-face--side{top:0;left:calc(100% - var(--d) / 2);width:var(--d);background:linear-gradient(#082677 0%,#000944 100%);height:100%;transform:rotateY(90deg)}.wn-slab--gold .wn-face--front{color:#000944;background:linear-gradient(#f6d2aa 0%,#eab27a 100%);box-shadow:inset 0 1px #fff9}.wn-slab--gold .wn-face--top{background:linear-gradient(90deg,#fbe5ca 0%,#f3c999 100%)}.wn-slab--gold .wn-face--side{background:linear-gradient(#c98a4b 0%,#9c6530 100%)}.wn-ground{filter:blur(4px);background:radial-gradient(#00094447,#0000 70%);border-radius:50%;height:2.5rem;margin-top:-.5rem}.wn-drum{--r:190px;--card-h:200px;height:460px}.wn-drum-pivot{transform-style:preserve-3d;transform:translateZ(calc(var(--r) * -1));position:absolute;inset:0}.wn-drum-card{inset-inline:0;height:var(--card-h);margin-top:calc(var(--card-h) / -2);backface-visibility:hidden;position:absolute;top:50%}.wn-step{color:#ffffff4d;text-transform:uppercase;align-items:center;gap:1rem;padding:.5rem 0;font-size:1.5rem;font-weight:800;line-height:1.1;transition:color .3s,transform .3s;display:flex}.wn-step[data-active]{color:#fff;transform:translate(10px)}.wn-step-num{letter-spacing:.2em;color:#eab27a73;font-size:.75rem}.wn-step[data-active] .wn-step-num{color:#eab27a}@media (min-width:1024px) and (max-height:820px){.wn-drum{--r:140px;--card-h:150px;height:340px}.wn-step{padding:.3rem 0;font-size:1.125rem}}.wn-flip-face{backface-visibility:hidden;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:absolute;inset:0}.wn-flip-face--back{transform:rotateX(180deg)}.wn-depth-60{transform:translateZ(60px)}.wn-depth-30{transform:translateZ(30px)}.wn-monogram{color:#eab27a;text-shadow:0 1px #d99a5c,0 2px #c98a4b,0 3px #b97c3f,0 4px #a96d33,0 5px #9c6530,0 6px #8a5828,0 18px 30px #0000008c}@media (prefers-reduced-motion:reduce){.wn-orbit,.wn-core:before,.wn-core-icon,.wn-chip,.wn-step{transition:none!important;animation:none!important}}