:root{--ink:#401316;--wine:#7c1017;--red:#bd1721;--gold:#ffd66b;--cream:#fff8e7;--shadow:0 24px 70px rgba(66,5,10,.28);--ease:cubic-bezier(.12,.76,.16,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#a30e19;color:var(--ink);font-family:"Be Vietnam Pro",Arial,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.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}
.hero{position:relative;width:100vw;height:100svh;overflow:hidden;background:#a30e19 url('../assets/bg-desktop.webp') center/cover no-repeat;display:grid;place-items:center}.hero__stage{position:relative;width:min(96vw,170.6667svh,1920px);aspect-ratio:16/9;flex:none}.brand{position:absolute;z-index:2;left:12.24%;top:8.8%;width:15.26%;height:auto}.title{position:absolute;z-index:2;left:35.31%;top:10.65%;width:62.6%;height:auto}.game{position:absolute;inset:0}.wheel-wrap{position:absolute;z-index:3;left:4.79%;top:22.78%;width:32.86%;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 20px 28px rgba(66,0,0,.3))}.wheel{display:block;width:100%;height:100%;object-fit:contain;will-change:transform}.wheel.is-spinning{transition:transform 6s var(--ease)}.spin-button{position:absolute;z-index:4;left:42.8%;top:42.7%;width:14.4%;height:14.2%;border:0;background:transparent url('../assets/wheel-button-trim.webp') center/contain no-repeat;border-radius:50%;font-size:0;transition:filter .25s,transform .25s}.spin-button:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.06)}.spin-button:focus-visible{outline:5px solid #fff;outline-offset:5px}.spin-button:disabled{cursor:not-allowed;filter:grayscale(.15)}.prize-table{position:absolute;z-index:2;left:49.9%;top:49.81%;width:33.44%;height:auto}.turn{position:absolute;z-index:4;left:9.085%;top:86.3%;width:24.27%;aspect-ratio:1111/206;background:url('../assets/turn-box-trim.webp') center/contain no-repeat}.turn span{position:absolute;left:91%;top:50%;transform:translate(-50%,-50%);display:block;min-width:1em;text-align:center;color:#f52d53;font:900 clamp(16px,1.8vw,36px)/1 "Be Vietnam Pro",sans-serif;text-shadow:none}.status{display:none}
.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.modal[aria-hidden="false"]{opacity:1;visibility:visible}.modal__card{position:relative;width:min(536px,calc(100vw - 32px));max-height:92svh;overflow:auto;padding:28px 39px 15px;border:1px solid #ff6262;border-radius:23px;background:#f52d53;box-shadow:0 22px 70px rgba(50,0,0,.4);color:#fff;transform:scale(.96);transition:transform .25s var(--ease)}.modal[aria-hidden="false"] .modal__card{transform:scale(1)}.modal__close{position:absolute;z-index:2;right:10px;top:9px;width:31px;height:31px;border:0;background:transparent;color:#fff;font:400 30px/1 Arial,sans-serif}.modal h2{margin:0 15px 20px;color:#fff;text-align:center;font-size:clamp(21px,2vw,25px);font-weight:900;line-height:1.3}.modal__notice{min-height:130px;margin-bottom:15px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;border-radius:8px;background:#fff;color:#222;font:500 15px/1.45 Arial,sans-serif}.modal__notice strong{color:#f00000}.modal__notice b{color:#f00000}.modal form{display:grid}.modal form>input{width:100%;height:42px;padding:0 13px;border:0;border-bottom:1px solid #ddd;border-radius:0;background:#fff;color:#222;font:14px Arial,sans-serif;outline:0}.modal form>input:first-of-type{border-radius:5px 5px 0 0}.modal form>input:focus{position:relative;z-index:1;box-shadow:inset 0 0 0 2px rgba(210,43,32,.4)}.primary{width:100%;height:38px;margin:0;border:0;border-radius:0 0 5px 5px;background:#fff;color:#f52d53;font-size:14px;font-weight:900;text-transform:uppercase}.primary:hover:not(:disabled){background:#fff2ef}.primary:disabled{opacity:.65;cursor:wait}.form-error{min-height:0;margin:0;padding:0 12px;background:#fff;color:#a10c17;font-size:12px;font-weight:700}.form-error:not(:empty){padding-top:7px;padding-bottom:7px}.result-prize{margin:0 0 14px;padding:13px 16px;border:2px solid #fff;border-radius:8px;background:#fff;color:#f52d53;text-align:center;font-size:clamp(20px,2.2vw,27px);font-weight:900;line-height:1.25}#result-modal .modal__notice{margin-bottom:15px}#result-modal .primary{border-radius:5px}.toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translate(-50%,20px);padding:13px 20px;border-radius:999px;background:#321014;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1024px) and (orientation:portrait){.modal{padding:14px}.modal__card{width:min(370px,calc(100vw - 28px));padding:22px 17px 14px;border-radius:22px}.modal h2{margin-bottom:16px;font-size:20px}.modal__notice{min-height:auto;padding:11px 12px;font-size:12.5px}.modal form>input{height:41px}.modal__close{right:7px;top:6px}}
@media(max-width:1024px) and (orientation:portrait){.hero{width:100%;height:auto;min-height:calc(100svh + env(safe-area-inset-bottom,0px) + 72px);overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;padding-bottom:72px;background:#a30e19 url('../assets/bg-mobile.webp') center/cover no-repeat}.hero__stage{width:min(94vw,560px);aspect-ratio:9/16}.brand{left:5%;top:3%;width:22%}.title{left:3%;top:10%;width:94%}.wheel-wrap{left:18%;top:26%;width:64%;filter:drop-shadow(0 10px 14px rgba(66,0,0,.24))}.turn{left:29%;top:65.5%;width:42%}.turn span{left:91%;font-size:clamp(15px,4.6vw,27px)}.prize-table{left:17%;top:76%;width:66%}}
@media(max-width:1024px) and (orientation:portrait) and (max-aspect-ratio:9/17.5){.hero{padding-top:8px}.hero__stage{width:min(94vw,52.875svh)}.wheel-wrap{left:18%;top:26%;width:64%}.turn{top:65.5%}.prize-table{top:76%}}
@media(max-width:1024px) and (orientation:portrait) and (min-aspect-ratio:9/15){.hero__stage{width:min(90vw,560px)}.brand{top:2.5%}.title{top:9%}.wheel-wrap{left:19%;top:24.5%;width:62%}.turn{left:30%;top:63.5%;width:40%}.prize-table{left:19%;top:74.5%;width:62%}}
@media(max-width:1024px) and (orientation:landscape){.hero{min-height:560px;overflow:hidden}.hero__stage{width:min(52.875svh,55vw)}.wheel-wrap{top:24%;width:66%;left:17%}.turn{top:62%}.prize-table{top:71%}}
.company-footer{position:relative;z-index:10;min-height:245px;padding:28px 24px;display:flex;align-items:center;background:#fff;color:#111;border:0}.company-footer__inner{width:min(100%,960px);margin:auto;display:grid;grid-template-columns:290px 1fr;align-items:center}.company-footer__logo{display:block;width:240px;height:auto;margin:auto}.company-footer__content{min-height:145px;padding:4px 0 4px 34px;border-left:3px solid #111;display:flex;flex-direction:column;justify-content:center;gap:12px}.company-footer__content strong{font-size:20px;line-height:1.3;color:#111}.company-footer__content ul{margin:0;padding-left:20px;display:grid;gap:9px;font-size:14px;line-height:1.45}.company-footer a{color:#111;text-decoration:none}.company-footer a:hover{text-decoration:underline}@media(max-width:1024px) and (orientation:portrait){.company-footer{min-height:350px;padding:36px 24px}.company-footer__inner{grid-template-columns:1fr;gap:26px}.company-footer__logo{width:210px}.company-footer__content{min-height:0;padding:24px 0 0;border-left:0;border-top:2px solid #111;gap:14px}.company-footer__content strong{font-size:17px;text-align:center}.company-footer__content ul{font-size:13px;gap:10px;padding-left:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.wheel.is-spinning{transition-duration:1ms!important}}