.nx-hex-seal{width:var(--size);height:var(--size);filter:drop-shadow(0 10px 18px #0009)drop-shadow(0 0 22px #7a40d68c);flex:none;display:block;position:relative}.nx-hex-face{clip-path:polygon(50% 9%,85% 29%,85% 71%,50% 91%,15% 71%,15% 29%);background:radial-gradient(50% 50%,#b6f04a2e,#0000 70%),radial-gradient(70% 60% at 50% 20%,#9d6cff66,#0000 70%),linear-gradient(#2a1440 0%,#170a26 55%,#0c0514 100%);position:absolute;inset:0}.nx-hex-ring{animation:40s linear infinite nx-hex-turn;position:absolute;inset:22%}.nx-hex-ring svg,.nx-hex-sigil svg{width:100%;height:100%;display:block;overflow:visible}.nx-hex-ring svg{fill:none;stroke:#b6f04a61;stroke-width:1.2px}.nx-hex-ring .is-thin{stroke:#c6a6ff66;stroke-width:.7px}@keyframes nx-hex-turn{to{transform:rotate(360deg)}}.nx-hex-sigil{filter:drop-shadow(0 0 4px #d6f79ae6)drop-shadow(0 0 14px #b6f04a99)drop-shadow(0 0 26px #9d6cffb3);position:absolute;inset:31%}.nx-hex-sigil svg{fill:none;stroke:#e9ffc6;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.nx-hex-sigil .is-fill{fill:#d6f79a;stroke-width:1.6px}.nx-hex-sigil .is-thick{stroke-width:4.2px}.nx-hex-sigil .is-fine{stroke-width:2px}.nx-hex-sigil .is-faint{stroke-width:1.4px;stroke-opacity:.6}.nx-hex-sigil .is-burst{stroke-width:2.6px;stroke-opacity:.6}.nx-hex-sigil .is-halo{fill:#170a26;stroke:#170a26;stroke-width:6px}.nx-hex-sigil .is-seam{stroke:#170a26;stroke-width:1.4px}.nx-hex-sigil .is-cut{stroke:#170a26;stroke-width:8px}.nx-hex-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nx-hex{text-align:center;flex-direction:column;align-items:center;width:700px;display:flex}.nx-hex-kicker{font-family:var(--nx-serif-sc);letter-spacing:.24em;text-transform:uppercase;color:#d9c8f7;text-shadow:0 2px 2px #0a0212e6,0 0 14px #9d6cffe6;font-size:22px;font-weight:700}.nx-hex .nx-hex-seal{margin:2px 0 -8px}.nx-hex .nx-hex-name{--size:64px;font-size:var(--size);background:linear-gradient(#f4ffe2 0%,#d6f79a 38%,#9ee04a 68%,#5a9a22 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #14061ef2)drop-shadow(0 0 10px #aa5affd9)drop-shadow(0 0 26px #7828dc99);-webkit-background-clip:text;background-clip:text;margin:0 0 6px}.nx-hex-plate{min-width:460px;max-width:640px;padding:26px 44px 34px;position:relative}.nx-hex-rule{text-wrap:balance;font-family:var(--nx-serif);color:#f4ecff;margin:0;font-size:25px;font-weight:800;line-height:1.24}.nx-hex-timer{transform-origin:50%;opacity:0;background:linear-gradient(90deg,#0000,#b6f04ad9 20% 80%,#0000);border-radius:1px;width:52%;height:2px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.nx-hex-beat .nx-hex-timer{opacity:1;animation:nx-hex-drain var(--hold,6s) linear 1s both}@keyframes nx-hex-drain{0%{transform:translate(-50%)scaleX(1)}to{transform:translate(-50%)scaleX(0)}}.nx-hex-rounds{font-family:var(--nx-serif-sc);letter-spacing:.12em;text-transform:uppercase;color:#d6f79a;align-items:center;gap:6px;font-weight:700;display:inline-flex}.nx-hex>.nx-hex-rounds{z-index:1;background:linear-gradient(#2a1440,#13081f);border:1.5px solid #b6f04a8c;border-radius:999px;margin-top:-22px;padding:7px 18px 8px;font-size:18px;position:relative;box-shadow:0 6px 12px #0000008c,0 0 16px #9d6cff80}.nx-hex-rounds-label{text-shadow:0 0 10px #b6f04a80;margin-left:4px}.nx-hex-skull{filter:drop-shadow(0 0 6px #b6f04acc);width:26px;height:24px}.nx-hex-skull svg{fill:#d6f79a;width:100%;height:100%;display:block}.nx-hex-skull .is-hole{fill:#1a0b2a}.nx-hex-beat{z-index:40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nx-hex-continue{color:#c6a6ff;font:700 15px/1 var(--nx-serif);letter-spacing:.04em;cursor:pointer;pointer-events:auto;opacity:.55;animation:nx-hex-fade .5s var(--nx-ease) 1.6s both;transition:opacity var(--nx-fast) var(--nx-ease), border-color var(--nx-fast) var(--nx-ease);background:#1408228c;border:1px solid #c6a6ff59;border-radius:999px;margin-top:18px;padding:5px 18px}.nx-hex-continue:hover,.nx-hex-continue:focus-visible{opacity:1;border-color:#b6f04acc;outline:none}.nx-hex-beat.is-leaving{pointer-events:none}.nx-hex-scrim{animation:nx-hex-fade .42s var(--nx-ease) both;background:radial-gradient(42% 52% at 50% 48%,#0e041ae6,#1e0838b8 55%,#0000 90%),radial-gradient(30% 30% at 50% 36%,#b6f04a1a,#0000 70%);position:absolute;inset:0}.nx-hex-beat .nx-hex{margin-top:-40px;position:relative}.nx-hex-beat .nx-hex-seal{animation:.56s cubic-bezier(.3,0,.5,1) .12s both nx-hex-slam}.nx-hex-beat .nx-hex-seal:after{content:"";opacity:0;border:3px solid #d6f79ae6;border-radius:50%;animation:.7s ease-out .56s both nx-hex-wave;position:absolute;inset:8%;box-shadow:0 0 24px #b6f04acc,inset 0 0 24px #9d6cffb3}.nx-hex-beat .nx-hex-sigil svg>*{stroke-dasharray:160;stroke-dashoffset:160px;animation:.7s ease-out .64s forwards nx-hex-draw}.nx-hex-beat .nx-hex-kicker,.nx-hex-beat .nx-hex-name,.nx-hex-beat .nx-hex-plate,.nx-hex-beat .nx-hex>.nx-hex-rounds{animation:nx-hex-rise .42s var(--nx-ease) both}.nx-hex-beat .nx-hex-kicker{animation-delay:80ms}.nx-hex-beat .nx-hex-name{animation-delay:.62s}.nx-hex-beat .nx-hex-plate{animation-delay:.76s}.nx-hex-beat .nx-hex>.nx-hex-rounds{animation-delay:.9s}.nx-hex-beat.is-leaving .nx-hex-scrim{animation:nx-hex-fade .5s var(--nx-ease) reverse forwards}.nx-hex-beat.is-leaving .nx-hex>:not(.nx-hex-seal){animation:nx-hex-fade .26s var(--nx-ease) reverse forwards}@keyframes nx-hex-fade{0%{opacity:0}}@keyframes nx-hex-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes nx-hex-slam{0%{opacity:0;transform:translateY(-140px)scale(1.7)rotate(-30deg)}70%{opacity:1;transform:translateY(6px)scale(.94)rotate(2deg)}to{opacity:1;transform:none}}@keyframes nx-hex-wave{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}@keyframes nx-hex-draw{to{stroke-dashoffset:0}}body[data-hex-casting] [data-condition=hex]{visibility:hidden}[data-condition=hex].is-landed{animation:nx-hex-landed 1.5s var(--nx-ease)}@keyframes nx-hex-landed{0%{background:#9d6cff8c;box-shadow:0 0 0 2px #b6f04ae6,0 0 24px #9d6cffe6}to{background:0 0;box-shadow:0 0 #0000}}.nx-hex-break{z-index:40;pointer-events:none;filter:drop-shadow(0 8px 14px #0009)drop-shadow(0 0 18px #7a40d699);position:absolute}.nx-hex-break .nx-hex-seal{filter:none;left:calc(var(--size) / -2);top:calc(var(--size) / -2);clip-path:polygon(0 0,48% 0,56% 30%,44% 55%,54% 100%,0 100%);animation:2s ease-in forwards nx-hex-split-l;position:absolute}.nx-hex-break .nx-hex-seal.is-right{clip-path:polygon(48% 0,100% 0,100% 100%,54% 100%,44% 55%,56% 30%);animation-name:nx-hex-split-r}.nx-hex-break .nx-hex-sigil{animation:1.1s steps(6,end) forwards nx-hex-gutter}@keyframes nx-hex-split-l{0%{opacity:0;transform:scale(1.3)}12%,55%{opacity:1;transform:none}to{opacity:0;transform:translate(-30px,46px)rotate(-26deg)}}@keyframes nx-hex-split-r{0%{opacity:0;transform:scale(1.3)}12%,55%{opacity:1;transform:none}to{opacity:0;transform:translate(30px,54px)rotate(22deg)}}@keyframes nx-hex-gutter{50%{opacity:.2}70%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion:reduce){.nx-hex-beat *,.nx-hex-beat :after{animation-duration:1ms!important;animation-delay:0s!important}}.nx-hex-clock{vertical-align:-3px;align-items:center;gap:2px;margin-left:8px;display:inline-flex}.nx-hex-clock .nx-hex-skull{filter:none;width:19px;height:18px}.nx-hex-clock .nx-hex-skull svg{fill:currentColor}.nx-hex-clock .nx-hex-skull .is-hole{fill:#f3e6c4}.nx-hex-clock .nx-hex-skull.is-spent svg{fill:none;stroke:currentColor;stroke-width:1.4px;opacity:.45}.nx-hex-clock .nx-hex-skull.is-spent .is-hole{display:none}