:root{--bg:#050914;--bg-deep:#030711;--surface:#0b152ad1;--surface-strong:#0d1b34f5;--surface-soft:#1325448a;--line:#5b8bd538;--line-bright:#3ed5ff6b;--text:#dfeaff;--text-dim:#7f96b8;--muted:#526783;--cyan:#34e4ff;--blue:#4f8cff;--green:#2af5b1;--yellow:#ffd65c;--red:#ff5479;--violet:#a578ff;--accent:#34e4ff;--accent2:#102b50;--radius:16px;--radius-sm:10px;--spacing:22px;--shadow:0 22px 70px #00000057}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 5%, #2275ff26, transparent 30%), radial-gradient(circle at 85% 18%, #9245ff21, transparent 27%), linear-gradient(145deg, var(--bg-deep), var(--bg) 52%, #071123);font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.55;overflow-x:hidden}.grid-overlay{z-index:-3;pointer-events:none;opacity:.22;background-image:linear-gradient(#4e8aff17 1px,#0000 1px),linear-gradient(90deg,#4e8aff17 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.ambient{z-index:-2;filter:blur(100px);pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#00b5ff26;width:360px;height:360px;top:28%;left:-170px}.ambient-two{background:#9046ff24;width:420px;height:420px;top:48%;right:-220px}.topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#050e1ff2,#050c1ac7);border-bottom:1px solid #51a1ff38;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent);opacity:.72;height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar-inner{align-items:center;gap:24px;width:min(1540px,100% - 40px);min-height:118px;margin:auto;display:flex}.brand-logo{background:#fff;border:1px solid #57bdff57;border-radius:17px;flex:0 0 70px;place-items:center;width:70px;height:70px;display:grid;overflow:hidden;box-shadow:0 0 0 4px #229eff0e,0 0 32px #00b7ff24}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-copy{flex:1}.eyebrow,.section-kicker,.game-code{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:800}.brand-copy h1{letter-spacing:.08em;color:#f4f8ff;margin:3px 0 2px;font-size:clamp(24px,2.4vw,36px);line-height:1.15}.brand-copy p{color:var(--text-dim);font-size:13px}.system-status{background:#2af5b10e;border:1px solid #2af5b140;border-radius:12px;align-items:center;gap:12px;min-width:172px;padding:13px 17px;display:flex}.system-status small{color:var(--text-dim);letter-spacing:.15em;font-size:9px;display:block}.system-status strong{color:var(--green);letter-spacing:.12em;font-size:13px}.status-dot,.pulse{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 5px #2af5b117, 0 0 16px var(--green);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.55;box-shadow:0 0 0 9px transparent, 0 0 8px var(--green)}}.container{width:min(1540px,100% - 40px);margin:0 auto;padding:28px 0 54px}.hero-strip{justify-content:space-between;align-items:flex-end;gap:20px;padding:3px 2px 20px;display:flex}.hero-strip h2{letter-spacing:.04em;margin:4px 0;font-size:26px}.hero-strip p{color:var(--text-dim);font-size:13px}.hero-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hero-badges span,.window-badge,.live-chip{border:1px solid var(--line);color:#a9bddd;letter-spacing:.05em;background:#0f1f39a6;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-badges .pulse{width:5px;height:5px}.overview-grid{gap:var(--spacing);margin-bottom:var(--spacing);grid-template-columns:1fr 1fr;display:grid}.game-overview,.card,.optimize-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0d1b34ed,#081123e0);position:relative;overflow:hidden}.game-overview:before,.card:before,.optimize-panel:before{content:"";background:linear-gradient(90deg,#0000,#34e4ffb3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.game-overview{padding:20px}.ssq-overview{box-shadow:inset 0 0 55px #24aeff09, var(--shadow)}.dlt-overview:before{background:linear-gradient(90deg,#0000,#a578ffcc,#0000)}.overview-head,.card-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.overview-head h3,.card-title-row h3{color:#f4f8ff;letter-spacing:.04em;font-size:20px}.game-code{margin-bottom:2px;display:block}.algo-badge{letter-spacing:.04em;border:1px solid;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800}.algo-badge.cyan{color:var(--cyan);background:#34e4ff12;border-color:#34e4ff6b}.algo-badge.violet{color:#bf9cff;background:#a578ff14;border-color:#a578ff7a}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{background:linear-gradient(145deg,#1326458c,#08112273);border:1px solid #5784c82b;border-radius:12px;flex-direction:column;justify-content:center;min-height:112px;padding:14px;transition:transform .22s,border-color .22s,background .22s;display:flex}.stat-card:hover{border-color:var(--line-bright);background:#162d4f9e;transform:translateY(-2px)}.stat-card .label{color:var(--text-dim);letter-spacing:.04em;font-size:11px}.stat-card .value{color:#f6f9ff;letter-spacing:-.02em;margin:4px 0 0;font:750 29px/1.15 Segoe UI,sans-serif}.stat-card .value.green{color:var(--green);text-shadow:0 0 22px #2af5b129}.stat-card .value.red{color:var(--red);text-shadow:0 0 22px #ff547929}.stat-card .value.blue{color:#68a5ff}.stat-card .value.yellow{color:var(--yellow)}.stat-card .sub{min-height:17px;color:var(--muted);margin-top:5px;font-size:10px}.prize-breakdown{background:#040b1747;border:1px solid #5586cf26;border-radius:12px;flex-wrap:wrap;gap:7px;margin-top:13px;padding:12px;display:flex}.prize-breakdown:empty{display:none}.prize-breakdown-title{width:100%;color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;font-size:11px;display:flex}.algo-version-badge{color:var(--cyan);font-weight:700}.prize-chip{border:1px solid var(--line);background:#32548217;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11px;display:inline-flex}.prize-chip .chip-name{color:#b9c8e2}.prize-chip .chip-count{color:var(--cyan);font-size:13px;font-weight:800}.prize-chip.lv1,.prize-chip.lv2,.prize-chip.lv3{border-color:#ff547980}.prize-chip.lv1 .chip-count,.prize-chip.lv2 .chip-count,.prize-chip.lv3 .chip-count{color:var(--red)}.prize-chip.lv4,.prize-chip.lv5{border-color:#ffd65c6e}.prize-chip.lv4 .chip-count,.prize-chip.lv5 .chip-count{color:var(--yellow)}.prize-chip.lv6,.prize-chip.lv7,.prize-chip.lv8{border-color:#2af5b159}.prize-chip.lv6 .chip-count,.prize-chip.lv7 .chip-count,.prize-chip.lv8 .chip-count{color:var(--green)}.command-deck{z-index:20;min-height:72px;margin-bottom:var(--spacing);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#060f20e0;border:1px solid #548fde42;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:10px 12px;display:flex;position:sticky;top:10px;box-shadow:0 15px 45px #00000047}.tabs{gap:7px;display:flex}.tab{min-width:130px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:750;transition:all .2s}.tab span{color:var(--muted);margin-right:6px;font-size:10px}.tab:hover{color:#fff;background:#3e74bb1f}.tab.active{color:var(--cyan);background:linear-gradient(135deg,#34e4ff1f,#4f8cff17);border-color:#34e4ff57;box-shadow:inset 0 0 25px #34e4ff0b}.tab.active span{color:var(--cyan)}.command-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.pipeline-state{color:var(--text-dim);align-items:center;gap:8px;margin-right:4px;font-size:11px;display:flex}.pipeline-state i{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%}.pipeline-state.running i{background:var(--yellow);box-shadow:0 0 10px var(--yellow);animation:1s infinite pulse}.pipeline-state.error i{background:var(--red);box-shadow:0 0 10px var(--red)}.btn{color:#fff;cursor:pointer;letter-spacing:.025em;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:10px 17px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#03111a;background:linear-gradient(120deg, var(--cyan), #71a7ff);box-shadow:0 8px 26px #34e4ff2b}.btn-primary:hover{box-shadow:0 10px 32px #34e4ff47}.btn-secondary{color:#a9c5ef;border-color:var(--line);background:#1b375d6b}.primary-grid{gap:var(--spacing);margin-bottom:var(--spacing);grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr);align-items:stretch;display:grid}.card,.optimize-panel{padding:21px}.card-title-row h3{margin-top:3px;font-size:19px}.live-chip{color:var(--green);border-color:#2af5b14d}.prediction-card{min-height:520px}.recent-card{flex-direction:column;min-height:760px;max-height:1210px;display:flex;overflow:hidden}.recent-card .card-title-row{flex:none}.recent-card .recent-draws-table{flex:auto;min-height:0;max-height:1110px}.ticket{background:linear-gradient(90deg,#142a4c6b,#08122552);border:1px solid #5385ca29;border-radius:12px;grid-template-columns:74px minmax(300px,1fr) auto;align-items:center;gap:12px;margin-bottom:10px;padding:13px 15px;transition:all .2s;display:grid}.ticket:hover{border-color:#34e4ff52;transform:translate(2px)}.ticket-priority-top{border-color:#2af5b157;box-shadow:inset 3px 0 #2af5b1b8,0 10px 28px #0000002e}.ticket-num{color:var(--cyan);letter-spacing:.03em;font-size:13px;font-weight:800}.ticket-balls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ticket-info{color:var(--text-dim);text-align:right;font-size:11px}.ranking-notice{color:var(--text-dim);background:#ffd65c0b;border:1px solid #ffd65c33;border-radius:10px;gap:3px;margin:0 0 13px;padding:10px 12px;font-size:11px;display:grid}.ranking-notice strong{color:var(--yellow);font-size:12px}.ticket-analysis{background:#ffffff08;border-radius:7px;grid-column:1/-1;padding:8px 10px;font-size:11px}.ticket-analysis-row{flex-wrap:wrap;align-items:center;gap:5px 13px;display:flex}.priority-pill{background:#34e4ff0d;border:1px solid #34e4ff2e;border-radius:999px;padding:2px 7px}.ranking-validation{background:linear-gradient(120deg,#4f8cff13,#a578ff0e);border:1px solid #a578ff38;border-radius:10px;gap:9px;margin-top:13px;padding:12px;font-size:11px;display:grid}.ranking-validation>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;display:flex}.ranking-validation>div:first-child strong{color:#d9ccff}.ranking-validation>div:first-child span{color:var(--text-dim)}.ranking-validation-metrics{color:var(--text-dim);flex-wrap:wrap;gap:7px 16px;display:flex}.ranking-validation-metrics strong{color:var(--cyan)}.ranking-validation-metrics .weak-signal{color:var(--yellow)}.ball{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;margin:1px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 6px 14px #00000038}.ball-red{background:radial-gradient(circle at 35% 28%,#ff7b94,#d72d55 52%,#78142c);border:1px solid #ff73919e}.ball-blue{background:radial-gradient(circle at 35% 28%,#62d4ff,#2775dc 55%,#133878);border:1px solid #63c1ffb8}.single-loading{min-height:150px;margin-bottom:14px}.single-decision{background:radial-gradient(circle at 95% 0,#34e4ff1a,#0000 35%),linear-gradient(145deg,#0e2340d1,#061122c2);border:1px solid #34e4ff47;border-radius:14px;margin-bottom:18px;padding:17px;position:relative;overflow:hidden}.single-decision:before{content:"";background:var(--cyan);width:3px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #34e4ffb3}.single-decision.single-fallback{background:radial-gradient(circle at 95% 0,#ffd65c17,#0000 35%),linear-gradient(145deg,#23222ed1,#091222c2);border-color:#ffd65c4d}.single-decision.single-fallback:before{background:var(--yellow);box-shadow:0 0 18px #ffd65c8c}.single-decision-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.single-decision-head h4{color:#f4f8ff;margin:3px 0 0;font-size:17px}.single-strategy-badge{color:var(--cyan);background:#34e4ff12;border:1px solid #34e4ff57;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.single-fallback .single-strategy-badge{color:var(--yellow);background:#ffd65c12;border-color:#ffd65c57}.single-ticket-main{flex-wrap:wrap;gap:5px;margin:15px 0 10px;display:flex}.single-ticket-main .ball{width:39px;height:39px;font-size:14px}.single-reason{color:#b9c8e0;font-size:11px}.single-comparison-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.single-comparison-item{background:#030a1652;border:1px solid #5281c429;border-radius:9px;gap:4px;padding:10px;display:grid}.single-comparison-item span{color:var(--text-dim);font-size:10px}.single-comparison-item strong{color:#eef5ff;font-size:13px}.single-comparison-item strong i{color:var(--muted);margin:0 4px;font-size:9px;font-style:normal}.single-comparison-item small{font-size:10px;font-weight:700}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.compressed-alternative{color:var(--text-dim);border:1px dashed #ffd65c3d;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding:9px 10px;font-size:10px;display:flex}.compressed-alternative>div{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:flex}.compressed-alternative .ball{width:25px;height:25px;font-size:9px}.single-details{border-top:1px solid #5784c824;margin-top:12px}.single-details summary{color:#b9c8e0;cursor:pointer;padding:11px 2px 4px;font-size:11px;font-weight:700}.single-detail-summary{color:var(--text-dim);margin:8px 0;font-size:10px}.single-prize-table{max-height:275px}.single-hit-lines{color:var(--text-dim);gap:5px;margin-top:9px;font-size:10px;line-height:1.5;display:grid}.single-caveat{color:var(--muted);margin-top:10px;font-size:9px}.analytics-card{margin-bottom:var(--spacing)}.window-badge{color:var(--cyan);border-color:#34e4ff4d}.diagnostic-panel{background:linear-gradient(120deg,#e945600e,#4e8aff0a);border:1px solid #ff6f9130;border-radius:13px;margin-bottom:14px;padding:14px}.diagnostic-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.diagnostic-summary>div{background:#030a1647;border:1px solid #5a88c924;border-radius:9px;gap:4px;padding:10px;display:grid}.diagnostic-summary span{color:var(--text-dim);font-size:10px}.diagnostic-summary strong{color:#f1f6ff;font-size:14px}.diagnostic-findings{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.diagnostic-findings>div{border-left:2px solid var(--cyan);background:#34e4ff09;gap:5px;padding:11px;display:grid}.diagnostic-findings b{color:var(--cyan);font-size:10px}.diagnostic-findings span{color:#b9c8e0;font-size:11px;line-height:1.55}.diagnostic-reasons{gap:6px;margin-top:9px;display:grid}.diagnostic-reasons>div{color:var(--text-dim);border:1px solid #e9456021;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:10px;display:flex}.diagnostic-reasons strong{color:#ff8ba4}.chart-panel{background:#050d1c59;border:1px solid #5385ca26;border-radius:13px;padding:14px 14px 4px}.chart-wide{margin-bottom:14px}.chart-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chart-caption{justify-content:space-between;align-items:baseline;gap:15px;padding:0 2px 8px;display:flex}.chart-caption strong{color:#cfdcf2;font-size:12px}.chart-caption span{color:var(--muted);font-size:10px}.chart-container{height:280px;position:relative}.chart-wide .chart-container{height:330px}.secondary-grid{gap:var(--spacing);grid-template-columns:minmax(0,1.45fr) minmax(370px,.7fr);align-items:start;display:grid}.history-card{min-width:0}.optimize-panel{background:linear-gradient(145deg,#141939f0,#091226eb)}.optimize-panel:before{background:linear-gradient(90deg, transparent, var(--violet), transparent)}.panel-copy{color:var(--text-dim);margin:-4px 0 16px;font-size:12px}.optimize-result{background:#090b1e57;border:1px solid #a578ff29;border-radius:12px;padding:14px}.empty-state{min-height:150px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty-state span{color:var(--violet);font-size:28px}.config-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.config-item{background:#32366c1f;border:1px solid #7076d024;border-radius:9px;padding:11px}.config-item .label{color:var(--text-dim);font-size:10px}.config-item .value{color:#fff;margin-top:2px;font-size:15px;font-weight:800}.table-wrap{border:1px solid #507dbe1f;border-radius:10px;max-height:510px;overflow:auto}.compact-table{max-height:434px}.table-wrap table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #4e77b21f;padding:10px 11px}th{z-index:2;color:#9eb2d1;letter-spacing:.04em;background:#0c1b33f5;font-size:10px;font-weight:750;position:sticky;top:0}td{color:#b9c8e0}.table-wrap tr:hover td{color:#eaf2ff;background:#34e4ff06}.hit-badge{border:1px solid;border-radius:999px;justify-content:center;min-width:42px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.hit-4{color:var(--yellow);background:#ffd65c14;border-color:#ffd65c73}.hit-3{color:var(--green);background:#2af5b112;border-color:#2af5b161}.hit-2{color:#77a9ff;background:#4f8cff12;border-color:#4f8cff66}.hit-0,.hit-1{color:var(--text-dim);background:#7f96b80d;border-color:#7f96b840}.back-hit{min-width:38px;color:var(--text-dim);background:#7f96b80d;border:1px solid #7f96b840;border-radius:999px;justify-content:center;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.back-hit.is-hit{color:#79b4ff;background:#4e8aff17;border-color:#4e8aff73}.loading{min-height:100px;color:var(--text-dim);place-content:center;justify-items:center;font-size:12px;display:grid}.spinner{border:2px solid #34e4ff21;border-top-color:var(--cyan);border-radius:50%;width:28px;height:28px;margin-bottom:10px;animation:.75s linear infinite spin;box-shadow:0 0 18px #34e4ff1f}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid;border-radius:10px;max-width:440px;padding:12px 17px;font-size:12px;animation:.25s slideIn;position:fixed;top:22px;right:22px;box-shadow:0 14px 40px #00000059}.toast-success{background:#115347eb;border-color:#2af5b180}.toast-error{background:#661d32f0;border-color:#ff547980}.toast-info{background:#1a3d71f0;border-color:#4f8cff80}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}}footer{width:min(1540px,100% - 40px);color:var(--muted);letter-spacing:.05em;border-top:1px solid #5784c824;justify-content:space-between;gap:20px;margin:0 auto;padding:18px 0 30px;font-size:10px;display:flex}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#040a148c}::-webkit-scrollbar-thumb{background:#4d78b56b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#34e4ff73}@media (max-width:1180px){.overview-grid,.primary-grid,.secondary-grid{grid-template-columns:1fr}.recent-card{min-height:620px}.compact-table{max-height:520px}.command-deck{flex-wrap:wrap;position:relative;top:0}.command-actions{flex-wrap:wrap}}@media (max-width:760px){.topbar-inner,.container,footer{width:min(100% - 24px,1540px)}.topbar-inner{gap:14px;min-height:98px}.brand-logo{border-radius:12px;flex-basis:50px;width:50px;height:50px}.system-status{display:none}.brand-copy h1{font-size:22px}.hero-strip{flex-direction:column;align-items:flex-start}.hero-badges{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.command-deck,.command-actions{flex-direction:column;align-items:stretch}.tabs{width:100%}.tab{flex:1;min-width:0}.pipeline-state{padding:5px}.chart-row{grid-template-columns:1fr}.diagnostic-summary{grid-template-columns:repeat(2,1fr)}.diagnostic-findings{grid-template-columns:1fr}.chart-container,.chart-wide .chart-container{height:270px}.ticket{grid-template-columns:1fr}.ticket-info{text-align:left}.single-decision-head,.compressed-alternative{flex-direction:column;align-items:flex-start}.single-comparison-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:minmax(0,1fr)}footer{flex-direction:column}}