@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;700;800;900&display=swap";:root{--green: #3caf54;--green-deep: #288c3d;--green-dark: #176b2a;--ink: #202020;--muted: #737373;--red: #e3483d;--blue: #2f70e9;font-family:Noto Sans KR,sans-serif;color:var(--ink);background:#000;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}button,input{font:inherit}button{-webkit-touch-callout:none}.screen{position:relative;display:flex;flex-direction:column;width:100vw;height:100dvh;min-height:620px;overflow:hidden}.green-screen{color:#fff;background-color:var(--green);background-image:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 44%),radial-gradient(rgba(255,255,255,.22) 1.5px,transparent 1.5px);background-size:auto,16px 16px}.white-screen{background:#fff}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,680px);min-height:0;margin:0 auto;padding:clamp(26px,4vh,56px) clamp(24px,5vw,54px) clamp(12px,2vh,24px);text-align:center;gap:clamp(18px,2.4vh,30px)}.content-top{justify-content:flex-start;padding-top:clamp(18px,3vh,40px)}.brand{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:Black Han Sans,sans-serif;font-size:clamp(24px,3.4vw,38px);letter-spacing:1px}.brand-white{color:#fff}.brand-green{color:var(--green)}.globe-mark{width:1.1em;height:1.1em;stroke:currentColor;stroke-width:1.3}.ox-logo{display:flex;align-items:baseline;justify-content:center;gap:5px;font-family:Black Han Sans,sans-serif;line-height:.9;color:#fff;filter:drop-shadow(0 4px 0 var(--green-dark))}.ox-logo .ox{font-size:clamp(88px,13vw,148px);letter-spacing:-8px}.ox-logo .quiz-word{font-size:clamp(48px,7.2vw,80px);letter-spacing:-5px}.ox-logo.small{filter:drop-shadow(0 2px 0 var(--green-dark))}.ox-logo.small .ox{font-size:clamp(44px,6vw,66px);letter-spacing:-4px}.ox-logo.small .quiz-word{font-size:clamp(26px,3.6vw,39px);letter-spacing:-2px}.sub-copy,.thanks-copy{margin:0;font-size:clamp(16px,2.2vw,21px);font-weight:500;line-height:1.75}.thanks-copy span{color:#ffeb78}.btn{border:0;cursor:pointer;font-weight:900;transition:transform .08s ease,box-shadow .08s ease}.btn:active,.choice-btn:active,.next-btn:active{transform:translateY(3px)}.btn:disabled{opacity:.65;cursor:wait}.primary-btn,.home-btn{min-width:clamp(210px,32vw,300px);padding:clamp(17px,2.3vh,25px) 32px;border:2px solid #fff;border-radius:18px;color:var(--green-deep);background:linear-gradient(#e9fbeb,#fff);box-shadow:0 5px #cce9d0,0 12px 24px #00000029;font-size:clamp(22px,3vw,30px);letter-spacing:2px}.home-btn{font-size:clamp(19px,2.5vw,24px)}.lotte-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px clamp(22px,3vh,34px);font-size:clamp(12px,1.7vw,16px);font-weight:700}.lotte-footer.on-green{color:#fffffff2}.lotte-footer.on-white{color:#999}.lotte-symbol{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:currentColor;color:var(--green);font-weight:900;font-size:11px}.on-white .lotte-symbol{background:var(--green);color:#fff}.pending-indicator{position:fixed;right:15px;bottom:10px;z-index:5;color:#ffffff80;font-size:10px}.white-screen .pending-indicator{color:#bbb}.quiz-header{flex:none;height:clamp(58px,8vh,82px);display:grid;place-items:center}.timer-pill{align-self:flex-start;display:flex;align-items:center;gap:7px;padding:7px 15px 7px 10px;margin:-5px 0 -10px 3px;border-radius:30px;color:var(--green-deep);background:#ffffffe8;font-size:15px;font-weight:900}.timer-pill svg{width:19px;height:19px;stroke:currentColor;stroke-width:2}.question-card,.answer-card,.entry-card{width:100%;border-radius:30px;background:#fff;box-shadow:0 16px 34px #104d1d40}.question-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vh,24px);padding:clamp(24px,3vh,34px);color:var(--ink)}.question-number{align-self:flex-start;color:var(--green-deep);font-size:12px;font-weight:900;letter-spacing:1.5px}.question-image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:20px;background:#f1f1ef}.question-text{min-height:3em;margin:0;font-size:clamp(19px,2.55vw,27px);font-weight:800;line-height:1.5;word-break:keep-all}.choice-row{display:flex;gap:clamp(26px,5vw,48px)}.choice-btn{display:grid;place-items:center;width:clamp(82px,12vw,116px);height:clamp(82px,12vw,116px);border:0;border-radius:20px;background:linear-gradient(#f5f5f5,#e2e2e2);box-shadow:0 5px #c7c7c7,0 10px 18px #00000021;cursor:pointer}.choice-icon{width:62%;height:62%;stroke-width:8;stroke-linecap:round}.choice-icon.o{stroke:var(--blue)}.choice-icon.x{stroke:var(--red)}.answer-card{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.2vh,25px);margin-top:clamp(15px,2vh,28px);padding:clamp(42px,6vh,72px) clamp(26px,5vw,48px);color:var(--muted);background:linear-gradient(#efefef,#fafafa)}.answer-card.correct{color:var(--green-deep);background:linear-gradient(#ebfaed,#fff)}.answer-choice{display:grid;place-items:center;width:76px;height:76px;border-radius:17px;background:#fff;box-shadow:0 4px #d4d4d4,0 8px 18px #0000001a}.answer-choice .choice-icon{width:65%;height:65%}.answer-choice span{color:#999;font-size:11px;font-weight:900;line-height:1.2}.choice-label{font-size:12px;font-weight:900;letter-spacing:2.5px}.answer-card h1,.result-title,.privacy-card h1{margin:0;font-family:Black Han Sans,sans-serif;font-weight:400}.answer-card h1{font-size:clamp(36px,5.2vw,54px)}.answer-card p{margin:0;font-size:clamp(14px,2vw,19px);line-height:1.75;word-break:keep-all}.next-btn{display:grid;place-items:center;width:clamp(92px,13vw,122px);height:clamp(60px,8vw,78px);border:0;border-radius:15px;color:#fff;background:linear-gradient(#57ca6d,var(--green-deep));box-shadow:0 5px 0 var(--green-dark),0 10px 18px #00000029;cursor:pointer}.next-btn span{font-size:29px;transform:translate(2px)}.prize-card{width:100%;overflow:hidden;border-radius:28px;box-shadow:0 12px 28px #00000024}.prize-card img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.result-title{color:var(--green-deep);font-size:clamp(34px,5vw,50px)}.result-title.lose{color:var(--green)}.result-copy{margin:-10px 0 0;color:var(--muted);font-size:clamp(15px,2vw,19px);line-height:1.7}.globe-result{width:clamp(110px,17vw,150px);height:clamp(110px,17vw,150px);stroke:var(--green);stroke-width:1.2}.entry-brand{display:flex;align-items:center;justify-content:space-between;width:100%}.entry-brand .brand{font-size:clamp(19px,2.5vw,26px)}.entry-brand .ox-logo.small .ox{font-size:40px}.entry-brand .ox-logo.small .quiz-word{font-size:24px}.entry-card{display:flex;flex-direction:column;gap:clamp(11px,1.4vh,17px);padding:clamp(24px,3vh,36px);color:var(--ink)}.entry-description{margin:0;color:var(--muted);font-size:clamp(12px,1.7vw,16px);line-height:1.6}.entry-note{margin:-5px 0 0;color:#999;font-size:clamp(11px,1.45vw,14px)}.fields{display:grid;gap:10px}.field{display:block;text-align:left}.field>span{display:block;margin:0 0 5px 2px;color:var(--green-deep);font-size:13px;font-weight:800}.field b{color:var(--red)}.field input{width:100%;padding:12px 14px;border:1.5px solid #c9e8cf;border-radius:12px;outline:none;background:#fbfffb;font-size:15px;-webkit-user-select:text;user-select:text}.field input:focus{border-color:var(--green);box-shadow:0 0 0 2px #3caf542e}.field input[aria-invalid=true]{border-color:var(--red);background:#fff8f8}.consent-list{display:grid;gap:10px;padding-top:3px;text-align:left}.consent-row{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.consent-row input{flex:none;width:19px;height:19px;margin:0;accent-color:var(--green)}.consent-row button{min-width:0;overflow:hidden;padding:0;border:0;color:#333;background:none;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.consent-row em{flex:none;font-style:normal;font-size:11px}.consent-row em.required{color:var(--red)}.consent-row em.optional{color:#999}.consent-all{padding-bottom:2px;font-weight:800}.form-message{min-height:18px;margin:-3px 0;color:var(--red);font-size:12px}.submit-btn{width:100%;padding:14px;border-radius:13px;color:#fff;background:linear-gradient(#43bd5b,var(--green-deep));box-shadow:0 4px 0 var(--green-dark);font-size:17px}.privacy-card{width:100%;display:flex;flex-direction:column;gap:clamp(18px,2.4vh,28px)}.privacy-card h1{color:var(--green-deep);font-size:clamp(26px,3.8vw,38px);line-height:1.3;word-break:keep-all}.privacy-body{max-height:48vh;overflow-y:auto;color:#333;font-size:clamp(13px,1.8vw,17px);line-height:1.8;text-align:left;white-space:pre-line}.agree-row{display:flex;gap:16px;width:100%}.agree-btn,.disagree-btn{flex:1;padding:16px;border-radius:14px;font-size:18px}.agree-btn{color:var(--green-deep);background:linear-gradient(#eaf9ed,#fff);box-shadow:0 4px #cce7d1}.disagree-btn{color:#777;background:linear-gradient(#f3f3f3,#e3e3e3);box-shadow:0 4px #c9c9c9}.loading-mark{color:#fff;animation:pulse 1.4s ease-in-out infinite}.globe-loader{width:100px;height:100px;stroke:currentColor;stroke-width:1.2}.loading-copy{margin:0;font-size:18px;font-weight:700}@keyframes pulse{50%{opacity:.45;transform:scale(.96)}}@media(max-height:760px){.content{gap:13px;padding-top:16px}.question-card{gap:12px;padding:18px}.question-image{max-height:280px}.entry-card{gap:8px;padding:18px 24px}.field input{padding:9px 12px}.consent-list{gap:7px}.answer-card{padding-top:30px;padding-bottom:30px}}@media(orientation:landscape)and (max-height:900px){.content{width:min(100%,900px)}.question-card{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto 1fr;text-align:left}.question-number{grid-column:1 / -1}.question-image{grid-row:2 / 4}.question-text{align-self:end}.choice-row{justify-content:center;align-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}