.up-mult-label{color:#6f7886;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:600}.light-cone{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s ease-in-out infinite up-coneBreathe}@keyframes up-coneBreathe{0%,to{opacity:.3;transform:scaleY(.94)}50%{opacity:.52;transform:scaleY(1.05)}}.light-plate{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite up-platePulse}@keyframes up-platePulse{0%,to{opacity:.75}50%{opacity:1}}.plate-edge{animation:2.4s ease-in-out infinite up-edgeGlow}@keyframes up-edgeGlow{0%,to{stroke:var(--pedestal-dark,#2f7d55)}50%{stroke:var(--pedestal-bright,#6dffac)}}.spark{animation:up-sparkRise var(--spark-dur,4.5s) linear infinite;transform-box:fill-box;transform-origin:50%;animation-fill-mode:backwards}@keyframes up-sparkRise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:1}50%{opacity:.85;transform:translateY(-140px) translateX(calc(var(--spark-drift,20px)*.5))}85%{opacity:.3}to{opacity:0;transform:translateY(-310px) translateX(var(--spark-drift,20px))}}@media (prefers-reduced-motion:reduce){.light-cone,.light-plate,.plate-edge,.spark{animation:none}}
.hexagon-root{--win:#2bff77;--win-deep:#0b6b34;--glow:#3dff86;--text:#cfe9d8;--muted:#7f95a6;--grip-w:clamp(22px,8.5cqw,40px);--grip-h:clamp(5px,2.1cqw,10px);--grip-h-slim:clamp(2px,.85cqw,4px);--grip-h-single:clamp(7px,2.55cqw,12px);--grip-dash-w:clamp(8px,3.4cqw,16px);--grip-dash-gap:clamp(1px,.4cqw,2px);--grip-hit-h:clamp(10px,3.4cqw,16px);text-align:center;width:min(96cqw - 60px,470px);margin:0 auto;container-type:inline-size}@media (min-width:500px){.hexagon-root{width:clamp(170px,40cqw,470px)}}@media (min-width:1025px){.hexagon-root{width:100%;max-width:470px}}.hexagon-root{color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif}.hexagon-root *{box-sizing:border-box}.hexagon{aspect-ratio:494/510;width:100%;position:relative}.hexagon>img{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;width:100%;height:100%;transition:filter .5s;display:block;position:absolute;inset:0}.hexagon.state-win>img{filter:brightness(1.1)drop-shadow(0 0 6px #2bff77aa)drop-shadow(0 0 16px #2bff7755);animation:.9s ease-out both hexagon-beat-win}.hexagon.state-lose>img{filter:brightness(1.1)drop-shadow(0 0 6px #ff5b5baa)drop-shadow(0 0 16px #ff5b5b55);animation:.9s ease-out both hexagon-beat-lose}@keyframes hexagon-beat-win{0%{filter:brightness(1.5)drop-shadow(0 0 6px #2bff77)drop-shadow(0 0 16px #2bff7799)}35%{filter:brightness(1.05)drop-shadow(0 0 2px #2bff7788)drop-shadow(0 0 8px #2bff7744)}60%{filter:brightness(1.35)drop-shadow(0 0 6px #2bff77dd)drop-shadow(0 0 16px #2bff7788)}to{filter:brightness(1.1)drop-shadow(0 0 2px #2bff77aa)drop-shadow(0 0 8px #2bff7755)}}@keyframes hexagon-beat-lose{0%{filter:brightness(1.5)drop-shadow(0 0 6px #ff5b5b)drop-shadow(0 0 16px #ff5b5b99)}35%{filter:brightness(1.05)drop-shadow(0 0 2px #ff5b5b88)drop-shadow(0 0 8px #ff5b5b44)}60%{filter:brightness(1.35)drop-shadow(0 0 6px #ff5b5bdd)drop-shadow(0 0 16px #ff5b5b88)}to{filter:brightness(1.1)drop-shadow(0 0 2px #ff5b5baa)drop-shadow(0 0 8px #ff5b5b55)}}.hexagon-inner{-webkit-user-select:none;user-select:none;z-index:2;background:radial-gradient(70% 55%,#606a9429 0,#2c30420f 45%,#0000 75%),repeating-linear-gradient(#8e98c012 0 1px,#0000 1px 4px),#12141b;position:absolute;inset:-3px;overflow:hidden}.hexagon-win-shared{backface-visibility:hidden;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,filter;z-index:3;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.hexagon-win-hit{cursor:grab;touch-action:none;will-change:top,height;z-index:4;position:absolute;left:0;right:0}.hexagon-win-hit:active{cursor:grabbing}.hexagon-win-hit-glow{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hexagon-win-hit-glow.shadow-idle,.hexagon-win-hit-glow.shadow-spinning{box-shadow:inset 5px 0 10px 2px #f4f0f0}.hexagon-win-hit-glow.shadow-win{box-shadow:inset 5px 0 10px 2px #1fb556}.hexagon-win-hit-glow.shadow-lose{box-shadow:inset 5px 0 10px 2px #ff5b5b}.hexagon-win-move{cursor:grab;height:var(--grip-hit-h);touch-action:none;z-index:4;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hexagon-win-move:active{cursor:grabbing}.hexagon-line{cursor:ns-resize;align-items:center;gap:var(--grip-dash-gap);height:var(--grip-h);touch-action:none;width:var(--grip-w);z-index:5;background:#27ff8a;flex-direction:column;justify-content:center;transition:opacity .3s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hexagon-line>div{height:1px;width:var(--grip-dash-w);background:#191919}.hexagon.is-auto .hexagon-line,.hexagon.is-auto .hexagon-small-edge,.hexagon.is-auto .hexagon-win-move,.hexagon.state-spinning .hexagon-line,.hexagon.state-spinning .hexagon-small-edge{opacity:0;pointer-events:none}.hexagon.is-auto .hexagon-win-hit{cursor:default}.hexagon-line-top{clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);top:0}.hexagon-line-bot{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);bottom:0}.hexagon-line-single{height:var(--grip-h-single);pointer-events:none;border-radius:3px;top:50%;transform:translate(-50%,-50%)}.hexagon-small-edge{cursor:ns-resize;height:var(--grip-hit-h);touch-action:none;width:var(--grip-w);z-index:6;position:absolute;left:50%;transform:translate(-50%)}.hexagon-small-edge-top{bottom:100%}.hexagon-small-edge-bot{top:100%}@media (pointer:coarse){.hexagon-root{--grip-w:clamp(30px,8.5cqw,40px);--grip-h:clamp(8px,3cqw,14px);--grip-h-single:clamp(8px,2.8cqw,13px)}}.hexagon.state-spinning{transform-origin:50%;animation:1.2s cubic-bezier(.25,.9,.3,1.15) both hexagon-punch}@keyframes hexagon-punch{0%{transform:scale(1)}40%{transform:scale(.3)}to{transform:scale(1)}}.hexagon-ticker{will-change:transform;z-index:6;height:0;position:absolute;left:0;right:0}.hexagon-ticker.state-win{filter:brightness(1.55)drop-shadow(0 0 8px #2bff77cc)drop-shadow(0 0 20px #2bff7766)}.hexagon-ticker.state-lose{filter:hue-rotate(-140deg)saturate(1.3)brightness(1.5)drop-shadow(0 0 8px #ff5b5bcc)drop-shadow(0 0 20px #ff5b5b66)}.hexagon-ticker>div{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.upgrader-fx-video.state-idle,.upgrader-fx-video.state-spinning{filter:grayscale()brightness(.95);transition:filter .4s}.upgrader-fx-video.state-win{filter:brightness(1.12)saturate(1.15);animation:.9s ease-out both upgrader-video-beat-win}.upgrader-fx-video.state-lose{filter:grayscale()sepia()hue-rotate(-50deg)saturate(6)brightness(1.1);animation:.9s ease-out both upgrader-video-beat-lose}@keyframes upgrader-video-beat-win{0%{filter:brightness(2.1)saturate(1.4)}35%{filter:brightness()saturate(1.1)}60%{filter:brightness(1.7)saturate(1.3)}to{filter:brightness(1.12)saturate(1.15)}}@keyframes upgrader-video-beat-lose{0%{filter:grayscale()sepia()hue-rotate(-50deg)saturate(6)brightness(2.1)}35%{filter:grayscale()sepia()hue-rotate(-50deg)saturate(6)brightness(.95)}60%{filter:grayscale()sepia()hue-rotate(-50deg)saturate(6)brightness(1.7)}to{filter:grayscale()sepia()hue-rotate(-50deg)saturate(6)brightness(1.1)}}.hexagon-result-video{mix-blend-mode:screen;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:7;width:100%;height:100%;position:absolute;inset:0 0 0 50%;transform:translate(-50%)scale(1.4)}.hexagon-result-video.state-win{filter:hue-rotate(125deg)saturate(1.15)}.hexagon-result-video.is-hidden{opacity:0;visibility:hidden}.hexagon-result-video.is-safari{width:100%;height:100%;top:0;left:50%;transform:translate(-50%)scale(1.11)}.hexagon-label{white-space:nowrap;z-index:4;background:linear-gradient(#14141c,#14141c) padding-box padding-box,linear-gradient(#464660,#2e2e3b) border-box;border:clamp(2px,.9cqw,4px) solid #0000;border-radius:clamp(6px,2.1cqw,10px);width:clamp(64px,23cqw,110px);padding:clamp(4px,1.8cqw,9px) clamp(9px,4.2cqw,20px);position:absolute;top:1%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0009}.hexagon-label b{color:#92f8ae;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(9px,3.4cqw,16px);line-height:1;display:block}.hexagon-label span{color:#b9bfc9;letter-spacing:clamp(1px,.55cqw,2.5px);text-transform:uppercase;margin-top:clamp(2px,.9cqw,4px);font-size:clamp(6px,2.2cqw,10px);font-weight:600;display:block}.hexagon-label.state-lose b{color:#d33f3f;text-shadow:0 0 10px #d33f3f}