body{background:#0b0f14;color:#e5e7eb;font-family:Pretendard,sans-serif}
main{max-width:1100px;margin:auto;padding:20px 16px 70px}
.hero{padding:22px;border:1px solid rgba(148,163,184,.26);border-radius:14px;background:radial-gradient(120% 140% at 0 0,rgba(34,211,238,.2),transparent 50%),radial-gradient(120% 120% at 100% 0,rgba(59,130,246,.24),transparent 58%),linear-gradient(145deg,#0f172a,#0b1222)}
.ey{color:#67e8f9;font-size:11px;letter-spacing:.16em;font-weight:800}
.hero h1{font-size:30px;font-weight:900;margin:7px 0}
.hero p{color:#cbd5e1;font-size:14px}
.tabs{display:flex;gap:7px;margin:16px 0;padding:6px;background:#0e141d;border:1px solid rgba(255,255,255,.08);border-radius:10px}
.tab{flex:1;padding:11px;border:0;border-radius:8px;background:transparent;color:#94a3b8;font-weight:800}
.tab.active{background:#1d4ed8;color:#fff}
.view{display:none}.view.active{display:block}
.panel{background:#11151c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:17px;margin-bottom:13px}
.controls-panel{background:linear-gradient(180deg,rgba(18,25,36,.98),rgba(13,18,27,.98));border-color:rgba(148,163,184,.11)}
.input-panel{background:linear-gradient(180deg,rgba(14,27,31,.96),rgba(11,17,23,.98));border-color:rgba(103,232,249,.10)}
.pred-panel{background:linear-gradient(180deg,rgba(16,23,38,.98),rgba(11,16,25,.98));border-color:rgba(96,165,250,.13)}
.history-panel{background:linear-gradient(180deg,rgba(18,20,27,.98),rgba(12,15,20,.98));border-color:rgba(148,163,184,.08)}
.enhance-panel{background:linear-gradient(180deg,rgba(20,24,34,.98),rgba(13,17,24,.98));border-color:rgba(129,140,248,.10)}
.title{font-size:17px;font-weight:900;margin:0 0 4px}
.desc{font-size:12px;color:#94a3b8;margin:0 0 14px}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.label{font-size:12px;color:#9fb0ca;font-weight:800;display:block;margin-bottom:7px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.seg.two{grid-template-columns:repeat(2,1fr)}
.seg button{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#161b22;color:#aeb8ca;font-weight:800;transition:.15s}
.seg button:hover{border-color:rgba(255,255,255,.17);background:#1a2029}
.seg button.active{background:#1e3a5f;border-color:#3b82f6;color:#fff}
.gear-seg button{min-height:44px;background:#121822;letter-spacing:-.01em}
.gear-seg button.active{background:linear-gradient(180deg,#253852,#1a293d);border-color:#60a5fa;box-shadow:inset 0 0 0 1px rgba(96,165,250,.10)}
.grade-seg button{min-height:64px;padding:12px 14px;display:flex;align-items:center;justify-content:flex-start;text-align:left}
.grade-seg button img{width:36px!important;height:36px!important;object-fit:contain!important;margin-right:11px!important;vertical-align:middle!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.grade-seg button[data-v="advanced"]{background:linear-gradient(180deg,rgba(13,30,40,.98),rgba(13,20,31,.98));border-color:rgba(56,189,248,.18)}
.grade-seg button[data-v="highest"]{background:linear-gradient(180deg,rgba(29,20,49,.98),rgba(18,19,33,.98));border-color:rgba(139,92,246,.18)}
.grade-seg button.active[data-v="advanced"]{background:linear-gradient(180deg,rgba(20,57,78,.98),rgba(14,31,48,.98));border-color:#38bdf8;box-shadow:inset 0 0 0 1px rgba(56,189,248,.12),0 6px 16px rgba(14,165,233,.08)}
.grade-seg button.active[data-v="highest"]{background:linear-gradient(180deg,rgba(65,43,110,.98),rgba(31,25,58,.98));border-color:#8b5cf6;box-shadow:inset 0 0 0 1px rgba(139,92,246,.12),0 6px 16px rgba(124,58,237,.08)}
.status{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#7f8da5}
.stones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.stone{border:0;background:transparent;padding:8px 5px;border-radius:9px;display:flex;flex-direction:column;align-items:center}
.stone:hover{background:rgba(255,255,255,.035)}
.iw,.mini{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#090d13;display:grid;place-items:center;overflow:hidden;position:relative}
.iw{width:58px;height:58px}.mini{width:36px;height:36px;border-radius:7px}
.iw img{width:50px;height:50px;object-fit:contain}.mini img{width:30px;height:30px;object-fit:contain}
.fb{display:grid;place-items:center;font-size:26px}.mini .fb{font-size:18px}
.sn{font-size:12px;font-weight:900;margin-top:6px}.sp{font-size:11px;color:#94a3b8;margin-top:2px}
.rare .sp{color:#fbbf24}.rare .iw{box-shadow:0 0 18px rgba(251,191,36,.12)}
.top{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border:1px solid rgba(96,165,250,.2);border-radius:10px;background:#0d1420}
.topname{font-size:22px;font-weight:900}
.probpair{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.probpair div{padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#080d15}
.probpair span{font-size:9px;color:#64748b;display:block}.probpair b{font-size:14px}
.rank{font-size:26px;font-weight:900;color:#bfdbfe;text-align:right}.rank small{display:block;font-size:9px;color:#64748b}
.prow{display:grid;grid-template-columns:minmax(150px,1fr) 85px 85px 70px;gap:8px;padding:9px 3px;border-bottom:1px solid rgba(255,255,255,.055);align-items:center}
.pname{display:flex;align-items:center;gap:7px}.num{text-align:right;font-size:11px}.num small{display:block;color:#64748b;font-size:9px}
.warn{margin-top:12px;padding:11px;border:1px solid rgba(245,158,11,.23);border-radius:8px;background:#0c1118;color:#9aa7ba;font-size:11px}.warn strong{color:#fbbf24}
.hist{display:flex;flex-wrap:wrap;gap:6px}.chip{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#0d131c;font-size:11px}.chip img{width:24px;height:24px;object-fit:contain}
.actions{display:flex;gap:7px;margin-top:11px}.actions button{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#161b22;color:#b9c3d4;font-size:11px;font-weight:800}
select{width:100%;padding:11px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#11151c;color:#e5e7eb}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stat{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(180deg,#11151c,#0c0f14)}.stat small{color:#718098}.stat b{display:block;font-size:22px;margin-top:4px}
@media(max-width:760px){.controls{grid-template-columns:1fr}.stones{grid-template-columns:repeat(4,1fr)}.prow{grid-template-columns:minmax(130px,1fr) 65px 65px}.prow .official{display:none}.stats{grid-template-columns:1fr}.grade-seg button{min-height:58px}.grade-seg button img{width:32px!important;height:32px!important;margin-right:9px!important}}
@media(max-width:430px){main{padding:14px 10px 70px}.stones{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:25px}.grade-seg button{padding:10px 9px;font-size:13px}.grade-seg button img{width:28px!important;height:28px!important;margin-right:7px!important}}