.jan-page .jan-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#aaa,#666);padding:20px;text-align:center;width:clamp(420px,28vw,640px);border:1px solid #000;z-index:4}.jan-page .jan-popup .title{font-size:20px;color:#00f;margin-bottom:10px}.jan-page .close-button{background:transparent;border:none;padding:0;margin:0;color:#000;font-size:18px;line-height:1;cursor:pointer}.jan-page .close-button:hover{color:#00f}.jan-page .close-button:focus{outline:none}.jan-page .close-button:focus-visible{outline:2px solid rgba(0,0,255,.25);border-radius:2px}.jan-page .jan-popup textarea{width:100%;box-sizing:border-box;height:120px}.jan-page .jan-success{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#aaa,#666);padding:20px;text-align:center;width:clamp(420px,28vw,640px);border:1px solid #000;z-index:5}.jan-page .jan-success.center-vertical{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:160px}.jan-page .jan-success.center-vertical .title{margin-top:12px}.jan-page .jan-success .title{font-size:18px;color:#00f;margin-bottom:10px}.jan-page .random-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#aaa,#666);padding:20px 20px 36px;text-align:center;width:clamp(420px,28vw,640px);border:1px solid #000;z-index:10010}@media(max-width:600px),(max-height:700px){.jan-page .jan-popup,.jan-page .jan-success,.jan-page .random-popup{width:calc(100% - 32px);padding:12px 12px 18px;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;font-size:14px}.jan-page .jan-popup .title,.jan-page .jan-success .title{font-size:16px}.jan-page .jan-popup textarea{height:88px}.jan-page .total-count-badge{padding:1px 18px;font-size:12px}}.jan-page .random-popup .content{background:#fff;padding:8px;border-radius:4px;max-height:240px;overflow:auto;color:#000}.jan-page .submit-button,.jan-page .redeem-button{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;font-size:12px;font-weight:400;font-family:Georgia,Times New Roman,Times,serif;border-radius:0;color:#000;border:1px solid #000;background:linear-gradient(180deg,#efefef,#cfcfcf 60%);border-bottom:3px solid #666;box-shadow:none;text-shadow:none;cursor:pointer;transition:none}.jan-page .submit-button:disabled,.jan-page .redeem-button:disabled{opacity:.6;cursor:default}.jan-page .submit-button:active,.jan-page .redeem-button:active{transform:translateY(1px)}.jan-page .gating-popup{padding-top:20px;padding-bottom:20px}.jan-page .gating-popup #password-section{display:flex;flex-direction:column;align-items:stretch;gap:8px}.jan-page .gating-popup #password-section p{margin:0;padding:0}.jan-page .gating-popup #password-section input{margin:0}.jan-page .gating-popup #password-section button{margin:0;align-self:center}.jan-page .total-count-container{display:inline-block;text-align:left;color:#b7b7b7;font-family:Georgia,Times New Roman,Times,serif;font-weight:400}.jan-page .total-count-label{display:block;font-size:12px;margin-bottom:2px}.jan-page .total-count-badge{display:inline-block;width:auto;background:#868686;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:13px;padding:1px 57px;border-radius:0;text-align:center}@keyframes heartbeat{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #fff0}6%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 6px 24px #ffffff2e}18%{transform:translate(-50%,-50%) scale(.98);box-shadow:0 4px 18px #ffffff1f}28%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 8px 28px #fff3}40%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #fff0}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #fff0}}.jan-page .jan-success.bonus-beat{transform-origin:center;animation:heartbeat 1.08s ease-in-out infinite}@media(max-aspect-ratio:3/4),(max-width:520px){.jan-page .jan-popup,.jan-page .jan-success,.jan-page .random-popup{width:min(420px,92vw);padding:12px 12px 18px}}@media(max-aspect-ratio:9/16),(max-width:400px){.jan-page .jan-popup,.jan-page .jan-success,.jan-page .random-popup{width:calc(100% - 24px);left:50%;transform:translate(-50%,-50%);padding:10px;font-size:14px}.jan-page .jan-popup textarea{height:72px}}.jan-page img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-ms-user-select:none}
