@import"https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";@font-face{font-family:DVN-TitanOne;src:url(/assets/DVN-TitanOne-8cdb9a83.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BalooThambi-Regular;src:url(/assets/BalooThambi-Regular-89b50c01.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff9f1;background:#FFF9F1;-webkit-tap-highlight-color:transparent}.home-screen{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background-color:#fac593;background-image:url(/assets/background-e75152f8.png);background-size:cover;background-position:center top;background-position-y:-80px;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;overflow-y:auto;max-width:600px;margin:0 auto}@media (min-resolution: 192dpi){.home-screen{background-image:url(/assets/background@2x-fe8d946c.png)}}@media (min-width: 601px){body{background:#E8D5C4}.home-screen{min-height:100vh;box-shadow:0 0 60px #00000026}}.background-pattern{display:none}.decoration-top-left{position:absolute;top:0;left:0;width:25%;height:auto;pointer-events:none;z-index:5}.decoration-top-right{position:absolute;top:0;right:0;width:25%;height:auto;pointer-events:none;z-index:5}.header{padding:12px 16px;width:100%;display:flex;justify-content:center;position:relative;z-index:10;flex-shrink:0}.logo{display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px}.logo-text{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:#ef7f29;letter-spacing:.5px}@media (min-width: 480px){.logo-icon{width:36px;height:36px}.logo-text{font-size:20px}}.title{font-family:"Baloo Thambi 2",cursive;font-size:clamp(40px,11vw,72px);color:#fff;text-shadow:0px 4px 4px rgba(243,192,32,.49);letter-spacing:2px;margin:8px 0 16px;position:relative;z-index:10;text-align:center;padding:0 16px}.title-container{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%;z-index:10;padding-bottom:15px}.title-image{width:calc(100% - 100px);max-width:502px;min-width:180px;height:auto;-o-object-fit:contain;object-fit:contain}.title-wheel-icon{position:absolute;right:20%;top:-10px;width:60px;height:60px;-o-object-fit:contain;object-fit:contain}@media (min-width: 400px){.title-wheel-icon{right:20%;top:-15px;width:70px;height:70px}.title-image{width:calc(100% - 90px);max-width:420px}}@media (min-width: 480px){.title-image{width:calc(100% - 80px);max-width:380px}.title-wheel-icon{right:20%;top:-20px;width:80px;height:80px}}@media (min-width: 600px){.title-image{width:calc(100% - 100px);max-width:502px}.title-wheel-icon{right:24%;top:-25px;width:90px;height:90px}}.wheel-section{position:relative;z-index:10;display:flex;justify-content:center;width:100%;padding:0 10px}@media (min-width: 400px) and (max-width: 479px){.wheel-section{padding:0 15px}}.mascot{position:absolute;left:5%;bottom:-10px;width:70px;height:auto;z-index:15;transform:rotate(-5deg)}@media (min-width: 400px){.mascot{left:8%;bottom:-15px;width:80px}}@media (min-width: 480px){.mascot{left:10%;bottom:-20px;width:95px}}@media (min-width: 600px){.mascot{left:12%;bottom:-25px;width:105px}}.reset-button{padding-top:10px;background:none;border:none;color:#666;font-size:13px;text-decoration:underline;cursor:pointer;position:relative;z-index:10}.reset-button:hover{color:#333}.footer{width:100%;padding-top:32px;padding-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;flex-shrink:0;margin-top:auto}.footer-main{margin-top:unset}@media (min-aspect-ratio: 9/18) and (min-height: 800px){.footer{padding-top:24px;margin-top:20px}}.spin-button{width:50%;max-width:400px;height:auto;display:block;transition:all .15s ease;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}@media (min-width: 480px){.spin-button{max-width:500px}.footer{padding:24px 0;gap:20px}.footer-main{padding-top:40px}}.spin-button:hover:not(.disabled){transform:translateY(-3px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}.spin-button:active:not(.disabled){transform:translateY(2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.spin-button.disabled{opacity:.6;filter:grayscale(50%) drop-shadow(0 4px 8px rgba(0,0,0,.15))}.footer-text{color:#943800;font-size:15px;font-family:Pretendard,sans-serif;font-weight:500;text-align:center;line-height:1.4}@media (min-width: 480px){.footer-text{font-size:14px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease;padding:16px}.modal-content{background:white;border-radius:12px;width:100%;max-width:340px;padding:24px 20px 20px;animation:slideUp .3s ease}.modal-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;text-align:center;color:#000;margin-bottom:12px}.modal-message{font-family:Pretendard,sans-serif;font-size:14px;line-height:1.5;text-align:center;color:#333;margin-bottom:20px}.modal-button{width:100%;height:44px;background:#EF7F29;border:none;border-radius:8px;color:#fff;font-family:Pretendard,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s}.modal-button:hover{background:#D66A1A}.result-screen{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background-color:#fcf4ea;background-image:linear-gradient(180deg,rgba(255,255,255,0) 1.31%,rgba(248,145,48,.46) 101.31%);display:flex;flex-direction:column;align-items:center;z-index:200;animation:fadeIn .3s ease;-webkit-animation:fadeIn .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (min-width: 601px){.result-screen{box-shadow:0 0 60px #00000026}}.photo-top-left,.photo-top-right{position:absolute;top:0;width:25%;height:auto;pointer-events:none;z-index:10;opacity:.95}.photo-top-left{left:0}.photo-top-right{right:0}@media (min-width: 480px){.photo-top-left,.photo-top-right{width:165px}}.result-header{padding:40px 16px 0;width:100%;display:flex;justify-content:center;position:relative;z-index:300}.result-congratulation{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:40px;margin:0;z-index:300}.result-congratulation:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/background-congratulation-1154c3dd.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:-1;pointer-events:none;opacity:.2}.result-congratulation.use-crying-bg:before{background-image:none}@media (min-resolution: 192dpi){.result-congratulation:before{background-image:url(/assets/background-congratulation@2x-4f1eec76.png)}.result-congratulation.use-crying-bg:before{background-image:none}}@media (min-width: 480px){.result-congratulation{padding:0}}.result-mascot{width:180px;height:auto;margin:0;padding:20px 0}.result-mascot.crying{padding-top:40px;width:100%}@media (min-width: 480px){.result-mascot{width:216px;padding:20px 0}.result-mascot.crying{padding-top:40px;width:100%}}.result-title{font-family:Pretendard,sans-serif;font-weight:900;font-size:clamp(36px,10vw,64px);background:linear-gradient(90deg,#FF6F00 0%,#FF5500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:0;text-align:center;padding:20px 16px 0}.result-subtitle{font-family:Pretendard,sans-serif;font-weight:800;font-size:clamp(18px,5vw,24px);color:#fff;margin:0;padding:10px 24px;background:linear-gradient(101deg,#FF9D00 0%,#FF6B00 100%);border-radius:99px}.result-prize{font-family:DVN-TitanOne,sans-serif;font-weight:400;color:#fff;margin:0 0 auto;padding-top:16px;text-align:center;text-shadow:6px 6px 0 #FF6B00,5px 5px 0 #FF6B00,4px 4px 0 #FF6B00,3px 3px 0 #FF6B00,2px 2px 0 #FF6B00,1px 1px 0 #FF6B00,-1px -1px 0 #FF6B00,-2px -2px 0 #FF6B00,-3px -3px 0 #FF6B00,1px -1px 0 #FF6B00,-1px 1px 0 #FF6B00,2px -2px 0 #FF6B00,-2px 2px 0 #FF6B00,0 0 0 #FF6B00;letter-spacing:clamp(1px,.5vw,2px);line-height:1.1}.result-prize .message-line{font-size:60px}@media (min-width: 480px){.result-prize{text-shadow:7px 7px 0 #FF6B00,6px 6px 0 #FF6B00,5px 5px 0 #FF6B00,4px 4px 0 #FF6B00,3px 3px 0 #FF6B00,2px 2px 0 #FF6B00,1px 1px 0 #FF6B00,-1px -1px 0 #FF6B00,-2px -2px 0 #FF6B00,-3px -3px 0 #FF6B00,-4px -4px 0 #FF6B00,1px -1px 0 #FF6B00,-1px 1px 0 #FF6B00,2px -2px 0 #FF6B00,-2px 2px 0 #FF6B00,3px -3px 0 #FF6B00,-3px 3px 0 #FF6B00,0 0 0 #FF6B00;letter-spacing:2px}}.result-prize .number{font-size:clamp(48px,14vw,80px);display:inline-block}.result-prize .suffix{font-size:clamp(36px,10vw,64px);vertical-align:super;display:inline-block;margin-left:-2px}.result-prize .place{font-size:clamp(48px,14vw,80px);display:inline-block;padding-left:10px}.result-continue{display:none}.result-footer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:300;min-height:80px;margin-top:auto}.result-bottom{width:100%;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.footer-text{color:#943800;font-size:15px;font-family:Pretendard,sans-serif;font-weight:500;text-align:center;line-height:15px;background:#FFEEDE;width:100%;padding:10px 0}.header-logo{width:143px;height:32px}@media (min-width: 375px){.result-header{padding:20px 16px 0}}@media (min-width: 480px){.result-footer{padding-top:100px;gap:20px;min-height:100px}.footer-text{font-size:18px}.header-logo{width:247px;height:54px}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@supports (padding-top: env(safe-area-inset-top)){.header{padding-top:calc(20px + env(safe-area-inset-top))}.footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.result-header{padding-top:calc(40px + env(safe-area-inset-top))}.result-footer{padding-bottom:env(safe-area-inset-bottom)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/background-shadow-df7bc955.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;opacity:.5}@media (min-resolution: 192dpi){.modal-overlay:before{background-image:url(/assets/background-shadow@2x-cab06743.png)}}.modal-content{background:#FFFFFF;border-radius:20px;padding:32px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;z-index:2}.modal-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;color:#ef7f29;margin-bottom:16px}.modal-message{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;color:#666;line-height:1.5;margin-bottom:24px}.modal-button{background:linear-gradient(180deg,#FF9A3E 0%,#EF7F29 100%);color:#fff;border:none;border-radius:30px;padding:14px 48px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #ef7f2966;transition:transform .2s,box-shadow .2s}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef7f2980}.modal-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}