:root{color-scheme:dark;--bg:#061623;--panel:#0c2332;--line:#244153;--text:#f5f8f7;--muted:#8ba6b2;--aqua:#12d6ab;--lime:#d8ff63;--rad:19px;font-family:Inter,"Pretendard Variable","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 12% 0%,#15394c 0,transparent 35%),linear-gradient(145deg,#071824,#05131e 72%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.app-shell{max-width:1700px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 clamp(18px,3.8vw,65px)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #274152;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-sign{width:43px;height:43px;background:var(--aqua);border-radius:12px;display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:5px;justify-content:center;align-content:center;transform:rotate(-9deg)}.brand-sign i{display:block;border-radius:50%;background:#05312f}.brand-copy{display:flex;flex-direction:column;letter-spacing:.5px;line-height:1.2}.brand-copy strong{font-size:14px;font-weight:950}.brand-copy small{color:var(--aqua);font-size:10px;letter-spacing:3px;margin-top:5px}.top-nav{display:flex;align-self:stretch;gap:26px;align-items:center}.nav-btn{height:100%;background:transparent;border:0;color:#91a9b4;padding:0 3px;white-space:nowrap;font-size:14px;font-weight:700;position:relative}.nav-btn.active{color:#fff}.nav-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--aqua);border-radius:5px 5px 0 0}.top-pill{font-size:11px;color:#bce6d8;border:1px solid #305c5c;border-radius:30px;padding:9px 12px;background:#102d33;white-space:nowrap}.pulse-dot,.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39eac0;box-shadow:0 0 8px #39eac0;margin-right:5px}.view{display:none}.active-view{display:block}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;padding-top:35px}.main-stage{min-width:0}.stage-title-row,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.eyebrow,.section-kicker{color:var(--aqua);font-size:11px;font-weight:850;letter-spacing:2px;margin:0 0 15px}.eyebrow .line{display:inline-block;width:23px;height:1px;background:var(--aqua);vertical-align:middle;margin-right:7px}h1{font-size:clamp(30px,3.5vw,54px);letter-spacing:-2px;line-height:1.18;margin:0;font-weight:850}h1 em{color:var(--aqua);font-style:normal}.lead{color:#acc0c9;font-size:14px;line-height:1.65;margin:13px 0 0}.live-stamp{border:1px solid #385767;color:#7da3a9;border-radius:50%;height:86px;width:86px;font-size:10px;line-height:1.6;display:grid;place-items:center;text-align:center;transform:rotate(10deg);font-weight:850;letter-spacing:1px}.machine-wrap{position:relative;margin:26px auto 0;max-width:765px;isolation:isolate}.machine-glow{position:absolute;z-index:-1;left:15%;right:15%;top:2%;bottom:6%;background:#117d80;filter:blur(100px);opacity:.24;pointer-events:none}.machine-top{height:49px;border:1px solid #476273;border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(#2a4754,#0b2835);margin:0 9%;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:inset 0 2px #547482;color:#c5dedf;font-size:12px;font-weight:900;letter-spacing:2px}.machine-top b{color:var(--aqua)}.machine-indicator{font-size:9px;letter-spacing:1.5px;color:#8fc0bc}.machine-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a8ff81;margin-right:6px;box-shadow:0 0 9px #a8ff81}.machine-window{height:clamp(245px,24.5vw,355px);position:relative;background:radial-gradient(ellipse at 50% 100%,#123f4d 0%,#0a1e30 55%,#092133 100%);border:11px solid #1a3b4a;outline:1px solid #547182;overflow:hidden;border-radius:18px 18px 33% 33% / 13px 13px 26% 26%;box-shadow:inset 0 0 55px #020b17,0 20px 35px #020c18}.machine-window canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.window-reflection{position:absolute;pointer-events:none;z-index:2;top:0;left:0;bottom:0;width:100%;background:linear-gradient(115deg,#f8ffff25 0%,transparent 18%,transparent 74%,#dcffff15 94%,transparent);opacity:.7}.machine-watermark{position:absolute;z-index:2;right:20px;top:15px;color:#8ca9ad;letter-spacing:3px;font-size:10px;opacity:.7}.machine-watermark i{display:inline-block;width:3px}.machine-outlet{height:49px;width:42%;margin:-5px auto 0;position:relative;background:linear-gradient(90deg,#102c39,#1c4b57,#0c2734);border:2px solid #436474;z-index:-1;border-radius:5px 5px 12px 12px;display:flex;align-items:center;justify-content:center;gap:14px;letter-spacing:2px;font-size:9px;color:#8eafb6}.outlet-glow{height:11px;width:11px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px var(--aqua)}.outlet-channel{width:55px;height:8px;border-radius:10px;background:#040d18;border:1px solid #34606b}.machine-base{height:48px;background:linear-gradient(#264754,#071e2d);border:1px solid #4d6e7e;border-radius:9px 9px 18px 18px;display:flex;justify-content:space-between;align-items:center;padding:0 27px;box-shadow:0 12px 20px #020d1c;color:#8caeb6;font-size:9px;font-weight:800;letter-spacing:1.5px}.base-lights{display:flex;gap:5px}.base-lights i{width:5px;height:5px;background:var(--aqua);border-radius:50%;box-shadow:0 0 5px var(--aqua)}.base-lights i:nth-child(even){opacity:.3}.serial{color:#486a79}.draw-panel{margin:23px 0 25px;background:linear-gradient(135deg,#132e3d,#0a2030);border:1px solid #335464;border-radius:19px;padding:20px 24px}.draw-panel-top{display:flex;justify-content:space-between;align-items:center}.draw-panel-top .section-kicker{margin:0}.status-text{font-size:10px;font-weight:850;letter-spacing:1.6px;color:var(--lime)}.draw-result{display:flex;gap:12px;justify-content:center;align-items:center;min-height:98px;flex-wrap:wrap;padding:10px 0}.empty-ball{height:65px;width:65px;border-radius:50%;display:grid;place-items:center;border:1px dashed #4a6d7d;color:#416778;font-size:28px;background:#081e2b}.ball{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;border-radius:50%;font-weight:900;font-size:22px;color:#07131b;text-shadow:0 1px 0 #ffffff44;box-shadow:inset -8px -12px 16px #00000035,inset 5px 6px 12px #ffffff90,0 6px 14px #0008;position:relative}.ball:before{content:"";position:absolute;width:42%;height:18%;top:12%;left:17%;border-radius:50%;background:#fff8;transform:rotate(-30deg);filter:blur(3px)}.ball[data-band="yellow"]{background:radial-gradient(circle at 35% 25%,#fff69a,#ffc52a 65%,#de8a02)}.ball[data-band="blue"]{background:radial-gradient(circle at 35% 25%,#90d3ff,#3b9eff 65%,#1264a7)}.ball[data-band="red"]{background:radial-gradient(circle at 35% 25%,#ffaeb4,#f35a62 65%,#b62131)}.ball[data-band="gray"]{background:radial-gradient(circle at 35% 25%,#e3e9ed,#a3afbd 65%,#5b6776)}.ball[data-band="green"]{background:radial-gradient(circle at 35% 25%,#b6fb8f,#64d579 65%,#18884f)}.ball.pop{animation:ball-pop .42s both cubic-bezier(.2,1.3,.4,1)}@keyframes ball-pop{from{opacity:0;transform:translateY(-65px) scale(.15) rotate(-90deg)}to{opacity:1;transform:none}}.draw-controls{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap}.primary-button,.outline-button{border:1px solid transparent;border-radius:10px;min-height:44px;padding:10px 20px;font-size:13px;font-weight:850;white-space:nowrap}.primary-button{background:var(--aqua);color:#06312e;box-shadow:0 4px 23px #13c89d24}.primary-button:hover{background:#45e8c2}.outline-button{background:#112e3c;border-color:#395a69;color:#dbe9e9}.outline-button:hover{background:#1b4553}.outline-button.tiny{padding-inline:12px}.draw-hint,.footnote{font-size:11px;color:#819faa;line-height:1.7;margin:15px 0 0}.right-rail{display:flex;flex-direction:column;gap:14px}.eyecatch-card,.rail-card,.disclosure-card,.content-card{border:1px solid #2d4b5b;border-radius:var(--rad);background:linear-gradient(150deg,#102b3b,#081e2d)}.eyecatch-card{padding:22px;background:linear-gradient(150deg,#164151,#0d2739 65%,#0a2333)}.rail-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.rail-header .section-kicker{margin:0}.rail-badge,.tiny-tag{font-size:10px;padding:6px 9px;border:1px solid #3d6c69;border-radius:30px;color:#8ee5c8}.round-num{font-size:61px;font-weight:950;letter-spacing:-3px;margin:18px 0 -5px}.round-num small{font-size:20px;letter-spacing:-1px;margin-left:5px}.muted{color:var(--muted)}.small{font-size:12px}.latest-balls{display:flex;gap:5px;align-items:center;margin:22px 0;flex-wrap:wrap}.latest-balls .ball{height:34px;width:34px;font-size:13px}.latest-balls .bonus-mark{font-size:12px;color:#79a1ac;font-weight:900}.prize-line,.stat-pair{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #2c4c57;font-size:12px;color:#abc2c9;gap:8px}.prize-line strong,.stat-pair strong{color:white;font-size:13px}.official-link{display:block;margin-top:18px;text-align:center;border:1px solid #557376;border-radius:9px;padding:12px;color:#bceee4;font-size:12px;font-weight:800}.rail-card{padding:23px}.rail-card h3{font-size:24px;line-height:1.3;letter-spacing:-1px;margin:18px 0}.rail-card h3 strong{color:var(--aqua)}.text-button{color:var(--aqua);font-size:13px;font-weight:850;border:0;background:transparent;display:flex;justify-content:space-between;width:100%;padding:20px 0 0}.disclosure-card{display:flex;gap:12px;padding:19px;background:#0b2531}.disclosure-card .small-dot{margin-top:6px;flex-shrink:0}.disclosure-card strong{font-size:12px}.disclosure-card p{color:#829faa;font-size:11px;line-height:1.8;margin:8px 0 0}.site-footer{margin-top:auto;padding:21px 0 24px;border-top:1px solid #294352;color:#7193a1;font-size:10px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.site-footer a{text-decoration:underline}.section-heading{padding:52px 0 35px;align-items:flex-end}.filter-group{display:flex;gap:5px;border:1px solid #355465;background:#0e2633;padding:5px;border-radius:12px;flex-wrap:wrap}.filter-group button,.pick-mode button{border:0;background:transparent;color:#a3b9c0;padding:10px 13px;font-size:12px;border-radius:7px;font-weight:750}.filter-group button.active,.pick-mode button.selected{background:var(--aqua);color:#082d2b}.analysis-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.analysis-summary>div{background:#0b2533;border:1px solid #2c4d5e;border-radius:13px;padding:22px}.analysis-summary span{display:block;color:#86a6b3;font-size:12px;margin-bottom:12px}.analysis-summary strong{font-size:26px;letter-spacing:-1px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:35px}.content-card{padding:24px;min-width:0}.content-card.wide{grid-column:span 2}.card-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:23px}.card-heading h2{font-size:21px;letter-spacing:-.6px;margin:0}.card-heading .section-kicker{margin:0 0 9px}.hint-tag{color:#8db3b9;font-size:11px}.frequency-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.freq-item{min-height:76px;border-radius:10px;border:1px solid #446070;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.freq-item strong{font-size:18px}.freq-item small{font-size:10px;color:#c9e8ed}.bar-stats{display:flex;flex-direction:column;gap:12px}.bar-entry{display:grid;grid-template-columns:40px 1fr 43px;align-items:center;gap:11px;font-size:12px;color:#a5c5ca}.bar-track{height:13px;border-radius:20px;background:#102b39;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0fa79e,#9cf0c2);border-radius:20px}.bar-entry strong{text-align:right;color:#fff;font-size:12px}.lookup-row{display:flex;gap:9px;align-items:center}.lookup-row label{font-size:12px;color:#9cb5bd}.lookup-row input{width:105px;min-width:0;background:#081a26;border:1px solid #4d6d76;border-radius:8px;color:#fff;padding:10px}.lookup-row button{padding:10px 15px;background:var(--aqua);border:0;border-radius:8px;font-weight:800;color:#06302d}.round-detail{padding:18px 0;font-size:13px;color:#abc2ca;min-height:84px;border-bottom:1px solid #244656}.round-detail .ball,.recent-list .ball{height:29px;width:29px;font-size:11px;margin:0 2px}.round-detail .ball{height:36px;width:36px;font-size:12px}.recent-list{margin-top:12px}.recent-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #284554}.recent-row button{background:none;border:0;color:#b5e8db;font-weight:750}.recent-row .balls-inline{display:flex;gap:0;align-items:center}.ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pick-mode{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pick-mode button{background:#173849;border:1px solid #385b6d}.pick-mode button.selected{border-color:var(--aqua)}.number-picker{margin:19px 0;display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.pick-number{border:1px solid #3d5f6d;border-radius:9px;height:43px;background:#0e2837;color:#fff;font-size:14px;font-weight:800;position:relative}.pick-number.fixed{border:2px solid #12d6ab;color:#062824;background:#15d2a7}.pick-number.exclude{color:#617f8b;text-decoration:line-through;background:#081924;border-color:#223b48}.picker-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.picker-footer span{font-size:12px;color:#9cb9c1}.ticket-results{min-height:290px}.empty-ticket{min-height:270px;display:grid;place-items:center;text-align:center;color:#7795a0;border:1px dashed #3c5969;border-radius:12px;font-size:13px;padding:16px}.ticket-row{padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #2e5160;background:#112c3b;border-radius:11px;margin-bottom:9px}.ticket-row .ball{height:35px;width:35px;font-size:13px}.ticket-row .balls-inline{display:flex;gap:5px}.ticket-label{color:var(--aqua);font-weight:900;font-size:12px}.ticket-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.saved-wrap{margin:16px 0 35px}.quiet-button{background:none;border:0;color:#8ab3bc;font-size:12px}.saved-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.saved-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #2c4c59;background:#0d2936;padding:12px;border-radius:10px;flex-wrap:wrap}.saved-entry .ball{height:31px;width:31px;font-size:11px}.saved-entry small{color:#88a6ad}.saved-entry button{border:0;background:transparent;color:#c87f7f}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#d9ffe9;color:#09392e;border-radius:10px;padding:12px 22px;font-size:13px;font-weight:800;z-index:20;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:3px solid #d8ff63;outline-offset:3px}
@media(max-width:1100px){.main-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.right-rail .latest-balls .ball{height:31px;width:31px;font-size:11px}.right-rail .latest-balls{gap:3px}.machine-window{height:265px}.top-pill{display:none}.draw-result{gap:7px}.ball{width:51px;height:51px;font-size:18px}.empty-ball{width:51px;height:51px}.ticket-row .ball{height:29px;width:29px;font-size:11px}}
@media(max-width:800px){.app-shell{padding:0 16px}.topbar{height:70px}.top-nav{position:fixed;z-index:10;left:0;right:0;bottom:0;height:65px;background:#071d2a;border-top:1px solid #345261;display:flex;justify-content:space-evenly;gap:0;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-btn{font-size:12px;flex:1}.nav-btn.active:after{top:0;bottom:auto}.main-grid{display:block;padding-top:30px}.right-rail{display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px}.right-rail .disclosure-card{grid-column:1/-1}.site-footer{padding-bottom:96px}.live-stamp{display:none}.stage-title-row{display:block}.machine-window{height:clamp(250px,45vw,350px)}.analysis-summary{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.content-card.wide{grid-column:1}.section-heading{flex-wrap:wrap}.ticket-grid{grid-template-columns:1fr}.saved-list{grid-template-columns:1fr}}
@media(max-width:540px){.app-shell{padding:0 13px}.topbar{height:65px}.brand-sign{width:37px;height:37px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:9px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:34px}.lead{font-size:12px}.machine-wrap{margin-top:25px}.machine-window{height:260px;border-width:7px}.machine-top{height:39px;margin:0 6%;padding:0 16px;font-size:10px}.machine-base{height:36px;padding:0 13px;font-size:7px}.machine-base .serial{display:none}.machine-outlet{height:36px}.draw-panel{padding:16px 10px;margin-top:22px}.draw-result{gap:6px;min-height:83px}.draw-result .ball,.empty-ball{width:43px;height:43px;font-size:17px}.draw-controls{gap:6px}.draw-controls .primary-button,.draw-controls .outline-button{padding:8px 10px;font-size:11px;min-height:41px}.draw-controls #toggleSound span{display:none}.right-rail{grid-template-columns:1fr}.eyecatch-card,.rail-card{padding:20px}.right-rail .latest-balls .ball{height:38px;width:38px;font-size:13px}.section-heading{padding-top:35px}.analysis-summary>div{padding:15px}.analysis-summary strong{font-size:21px}.content-card{padding:17px}.card-heading h2{font-size:18px}.frequency-grid{grid-template-columns:repeat(5,1fr);gap:5px}.freq-item{min-height:66px}.number-picker{gap:5px;grid-template-columns:repeat(7,1fr)}.pick-number{height:42px}.ticket-row .ball{height:32px;width:32px;font-size:11px}.ticket-row{padding:10px 7px}.ticket-row .balls-inline{gap:3px}.recent-row .ball{width:25px;height:25px;font-size:9px}.site-footer{font-size:9px;flex-direction:column;gap:8px}.toast{width:max-content;max-width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v0.2 — Fluid full-window design and dual color scheme */
:root{
  --bg:#061722;--surface:#092431;--surface2:#102d3d;--surface3:#17394b;
  --stroke:#355666;--fg:#effbff;--secondary:#9fbac4;--primary:#10d5b4;
  --accent:#d9ff67;--warm:#ffc04c;--shadow:0 18px 50px #00000040;
  color-scheme:dark;
}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 22% 0%,#0e3540 0%,transparent 38%),#061722;overflow-x:hidden}
.app-shell{width:100%;max-width:none;padding:0 clamp(14px,2vw,56px);min-height:100dvh}
.app-shell:fullscreen{background:var(--bg);overflow:auto;padding:0 clamp(14px,2vw,56px)}
.topbar{height:clamp(66px,7.7dvh,86px);gap:16px;border-color:var(--stroke)}
.top-nav{gap:clamp(10px,2.5vw,44px)}
.nav-btn{font-size:clamp(12px,.85vw,15px)}.nav-btn.active{color:var(--fg)}
.header-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.header-actions .top-pill{display:inline-flex;align-items:center}
.icon-button{border:1px solid var(--stroke);border-radius:11px;background:var(--surface);color:var(--fg);padding:9px 11px;display:inline-flex;gap:8px;align-items:center;font-size:16px;min-height:39px;white-space:nowrap}
.icon-button span{font-size:11px;font-weight:700}.icon-button:hover{border-color:var(--primary)}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(326px,23.5vw,480px);gap:clamp(13px,1.5vw,28px);padding-top:clamp(15px,1.4vw,28px);align-items:stretch}
.main-stage{display:flex;flex-direction:column;min-width:0;min-height:calc(100dvh - 155px)}
.stage-title-row{align-items:center}.stage-title-row .eyebrow{margin-bottom:9px}.stage-title-row h1{font-size:clamp(34px,3.1vw,64px);line-height:1.10;letter-spacing:-2.1px}
.stage-title-row .lead{font-size:clamp(12px,.87vw,15px);margin-top:7px}
.live-stamp{flex-shrink:0;width:75px;height:75px;font-size:10px}
.machine-wrap{width:100%;max-width:none;margin:clamp(9px,1.4dvh,25px) auto;min-height:clamp(360px,48dvh,940px);flex:1;background:radial-gradient(ellipse at 49% 49%,#184956 0%,#092735 42%,#041421 73%);border:1px solid var(--stroke);border-radius:21px;overflow:hidden;box-shadow:inset 0 0 80px #020d16,0 14px 44px #00000035;position:relative}
.machine-glow{position:absolute;inset:10% 15%;filter:blur(105px);background:#087b71;opacity:.25;z-index:0}
.machine-wrap:before{content:'';position:absolute;inset:0;background:linear-gradient(#c3f7ff04 1px,transparent 1px),linear-gradient(90deg,#c3f7ff04 1px,transparent 1px);background-size:36px 36px;opacity:.5;pointer-events:none;z-index:0}
.machine-top{position:absolute;z-index:5;left:18px;right:18px;top:16px;height:auto;padding:0;margin:0;border:0;background:transparent;box-shadow:none;border-radius:0;font-size:clamp(10px,.8vw,13px);letter-spacing:1.7px}
.machine-window{position:absolute;inset:0;border:0;outline:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;height:auto}
.machine-window canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:1;cursor:grab;touch-action:pan-y}.machine-window canvas:active{cursor:grabbing}
.window-reflection{background:linear-gradient(112deg,#d2ffff0b 0%,transparent 24%,transparent 68%,#79ebdd06 91%,transparent);z-index:2;pointer-events:none}
.machine-watermark{top:auto;bottom:17px;right:18px;font-size:9px;opacity:.64;color:#b0e2e8;pointer-events:none;z-index:2}
.machine-instruction{position:absolute;z-index:3;bottom:18px;left:18px;border:1px solid #39777899;background:#092631bb;color:#baf5e5;backdrop-filter:blur(8px);padding:8px 11px;border-radius:8px;font-size:10px;letter-spacing:.35px}
.machine-drag{position:absolute;top:50px;left:18px;font-size:10px;color:#8db3bd;letter-spacing:1px;z-index:3}
.machine-outlet{position:absolute;z-index:3;top:auto;bottom:53px;left:50%;transform:translateX(-50%);margin:0;width:auto;height:auto;padding:8px 15px;background:#072633c9;border:1px solid #24645c;color:#abe9df;letter-spacing:1.5px;font-size:9px;border-radius:8px;opacity:.8;pointer-events:none}
.machine-outlet .outlet-channel{display:none}.machine-outlet .outlet-glow{width:6px;height:6px}
.machine-base{display:none}
.draw-panel{margin:0 0 15px;padding:clamp(14px,1.2vw,22px) clamp(12px,1.3vw,26px);border:1px solid var(--stroke);background:linear-gradient(115deg,#112f3d,#092330);box-shadow:0 8px 24px #01090e23;border-radius:16px}
.draw-result{min-height:clamp(62px,9dvh,95px);padding:8px 0;gap:clamp(7px,1.3vw,20px)}
.draw-result .ball,.draw-result .empty-ball{height:clamp(41px,4vw,68px);width:clamp(41px,4vw,68px);font-size:clamp(17px,1.6vw,24px)}
.draw-controls{gap:9px}.draw-controls button{min-height:42px}.primary-button{background:var(--primary);color:#062b29}.outline-button{background:var(--surface2);border-color:var(--stroke);color:var(--fg)}
.draw-hint{margin-top:9px;font-size:10px}.status-text{color:var(--accent)}
.right-rail{gap:12px;min-width:0}.eyecatch-card,.rail-card,.disclosure-card,.content-card{background:var(--surface);border:1px solid var(--stroke);border-radius:16px}
.eyecatch-card{background:linear-gradient(140deg,#155064,#082a38 70%);padding:clamp(18px,1.7vw,28px);flex:1}
.rail-card{padding:clamp(18px,1.5vw,25px);flex:1}
.rail-card h3{margin:12px 0 17px;font-size:clamp(19px,1.65vw,26px)}
.rail-card .stat-pair{padding:10px 0}
.round-num{font-size:clamp(54px,4.3vw,83px);margin:11px 0 0}.round-num small{font-size:17px}
.latest-balls .ball{width:clamp(27px,2.4vw,40px);height:clamp(27px,2.4vw,40px);font-size:clamp(10px,.9vw,14px)}
.latest-balls{gap:clamp(2px,.32vw,6px)}
.disclosure-card{padding:14px 17px;flex:0}.disclosure-card p{line-height:1.5}
.site-footer{border-color:var(--stroke);margin-top:18px}
.section-heading{padding:clamp(25px,3dvh,45px) 0 22px}.analysis-summary>div{background:var(--surface);border-color:var(--stroke)}
.content-card{padding:clamp(16px,1.5vw,27px)}
.analytics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.2vw,18px)}
.frequency-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(5px,.7vw,10px)}
.freq-item{min-height:clamp(62px,6vw,89px);cursor:pointer;transition:transform .18s ease,border-color .18s}.freq-item:hover,.freq-item:focus-visible{transform:translateY(-3px);border-color:#33e7c9!important}.freq-item strong{font-size:clamp(15px,1.1vw,19px)}
.lab-strap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:12px 16px;margin:0 0 18px;border:1px solid var(--stroke);border-radius:11px;background:var(--surface);color:var(--secondary);font-size:11px}.lab-strap .pulse-dot{margin:0 4px 0 0}
.number-detail{padding:15px;border-radius:11px;background:var(--surface2);border:1px solid var(--stroke);margin-top:17px;color:var(--secondary);font-size:12px}
.detail-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.detail-heading .ball{width:38px;height:38px;font-size:14px}.detail-heading strong{color:var(--fg);font-size:16px}.detail-heading span:last-child{font-size:11px}
.occurrence-strip{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:2px;margin-top:12px}.occurrence-strip span{height:10px;border-radius:2px;background:var(--stroke)}.occurrence-strip span.on{background:var(--primary);box-shadow:0 0 7px #0fd0a877}
.histogram{height:220px;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;align-items:end;border-bottom:1px solid var(--stroke);padding:8px 0 0}
.hist-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;cursor:crosshair}.hist-fill{width:100%;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#d8ff68,#0fa79e);transition:height .3s}.hist-col:hover .hist-fill{filter:brightness(1.25)}.hist-col span{font-size:10px;color:var(--secondary);min-height:14px}
.mini-bars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;align-items:end;height:222px;padding-top:15px}.digit-tower{display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;font-size:11px;color:var(--secondary)}.digit-tower strong{color:var(--fg);font-size:10px}.digit-track{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;background:var(--surface2);border-radius:5px;overflow:hidden}.digit-track i{display:block;background:linear-gradient(#b3f5db,#0fa79e);border-radius:5px 5px 0 0}.digit-tower span{font-size:12px;font-weight:800;color:var(--fg)}
.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pair-entry{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--stroke);border-radius:9px;background:var(--surface2);padding:8px 11px}.pair-entry>span{color:var(--secondary);font-size:10px}.pair-entry>strong{font-size:11px;white-space:nowrap;color:var(--fg)}.pair-balls{display:flex;gap:6px}.pair-balls .ball{width:30px;height:30px;font-size:12px}
.matrix-scroll{width:100%;overflow-x:auto;padding-bottom:8px}.matrix-grid{width:max-content;min-width:100%;display:grid;grid-template-columns:48px repeat(45,minmax(12px,1fr));gap:3px;align-items:center}.matrix-label,.matrix-head{font-size:10px;text-align:center;color:var(--secondary);font-variant-numeric:tabular-nums}.matrix-label{font-weight:850;text-align:left;color:var(--fg)}.matrix-dot{height:12px;border-radius:3px;background:var(--surface2);border:1px solid var(--stroke)}.matrix-dot.hit{border:0;background:var(--primary)}.matrix-dot.hit[data-band="yellow"]{background:#f7bd32}.matrix-dot.hit[data-band="blue"]{background:#55a3ff}.matrix-dot.hit[data-band="red"]{background:#fa6675}.matrix-dot.hit[data-band="gray"]{background:#b3c6d2}.matrix-dot.hit[data-band="green"]{background:#6acf7b}
.filter-group,.pick-mode button{background:var(--surface);border-color:var(--stroke)}.filter-group button,.pick-mode button{color:var(--secondary)}.filter-group button.active,.pick-mode button.selected{background:var(--primary);color:#05372f}
.analysis-summary span,.hint-tag,.footnote,.lead,.muted{color:var(--secondary)}
.bar-entry{color:var(--secondary)}.bar-track{background:var(--surface2)}.bar-entry strong{color:var(--fg)}
.ticket-row,.saved-entry,.number-detail{background:var(--surface2);border-color:var(--stroke)}.pick-number{background:var(--surface2);border-color:var(--stroke);color:var(--fg)}.pick-number.exclude{background:var(--bg)}
.lookup-row input{background:var(--surface2);border-color:var(--stroke);color:var(--fg)}.official-link{border-color:var(--stroke)}.recent-row,.prize-line,.stat-pair{border-color:var(--stroke)}
/* Light mode: all inner panels and controls are rethemed, while the 3-D stage stays cinematic. */
html[data-theme="light"]{color-scheme:light;--bg:#edf5f5;--surface:#fff;--surface2:#e9f2f3;--surface3:#d8edec;--stroke:#c1d7dc;--fg:#17333f;--secondary:#597986;--primary:#0ca993;--accent:#467113;--shadow:0 16px 38px #68879429;--aqua:#058e81;--lime:#297e30;--muted:#5d7d87}
html[data-theme="light"] body{background:radial-gradient(ellipse at 5% 0%,#d6efeb,transparent 42%),#edf5f5;color:var(--fg)}
html[data-theme="light"] .brand-sign{background:#0aa996}
html[data-theme="light"] .brand-copy small{color:#088b7c}
html[data-theme="light"] .nav-btn{color:#6f8991}html[data-theme="light"] .nav-btn.active{color:#0b645a}
html[data-theme="light"] .top-pill{background:#dcf6ee;border-color:#a8d8cc;color:#1b7e69}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .section-kicker,html[data-theme="light"] h1 em{color:#058e81}
html[data-theme="light"] .lead,html[data-theme="light"] .muted{color:var(--secondary)}
html[data-theme="light"] .machine-wrap{box-shadow:0 18px 35px #6f8a9440}
html[data-theme="light"] .draw-panel{background:#fff;box-shadow:0 8px 22px #bfd5d527}
html[data-theme="light"] .eyecatch-card{background:linear-gradient(140deg,#e7fbf9,#fff 70%)}
html[data-theme="light"] .rail-card{background:#fff}
html[data-theme="light"] .rail-badge,html[data-theme="light"] .tiny-tag{color:#0b7b69;border-color:#a7d5ca}
html[data-theme="light"] .prize-line,html[data-theme="light"] .stat-pair{color:var(--secondary)}
html[data-theme="light"] .prize-line strong,html[data-theme="light"] .stat-pair strong{color:var(--fg)}
html[data-theme="light"] .official-link{color:#066b60}html[data-theme="light"] .rail-card h3 strong{color:#058e81}
html[data-theme="light"] .disclosure-card{background:#e6f6ef}html[data-theme="light"] .disclosure-card p{color:var(--secondary)}
html[data-theme="light"] .draw-result .empty-ball{background:#edf5f5;border-color:#b9d4d7;color:#91aeb4}
html[data-theme="light"] .outline-button{color:var(--fg)}html[data-theme="light"] .primary-button{color:#fff}
html[data-theme="light"] .bar-fill{background:linear-gradient(90deg,#0fa79e,#9edb80)}
html[data-theme="light"] .freq-item small{color:#205f61}
html[data-theme="light"] .freq-item strong{color:#103c42}
html[data-theme="light"] .ticket-label{color:#087e73}
html[data-theme="light"] .saved-entry small{color:var(--secondary)}
html[data-theme="light"] .quiet-button,html[data-theme="light"] .text-button{color:#087e73}
html[data-theme="light"] .empty-ticket{color:#5f7e87;border-color:#b4c8cb}
html[data-theme="light"] .recent-row button{color:#0b8377}
html[data-theme="light"] .live-stamp{color:#5d8590;border-color:#bad2d8}
html[data-theme="light"] .nav-btn.active:after{background:#0fa79e}
html[data-theme="light"] .site-footer{color:#708d91}
@media(min-width:1700px){.right-rail{max-width:480px}.machine-top{top:23px;left:30px;right:30px}.machine-drag{top:67px;left:30px}.machine-instruction{left:30px;bottom:25px}.machine-watermark{right:30px;bottom:25px}}
@media(max-width:1050px){.main-grid{grid-template-columns:minmax(0,1fr) 300px}.header-actions .top-pill{display:none}.icon-button span{display:none}.machine-wrap{min-height:clamp(390px,52dvh,670px)}.latest-balls .ball{width:29px;height:29px;font-size:10px}}
@media(max-width:800px){.app-shell{padding:0 14px}.topbar{height:68px;gap:6px}.header-actions{gap:4px}.icon-button{padding:7px 9px;min-height:37px}.top-nav{position:fixed;z-index:50;inset:auto 0 0 0;height:calc(63px + env(safe-area-inset-bottom,0px));padding:0 7px env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--stroke);box-shadow:0 -8px 25px #00000022}.nav-btn{flex:1;color:var(--secondary);font-size:12px}.nav-btn.active{color:var(--primary)}html[data-theme="light"] .top-nav{background:#fff}.main-grid{display:block;padding-top:15px}.main-stage{min-height:0}.stage-title-row h1{font-size:clamp(30px,6vw,47px)}.stage-title-row .lead{font-size:12px}.machine-wrap{min-height:clamp(340px,48dvh,600px);margin:14px 0 10px}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 25px}.eyecatch-card,.rail-card{flex:auto}.disclosure-card{grid-column:1/-1}.site-footer{padding-bottom:92px}.analytics-grid{grid-template-columns:1fr 1fr}.content-card.wide{grid-column:1/-1}.ticket-grid{grid-template-columns:1fr}.saved-list{grid-template-columns:1fr}.section-heading{padding-top:30px}.round-num{font-size:50px}.latest-balls .ball{height:32px;width:32px;font-size:12px}}
@media(max-width:600px){.app-shell{padding:0 12px}.brand-sign{width:36px;height:36px}.brand{gap:10px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:8px;letter-spacing:2px}.stage-title-row .eyebrow{font-size:9px}.stage-title-row h1{font-size:clamp(31px,8.2vw,42px)}.stage-title-row .lead{margin-top:8px;max-width:360px}.machine-wrap{min-height:clamp(330px,44dvh,490px);border-radius:14px}.machine-top{top:14px;left:13px;right:13px;font-size:10px}.machine-drag{top:45px;left:13px;font-size:9px}.machine-indicator{font-size:9px}.machine-outlet{bottom:49px;padding:6px 8px;font-size:8px}.machine-instruction{bottom:13px;left:12px;padding:7px;font-size:9px}.machine-watermark{font-size:7px;bottom:17px;right:10px;letter-spacing:.7px}.draw-panel{padding:13px 11px}.draw-result{gap:clamp(5px,1.7vw,10px);min-height:76px}.draw-result .ball,.draw-result .empty-ball{height:clamp(38px,11vw,50px);width:clamp(38px,11vw,50px);font-size:17px}.draw-controls{gap:6px;justify-content:space-between}.draw-controls .primary-button,.draw-controls .outline-button{font-size:11px;min-height:40px;padding:8px 10px}.draw-controls #toggleSound span{display:none}.right-rail{grid-template-columns:1fr}.eyecatch-card,.rail-card{padding:17px}.right-rail .latest-balls .ball{height:38px;width:38px;font-size:13px}.round-num{font-size:55px}.analysis-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.analysis-summary>div{padding:15px}.analysis-summary strong{font-size:19px}.analytics-grid{grid-template-columns:1fr}.content-card.wide{grid-column:auto}.frequency-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.freq-item{min-height:60px}.pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-entry{padding:8px 5px;gap:4px}.pair-balls .ball{height:28px;width:28px;font-size:11px}.matrix-grid{grid-template-columns:45px repeat(45,12px)}.histogram{height:165px}.mini-bars{height:175px}.section-heading{gap:18px}.filter-group button{font-size:11px;padding:8px}.number-picker{grid-template-columns:repeat(7,minmax(0,1fr))}.ticket-row .balls-inline{gap:4px}.ticket-row .ball{width:33px;height:33px}.site-footer{font-size:10px}.lab-strap{font-size:10px}.occurrence-strip span{height:8px}}
@media(max-width:375px){.draw-result .ball,.draw-result .empty-ball{height:38px;width:38px}.draw-controls .primary-button,.draw-controls .outline-button{font-size:10px;padding:7px 8px}.machine-instruction{max-width:180px}.machine-watermark{display:none}}
@media(prefers-reduced-motion:reduce){.freq-item:hover{transform:none}}
.simulation-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.simulation-head>p{font-size:13px;color:var(--secondary);line-height:1.7;max-width:700px}.simulation-actions{display:flex;gap:8px;flex-shrink:0}.simulation-actions select{border:1px solid var(--stroke);background:var(--surface2);color:var(--fg);border-radius:10px;padding:8px 12px;font:inherit;font-size:12px}.sim-distribution{display:flex;flex-direction:column;gap:10px;min-height:65px}.sim-row{display:grid;grid-template-columns:80px minmax(0,1fr) 130px;align-items:center;gap:12px}.sim-row strong{color:var(--fg);font-size:12px}.sim-row span{font-size:11px;color:var(--secondary);text-align:right;white-space:nowrap}.sim-bars{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:17px}.sim-bar{min-height:7px;border-radius:3px;min-width:0}.sim-bar.observed{background:#06bca6}.sim-bar.expected{background:#b3d568}.sim-legend{font-size:11px;color:var(--secondary);padding-top:9px}.sim-distribution .muted{padding:15px 0}
@media(max-width:600px){.simulation-head{display:block}.simulation-head>p{font-size:12px}.simulation-actions{margin:12px 0}.simulation-actions button{flex:1}.sim-row{grid-template-columns:63px minmax(0,1fr) 88px;gap:5px}.sim-row strong,.sim-row span{font-size:10px}.sim-legend{font-size:10px}}
.profile-card{flex:0;padding-top:16px;padding-bottom:14px}.latest-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.profile-row{border:1px solid var(--stroke);background:var(--surface2);border-radius:9px;padding:10px;min-width:0}.profile-row span{display:block;font-size:10px;color:var(--secondary);margin-bottom:5px}.profile-row strong{font-size:16px;color:var(--fg)}.eyecatch-card,.rail-card{flex-grow:0}.eyecatch-card{flex:0}.right-rail{justify-content:flex-start}@media(min-width:1500px){.profile-row strong{font-size:18px}}