.button-theatre{position:relative;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden}#button-procession{display:flex;align-items:center;position:relative;gap:0}.forbidden-button{padding:16px 25px;background:white;border:2px solid var(--blue);border-radius:7px;font-family:var(--hand);font-size:29px;box-shadow:0 4px 0 #245e9433}.forbidden-button:active{transform:translateY(3px);box-shadow:0 1px 0 #245e9433}.button-carrier{width:38px;height:78px;fill:white;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}.confiscating .button-carrier{opacity:1;animation:carrier-step .3s ease-in-out infinite alternate}.confiscating .carrier-right{animation-delay:.15s}.confiscating{animation:carry-away 2.8s .4s ease-in forwards}.confiscated{visibility:hidden}.button-carrier.carrier-left{margin-right:-4px}.button-carrier.carrier-right{margin-left:-4px}@keyframes carrier-step{to{transform:translateY(-5px) rotate(4deg)}}@keyframes carry-away{to{transform:translateX(900px) rotate(-4deg)}}

.secret-button{margin:40px 0 0;text-align:center}.secret-button .button-theatre{height:130px}.secret-button .game-message{min-height:3.6em;color:var(--blue);font-size:14px;margin:0 0 16px}.secret-button .quiet-action{background:none;border:0;border-bottom:1px solid var(--line);padding:10px;font-size:12px;min-height:44px}
@media(prefers-reduced-motion:reduce){.confiscating{animation:none;visibility:hidden}.confiscating .button-carrier{animation:none}}
.certificate-form{margin:25px 0 36px;display:flex;flex-wrap:wrap;gap:12px}.certificate-form label{width:100%;font-size:14px;font-weight:600}.certificate-form input{flex:1;min-width:180px;border:1px solid var(--line);border-radius:3px;padding:12px 14px;font:inherit;color:var(--ink);background:white}.certificate-form button{border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:white;padding:12px 18px;font:inherit;font-size:14px;min-height:48px}.certificate-form button:disabled{opacity:.55;cursor:wait}.certificate-form input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}#certificate-status{width:100%;font-size:13px;margin:0;min-height:1.8em}.secret-button .game-message:empty{min-height:0;margin:0}
@media(max-width:600px){.certificate-form input,.certificate-form button{width:100%;flex:auto}}

.certificate-link{appearance:none;border:0;border-radius:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.certificate-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid var(--line);background:white;color:var(--ink);overflow:auto}
.certificate-dialog::backdrop{background:rgb(20 45 65 / 28%)}
.certificate-dialog h2{margin:0 32px 24px 0!important}
.certificate-close{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;background:none;color:var(--blue);font:inherit;font-size:26px;cursor:pointer}
.certificate-dialog .certificate-form{margin:0;flex-direction:column;gap:14px}
.certificate-dialog .certificate-form input{box-sizing:border-box;width:100%;min-width:0;flex:auto}
.certificate-dialog .certificate-form button{width:100%;cursor:pointer}
.certificate-link:focus-visible,.certificate-close:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
#certificate-status:empty{display:none}
