#entrance-hold{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-height:56px;flex:1 1 100%;border:2px solid #e1ff61;border-radius:28px;background:linear-gradient(#a21124d9,#a21124d9),url('brand/pattern.webp') center/180px;color:#fff;font-size:clamp(15px,4vw,19px);font-weight:800;box-shadow:0 0 16px #dfff3433}
#entrance-hold[hidden],.entrance-point[hidden]{display:none!important}
#entrance-hold span{display:inline-block;animation:entrance-finger 1.2s ease-in-out infinite}
#entrance-hold.holding{box-shadow:0 0 24px #caff5c88;filter:brightness(1.12)}
#entrance-hold.holding span{animation:none}
#entrance-hold:focus-visible{outline:3px solid white;outline-offset:3px}
.entrance-point{position:absolute;left:50%;top:40%;transform:translateX(-50%);z-index:23;pointer-events:none;display:flex;flex-direction:column;align-items:center;color:#caff36;text-shadow:0 2px 3px #203800,0 0 12px #8aff27;font-weight:900}
.entrance-point span{font-size:clamp(10px,2vw,14px);padding:3px 8px;background:#182a1dbb;border:1px solid #caff36;border-radius:10px}
.entrance-point b{font-size:clamp(36px,8vw,52px);line-height:1;animation:entrance-point 1.4s ease-in-out infinite}
body:has(.entrance-controlled) #start,body:has(.entrance-controlled) #pause{display:none}
@keyframes entrance-point{50%{opacity:.55;transform:translateY(7px)}}
@keyframes entrance-finger{50%{transform:translateY(3px) scale(.92)}}
@media(prefers-reduced-motion:reduce){.entrance-point b,#entrance-hold span{animation:none}}
