.wakeup-mark-shell{position:relative;isolation:isolate}
.wakeup-mark{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;overflow:visible}
.wakeup-mark img{position:absolute;width:73%;height:73%;left:13.5%;top:13.5%;object-fit:contain;pointer-events:none;transform:perspective(600px) rotateX(8deg) rotateY(-12deg) rotateZ(-3deg)}
.wakeup-mark canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.wakeup-mark[data-state="ready"] img{visibility:hidden}
.wakeup-mark[data-state="fallback"] canvas{display:none}
.wakeup-mark:disabled{cursor:default;opacity:1}
.wakeup-mark:focus-visible{outline:1px solid #daff02;outline-offset:-10px;border-radius:18px}
/* Keep the existing dark card and its grain clipped; the mark is a sibling. */
#recognize .climax-stage{position:relative;max-width:560px;margin:74px auto 0;isolation:isolate}
#recognize .climax-stage .climax{margin-top:0}
#recognize .climax-logo{position:absolute;width:115px;right:-28px;top:-50px;z-index:3}
@media(max-width:640px){
 #recognize .climax-stage{margin-top:104px}
 #recognize .climax-logo{width:86px;right:-6px;top:-45px}
}