:root{--green:#19e879;--lime:#baff3a;--ink:#06130d;--cream:#f2f0df;--line:rgba(255,255,255,.13);--muted:#9bafa4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'Gowun Dodum',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.065;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;font:800 16px Montserrat,sans-serif;letter-spacing:.02em}.brand i{font-style:normal;color:var(--green)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#06130d;background:var(--green);font-size:18px;box-shadow:0 0 22px rgba(25,232,121,.3)}nav{display:flex;height:100%;gap:40px}nav a{display:grid;place-items:center;color:#84968c;text-decoration:none;font-size:14px;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";height:2px;background:var(--green);position:absolute;left:0;right:0;bottom:0}.sound-btn{border:1px solid var(--line);background:transparent;color:#b2c3ba;border-radius:99px;padding:10px 15px;display:flex;gap:8px;cursor:pointer;font:600 10px Montserrat}.sound-icon{color:var(--green)}main{overflow:hidden}.hero{min-height:685px;display:grid;grid-template-columns:48% 52%;max-width:1440px;margin:auto;padding:70px 6vw 45px;position:relative}.hero:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(19,109,63,.28),transparent 68%);left:-300px;top:-100px}.hero-copy{z-index:2;max-width:580px}.eyebrow{font:700 11px Montserrat,sans-serif;letter-spacing:.22em;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow span{width:25px;height:1px;background:var(--green)}h1{font-size:clamp(43px,5.2vw,72px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 24px;font-weight:400}h1 em{font-style:normal;color:var(--green);text-shadow:0 0 40px rgba(25,232,121,.13)}.lead{color:#9caf9f;font-size:16px;line-height:1.8;margin:0 0 26px}.result-panel{width:min(100%,520px);padding:15px 18px 17px;border:1px solid var(--line);background:rgba(6,22,15,.72);border-radius:10px;backdrop-filter:blur(10px)}.result-head{display:flex;justify-content:space-between;font:600 9px Montserrat;color:#758a7e;letter-spacing:.12em;margin-bottom:10px}.result-head span:last-child{color:#9bab9f;letter-spacing:0;font-family:'Gowun Dodum'}.number-row{display:flex;gap:8px}.number{width:51px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font:800 18px Montserrat;background:linear-gradient(145deg,#fff,#bfcbbf);color:#0a1911;box-shadow:inset -5px -8px 9px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.25);animation:pop .45s cubic-bezier(.2,1.8,.5,1) both}.number.empty{color:#597064;background:rgba(255,255,255,.035);border:1px dashed #385044;box-shadow:none}.number.yellow{background:linear-gradient(145deg,#fff26c,#edb915)}.number.blue{background:linear-gradient(145deg,#8fe8ff,#2283ee);color:white}.number.red{background:linear-gradient(145deg,#ff9f8d,#ef3d38);color:white}.number.gray{background:linear-gradient(145deg,#e8eeea,#7b8b82);color:white}.number.green{background:linear-gradient(145deg,#9affb8,#19b861)}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.65)}}.actions{display:flex;gap:10px;margin-top:14px}.draw-btn{border:0;background:var(--green);border-radius:7px;padding:0 22px;height:61px;min-width:310px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:35px 18px;color:#07150f;cursor:pointer;text-align:left;box-shadow:0 9px 28px rgba(25,232,121,.16);transition:.2s}.draw-btn:hover{transform:translateY(-2px);background:#35f48d}.draw-btn:disabled{opacity:.6;cursor:wait}.draw-btn .play{grid-row:1/3;align-self:center}.draw-btn>span:nth-child(2){font-weight:700;align-self:end;font-size:15px}.draw-btn small{font:700 8px Montserrat;letter-spacing:.15em;opacity:.55}.reset-btn{width:61px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.03);color:#9aaa9e;font-size:22px;cursor:pointer}.hint{color:#596e62;font-size:11px}.machine-wrap{position:relative;min-height:550px;display:flex;justify-content:center;align-items:center}.machine-wrap:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(25,232,121,.25),rgba(25,232,121,.03) 54%,transparent 70%);filter:blur(7px)}#lottoCanvas{position:absolute;width:100%;height:100%;z-index:2}.orbit{position:absolute;border:1px solid rgba(25,232,121,.18);border-radius:50%;transform:rotateX(68deg) rotateZ(-12deg);z-index:1}.orbit-one{width:520px;height:290px}.orbit-two{width:610px;height:360px;border-style:dashed;animation:orbitSpin 22s linear infinite}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(348deg)}}.machine-base{position:absolute;bottom:24px;width:245px;height:105px;background:linear-gradient(120deg,#13241b,#06100a 60%);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-bottom:2px solid #2a6544;z-index:3;text-align:center;padding-top:38px;filter:drop-shadow(0 20px 20px #000)}.machine-base strong{font:800 13px/1 Montserrat;color:var(--green);display:block}.machine-base span{font:600 6px Montserrat;letter-spacing:.18em;color:#52695a}.base-light{position:absolute;width:45px;height:5px;border-radius:5px;background:var(--green);left:100px;top:19px;box-shadow:0 0 13px var(--green)}.floor-glow{position:absolute;bottom:0;width:440px;height:60px;border-radius:50%;background:rgba(25,232,121,.11);filter:blur(24px)}.ad-section{max-width:1100px;margin:10px auto 70px;padding:0 30px;text-align:center}.ad-label{font:600 7px Montserrat;letter-spacing:.18em;color:#52665a}.ad-slot{height:105px;margin-top:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);display:grid;place-items:center}.ad-placeholder{color:#45594c;font-size:11px}.ad-placeholder span{display:inline-grid;place-items:center;border:1px solid #45594c;border-radius:3px;padding:2px 4px;font:700 7px Montserrat}.ad-placeholder p{display:inline;margin-left:8px}.history-section{background:var(--cream);color:#0a1911;padding:70px max(6vw,calc((100vw - 1270px)/2));min-height:320px}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2,.guide h2{font-size:34px;letter-spacing:-.04em;margin:8px 0 28px}.section-title .eyebrow{color:#159952}.section-title button{margin-bottom:29px;border:0;background:none;color:#87938c;text-decoration:underline;cursor:pointer}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty-history{grid-column:1/-1;border:1px dashed #bcc7be;height:120px;display:flex;justify-content:center;align-items:center;gap:16px;color:#859289;text-align:left;font-size:13px}.empty-history span{font-size:24px;color:#39b873}.history-card{background:white;border:1px solid #dce2dc;border-radius:8px;padding:17px}.history-card-head{display:flex;justify-content:space-between;color:#8b978f;font-size:10px;margin-bottom:13px}.mini-numbers{display:flex;gap:5px}.mini-numbers i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf1ed;font:700 10px Montserrat}.guide{padding:80px 6vw 95px;max-width:1440px;margin:auto;text-align:center}.guide .eyebrow{justify-content:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);max-width:1000px;margin:15px auto 0}.steps article{background:#081710;padding:30px;position:relative}.steps b{position:absolute;left:18px;top:18px;color:#344a3d;font:700 10px Montserrat}.steps article>span{font-size:28px;color:var(--green)}.steps h3{font-size:17px;margin:18px 0 7px}.steps p{font-size:12px;line-height:1.7;color:#6f8277}footer{border-top:1px solid var(--line);padding:32px 6vw;display:flex;align-items:center;justify-content:space-between;color:#63756a;font-size:10px;line-height:1.7}.footer-brand{opacity:.65}footer p{text-align:center}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:none}.machine-wrap{min-height:500px;margin-top:15px}.history-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.result-panel{max-width:520px}footer{flex-direction:column;gap:15px}.orbit-two{width:100%}}@media(max-width:520px){.topbar{height:65px;padding:0 18px}.sound-label{display:none}.hero{padding:38px 18px 20px}.lead br{display:none}.number-row{gap:5px}.number{width:calc((100vw - 91px)/6)}.draw-btn{min-width:0;flex:1}.machine-wrap{min-height:420px}.machine-base{bottom:2px;transform:scale(.8)}.ad-section{padding:0 18px}.history-section,.guide{padding-left:18px;padding-right:18px}.section-title h2,.guide h2{font-size:27px}}