:root{--canvas:#0a0a0a;--surface-soft:#121212;--surface-card:#1a1a1a;--surface-elevated:#242424;--hairline:#2a2a2a;--hairline-strong:#3a3a3a;--primary:#faff69;--primary-active:#e6eb52;--on-primary:#0a0a0a;--ink:#ffffff;--body:#cccccc;--body-strong:#e6e6e6;--muted:#888888;--muted-soft:#5a5a5a;--emerald:#22c55e;--rose:#ef4444;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:9999px;--font:"Inter","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--txt:var(--ink);--sub:var(--muted);--line:var(--hairline);--accent:var(--primary);--good:var(--emerald);--bad:var(--rose)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;background:var(--canvas);color:var(--body);min-height:100vh;padding:0;-webkit-font-smoothing:antialiased}:root{--topbar-h:56px;--tabbar-h:64px}.wrap{max-width:1180px;margin:0 auto;padding:24px 24px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 48px)}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);background:var(--canvas);border-bottom:1px solid var(--hairline)}.topbar-in{max-width:1180px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:20px;font-weight:800;line-height:1;letter-spacing:-.5px;color:var(--ink);text-decoration:none}.brand .dot{color:var(--primary)}.tb-pt{display:flex;align-items:baseline;gap:3px;text-decoration:none;font-size:20px;font-weight:700;line-height:1;letter-spacing:-.5px;color:var(--primary);font-variant-numeric:tabular-nums}.tb-pt span{display:inline-block}.tb-pt small{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0}.pt-flash{animation:ptflash .5s ease}@keyframes ptflash{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom);background:var(--canvas);border-top:1px solid var(--hairline)}.tabbar-in{max-width:560px;height:var(--tabbar-h);margin:0 auto;display:flex}.tabbar .tabbar-in>a,.tabbar .tabbar-in>button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:0;padding:0;border:none;border-radius:0;background:transparent;font-size:11px;font-weight:500;line-height:1;text-decoration:none;color:var(--muted);transition:color .12s}.tabbar .tabbar-in>a:hover,.tabbar .tabbar-in>button:hover{color:var(--body-strong);background:transparent}.tabbar .tabbar-in>a.active,.tabbar .tabbar-in>button.active{color:var(--primary)}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;visibility:hidden;transition:visibility 0s .25s}.drawer-root.open{visibility:visible;transition:visibility 0s}.drawer-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .25s}.drawer-root.open .drawer-dim{opacity:1}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(340px,84vw);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);background:var(--surface-soft);border-left:1px solid var(--hairline);transform:translate(100%);transition:transform .25s ease}.drawer-root.open .drawer{transform:none}.drawer-head{flex:none;height:var(--topbar-h);padding:0 12px 0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline)}.drawer .drawer-x{width:44px;height:44px;min-height:0;padding:0;background:transparent;color:var(--ink);border-radius:var(--r-md)}.drawer .drawer-x:hover{background:var(--surface-card)}.drawer-group{display:flex;align-items:center;gap:6px;margin:24px 24px 8px;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--muted)}.drawer-group .icon{color:var(--primary)}.drawer-list{list-style:none;margin:0 0 24px;padding:0 12px}.drawer .drawer-list button{width:100%;justify-content:flex-start;min-height:48px;padding:0 12px;font-size:16px;font-weight:500;line-height:1.3;text-align:left;background:transparent;color:var(--body-strong);border-radius:var(--r-md)}.drawer .drawer-list button:hover{background:var(--surface-card);color:var(--ink)}@media (prefers-reduced-motion:reduce){.drawer,.drawer-dim,.drawer-root{transition:none}}.anchor{scroll-margin-top:calc(var(--topbar-h) + 16px)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:32px;scroll-margin-top:calc(var(--topbar-h) + 16px)}.card.full{grid-column:1/-1}.card h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--ink);margin:0 0 20px}.card h2 .icon{color:var(--primary);flex:none}.card h2 small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0;flex-basis:100%}@media (min-width:601px){.card h2 small{flex-basis:auto}}.ball{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:15px;color:#0a0a0a;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.b1{background:radial-gradient(circle at 35% 30%,#ffe98a,#fbc531)}.b2{background:radial-gradient(circle at 35% 30%,#8ec5ff,#3b82f6);color:#fff}.b3{background:radial-gradient(circle at 35% 30%,#ff9aa6,#ef4444);color:#fff}.b4{background:radial-gradient(circle at 35% 30%,#c7cdda,#7b8499);color:#fff}.b5{background:radial-gradient(circle at 35% 30%,#9af0c1,#22c55e);color:#fff}.balls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.plus{color:var(--muted-soft);font-size:18px;margin:0 2px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1;color:var(--body-strong);background:var(--surface-elevated);border:1px solid transparent;padding:12px 16px;min-height:40px;border-radius:var(--r-md);transition:background .12s,color .12s}button:hover{background:var(--hairline-strong);color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:var(--surface-elevated);color:var(--body-strong)}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.primary:hover{background:var(--primary-active);color:var(--on-primary)}button.primary:disabled:hover{background:var(--primary)}.mini-btn{padding:6px 10px;min-height:32px;font-size:13px;border-radius:var(--r-sm)}.seg{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.seg button{background:transparent;color:var(--muted);font-weight:500;padding:9px 14px;min-height:38px}.seg button:hover{background:var(--surface-soft);color:var(--body-strong)}.seg button.on{background:var(--surface-elevated);color:var(--ink);font-weight:600}select,input{font-family:inherit;font-size:14px;background:var(--surface-elevated);border:1px solid transparent;color:var(--ink);padding:10px 14px;min-height:40px;border-radius:var(--r-md)}select:focus,input:focus{outline:none;border-color:var(--primary)}.num-in{width:52px;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;padding:10px 6px}.num-in::placeholder{color:var(--muted);font-weight:400}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid var(--hairline);font-size:14px;color:var(--body)}.stat:last-child{border-bottom:none}.stat-label{display:inline-flex;align-items:center;gap:6px}.help-btn{width:18px;height:18px;min-height:0;padding:0;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--hairline-strong);background:transparent;color:var(--muted);font-size:11px;font-weight:700;line-height:1;cursor:pointer}.help-btn:hover,.help-btn.on{color:var(--canvas);background:var(--primary);border-color:var(--primary)}.stat-help{font-size:13px;line-height:1.65;color:var(--body);background:var(--surface-elevated);border-radius:var(--r-sm);padding:10px 12px;margin:2px 0 8px}.help-easy{margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline-strong)}.help-note{margin:6px 0 0;color:var(--muted);font-size:12px}.help-easy b{display:block;margin-bottom:2px;color:var(--primary);font-size:12px;font-weight:600}.stat b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.stat b.pos{color:var(--emerald)}.stat b.neg{color:var(--rose)}.region-table-wrap{width:260px;max-height:330px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent;border:1px solid var(--hairline);border-radius:var(--r-sm)}.region-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--body)}.region-table th{position:sticky;top:0;background:var(--surface-card);text-align:left;font-weight:500;color:var(--muted);font-size:13px;padding:8px 10px;border-bottom:1px solid var(--hairline-strong)}.region-table tbody tr{cursor:pointer}.region-table tbody tr:hover{background:var(--surface-elevated)}.region-table tbody tr:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.region-table tbody tr.on{background:#3b82f62e}.region-table tbody tr.on td{color:#8ec5ff}.map-pick{cursor:pointer}.chart-tip{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-100%);background:var(--surface-elevated);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);padding:7px 11px;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 6px 18px #00000073}.chart-tip.below{transform:translate(-50%)}.region-table td{padding:8px 10px;border-bottom:1px solid var(--hairline);font-variant-numeric:tabular-nums}.region-table th:first-child,.region-table td:first-child{width:44px;color:var(--muted)}.region-table .num{text-align:right;white-space:nowrap}.region-table td.strong{color:var(--ink);font-weight:600}.hint-list{margin:6px 0 0;padding-left:18px}.hint-list li{margin:2px 0}.hint{color:var(--muted);font-size:13px;margin-top:16px;line-height:1.65;max-width:82ch}.hint b{color:var(--body-strong);font-weight:600}.mini{font-size:13px;color:var(--muted)}a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--primary-active)}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--surface-elevated);color:var(--body-strong);border-radius:var(--r-pill);padding:4px 11px;font-size:13px;font-weight:500}.rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--r-xs);background:var(--hairline-strong);color:var(--body);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;flex:none}.rank-1{background:var(--primary);color:var(--on-primary)}.icon{display:block;flex:none}.res,.result{margin-top:16px;padding:20px;border-radius:var(--r-lg);background:var(--surface-elevated)}.slot{text-align:center}.slot h2{justify-content:flex-start;text-align:left}.slot .reel{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0 16px;min-height:44px}.slot .ball.spin{animation:reelspin .4s ease infinite alternate}@keyframes reelspin{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.slot .vs{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin:12px 0 6px}.slot .draw{opacity:.5}.slot .draw .ball.hit{opacity:1;outline:2px solid var(--primary);outline-offset:2px}.slot .result{min-height:28px}.slot .stat{text-align:left}.slot .hint{text-align:left;display:flex;gap:8px;align-items:flex-start}.slot .hint .icon{margin-top:2px;color:var(--muted-soft)}.grade{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.g1{color:var(--primary)}.g2{color:var(--ink)}.g3{color:var(--body-strong)}.g4{color:var(--body)}.g5{color:var(--muted)}.g6{color:var(--muted-soft)}.g0{color:var(--rose)}.grade.pos{color:var(--emerald)}.grade.neg{color:var(--rose)}.slot .jackpot{animation:jp .6s ease infinite alternate}@keyframes jp{0%{opacity:.75}to{opacity:1}}.koreamap{display:grid;grid-template-columns:minmax(0,480px) max-content minmax(330px,390px);justify-content:start;align-items:center;gap:40px;margin:4px 0 0}.map-title{grid-column:1/-1;justify-self:start;font-size:12px;font-weight:600;letter-spacing:1.5px;line-height:1.4;text-transform:uppercase;color:var(--muted);margin:0 0 4px}.koreamap>svg{width:100%;height:auto;display:block}.map-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.map-top-title{margin:0;font-size:12px;font-weight:600;letter-spacing:1.5px;line-height:1.4;text-transform:uppercase;color:var(--muted)}.map-top-title.gap{margin-top:16px}.draw-info{display:flex;align-items:baseline;gap:10px;margin-top:16px;font-size:14px;color:var(--body)}.draw-info b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.map-side{align-self:stretch;position:relative;min-height:280px}.map-side .region-table-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-height:none}.map-top{list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}.map-top li{display:flex;align-items:center;gap:8px;padding:3px 0}.map-top b{color:var(--body-strong);font-weight:600;font-variant-numeric:tabular-nums}.map-top .rank{width:20px;height:20px;font-size:11px}.noise{width:100%;height:auto;display:block;margin:4px 0 8px;overflow:visible}.noise circle{transition:r .12s ease}.noise circle:hover{r:6.5}.noise-tick,.noise-cap{fill:var(--muted);font-size:9px}.slope{max-width:720px;margin:4px auto 8px}.slope .noise-tick,.slope .noise-cap{font-size:11px}.slope-avg{fill:var(--body-strong);font-weight:700}.hc-item{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin-top:2px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}@media (max-width:900px){.grid{grid-template-columns:1fr}}@media (max-width:1000px){.koreamap{grid-template-columns:minmax(0,480px) max-content}.map-side{grid-column:1/-1;height:300px}}@media (max-width:600px){.wrap{padding-left:16px;padding-right:16px;padding-top:16px}.topbar-in{padding:0 16px}.card{padding:20px}.card h2{font-size:17px;margin-bottom:16px}.stat{flex-direction:column;align-items:flex-start;gap:2px}.stat b{text-align:left}.ball{width:36px;height:36px;font-size:14px}.balls{gap:6px}.slot .reel{gap:8px}.res,.result{padding:16px}.koreamap{grid-template-columns:1fr;gap:16px}.koreamap{grid-template-columns:1fr}.map-foot{gap:8px}.noise-tick,.noise-cap{font-size:16px}.slope .noise-tick,.slope .noise-cap{font-size:20px}}