.popup{position:fixed;z-index:1000;width:var(--screen-width);height:var(--screen-height);box-sizing:border-box;padding:140px 0 78px;transition-property:opacity,transform;background-position:center;background-repeat:no-repeat;background-size:cover;transition-duration:.2s;transform:scale(.9);pointer-events:none;display:flex;align-items:center;justify-content:center;overflow-x:hidden;opacity:0;left:0;top:0}.popup[data-open=true]{transform:scale(1);pointer-events:all;opacity:1}.popup-content{display:flex;flex-direction:column;width:var(--layout-width);max-width:var(--layout-max-width);padding:clamp(20px,5vw,34px) clamp(16px,5vw,28px);border-radius:20px;gap:var(--sp-md);transform-origin:center center;transition:transform .15s ease}.popup-brand{position:absolute;left:50%;transform:translate(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}.popup-brand[data-position=top]{top:calc(clamp(30px,7vw,48px) + 40px);width:clamp(120px,34vw,158px);aspect-ratio:155 / 24}.popup-brand[data-position=bottom]{bottom:clamp(14px,3.5vw,24px);width:clamp(130px,38vw,172px);aspect-ratio:166 / 41}:root{--input-label: #ffffff;--input-placeholder: #BEBEBE;--input-background: #FFFFFF;--input-foreground: #000000;--input-disabled-background: #eaeaea;--input-disabled-foreground: #666666;--input-error-background: #FFFFFF;--input-error-foreground: #FFFF00}.input{width:95%;margin:0 auto}.input,.input input{font-size:var(--fs-sm)}.input input{font-weight:700}.input input::placeholder{font-weight:400}.input[data-align=center],.input[data-align=center] input{text-align:center}.input[data-align=right],.input[data-align=right] input{text-align:right}.input{display:flex;flex-direction:column;gap:var(--sp-sm)}.input-label{color:var(--input-label)}.input-base{box-shadow:inset 0 4px 6px #1113;background-color:var(--input-background);height:clamp(40px,10.5vw,48px);padding:0px clamp(12px,4vw,16px);border-radius:10px;border:none;display:flex;align-items:center;gap:8px}.input-control{flex:1;min-width:0;width:100%;height:100%;padding:0;border:none;outline:none;background:transparent;color:var(--input-foreground)}.input-control::placeholder{color:var(--input-placeholder)}.input-prefix{flex-shrink:0;font-weight:700;white-space:nowrap;color:var(--input-foreground)}.input-field-prefixed{justify-content:center}.input-field-prefixed .input-control{flex:0 0 auto;width:clamp(72px,20vw,96px)}.input-error{font-size:var(--fs-xs);color:var(--input-error-foreground)}.input[data-error=true] .input-base{background-color:var(--input-error-background)}.input[data-disabled=true] .input-base{background-color:var(--input-disabled-background)}.input-control:disabled{color:var(--input-disabled-foreground)}.button{height:clamp(42px,11vw,50px);transition:background-color .15s;color:#990101;-webkit-user-select:none;user-select:none;border-radius:24px;border:none;font-weight:700;font-size:var(--fs-md);margin-top:var(--sp-md)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-md)}.auth-form>.auth-logo~*{transform:translateY(-50px)}.auth-logo{height:clamp(140px,42vw,180px);background-position:center;background-size:contain;background-repeat:no-repeat}.auth-error{font-size:var(--fs-xs);text-align:center;color:#ff0}.auth-note{margin-top:10px;padding:15px 0;border-radius:8px}.auth-note-title{font-weight:700;font-size:15px;margin-bottom:8px;text-align:center;color:#fff}.auth-note-content{font-size:var(--fs-sm);line-height:1.5;text-align:center;color:#fff}.auth-note-link{color:#fff;font-weight:700;text-decoration:underline;cursor:pointer}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--sp-md)}.otp-badge{width:clamp(60px,16vw,72px);height:clamp(60px,16vw,72px);border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #0003}.otp-title{color:#fff;font-size:var(--fs-xl);font-weight:700;text-align:center}.otp-subtitle{color:#fff;font-size:var(--fs-sm);line-height:1.5;text-align:center;opacity:.92}.otp-number{font-size:var(--fs-sm);font-weight:700;opacity:1;margin-top:2px}.otp-inputs{display:flex;justify-content:center;gap:var(--sp-xs);width:100%;margin:4px 0}.otp-box{flex:1 1 0;min-width:0;max-width:clamp(42px,12.5vw,54px);aspect-ratio:3 / 4;border-radius:12px;border:2px solid transparent;background-color:#fff;color:#990101;font-size:var(--fs-xl);font-weight:700;text-align:center;box-shadow:inset 0 4px 6px #1113;transition:border-color .15s}.otp-box:focus{border-color:#e60000}.otp-box:disabled{background-color:#eaeaea}.otp-timer{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:var(--fs-sm);opacity:.92}.otp-timer-icon{font-size:var(--fs-sm)}.otp-timer-value{font-weight:700}.otp-timer[data-expired=true]{color:#ff0;opacity:1}.otp-error{font-size:var(--fs-xs);text-align:center;color:#ff0}.otp .button{color:#c62828;background-color:#f5a9a9;border-radius:28px;margin:14px 8px 6px;align-self:stretch}.otp .button:not(:disabled){background-color:#fff}.otp .button[data-loading=false]{background-image:none}.otp .button[data-loading=true]{background-image:url(../assets/images/icons/spinner.svg)}.otp-resend{color:#fff;font-size:var(--fs-sm);text-align:center;opacity:.92}.otp-resend-link{font-weight:700;text-decoration:underline;cursor:pointer;-webkit-user-select:none;user-select:none}.otp-resend-link[data-disabled=true]{opacity:.5;pointer-events:none}.otp-back{color:#fff;font-size:var(--fs-xs);text-align:center;text-decoration:underline;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.7}.title{font-size:var(--fs-xl);padding:0px 0px var(--sp-sm) 0px;color:red;margin:0}.title[data-align=center]{text-align:center}.history-container{background-color:#fff;border-radius:20px;padding:clamp(20px,6vw,30px) clamp(12px,4vw,18px)}.history-spinner{height:200px;background-position:center;background-repeat:no-repeat;background-size:35px auto;opacity:.85}.history-empty{text-align:center;line-height:200px;font-size:var(--fs-md);color:#666}.history-list{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;max-height:clamp(240px,46vh,420px);overflow-y:auto;padding:10px;gap:var(--sp-sm)}.history-list::-webkit-scrollbar{width:0px;height:0px}.history-item{display:flex;align-items:center;background-color:#e2dfdf;transition:all .15s;border-radius:24px;flex-shrink:0;cursor:pointer;padding:15px;position:relative;box-shadow:0 3px 4px #0005}.history-item[data-redeemed=true]{opacity:.6;pointer-events:none;cursor:default}.history-item[data-redeemed=true] .history-item-code{text-decoration:line-through}.history-item-marked{position:absolute;top:10px;right:15px;background-color:red;color:#fff;font-weight:600;font-size:var(--fs-xs);padding:3px 8px;border-radius:4px;text-transform:uppercase}.history-item:active{transform:scale(.98)}.history-item-image{width:clamp(56px,16vw,70px);height:clamp(56px,16vw,70px);background-position:center;background-repeat:no-repeat;background-size:contain;flex-shrink:0;margin-right:15px}.history-item-details{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:1}.history-item-title{font-size:var(--fs-sm);font-weight:700;color:#000;line-height:1.3}.history-item-info{display:flex;flex-direction:column;gap:2px}.history-item-time{font-size:var(--fs-xs);color:#333;font-style:italic}.history-item-code{font-size:var(--fs-xs);color:#666;font-weight:500}.history-loading{height:50px;width:100%;background-position:center 15px;background-repeat:no-repeat;background-size:25px auto;flex-shrink:0;opacity:.85}.history-footer{display:flex;justify-content:center;margin-top:26px}.history-footer button{width:70%}.button-secondary{height:clamp(42px,11vw,50px);transition:background-color .15s;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;-webkit-user-select:none;user-select:none;border-radius:24px;border:none;font-weight:700;font-size:var(--fs-md)}.button:disabled{opacity:.85;pointer-events:none;cursor:default}.button:active{filter:brightness(90%)}.button[data-loading=false]{background-position:center;background-repeat:no-repeat;background-size:cover}.button[data-loading=true]{color:transparent;background-position:center;background-repeat:no-repeat;background-size:18px auto,cover;filter:brightness(90%)}.gift-container{background-color:#fff;box-shadow:0 10px 20px #0006;border-radius:20px;padding:clamp(20px,6vw,30px) clamp(12px,4vw,18px);display:flex;flex-direction:column;gap:var(--sp-sm)}.gift-header{font-size:var(--fs-xl);color:red;text-align:center;font-weight:700}.gift-description{margin-top:10px;text-align:center;font-size:var(--fs-sm)}.gift-image{height:clamp(160px,44vw,250px);background-position:center;background-repeat:no-repeat;background-size:contain}.gift-title{font-size:var(--fs-xl);color:#fb0000;text-align:center;line-height:1.25;font-weight:700;margin:0}.gift-section{display:flex;flex-direction:column;gap:10px;margin-top:12px}.gift-code{display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);gap:8px}.gift-code-value{padding:8px 10px;border-radius:20px;box-shadow:inset 0 2px 6px #0003}.gift-footer{display:flex;justify-content:center;margin-top:26px}.gift-footer button{width:70%}.alert-container{background-color:#fff;border-radius:20px;padding:clamp(20px,6vw,30px) clamp(12px,4vw,18px)}.alert-description{text-align:center;line-height:1.6;font-size:var(--fs-sm);color:#000;margin-bottom:var(--sp-lg)}.alert-close-btn{display:flex;flex-direction:column;align-items:center;gap:12px;width:70%;margin:0 auto}.alert-close-btn button{width:100%}.alert-image{display:flex;justify-content:center;margin:clamp(6px,2vw,10px) 0px clamp(16px,5vw,24px) 0px}.alert-image img{width:clamp(90px,28vw,130px);height:auto}.login,.game{width:100vw;height:var(--screen-height);position:fixed;border:0px;left:0;top:0}.login{z-index:2;background-color:#0003;overflow-y:auto}.game{z-index:1;transition:.2s filter;display:block}*{outline:none;-webkit-tap-highlight-color:transparent;font-family:Inter}button:not(:disabled){cursor:pointer}:root{--screen-width: 100vw;--screen-height: calc(100vh - (100vh - 100%)) ;--layout-width: clamp(272px, 86vw, 430px);--layout-max-width: calc(100vw - 24px) ;--fs-xs: clamp(10px, 2.7vw, 12px);--fs-sm: clamp(12px, 3.2vw, 15px);--fs-md: clamp(14px, 4vw, 17px);--fs-lg: clamp(15px, 4.4vw, 18px);--fs-xl: clamp(22px, 6vw, 30px);--sp-xs: clamp(6px, 2vw, 10px);--sp-sm: clamp(8px, 2.6vw, 12px);--sp-md: clamp(14px, 4vw, 20px);--sp-lg: clamp(22px, 6vw, 34px)}body{background-color:#000;overflow:hidden;margin:0}#root{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;position:fixed;left:0;top:0}