.ca__pick{z-index:7;justify-content:center;align-items:center;gap:clamp(18px,5vw,64px);padding:92px 16px 28px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ca__pick[hidden]{display:none}.ca__mode{aspect-ratio:5/4;border:6px solid var(--ink);background:var(--red);width:min(40vw,62vh,440px);box-shadow:0 10px 0 var(--red-d);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:38px;padding:10px;transition:transform .18s cubic-bezier(.3,1.6,.5,1);animation:3.2s ease-in-out infinite cabob}.ca__mode--abc{background:var(--blue);box-shadow:0 10px 0 var(--blue-d);animation-delay:-1.6s}.ca__mode img{object-fit:contain;border:5px solid var(--ink);background:#fffdf6;border-radius:28px;width:100%;height:100%;display:block}.ca__mode:hover{transform:translateY(-5px)rotate(-1.5deg)}.ca__mode:active{box-shadow:0 4px 0 var(--red-d);transform:translateY(6px)}.ca__mode--abc:active{box-shadow:0 4px 0 var(--blue-d)}.ca__mode:focus-visible{outline:8px solid var(--yellow);outline-offset:5px}@keyframes cabob{50%{translate:0 -8px}}.gbtn.ca__choose{top:max(10px, env(safe-area-inset-top));border-width:4px;width:64px;height:64px;left:50%;translate:-50%;box-shadow:0 4px #2a1b1f40}.gbtn.ca__choose:active{transform:translateY(3px)}.ca .gbtn--replay{top:40%}@media (orientation:portrait){.ca__pick{flex-direction:column;padding-top:96px}.ca__mode{width:min(76vw,36vh,440px)}}@media (max-width:420px){.gbtn.ca__choose{width:54px;height:54px;top:max(14px, env(safe-area-inset-top));left:calc(50% - 8px)}}@media (prefers-reduced-motion:reduce){.ca__mode{animation:none}}