:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;cursor:pointer;transition:border-color .5s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes landBounce{0%{transform:perspective(800px) rotate(var(--angle)) rotateX(35deg) translateY(-60px)}60%{transform:perspective(800px) rotate(var(--angle)) rotateX(0) translateY(8px)}80%{transform:perspective(800px) rotate(var(--angle)) rotateX(0) translateY(-4px)}to{transform:perspective(800px) rotate(var(--angle)) rotateX(0) translateY(0)}}@keyframes popupIn{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes glow{0%{filter:drop-shadow(0 0 6px gold)}to{filter:drop-shadow(0 0 18px gold)}}@keyframes fall{to{transform:translateY(120vh) rotate(360deg);opacity:0}}@keyframes flyIn{0%{transform:translateY(200px) scale(.2) rotateX(70deg);opacity:0}to{transform:translateY(0) scale(1) rotateX(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-BsxLqMOq.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.popup-overlay{position:fixed;inset:0;min-height:100dvh;display:flex;justify-content:center;align-items:center;z-index:9999;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;isolation:isolate;background:radial-gradient(circle at top,rgba(255,201,92,.14),transparent 32%),linear-gradient(180deg,#2b0707d6,#120404eb);-webkit-backdrop-filter:none;backdrop-filter:none}.popup-overlay>*{position:relative;z-index:1}.popup{width:clamp(280px,90vw,340px);aspect-ratio:3 / 4;border-radius:20px;animation:popupIn .4s ease;position:relative;flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;text-align:center;background-position:center;background-repeat:no-repeat;background-color:transparent}.popup-btn{margin:0 auto;padding:10px 28px;background:gold;border-radius:999px;font-weight:700;border:none;cursor:pointer;font-size:clamp(18px,4vw,24px)}.popup-img{width:100%;height:100%;object-fit:contain}.popup-card{width:min(92vw,280px);aspect-ratio:auto;min-height:0;align-items:center;justify-content:flex-start;gap:10px;padding:0;border:none;background:transparent;box-shadow:none}.popup-artwork{position:relative;width:min(100%,270px);margin:0 auto}.popup-card .popup-img{display:block;height:auto;max-height:none}.reward-form-overlay{position:absolute;inset:0}.reward-overlay-field{position:absolute;left:23.2%;width:56%;aspect-ratio:233 / 71;z-index:2}.reward-overlay-field-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.reward-overlay-field-input{position:absolute;inset:0;width:100%;height:100%;padding:0 14px;border:none;background:transparent;color:#a31717;font-size:clamp(8px,1.7vw,10px);font-weight:700;text-align:center;outline:none;caret-color:#a31717}.reward-overlay-field-input:disabled{opacity:1;cursor:not-allowed;-webkit-text-fill-color:#a31717}.reward-overlay-name{top:56%}.reward-overlay-phone{top:64%}.reward-overlay-submit{position:absolute;left:38%;top:74.8%;width:25%;height:6.5%;border:none;background:transparent;padding:0;color:transparent;cursor:pointer;z-index:2}.reward-overlay-submit:disabled{cursor:wait;opacity:.85}.reward-overlay-submit-locked:disabled{cursor:not-allowed;opacity:1}.reward-success{margin:0;color:#fff6d6;font-size:clamp(14px,3.8vw,18px);font-weight:600;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.45)}.reward-recipient-notice{width:min(92vw,280px);padding:14px 16px;border-radius:16px;border:1px solid rgba(255,222,153,.45);background:linear-gradient(180deg,#800a0aeb,#4e0404f5);box-shadow:0 12px 28px #00000047;color:#fff6d6;text-align:center}.reward-recipient-title{margin:0 0 10px;font-size:clamp(13px,3.5vw,16px);font-weight:700;line-height:1.5}.reward-recipient-line{margin:0;font-size:clamp(13px,3.3vw,15px);line-height:1.5}.reward-recipient-line+.reward-recipient-line{margin-top:6px}.reward-recipient-value{color:#fff;font-weight:700}.popup-close{padding:0;border:none;background:transparent;color:#fff;font-size:16px;font-weight:600;text-decoration:underline;cursor:pointer;text-shadow:0 1px 4px rgba(0,0,0,.45)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.confetti{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.confetti span{position:absolute;width:10px;height:14px;background:gold;top:-20px;left:calc(100% * var(--x));animation:fall 3s linear infinite;--x: calc(var(--i) / 30)}.confetti span:nth-child(odd){background:red}.spin-btn{background:linear-gradient(to bottom,#fff6d6,#ffd24d);border-radius:8px;font-size:clamp(12px,3.5vw,16px);font-weight:700;color:#b40000;border:none;width:clamp(220px,80vw,400px);max-width:90%;cursor:pointer;text-transform:uppercase;transition:all .1s;z-index:5}.spin-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099}.spin-btn:active{transform:translateY(2px);box-shadow:0 2px #b88a00}.spin-btn:disabled{filter:grayscale(1);cursor:not-allowed}.header{position:relative;z-index:3;height:20vh;background-image:url(/images/banner.png);background-size:contain;background-position:top center;background-repeat:no-repeat;background-color:transparent;margin-bottom:7%;margin-top:-5%}.form label{display:block;text-align:center;font-size:clamp(16px,4vw,20px);font-weight:700}.form label span{font-size:clamp(16px,4vw,20px);font-weight:700;margin-left:4px;animation:pulse 1.2s infinite}.form-grid{display:grid;grid-template-columns:1fr;gap:10px;justify-items:center;margin:3% 0}.form-spin{margin-bottom:30px}.form-column{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.input-field{height:clamp(24px,5vh,30px);padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background-color:#de979c;color:#8b080f;font-size:clamp(8px,3.5vw,14px);text-align:center;box-sizing:border-box;width:clamp(220px,80vw,400px);max-width:90%}.input-field::placeholder{color:#8b080f;font-weight:700;opacity:.8}.lượt-quay-label{display:block;text-align:center;color:#fff;font-size:clamp(16px,2vw,24px);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:15px}.guild-text,.note-text{font-size:clamp(10px,1.5vw,14px);color:#fff;text-align:center;cursor:pointer;font-style:italic;z-index:1}.guild-text:hover{color:#b88a00}.game-container{display:flex;flex-direction:column;align-items:center;height:65dvh;margin-top:-25px;position:relative}.spin-container{position:relative;width:100%}.wheel-wrapper{width:15%;margin:0 auto;position:relative}.canvas{border-radius:20px}.gold{position:absolute;left:0;bottom:-30px;width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.guide-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.guide-modal{background:#99252d;color:#fff;max-height:85vh;border-radius:12px;padding:16px;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.guide-content{max-width:720px}.guide-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 18px}.guide-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:linear-gradient(180deg,#ffe2a52e,#ffffff14);border:1px solid rgba(255,235,181,.28);font-size:13px;font-weight:700;line-height:1.3}.guide-pill-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#ffffff29;flex:0 0 auto}.close-btn{position:absolute;top:8px;right:10px;background:none;border:none;font-size:20px}.guide-content h2,.guide-content h3{text-align:center}.guide-content h2{margin-top:4px;margin-bottom:8px;letter-spacing:.03em}.guide-content h3{margin-top:0;margin-bottom:14px;line-height:1.4}.guide-content h4{margin:18px 0 10px;font-size:16px;line-height:1.4}.guide-content p{margin:8px 0;line-height:1.65}.title-banner{font-size:15px;font-weight:700;color:#fff;text-align:center;margin-top:-80px;margin-bottom:8px;font-family:Montserrat,sans-serif}.guide-content ul,.guide-content ol{padding-left:18px;margin-top:8px;margin-bottom:8px}.guide-content li{margin-bottom:8px;line-height:1.55}.guide-footer{margin-top:16px;font-weight:700;text-align:center}@media(max-width:640px){.guide-highlights{grid-template-columns:1fr}}.app{width:100%;min-height:100dvh;height:100dvh;overflow-x:hidden;overflow-y:hidden;position:relative}body[data-popup-open=true] .app{overflow:hidden}:root{line-height:normal}.footer-pattern{display:flex;justify-content:space-between;align-items:center;width:clamp(120%,100vw,200%);position:absolute;bottom:-115px}.footer-pattern img{height:clamp(8rem,20vw,20rem);transform:scale(.5)}.logo-container{display:flex;width:100%;justify-content:center;align-items:center;height:10vh;z-index:2}.Logo1{background-image:url(/images/logo-maxell.png);margin-left:40%}.Logo2{background-image:url(/images/logo-maxell-copy.png);margin-right:40%}.Logo1,.Logo2{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;z-index:3}.phao{display:flex;justify-content:center;align-items:center;width:100%;height:10vh;position:relative;overflow:visible;z-index:4}.phao1{background-image:url(/images/phao-1.png);left:28%;top:-50%;transform:scale(1.5);position:absolute}.phao2{background-image:url(/images/phao-2.png);right:28%;top:-40%;transform:scale(.85)}.phao1,.phao2{width:clamp(20%,20vw,30%);height:clamp(2px,20vh,100px);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;position:absolute;z-index:5}@media screen and (min-width:1024px)and (max-width:1440px){.wheel-wrapper{width:60%;margin-bottom:3%}.lượt-quay-label{font-size:25px}.spin-btn,.input-field{width:clamp(240px,70vw,400px);height:clamp(30px,8vh,50px)}.header{height:18vh;background-position:center;margin-bottom:0%;margin-top:-18%}.title-banner{font-size:30px;margin-top:5px}.footer-pattern{width:clamp(130%,100vw,200%);position:absolute;bottom:-275px}.footer-pattern img{height:clamp(8rem,30vw,20rem);transform:scale(1)}.guild-text,.note-text{font-size:clamp(10px,8vw,20px);z-index:1}.guild-text,.note-text{font-size:25px}.Logo1{margin-left:30%}.Logo2{margin-right:30%}.phao1{left:10%;top:-50%;transform:scale(2)}.phao2{right:10%;top:-30%;transform:scale(1.25)}.logo-container{width:130%;left:50%;position:relative;transform:translate(-50%);margin-bottom:4%}}@media screen and (min-width:820px)and (max-width:1023px){.wheel-wrapper{width:60%;margin-bottom:3%}.lượt-quay-label{font-size:20px}.spin-btn,.input-field{width:clamp(240px,70vw,400px);height:clamp(30px,8vh,50px)}.header{height:18vh;margin-bottom:10%;background-position:center;margin-top:-20%}.title-banner{font-size:25px}.footer-pattern{width:clamp(130%,100vw,200%);position:absolute;bottom:-185px}.footer-pattern img{height:clamp(8rem,30vw,20rem);transform:scale(1)}.guild-text,.note-text{font-size:20px}.form-grid{margin-bottom:10%}.Logo1{margin-left:30%}.Logo2{margin-right:30%}.phao1{left:5%;top:-50%;transform:scale(2)}.phao2{right:5%;top:-35%;transform:scale(1.25)}.logo-container{width:130%;left:50%;position:relative;transform:translate(-50%);margin-bottom:4%}}@media screen and (min-width:768px)and (max-width:819px){.wheel-wrapper{width:60%;margin-bottom:3%}.lượt-quay-label{font-size:20px}.spin-btn,.input-field{width:clamp(240px,70vw,400px);height:clamp(30px,8vh,50px)}.header{height:18vh;margin-bottom:11%;background-position:center;margin-top:-18%}.title-banner{font-size:18px}.footer-pattern{width:clamp(80%,130vw,200%);position:absolute;bottom:-155px}.footer-pattern img{height:clamp(8rem,30vw,20rem);transform:scale(1)}.guild-text,.note-text{font-size:clamp(10px,8vw,14px)}.title-banner{font-size:20px}.Logo1{margin-left:30%}.Logo2{margin-right:30%}.phao1{left:10%;top:-69%}.phao2{right:10%;top:-44%}.logo-container{width:130%;left:50%;position:relative;transform:translate(-50%);margin-bottom:4%}}@media screen and (min-width:381px)and (max-width:767px){.header{height:18vh;margin-bottom:26%;background-position:center;margin-top:-30%}.lượt-quay-label{font-size:20px;margin-bottom:25px}.footer-pattern{width:clamp(120%,130vw,200%);position:absolute;bottom:-58px}.footer-pattern img{transform:scale(1)}.guild-text,.note-text{font-size:12px}.note-text{margin-bottom:4%}.wheel-wrapper{width:75%;margin:0 auto;position:relative}.form-grid{margin-bottom:3%}.Logo1{margin-left:20%}.Logo2{margin-right:20%}.phao1{left:-5%;top:-70%;transform:scale(1.5)}.phao2{right:-5%;top:-60%;transform:scale(.85)}.logo-container{width:130%;left:50%;position:relative;transform:translate(-50%);margin-bottom:4%}}@media screen and (max-width:380px){.header{height:18vh;background-size:95%;margin-bottom:26%;background-position:center;margin-top:-23%}.lượt-quay-label{font-size:18px}.footer-pattern{width:clamp(120%,133vw,200%);position:absolute;bottom:-40px}.footer-pattern img{height:clamp(8rem,10vw,8rem);transform:scale(1)}.wheel-wrapper{width:75%;margin:0 auto;position:relative}.logo-container{display:flex;width:130%;justify-content:center;align-items:center;height:10vh;left:50%;position:relative;transform:translate(-50%);margin-bottom:4%}.Logo1{margin-left:20%}.Logo2{margin-right:20%}.phao1{left:-5%;top:-91%;transform:scale(1.5)}.phao2{right:-5%;top:-70%;transform:scale(.85)}}@media screen and (orientation:landscape)and (max-height:600px){.game-container{height:auto;padding:8px 0}.header{height:15vh}.wheel-wrapper{width:clamp(35%,50vw,50%)}.form-spin{margin-bottom:12px}.lượt-quay-label{margin-bottom:8px;font-size:14px}.Logo1{margin-left:20%}.Logo2{margin-right:20%}}html,body{margin:0;padding:0;min-height:100dvh;width:100%;background-image:url(/images/bg.jpg);z-index:0;overflow-x:hidden;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;overflow-y:hidden}