:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--dim: #8b949e;--gold: #d4a017;--accent: #58a6ff;--green: #3fb950;--purple: #8a2be2;--purple-glow: rgba(138, 43, 226, .4);--purple-light: #a78bfa}*{box-sizing:border-box}body{margin:0;font-family:Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text)}#app{max-width:880px;margin:0 auto;padding:24px 16px 64px}header h1{margin:0;font-size:1.5rem}.model{color:var(--gold);font-family:monospace}.version{color:var(--dim);font-family:monospace;font-size:.8rem;font-weight:400}.subtitle{color:var(--dim);margin:4px 0 12px;font-size:.85rem}.disclaimer{background:#2d1a00;border:1px solid #9e6a03;border-radius:8px;padding:10px 14px;font-size:.8rem;color:#e3b341}nav{display:flex;gap:8px;margin:20px 0;border-bottom:1px solid var(--border)}.tab{background:none;border:none;color:var(--dim);padding:10px 16px;cursor:pointer;font-size:.95rem;border-bottom:2px solid transparent}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.panel{display:none}.panel.active{display:block}.play-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.play-label{color:var(--gold);font-weight:700;min-width:64px}.balls{display:flex;gap:8px}.ball{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;background:radial-gradient(circle at 30% 30%,#f5d76e,var(--gold));color:#1a1a1a}.play-meta{color:var(--dim);font-size:.8rem;margin-left:auto}.next-info{color:var(--dim);margin-bottom:16px}.field-row{display:grid;grid-template-columns:36px 1fr 56px;align-items:center;gap:10px;margin-bottom:4px;font-size:.85rem}.field-num{text-align:right;font-family:monospace;color:var(--dim)}.field-bar-bg{background:var(--panel);border-radius:4px;height:18px;overflow:hidden;display:flex}.seg{height:100%}.seg.s1{background:var(--gold)}.seg.s2{background:var(--accent)}.seg.s3{background:var(--green)}.field-val{font-family:monospace;color:var(--dim)}.legend{display:flex;gap:16px;margin-bottom:16px;font-size:.8rem;color:var(--dim)}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}#run-backtest{background:var(--gold);color:#1a1a1a;border:none;border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:700;cursor:pointer}#run-backtest:disabled{opacity:.5;cursor:wait}#backtest-result{margin-top:20px}table{border-collapse:collapse;margin-top:12px}th,td{border:1px solid var(--border);padding:8px 14px;text-align:center}th{background:var(--panel)}.verdict{margin-top:16px;padding:12px 16px;border-radius:8px;background:var(--panel);border:1px solid var(--border);font-size:.9rem}#panel-theory ol li{margin-bottom:10px;line-height:1.7}.note{color:var(--dim);font-size:.85rem}.header-actions{display:flex;align-items:center;gap:12px;margin:12px 0 0}#refresh-data{background:var(--accent);color:#1a1a1a;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}#refresh-data:hover{opacity:.85}#refresh-data:disabled{opacity:.5;cursor:wait}#refresh-status{font-size:.8rem}.refresh-loading{color:var(--accent)}.refresh-done{color:var(--green)}.refresh-error{color:#f85149}.feedback-card{background:linear-gradient(135deg,#1a2332,#162030);border:1px solid var(--accent);border-radius:12px;padding:20px;margin-bottom:20px;animation:fadeSlideIn .4s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-card h3{margin:0 0 14px;font-size:1.05rem;color:var(--accent)}.feedback-actual{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.feedback-actual-label{color:var(--dim);font-size:.85rem;min-width:72px}.ball-actual{background:radial-gradient(circle at 30% 30%,#ff9a9e,#e63946)!important;color:#fff!important}.feedback-play{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.feedback-hit{font-size:.85rem;color:var(--dim)}.feedback-hit strong{color:var(--green)}.ball-hit{background:radial-gradient(circle at 30% 30%,#85e89d,#2ea043)!important;color:#1a1a1a!important;box-shadow:0 0 8px #2ea04380;animation:hitPulse .6s ease-out}@keyframes hitPulse{0%{transform:scale(.8);box-shadow:0 0 #2ea04300}50%{transform:scale(1.15);box-shadow:0 0 16px #2ea04399}to{transform:scale(1);box-shadow:0 0 8px #2ea04380}}.feedback-summary{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border);color:var(--dim);font-size:.85rem}.section-divider{margin:32px 0 24px;border:0;height:1px;background:linear-gradient(to right,transparent,var(--border),var(--purple),var(--border),transparent)}.section-title{font-size:1.2rem;margin:24px 0 16px;color:var(--purple-light);display:flex;align-items:center;gap:8px;text-shadow:0 0 8px var(--purple-glow)}.play-card.complementary{border-color:#8a2be24d;background:linear-gradient(135deg,var(--panel),#1c142b)}.play-card.complementary:hover{border-color:var(--purple);box-shadow:0 0 10px var(--purple-glow)}.play-label.complementary{color:var(--purple-light)}.ball-complementary{background:radial-gradient(circle at 30% 30%,#e9d5ff,var(--purple))!important;color:#fff!important}.feedback-section-title{font-size:.95rem;color:var(--purple-light);margin:16px 0 8px;border-bottom:1px solid rgba(138,43,226,.2);padding-bottom:4px}.ball-hit-complementary{background:radial-gradient(circle at 30% 30%,#d8b4fe,#6b21a8)!important;color:#fff!important;box-shadow:0 0 8px #6b21a880;animation:hitPulseComp .6s ease-out}@keyframes hitPulseComp{0%{transform:scale(.8);box-shadow:0 0 #6b21a800}50%{transform:scale(1.15);box-shadow:0 0 16px #6b21a899}to{transform:scale(1);box-shadow:0 0 8px #6b21a880}}