: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;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999;padding:16px}.popup{width:clamp(280px,90vw,340px);aspect-ratio:3 / 4;border-radius:20px;animation:popupIn .4s ease;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}.popup-img{width:100%;height:100%;object-fit:contain}.confetti{position:fixed;inset:0;pointer-events:none;z-index:1000}.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,4vw,16px);font-weight:700;color:#b40000;border:none;min-width:30vh;cursor:pointer;text-transform:uppercase;transition:all .1s}.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:2;width:100%;height:35vh;background-image:url(/images/banner.png);background-size:contain;background-position:top center;background-repeat:no-repeat;background-color:transparent}.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-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(12px,3.5vw,14px);text-align:center;box-sizing:border-box;min-width:30vh}.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)}.guild-text,.note-text{font-size:clamp(10px,3vw,14px);color:#fff;text-align:center;cursor:pointer}.guild-text:hover{color:#b88a00}.game-container{display:flex;flex-direction:column;align-items:center;height:65dvh;margin-top:-25px}.spin-container{position:relative;width:100%}.wheel-wrapper{width:34vh;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}.gold-left,.gold-right{width:100px;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent}.gold-left{background-image:url(/images/gold-left.png)}.gold-right{background-image:url(/images/gold-right.png)}.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}.close-btn{position:absolute;top:8px;right:10px;background:none;border:none;font-size:20px}.guide-content h2,.guide-content h3{text-align:center}.title-banner{font-size:12px;font-weight:900;color:#fff;text-align:center;margin-top:-8px;margin-bottom:8px;font-family:Montserrat,sans-serif}.guide-content ul,.guide-content ol{padding-left:18px}.guide-footer{margin-top:16px;font-weight:700;text-align:center}@media screen and (min-width:1440px){.header{height:30vh}*{font-size:16px}}@media screen and (min-width:360px){.header{height:30vh}}@media screen and (min-width:320px){.header{height:30vh}.lượt-quay-label{font-size:14px}:root{line-height:normal}}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:cover;background-position:center top;background-repeat:no-repeat;overflow-y:hidden}