/* the game's push button: gold centre with two blue crystal caps, same parts and press as the mock (aiwars Screens page, section 04) */
@font-face{font-family:"Lilita One";src:url(/fonts/LilitaOne-Regular.woff2) format("woff2");font-display:swap}
.pb-btn{position:relative;display:block;margin:0 auto;width:min(440px,86vw);aspect-ratio:1391/466;padding:0;border:0;background:none;cursor:pointer;container-type:inline-size;text-decoration:none;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:8px}
.pb-btn img{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;-webkit-user-drag:none}
.pb-gold,.pb-wing{position:absolute;inset:0;will-change:transform}
.pb-gold{transform-origin:50% 50%}
.pb-wing.l{transform-origin:12% 50%}
.pb-wing.r{transform-origin:88% 50%}
.pb-shine{position:absolute;inset:0;overflow:hidden;clip-path:polygon(18.48% 7.73%,81.88% 7.73%,91.16% 39.06%,91.16% 59.23%,82.46% 90.13%,17.69% 90.13%,8.91% 59.23%,8.91% 39.06%)}
.pb-shine::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:22%;background:linear-gradient(100deg,transparent,#ffffffc0,transparent);transform:skewX(-20deg)}
@media (hover:hover){.pb-btn:hover .pb-shine::before{left:125%;transition:left .6s ease-out}}
.pb-wing.l img{transform-origin:.15% 50%}
.pb-wing.r img{transform-origin:99.85% 50%}
.pb-gold b{position:absolute;inset:0;display:grid;place-items:center;font:400 var(--fs,10.4cqw)/1 "Lilita One",Luckiest,Impact,sans-serif;color:#fff;letter-spacing:.3cqw;text-transform:uppercase;white-space:nowrap;
  -webkit-text-stroke:2cqw #0b1430;paint-order:stroke;text-shadow:0 1.2cqw 0 #0b1430}
