.btn-circular{background-color:var(--accent);color:var(--accent-contrast);border:none;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 0 var(--shadow-accent-strong);--tx: 0px;--ty: 0px;transform:translate(var(--tx),var(--ty));transition:background-color .2s,transform .1s,box-shadow .1s;cursor:pointer;font-size:0;outline:none;margin:0 auto}.btn-circular svg{width:28px;height:28px;display:block;fill:#fafafa}.circular-btns-stack{display:flex;flex-direction:column;align-items:center;gap:1.6rem;margin-top:1.5rem}.circular-btns-stack .btn-circular:nth-child(odd){--tx: -32px}.circular-btns-stack .btn-circular:nth-child(2n){--tx: 32px}.circular-btns-stack{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:1.5rem}.btn-circular:hover{background-color:color-mix(in oklab,var(--accent),black 10%)}.btn-circular:active{--ty: 6px;box-shadow:0 3px 0 var(--shadow-accent-strong)}.btn{display:inline-block;border:none;border-radius:20px;cursor:pointer;text-align:center;text-decoration:none;user-select:none;transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease,opacity .2s ease;font-family:var(--font-sans);font-weight:700}.btn--loading{pointer-events:none}.btn-loader-dots{display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-loader-dots span{width:6px;height:6px;border-radius:50%;background-color:color-mix(in oklab,currentColor,transparent 40%);animation:btnDotsBounce .9s infinite ease-in-out}.btn-loader-dots span:nth-child(2){animation-delay:.12s}.btn-loader-dots span:nth-child(3){animation-delay:.24s}@keyframes btnDotsBounce{0%,80%,to{transform:translateY(0);background-color:color-mix(in oklab,currentColor,transparent 40%);opacity:.45}40%{transform:translateY(-4px);background-color:currentColor;opacity:1}}.btn--disabled,.btn:disabled{cursor:not-allowed;opacity:.6;filter:grayscale(40%)}.btn-continuar{background-color:var(--warning);color:var(--warning-contrast);font-size:20px;font-weight:700;padding:14px 36px;border:none;border-radius:20px;cursor:pointer;box-shadow:0 6px 0 var(--shadow-warning-strong);transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}.btn-continuar:hover{background-color:color-mix(in oklab,var(--warning),white 12%)}.btn-continuar:active{transform:translateY(6px);box-shadow:0 2px 0 var(--shadow-warning-strong)}.btn-continuar.btn--blocked{background-color:var(--blocked-bg);color:var(--blocked-text);box-shadow:0 6px 0 var(--gray)}.btn-continuar.btn--blocked:hover,.btn-continuar.btn--blocked:active{transform:none;box-shadow:0 6px 0 var(--gray)}.mission-chest-overlay__continue.btn-continuar{position:relative;min-width:clamp(172px,42vw,234px);padding:14px 30px 16px;border:3px solid #5b3500;border-radius:999px;background:linear-gradient(180deg,#ffffff57,#fff0 38%),linear-gradient(180deg,#ffe979,#ffd24e 54%,#ffb81f);color:#4f2f00;font-size:clamp(15px,2.3vw,19px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 10px #8b5200,0 16px 30px #0000004d;overflow:hidden;isolation:isolate;transition:transform .14s ease,box-shadow .14s ease,filter .2s ease}.mission-chest-overlay__continue.btn-continuar:before{content:"";position:absolute;inset:5px 18px auto;height:38%;border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#fff0);pointer-events:none;opacity:.92}.mission-chest-overlay__continue.btn-continuar:hover{filter:brightness(1.03) saturate(1.04);transform:translateY(-1px);box-shadow:0 11px #8b5200,0 18px 32px #00000052}.mission-chest-overlay__continue.btn-continuar:active{transform:translateY(7px) scale(.985);box-shadow:0 3px #8b5200,0 9px 18px #0000003d}@media(max-width:640px){.mission-chest-overlay__continue.btn-continuar{min-width:168px;padding:12px 24px 14px;border-width:2px;box-shadow:0 8px #8b5200,0 12px 22px #00000047}.mission-chest-overlay__continue.btn-continuar:active{box-shadow:0 3px #8b5200,0 7px 14px #00000038}}.btn-celeste{background-color:var(--accent);color:var(--accent-contrast);font-size:20px;font-weight:700;padding:14px 36px;border-radius:20px;box-shadow:0 8px 0 var(--shadow-accent-strong);transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}.btn-celeste:hover{background-color:color-mix(in oklab,var(--accent),black 10%)}.btn-celeste:active{transform:translateY(6px);box-shadow:0 3px 0 var(--shadow-accent-strong)}.btn-white-3d{background-color:var(--text-inverse);color:#1f2937;font-size:20px;font-weight:700;padding:14px 36px;border-radius:20px;box-shadow:0 8px 0 var(--gray-300);transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}.btn-white-3d:hover{background-color:#f3f5f8}.btn-white-3d:active{transform:translateY(6px);box-shadow:0 3px 0 var(--gray-300)}.btn-explain{background-color:var(--explain-btn-bg);color:var(--explain-btn-text);font-size:16px;font-weight:700;padding:10px 22px;border-radius:14px;box-shadow:0 4px 0 var(--explain-btn-shadow);transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}.btn-explain:hover{background-color:color-mix(in oklab,var(--explain-btn-bg),black 6%)}.btn-explain:active{transform:translateY(4px);box-shadow:0 1px 0 var(--explain-btn-shadow)}.btn-danger{background-color:#ff5c5c;color:#fff5f5;font-size:18px;font-weight:700;padding:12px 28px;border:none;border-radius:20px;box-shadow:0 6px #c43b3b;transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}.btn-danger:hover{background-color:#ff7373}.btn-danger:active{transform:translateY(6px);box-shadow:0 3px #c43b3b}.btn-explain-confirm{background-color:var(--explain-confirm-bg);color:var(--explain-confirm-text);font-size:18px;font-weight:800;padding:14px 32px;border-radius:22px;box-shadow:0 8px 0 var(--explain-confirm-shadow);transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}.btn-explain-confirm:hover{background-color:color-mix(in oklab,var(--explain-confirm-bg),black 8%)}.btn-explain-confirm:active{transform:translateY(6px);box-shadow:0 3px 0 var(--explain-confirm-shadow)}.btn-ghost{background-color:transparent;color:var(--text-muted);font-size:18px;font-weight:700;padding:10px 18px;border:none;border-radius:14px;box-shadow:none;transition:background-color .2s ease,color .2s ease}.btn-ghost:hover{background-color:var(--hover-bg-neutral-3)}.btn-ghost:active{background-color:var(--hover-bg-neutral-4)}@media(min-width:1024px){.btn-continuar{font-size:18px;padding:12px 28px;box-shadow:0 5px 0 var(--shadow-warning-strong)}.btn-celeste{font-size:18px;padding:12px 28px;box-shadow:0 8px 0 var(--shadow-accent-strong)}.btn-white-3d{font-size:18px;padding:12px 28px;box-shadow:0 8px 0 var(--gray-300)}.btn-explain{font-size:15px;padding:10px 20px;border-radius:12px;box-shadow:0 4px 0 var(--explain-btn-shadow)}.btn-danger{font-size:17px;padding:12px 26px;border-radius:18px}.btn-explain-confirm{font-size:16px;padding:12px 26px;border-radius:18px;box-shadow:0 6px 0 var(--explain-confirm-shadow)}.btn-ghost{font-size:16px;padding:8px 14px;border-radius:12px}}@media(max-width:768px){.btn-continuar{font-size:16px;padding:10px 22px;border-radius:16px;box-shadow:0 4px 0 var(--shadow-warning-strong)}.btn-celeste{font-size:16px;padding:10px 22px;border-radius:16px;box-shadow:0 6px 0 var(--shadow-accent-strong)}.btn-white-3d{font-size:16px;padding:10px 22px;border-radius:16px;box-shadow:0 6px 0 var(--gray-300)}.btn-explain{font-size:15px;padding:10px 20px;border-radius:12px;box-shadow:0 4px 0 var(--explain-btn-shadow)}.btn-danger{font-size:15px;padding:10px 20px;border-radius:16px;box-shadow:0 5px #c43b3b}.btn-explain-confirm{font-size:15px;padding:10px 22px;border-radius:16px;box-shadow:0 5px 0 var(--explain-confirm-shadow)}.btn-ghost{font-size:16px;padding:10px 16px;border-radius:12px}}.option-button{display:flex;align-items:center;gap:12px;background-color:transparent;color:var(--text);font-size:clamp(16px,3.8vw,18px);font-weight:700;font-family:var(--font-sans);padding:14px 20px;border:2px solid var(--gray-200);border-radius:18px;cursor:pointer;text-align:left;box-shadow:0 8px 0 var(--gray);transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease,border-color .2s ease,color .2s ease}.option-icon{width:24px;height:24px;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.option-icon svg,.option-icon img{width:24px;height:24px;display:block}.option-label{flex:1;line-height:1.25}.option-button:hover{background-color:var(--hover-bg-neutral-4)}.option-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--shadow-accent-strong)}.option-button.is-selected,.option-button:focus{outline:none;background-color:var(--hover-bg-neutral-5);border-color:var(--focus);box-shadow:0 6px 0 var(--shadow-accent-strong)}@media(max-width:768px){.option-button{font-size:clamp(15px,4.2vw,16px);padding:16px 24px;border-radius:16px;box-shadow:0 6px 0 var(--gray);width:100%}}.btn-chrome{position:relative;background:linear-gradient(120deg,var(--chrome-1),var(--chrome-2),var(--chrome-3),var(--chrome-4));background-size:400% 400%;color:var(--text-inverse);font-size:20px;font-weight:700;padding:14px 36px;border:none;border-radius:20px;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-press-strong);animation:chromeMove 8s ease infinite;transition:transform .1s ease,box-shadow .1s ease}.btn-chrome:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;border-radius:0 0 20px 20px;background:linear-gradient(120deg,var(--chrome-1),var(--chrome-2),var(--chrome-3),var(--chrome-4));background-size:400% 400%;animation:chromeMove 8s ease infinite;z-index:-1}.btn-chrome:before{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:var(--sheen-highlight);transform:skew(-20deg);animation:shine 3.5s infinite}.btn-chrome:active{transform:translateY(6px);box-shadow:var(--shadow-press)}@media(min-width:1024px){.btn-chrome{font-size:18px;padding:12px 28px;border-radius:18px}}@media(max-width:768px){.btn-chrome{font-size:16px;padding:10px 22px;border-radius:16px}}.option-button--social{width:min(100%,420px);justify-content:center;text-align:center;padding:12px 16px}
