@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";.backdrop .photo-grid{background:#17111f;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:3px;display:grid;position:absolute;inset:0;overflow:hidden}.backdrop .photo-tile{isolation:isolate;background:#211928;animation-duration:.72s;animation-timing-function:cubic-bezier(.17,.8,.25,1);animation-fill-mode:both;position:relative;overflow:hidden}.backdrop .photo-tile img{width:100%;height:100%;transition:none;position:absolute;inset:0;opacity:1!important}.backdrop .photo-tile .tile-blur{object-fit:cover;filter:blur(16px)brightness(.62)saturate(.8);transform:scale(1.15)}.backdrop .photo-tile .tile-focus{object-fit:contain;filter:saturate(1.12)contrast(1.06)brightness(1.12);transform:scale(1.01)}.backdrop .photo-tile:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 36%,#1e11261f);position:absolute;inset:0}.backdrop .fly-left{animation-name:tile-fly-left}.backdrop .fly-right{animation-name:tile-fly-right}.backdrop .drop-in{animation-name:tile-drop-in}.backdrop .pop-in{animation-name:tile-pop-in}@keyframes tile-fly-left{0%{opacity:0;transform:translate(-70%,10%)rotate(-5deg)scale(1.08)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes tile-fly-right{0%{opacity:0;transform:translate(70%,-8%)rotate(5deg)scale(1.08)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes tile-drop-in{0%{opacity:0;transform:translateY(-62%)rotate(-3deg)scale(1.08)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes tile-pop-in{0%{opacity:0;transform:scale(.58)rotate(4deg)}70%{opacity:1;transform:scale(1.035)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width>=640px) and (width<=1023px){.backdrop .photo-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}}@media (width<=639px) and (orientation:portrait){.backdrop .photo-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr;gap:2px}}@media (width<=639px) and (orientation:landscape){.backdrop .photo-grid{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);gap:2px}}@media (width<=650px){.backdrop .photo-tile .tile-blur{filter:blur(14px)brightness(.7)saturate(.88)}.backdrop .photo-tile .tile-focus{filter:saturate(1.16)contrast(1.08)brightness(1.18)}}@media (prefers-reduced-motion:reduce){.backdrop .photo-tile{animation:none}}body main.tone-0{--adaptive-text:#fff;--adaptive-accent:#ffe49a;--adaptive-shadow:0 2px 4px #000000f5,0 0 14px #000000bf;--adaptive-surface:#140e1c4d}body main.tone-1{--adaptive-text:#fffdf6;--adaptive-accent:#ffd66b;--adaptive-shadow:0 2px 4px #000000e6,0 0 12px #0000009e;--adaptive-surface:#18111f40}body main.tone-2{--adaptive-text:#16111b;--adaptive-accent:#74330c;--adaptive-shadow:0 1px 3px #fffffff5,0 0 12px #ffffffb8;--adaptive-surface:#ffffff4d}body main.tone-3{--adaptive-text:#09070c;--adaptive-accent:#4d1b08;--adaptive-shadow:0 1px 4px #fffffffa,0 0 15px #ffffffd9;--adaptive-surface:#ffffff61}body main .loading-caption h2,body main .loading-caption>p:last-child,body main .draw-screen h2,body main .draw-screen h2 span,body main .draw-bottom p,body main .result-screen h2,body main .result-lead,body main .ticket-numbers>span,body main .again{color:var(--adaptive-text);text-shadow:var(--adaptive-shadow)}body main .loading-caption .eyebrow,body main .draw-screen .eyebrow,body main .result-screen .eyebrow,body main .result-screen h2 em,body main .ticket-numbers>span,body main .again b{color:var(--adaptive-accent);text-shadow:var(--adaptive-shadow)}body main .again{background:var(--adaptive-surface);border-color:var(--adaptive-accent)}body main.tone-2 .loading-caption,body main.tone-3 .loading-caption,body main.tone-2 .draw-bottom,body main.tone-3 .draw-bottom{background:#ffffff2e;padding:10px 13px}body main.tone-0 .loading-caption,body main.tone-1 .loading-caption,body main.tone-0 .draw-bottom,body main.tone-1 .draw-bottom{background:#0d09122e;padding:10px 13px}body main .veil{background:linear-gradient(110deg,#0f0b1629,#0f0b160a 65%,#0f0b161f),linear-gradient(#0000 50%,#0f0b161f)}body main .backdrop .photo-layer .focused{filter:saturate(1.18)contrast(1.08)brightness(1.2)}body main .ticket{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1b142547;border-color:#ffffff52;box-shadow:0 5px 20px #08050c38}body main .panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(130deg,#251f3173,#2b233b47)}body main .story{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17121d6b}@media (width<=650px){body main .veil{background:linear-gradient(#0000 45%,#120c1a14)}body main .backdrop .photo-layer .focused{filter:saturate(1.23)contrast(1.08)brightness(1.3)}body main .ticket{background:#1b142538}}body main .hero .panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(130deg,#251f3138,#2b233b1f)}body main .hero .story{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17121d38}.tone-light header .brand-ko,.tone-light .hero h1,.tone-light .hero .intro,.tone-light .hero .notice{color:#18121e;text-shadow:0 1px 3px #fffffff2}.tone-light .hero h1 em{color:#7b3910}.tone-light .hero .eyebrow,.tone-light header .brand-en{color:#6c3c0b;text-shadow:0 1px 3px #fffffff2}.tone-light header .reverse{color:#18121e;background:#ffffff38;border-color:#18121e8c}@media (width<=650px){body main .hero .panel{background:#22192b24}body main .hero .story{background:#17121d24}}body main.tone-0 .hero h1,body main.tone-0 .hero .intro,body main.tone-0 .hero .notice,body main.tone-0 header .brand-ko{color:#fff;text-shadow:0 2px 4px #000000f5,0 0 14px #000000bf}body main.tone-0 .hero h1 em{color:#ffe49a;text-shadow:0 2px 4px #000000f5,0 0 14px #000000bf}body main.tone-0 .hero .eyebrow,body main.tone-0 header .brand-en{color:#ffd66b;text-shadow:0 2px 4px #000}body main.tone-1 .hero h1,body main.tone-1 .hero .intro,body main.tone-1 .hero .notice,body main.tone-1 header .brand-ko{color:#fffdf6;text-shadow:0 2px 4px #000000eb,0 0 12px #0000009e}body main.tone-1 .hero h1 em{color:#ffd66b;text-shadow:0 2px 4px #000000eb,0 0 12px #0000009e}body main.tone-1 .hero .eyebrow,body main.tone-1 header .brand-en{color:#ffd66b;text-shadow:0 2px 4px #000}body main.tone-2 .hero h1,body main.tone-2 .hero .intro,body main.tone-2 .hero .notice,body main.tone-2 header .brand-ko{color:#16111b;text-shadow:0 1px 3px #fffffff5,0 0 12px #ffffffb8}body main.tone-2 .hero h1 em{color:#74330c;text-shadow:0 1px 3px #fffffff5,0 0 12px #ffffffb8}body main.tone-2 .hero .eyebrow,body main.tone-2 header .brand-en{color:#603109;text-shadow:0 1px 3px #fff}body main.tone-3 .hero h1,body main.tone-3 .hero .intro,body main.tone-3 .hero .notice,body main.tone-3 header .brand-ko{color:#09070c;text-shadow:0 1px 4px #fffffffa,0 0 15px #ffffffd9}body main.tone-3 .hero h1 em{color:#4d1b08;text-shadow:0 1px 4px #fffffffa,0 0 15px #ffffffd9}body main.tone-3 .hero .eyebrow,body main.tone-3 header .brand-en{color:#4d1b08;text-shadow:0 1px 3px #fff}body main.tone-2 .hero .story,body main.tone-3 .hero .story{color:#17111b;text-shadow:0 1px 2px #ffffffd9;background:#ffffff54}body main.tone-2 .hero .story b,body main.tone-2 .hero .story strong,body main.tone-3 .hero .story b,body main.tone-3 .hero .story strong{color:#602b08}.backdrop .photo-layer{opacity:0;transition:opacity 1.8s;position:absolute;inset:0;overflow:hidden}.backdrop .photo-layer.visible{opacity:1}.backdrop .photo-layer img{opacity:1;width:100%;height:100%;transition:none;position:absolute;inset:0}.backdrop .photo-layer .blurred{object-fit:cover;filter:blur(18px)brightness(.42)saturate(.75);transform:scale(1.13)}.backdrop .photo-layer .focused{object-fit:cover;filter:saturate(.95)contrast(1.05);transform:scale(1.02)}.ticket .best-pick{background:0 0;border:0;border-radius:0;flex:none;width:72px;height:72px;padding:0;box-shadow:0 4px 14px #000a}@media (width<=650px){main .backdrop .photo-layer .focused{object-fit:contain;filter:saturate(1.15)contrast(1.09)brightness(1.3);transform:scale(1.05)}main .backdrop .photo-layer .blurred{object-fit:cover;filter:blur(22px)brightness(.58)saturate(.9);transform:scale(1.16)}main .veil{background:linear-gradient(#100c1705,#0000 45%,#120c1a2e)}.ticket .best-pick{width:60px;height:60px}}body main{overflow:hidden auto}body main .game-picker{justify-content:center;width:100%}.tickets .ticket{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;display:grid}.tickets .ticket .best-pick{grid-area:1/1;justify-self:center;margin:0}.tickets .ticket-numbers{grid-area:1/2;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.tickets .ticket-numbers>span{color:#f5cb65;font-family:DM Mono,monospace;font-size:10px;position:absolute;left:0}.tickets .ticket-numbers .balls{justify-content:center}@media (width<=650px){body main .veil{background:0 0}body main .backdrop .photo-layer .focused{filter:saturate(1.2)contrast(1.08)brightness(1.38)}.tickets .ticket{grid-template-columns:60px minmax(0,1fr);padding:11px 9px}.tickets .ticket-numbers>span{display:none}.tickets .ticket .best-pick{width:60px;height:60px}}.story{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17121d96;border-left:2px solid #f6cb65;width:min(470px,100%);margin:0 0 22px;padding:14px 17px;font-size:12px;line-height:1.8}.story p{margin:0 0 5px}.story b,.story strong{color:#f5cb66}.story mark{color:#fff;background:#ffffff15;padding:1px 4px}.story .punchline{color:#fff9;margin-top:8px}.best-pick{object-fit:contain;filter:drop-shadow(0 3px 5px #0008);border-radius:50%;width:34px;height:34px;margin-left:auto}main footer{letter-spacing:.06em;color:#fff8;font-family:Noto Sans KR,sans-serif;font-size:10px}@media (width<=650px){main{background:#211928}main .backdrop{background:radial-gradient(circle at 50% 40%,#5d4a62,#17111f 72%)}main .backdrop img{object-fit:contain;filter:saturate(.88)contrast(1.04);transform:scale(1.015)}main .backdrop img.visible{transform:scale(1)}main .veil{background:linear-gradient(#100c1733,#0000 52%,#120c1ad1)}.story{padding:12px 13px;font-size:11px}.best-pick{width:29px;height:29px}}*{box-sizing:border-box}html,body,#root{color:#fff;min-height:100%;margin:0;font-family:Noto Sans KR,sans-serif}button{font:inherit}main{isolation:isolate;background:#15131c;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.backdrop{z-index:-2;background:#15131c;position:absolute;inset:0}.backdrop img{object-fit:cover;opacity:0;filter:saturate(.86)contrast(1.05);width:100%;height:100%;transition:opacity 1.8s,transform 7s;position:absolute;inset:0;transform:scale(1.08)}.backdrop img.visible{opacity:1;transform:scale(1.01)}.veil{z-index:1;background:linear-gradient(110deg,#100d19ed,#0e0b145c 64%,#0f0b13b3),linear-gradient(#0000 55%,#0f0c16a6);position:absolute;inset:0}header{letter-spacing:.04em;align-items:center;gap:15px;height:91px;padding:0 clamp(25px,5vw,78px);display:flex}.brand-en,.reverse,.eyebrow,footer{font-family:DM Mono,monospace}.brand-en{color:#f7ce68;font-size:11px}.brand-ko{font-size:20px;font-weight:900}.reverse{color:#fff9;border:1px solid #ffffff50;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:10px}.hero,.loading-screen,.draw-screen,.result-screen{flex:1;justify-content:center;width:min(100% - 42px,1070px);margin:auto;display:flex}.hero{flex-direction:column;align-items:flex-start;padding:30px 0 70px}.eyebrow{color:#f2c567;letter-spacing:.16em;margin:0 0 15px;font-size:11px}.hero h1,.result-screen h2,.draw-screen h2{letter-spacing:-.05em;text-shadow:0 5px 20px #0c0915a1;margin:0;font-family:Black Han Sans,sans-serif;font-size:clamp(44px,6vw,79px);font-weight:400;line-height:1.16}.hero em,.result-screen em{color:#f6cb65;font-style:normal}.intro{color:#fff9;margin:25px 0 35px;font-size:15px;line-height:1.8}.panel{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:linear-gradient(130deg,#251f3199,#2b233b5e);border:1px solid #ffffff3b;width:min(420px,100%);padding:22px;box-shadow:0 20px 60px #08050b66}.panel-top{justify-content:space-between;font-size:13px;display:flex}.panel-top strong{color:#f6cb65;font-family:DM Mono;font-size:11px}.game-picker{gap:9px;margin:17px 0;display:flex}.game-picker button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff45;border-radius:50%;width:44px;height:44px;transition:all .2s}.game-picker button:hover,.game-picker .selected{color:#20182a;background:#f4cb66;border-color:#f4cb66;font-weight:900;transform:translateY(-2px)}.go-button{color:#22192b;cursor:pointer;background:#f4cb66;border:0;width:100%;padding:16px;transition:transform .2s,background .2s;box-shadow:6px 6px #8b5b50}.go-button:hover{background:#ffde86;transform:translate(-2px,-2px)}.go-button span{font-size:25px;font-weight:900;display:block}.go-button small{font-family:DM Mono;font-size:10px}.notice{color:#fff8;margin:22px 0 0;font-size:11px}footer{letter-spacing:.08em;color:#fff7;padding:18px clamp(25px,5vw,78px);font-size:9px}.loading-screen,.draw-screen,.result-screen{align-items:center}.loading-screen{gap:clamp(24px,5vw,74px)}.loading-photo{aspect-ratio:1;border:1px solid #f7cf7250;border-radius:50%;width:min(430px,50vw);position:relative;overflow:hidden;box-shadow:0 0 0 16px #fff1,0 20px 80px #0009}.loading-photo img{object-fit:cover;width:100%;height:100%;animation:5s ease-in-out infinite portrait}.scan{background:linear-gradient(#0000 45%,#ffd56b66 50%,#0000 54%);animation:1.6s linear infinite scan;position:absolute;inset:0}.loading-caption{width:min(430px,45vw)}.loading-caption h2{word-break:keep-all;margin:0 0 20px;font-size:clamp(27px,3vw,46px);line-height:1.3}.loading-caption h2 i{font-style:normal;animation:1.1s infinite blink}.loading-caption h2 i:nth-child(2){animation-delay:.18s}.loading-caption h2 i:nth-child(3){animation-delay:.36s}.loading-caption>p:last-child{color:#fff9;font-size:12px}.progress{background:#ffffff38;width:100%;height:2px;overflow:hidden}.progress span{background:#f6ca65;height:100%;transition:width .7s;display:block}.draw-screen{flex-direction:column}.draw-screen h2{text-align:center;margin:0;font-size:clamp(43px,5vw,64px)}.draw-screen h2 span{letter-spacing:.1em;color:#fff9;margin-bottom:7px;font-family:Noto Sans KR;font-size:15px;font-weight:500;display:block}.roulette{justify-content:center;align-items:center;width:min(600px,88vw);height:220px;margin:15px 0;display:flex;position:relative}.orbit{border:1px solid #f5cb6666;border-radius:50%;animation:3s linear infinite rotate;position:absolute}.orbit-a{width:90%;height:38%;transform:rotate(-17deg)}.orbit-b{width:60%;height:75%;animation-direction:reverse;transform:rotate(37deg)}.balls{z-index:1;gap:clamp(4px,1vw,13px);display:flex;position:relative}.ball{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(38px,6vw,67px);font-family:DM Mono;font-size:clamp(12px,2vw,18px);font-weight:500;display:grid;box-shadow:inset -5px -6px 9px #0003,2px 6px 12px #0005}.gold{color:#241a09;background:#e3b33f}.blue{background:#2d6fab}.red{background:#c85151}.gray{background:#73747a}.green{background:#5b9c55}.rolling .ball{animation:.16s linear infinite ball-spin}.draw-bottom{text-align:center;width:min(390px,86vw)}.draw-bottom p{color:#fff9;font-size:13px}.draw-bottom b{color:#f7cb66}.result-screen{text-align:center;flex-direction:column;align-items:center;padding:42px 0}.result-screen h2{font-size:clamp(43px,5vw,70px)}.result-lead{color:#fff9;margin:20px 0 25px;font-size:14px;line-height:1.75}.tickets{gap:9px;width:min(600px,100%);display:grid}.ticket{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:left;background:#211b2ca6;border:1px solid #ffffff2e;align-items:center;gap:15px;padding:13px 17px;display:flex}.ticket>span{color:#f5cb65;width:61px;font-family:DM Mono;font-size:10px}.ticket .balls{gap:6px}.ticket .ball{width:clamp(32px,5vw,47px);font-size:12px}.again{color:#fff;cursor:pointer;background:#f5ca6619;border:1px solid #f5ca6699;margin-top:25px;padding:12px 17px;font-size:14px}.again:hover{background:#f5ca6644}.again b{color:#f5ca66;margin-left:8px;font-size:19px}@keyframes portrait{0%,to{transform:scale(1.03)rotate(-1deg)}50%{transform:scale(1.13)rotate(1deg)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes blink{0%,75%{opacity:0}76%,to{opacity:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ball-spin{50%{transform:translateY(-12px)rotate(25deg)}}@media (width<=650px){header{height:73px}.brand-en{display:none}.reverse{font-size:8px}.hero{padding-top:10px}.loading-screen{flex-direction:column;gap:22px;padding:25px 0}.loading-photo{width:min(270px,72vw)}.loading-caption{text-align:center;width:min(400px,86vw)}.loading-caption .progress{margin:auto}.roulette{height:160px}.ticket{gap:8px;padding:11px}.ticket>span{display:none}.tickets{gap:7px}.draw-screen{justify-content:center}}