:root{font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#18243a;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}.app{width:min(100%,480px);min-height:100dvh;margin:0 auto;background:#fff;box-shadow:0 0 35px #0f172a0b}.hero{background:#101b31;color:#fff;padding:30px 23px 27px}.kicker{font-size:11px;letter-spacing:2.4px;font-weight:800;color:#9dc7ff}h1{font-size:clamp(28px,7.2vw,35px);line-height:1.22;letter-spacing:-1.5px;margin:13px 0 10px;font-weight:850}.hero p{margin:0;color:#adbad1;font-size:12px}.results{padding:16px 13px 23px}.game{border:1px solid #e6ebf2;border-radius:16px;padding:16px 13px;margin-bottom:11px;background:#fff}.game-heading,.game-label{display:flex;align-items:center}.game-heading{justify-content:space-between;gap:6px;margin-bottom:15px}.game-label{gap:9px;min-width:0}.game-label strong{font-size:15px;white-space:nowrap;letter-spacing:-.4px}.game-heading small{color:#8190a5;font-size:11px;text-align:right}.letter{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.neutral{background:#e8edf5;color:#39506b}.hot{background:#fff0ce;color:#93600b}.cold{background:#dcecff;color:#2160ad}.balls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.ball{aspect-ratio:1;max-width:58px;width:100%;border-radius:50%;display:grid;place-items:center;font-size:clamp(14px,4.3vw,20px);font-weight:850;color:#fff;box-shadow:inset 0 -4px #00000017,0 2px 4px #101b3114;font-variant-numeric:tabular-nums}.ball.empty{background:#edf1f6;color:#94a2b7;box-shadow:none;border:1px dashed #d8dfe9}.ball.spinning{animation:wiggle .11s alternate infinite}@keyframes wiggle{to{transform:translateY(-5px) scale(1.05)}}@media(prefers-reduced-motion:reduce){.ball.spinning{animation:none}}.controls{padding-top:3px}.generate{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;background:#2563eb;color:#fff;font-weight:800;font-size:16px;width:100%;min-height:59px;padding:13px 15px;box-shadow:0 4px #174bc1;cursor:pointer;touch-action:manipulation}.generate:disabled{opacity:.72;cursor:wait}.generate:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #174bc1}.actions{display:flex;justify-content:space-between;align-items:center;min-height:32px;font-size:11px;color:#7b889b;margin:9px 3px 0;gap:10px}.actions button{background:none;border:0;color:#2563eb;font-size:12px;font-weight:750;cursor:pointer;padding:7px 4px;white-space:nowrap}.stats{border-top:8px solid #f5f7fa;padding:23px 14px 18px}.stats-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px}.stats h2{font-size:17px;letter-spacing:-.6px;margin:0}.stats-meta{font-size:12px;color:#69788e;margin:8px 0 13px}.sort{display:flex;gap:2px;border-radius:10px;background:#f0f3f7;padding:3px}.sort button{border:0;background:transparent;padding:8px 9px;border-radius:7px;font-size:11px;color:#748197;cursor:pointer}.sort button.selected{background:#fff;color:#1b273b;font-weight:800;box-shadow:0 1px 4px #17233c20}.legend{display:flex;gap:16px;font-size:11px;color:#748197;margin:10px 0 13px}.dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.hot-bg{background:#efc675}.cold-bg{background:#9fc7fc}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.stats-cell{border:1px solid #e6ebf2;border-radius:12px;text-align:center;padding:11px 2px 10px}.stats-cell.hot-cell{background:#fff8e9;border-color:#f6e1b9}.stats-cell.cold-cell{background:#edf5ff;border-color:#cfdef2}.stats-cell strong{display:block;font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}.stats-cell span{display:block;margin-top:6px;font-size:11px;color:#7f8c9d}.disclaimer{font-size:11px;color:#8390a1;line-height:1.75;margin:18px 0 7px}.source{color:#376fc4;font-size:12px}footer{text-align:center;color:#9ba5b4;font-size:10px;padding:0 15px 24px}@media(min-width:550px){.app{margin:20px auto;border-radius:18px;overflow:hidden}.hero{padding:36px 30px}.results{padding:22px}.game{padding:19px}.stats{padding:25px 22px}.stats-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #e8edf5;background:#fff;position:sticky;top:0;z-index:3}.nav button{padding:16px 4px;font-size:12px;font-weight:750;color:#8090a5;border:0;border-bottom:3px solid transparent;background:#fff;cursor:pointer}.nav button.active{color:#2563eb;border-color:#2563eb}.page[hidden],.actions button[hidden],.option-row[hidden]{display:none!important}.latest{margin:12px 13px 0;background:#f5f8ff;border:1px solid #e2ebff;border-radius:15px;padding:11px 13px}.latest .eyebrow{font-size:10px;display:block;color:#71819e;margin-bottom:5px}.latest strong{display:block;font-size:14px}.latest small{font-size:11px;color:#8a96a9}.latest p{margin:6px 0 0;font-size:12px;font-weight:700;color:#3a5990}.latest-balls{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.latest-balls .ball{width:32px;height:32px;font-size:12px}.latest-balls .bonus{margin-left:5px;position:relative}.latest-balls .bonus:before{content:"+";position:absolute;left:-10px;color:#71819e}.options{margin:12px 13px 5px;padding:16px 13px;border:1px solid #e6ebf2;border-radius:16px}.options h2,.section-heading h2{font-size:16px;margin:0 0 12px;letter-spacing:-.5px}.segments{display:flex;gap:4px;background:#f1f4f8;padding:4px;border-radius:11px;flex-wrap:nowrap}.segments button{flex:1;border:0;border-radius:8px;background:transparent;padding:11px 4px;color:#74829a;font-size:12px;font-weight:700;cursor:pointer}.segments button.selected{background:#fff;color:#1f4d94;box-shadow:0 1px 5px #122a481a}.segments.compact button{padding:8px 6px;font-size:11px}.hint{font-size:11px;color:#8391a4;line-height:1.55;margin:10px 0}.option-row{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:15px 0 0}.option-row strong{font-size:12px;white-space:nowrap}.option-row select{font-size:12px;border:1px solid #e0e7f0;border-radius:9px;background:#fff;padding:10px;max-width:66%;color:#263752}.option-row .segments{min-width:155px}details{border-top:1px solid #e9edf3;margin-top:15px;padding-top:14px}summary{font-size:12px;font-weight:800;cursor:pointer}summary span{float:right;font-weight:500;color:#7b8ea9;font-size:11px}.pick-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:12px 0 3px}.pick-grid button{width:100%;aspect-ratio:1;border:1px solid #e0e6ef;border-radius:50%;background:#fff;color:#4c5d77;font-size:11px;font-weight:750;padding:0;cursor:pointer}.pick-grid button.fixed{background:#2563eb;border-color:#2563eb;color:#fff}.pick-grid button.excluded{background:#fde5e5;border-color:#efb7b7;color:#b42d2d;text-decoration:line-through}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 12px}.section-heading h2{margin:0}.section-heading span{font-size:12px;color:#8391a4}.game .save-one{border:0;background:#f1f5fa;color:#607796;border-radius:7px;padding:7px 9px;cursor:pointer;margin-left:auto}.game-heading{gap:8px}.game-heading small{margin-left:auto}.game .game-label strong{font-size:14px}.game:nth-child(4) .letter,.game:nth-child(5) .letter{background:#e8edf5;color:#39506b}.results{padding-top:15px}.page-pad{padding:19px 13px;min-height:350px}.text-button{border:0;background:transparent;color:#2865bd;font-size:12px;cursor:pointer}.saved-list{display:grid;gap:10px}.saved-item{border:1px solid #e3eaf3;border-radius:13px;padding:13px}.saved-item .saved-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8190a5;margin-bottom:10px}.saved-item button{border:0;background:transparent;color:#ce5151;cursor:pointer;font-size:12px}.saved-item .balls{gap:4px}.saved-item .ball{font-size:14px}.empty-state{padding:50px 15px;text-align:center;color:#8797ac;font-size:13px}.stats{border-top:0}.actions{flex-wrap:wrap}.actions button{margin-left:auto}.actions button+button{margin-left:0}.nav{grid-template-columns:repeat(4,1fr)}.nav button{font-size:11px;padding:14px 2px}.qr-view{background:#f6f9fe;border:1px solid #e3ebf7;border-radius:14px;padding:13px;margin:16px 0}.qr-view video{width:100%;max-height:340px;object-fit:cover;border-radius:12px;margin-bottom:10px}.qr-view .generate{font-size:14px;min-height:48px}.plain-btn{display:block;width:100%;border:1px solid #d9e2ef;background:#fff;color:#2b5eaa;font-weight:750;font-size:13px;border-radius:11px;padding:12px;margin:9px 0;cursor:pointer}.plain-btn.primary{background:#2563eb;color:#fff;border:0}.field-label{font-size:12px;font-weight:750;display:block;margin:13px 0 7px}#qr-input{width:100%;border:1px solid #dce3ee;border-radius:11px;padding:12px;resize:vertical;font:12px/1.5 inherit;word-break:break-all}.qr-result{margin:12px 0}.qr-result h3{font-size:16px}.qr-error{color:#b43838;background:#fff1f1;border-radius:9px;padding:12px;font-size:12px}.qr-game{border:1px solid #e4ebf5;border-radius:13px;padding:12px;margin:8px 0}.qr-game strong{display:block;margin-bottom:10px;font-size:13px}.qr-game .ball{font-size:15px}.official-link{display:block;background:#132341;color:#fff;border-radius:12px;text-align:center;padding:14px;text-decoration:none;font-weight:750;font-size:13px;margin-top:15px}.deep-stats{border-top:1px solid #e8edf4;margin-top:25px;padding-top:20px}.deep-stats h3{font-size:13px;margin:21px 0 13px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{border:1px solid #e6edf5;border-radius:12px;padding:13px;background:#f9fbfe}.metric small{display:block;color:#8292a7;font-size:11px;margin-bottom:6px}.metric strong{font-size:14px}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:90px 1fr 35px;gap:7px;align-items:center;font-size:11px}.bar-row span{color:#73839a}.bar-track{height:11px;border-radius:8px;background:#edf2f9;overflow:hidden}.bar-track i{display:block;height:100%;background:#6296e7;border-radius:8px}.bar-row b{text-align:right;color:#536783;font-size:11px}@media(max-width:549px){.hero{padding:14px 20px 13px}.hero .kicker{font-size:9px;letter-spacing:1.9px}.hero h1{font-size:23px;line-height:1.12;letter-spacing:-.8px;margin:5px 0}.hero p{font-size:10px;line-height:1.35}}#page-generate .results>.generate{display:block;margin:0 0 20px}#page-generate .results>.section-heading{margin-top:0}.qr-camera-box{position:relative;overflow:hidden;border-radius:12px}.qr-camera-box video{width:100%;max-height:none;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:10px}.qr-camera-box video[hidden]{display:none}.qr-target{position:absolute;top:17%;right:21%;bottom:17%;left:21%;border:2px solid #ffffffee;border-radius:15px;box-shadow:0 0 0 999px #00000012;pointer-events:none}.qr-camera-box:has(video[hidden]) .qr-target{display:none}.qr-zoom-wrap{display:flex;align-items:center;gap:12px;font-size:12px;color:#536783;margin:8px 0}.qr-zoom-wrap[hidden]{display:none}.qr-zoom-wrap input{flex:1;min-width:0}