.hh-play-wrap{width:100%;height:calc(100dvh - var(--hh-nav-h,84px));touch-action:none;-webkit-user-select:none;user-select:none;background:#0e1420;min-height:480px;position:relative;overflow:hidden}.hh-play-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hh-play-overlay{text-align:center;color:#fff;-webkit-backdrop-filter:blur(3px);z-index:3;background:#0a0e168c;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;animation:.25s ease-out hhFadeIn;display:flex;position:absolute;inset:0}@keyframes hhFadeIn{0%{opacity:0}to{opacity:1}}.hh-play-overlay--title{background:linear-gradient(#0a0e1661,#0a0e16a8),url(/play/title-bg.jpg) 32%/cover no-repeat}.hh-play-logo{letter-spacing:2px;color:#fff;text-shadow:0 4px #00000059;font-family:Bebas Neue,Barlow Condensed,sans-serif;font-size:clamp(52px,11vw,92px);line-height:.92}.hh-play-logo em{color:#df1f26;font-style:normal}.hh-play-tagline{letter-spacing:3px;text-transform:uppercase;color:#ffffffd9;font-family:Barlow Condensed,sans-serif;font-size:clamp(16px,3.4vw,22px);font-weight:600}.hh-play-mascot{filter:drop-shadow(0 10px 18px #00000073);width:clamp(110px,22vw,170px);height:auto;animation:2.6s ease-in-out infinite hhHover}@keyframes hhHover{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}.hh-play-btn{letter-spacing:2.5px;color:#fff;cursor:pointer;background:#df1f26;border:none;border-radius:10px;padding:14px 42px 11px;font-family:Bebas Neue,Barlow Condensed,sans-serif;font-size:30px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #8f1217,0 10px 24px #0006}.hh-play-btn:active{transform:translateY(4px);box-shadow:0 1px #8f1217,0 4px 10px #0006}.hh-play-btn--ghost{background:#ffffff1f;padding:10px 26px 8px;font-size:22px;box-shadow:0 4px #00000059}.hh-play-hint{color:#ffffffbf;max-width:340px;font-family:Barlow,sans-serif;font-size:14px}.hh-play-best{letter-spacing:2px;text-transform:uppercase;color:#ffd76a;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:600}.hh-play-score-big{color:#fff;text-shadow:0 5px #00000059;font-family:Bebas Neue,Barlow Condensed,sans-serif;font-size:clamp(84px,20vw,140px);line-height:1}.hh-play-newbest{letter-spacing:3px;color:#ffd76a;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;animation:.9s ease-in-out infinite hhPulse}@keyframes hhPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.hh-play-funnel{color:#fffc;margin-top:14px;font-family:Barlow,sans-serif;font-size:14px}.hh-play-funnel a{color:#ff8a8f;border-bottom:1px solid #ff8a8f80;font-weight:600;text-decoration:none}.hh-play-funnel a:hover{color:#fff;border-bottom-color:#fff}.hh-play-corner{z-index:4;gap:8px;display:flex;position:absolute;top:12px;right:12px}.hh-play-iconbtn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(2px);background:#0a0e1680;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;line-height:1;display:flex}.hh-play-iconbtn:hover{background:#df1f26d9}.hh-play-toast{color:#fff;z-index:5;pointer-events:none;white-space:nowrap;background:#0a0e16d9;border-radius:20px;padding:9px 18px;font-family:Barlow,sans-serif;font-size:14px;animation:.2s ease-out hhFadeIn;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.hh-play-mascot,.hh-play-newbest{animation:none}}