#hoverPanel{--line:var(--border,#D8E2DC);--green-dark:#14532D;--success:#15803d;--danger:#b91c1c;background:var(--surface,#fff);color:var(--text)}
html[data-theme="dark"] #hoverPanel{--green-dark:#4ADE80}
.st-table tr.deckcard{cursor:pointer}.st-table tr.deckcard:hover,.st-table tr.deckcard:focus{background:var(--soft);outline:none}
#hoverPanel{position:fixed;display:none;flex-direction:row;width:552px;max-width:calc(100vw - 16px);height:420px;max-height:calc(100vh - 16px);border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(20,83,45,.25);z-index:60;background:#fff;overflow:hidden;pointer-events:none}
#hoverPanel.on{display:flex}
#hoverPanel img{width:300px;height:418px;object-fit:contain;flex:0 0 300px;background:#fff}
#hoverPanel .hp-history{flex:1 1 auto;min-width:220px;max-width:252px;height:418px;overflow:hidden;padding:10px 12px;border-left:1px solid var(--line);background:var(--soft)}
#hoverPanel .hp-history h4{margin:0 0 2px;font-size:.95rem;color:var(--green-dark)}
#hoverPanel .hp-history .hp-sub{font-size:.76rem;color:var(--muted);font-weight:700;margin:0 0 8px}
#hoverPanel .hp-table{width:100%;border-collapse:collapse;font-size:.84rem}
#hoverPanel .hp-table th,#hoverPanel .hp-table td{border-top:1px solid var(--line);padding:5px 2px;text-align:left}
#hoverPanel .hp-table th{color:var(--muted)}
#hoverPanel .hp-change{font-weight:800;margin:6px 0;font-size:.88rem}
#hoverPanel .hp-note{font-size:.76rem;color:var(--muted);margin:8px 0 0}
#hoverPanel svg{display:block;width:100%;height:120px;margin:8px 0;background:#fff;border:1px solid var(--line);border-radius:8px}
html[data-theme="dark"] #hoverPanel{background:#16241d}
html[data-theme="dark"] #hoverPanel img{background:#16241d}
html[data-theme="dark"] #hoverPanel .hp-history{background:#1c2b24}
html[data-theme="dark"] #hoverPanel svg{background:#0f1c16}
@media(max-width:640px){#hoverPanel{flex-direction:column;width:min(92vw,340px);height:auto;max-height:88vh;overflow:auto}#hoverPanel img{width:100%;height:auto;max-height:38vh;flex:none}#hoverPanel .hp-history{max-width:none;width:100%;height:auto;border-left:0;border-top:1px solid var(--line)}}
#hoverPanel .hp-change.is-down,.history-strip .hp-change.is-down{color:var(--success)}
#hoverPanel .hp-change.is-up,.history-strip .hp-change.is-up{color:var(--danger)}
.history-strip svg,#hoverPanel svg{background:var(--surface)}
.history-strip svg polyline,#hoverPanel svg polyline{stroke:var(--success)}
.history-strip svg circle,#hoverPanel svg circle{fill:var(--success)}
.history-strip svg text,#hoverPanel svg text{fill:var(--muted)}
#hoverPanel .hp-sold{font-size:.8rem;font-weight:700;color:var(--text);margin:8px 0 4px}
#hoverPanel .hp-bars{display:flex;gap:3px;align-items:flex-end;height:44px;margin:4px 0 2px}
#hoverPanel .hp-bars span{flex:1;background:#15803d;border-radius:2px 2px 0 0;min-height:2px;cursor:default}
#hoverPanel{width:624px}
#hoverPanel .hp-history{max-width:322px}
#hoverPanel .hp-table{display:none}
#hoverPanel svg{height:104px;margin:6px 0}
#hoverPanel .hp-sub{margin:0 0 4px}
#hoverPanel .hp-change{margin:4px 0}
#hoverPanel .hp-note{margin:4px 0 0}
@media(max-width:640px){#hoverPanel{width:min(92vw,340px);overflow:hidden}#hoverPanel img{max-height:32vh}#hoverPanel .hp-history{max-width:none;height:auto;overflow:hidden}}
#hoverPanel .hp-close{position:absolute;top:4px;right:4px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#0b1220;color:#fff;font-size:28px;line-height:1;font-weight:700;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px rgba(0,0,0,.4)}
#hoverPanel .hp-close:hover,#hoverPanel .hp-close:focus-visible{background:#1f2937;outline:2px solid #4ADE80;outline-offset:1px}
html:not([data-theme="dark"]) #hoverPanel .hp-close{background:#111827;color:#fff}
#hoverPanel #hoverHistory>h4{padding-right:52px;min-height:40px;margin-top:0}
@media(max-width:640px){#hoverPanel{position:fixed}#hoverPanel .hp-close{position:sticky;top:6px;align-self:flex-end;margin:6px 6px -50px 0;flex:0 0 44px!important}#hoverPanel img{padding:0 52px;box-sizing:border-box}}
#hoverPanel .hp-usual{font-weight:600}
#hoverPanel{height:min(640px,calc(100vh - 16px))!important}
#hoverPanel .hp-history{height:auto!important;max-height:100%;overflow:hidden}
#hoverPanel .hp-sec{border-top:1px solid var(--line);padding-top:6px;margin-top:6px}
#hoverPanel .hp-sec-h{margin:0;font-size:.82rem;font-weight:800;color:var(--green-dark)}
#hoverPanel .hp-sec .hp-sub{margin:0 0 2px;font-size:.7rem}
#hoverPanel .hp-sec .hp-change{margin:2px 0;font-size:.8rem}
#hoverPanel .hp-src ul{margin:2px 0 0;padding-left:14px;font-size:.7rem;line-height:1.3}
#hoverPanel .hp-src li{margin:1px 0}
#hoverPanel .hp-sec:first-of-type svg{max-height:96px}
#hoverPanel .hp-soldbox{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
#hoverPanel .hp-7d{margin:2px 0 4px}
#hoverPanel .hp-7d svg{display:block;width:100%!important;height:26px!important;max-height:26px}
#hoverPanel .hp-7d svg.up polyline{stroke:#F87171!important}
#hoverPanel .hp-7d svg.dn polyline{stroke:#4ADE80!important}
#hoverPanel .hp-7d svg.fl polyline{stroke:#93A1B1!important}
#hoverPanel .hp-7d .hp-note{margin:0}
.hp-7d-sub{font-size:.72rem;color:var(--muted)}
#hoverPanel{pointer-events:auto!important;overflow:visible!important}
#hoverPanel::before{content:"";position:absolute;top:0;bottom:0;left:-26px;right:-26px;z-index:-1}
#hoverPanel .hp-history{overflow:hidden!important}
#hoverPanel .hp-bars span{cursor:pointer;outline:none}
#hoverPanel .hp-bars span.on,#hoverPanel .hp-bars span:hover{background:#4ADE80}
#hoverPanel .hp-tip{font-size:.78rem;color:var(--text);font-weight:700;margin:4px 0 0;min-height:2.2em}
@media(max-width:640px){#hoverPanel{overflow:hidden!important}#hoverPanel::before{display:none}}
#hoverPanel{height:auto!important;min-height:420px;align-items:stretch}
#hoverPanel .hp-history{height:auto!important;display:flex;flex-direction:column}
#hoverPanel .hp-actions{margin-top:auto;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
#hoverPanel .hp-mkt{margin:0;font-size:.8rem;color:var(--muted)}
#hoverPanel .hp-mkt b{color:var(--text)}
#hoverPanel .hp-tcg{display:flex;align-items:center;min-height:44px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--accent);font-weight:700;font-size:.85rem;text-decoration:none}
#hoverPanel .mini-alert{margin:0}
#hoverPanel .ma-btn{width:100%;text-align:left}
#hoverPanel .ma-form{flex-direction:column;flex-wrap:nowrap}
#hoverPanel .ma-form>*{width:100%;flex:0 0 auto}
@media(max-width:640px){#hoverPanel{min-height:0;max-height:calc(100vh - 24px)}#hoverPanel img{max-height:26vh!important}#hoverPanel svg{height:80px!important}}
@media(max-width:640px){#hoverPanel{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#hoverPanel::-webkit-scrollbar{display:none}#hoverPanel>*{flex-shrink:0!important}#hoverPanel .hp-history{overflow:visible!important}#hoverPanel img{max-height:22vh!important}#hoverPanel svg{height:64px!important}#hoverPanel .hp-bars{height:32px}}
@media(min-width:641px){#hoverPanel{max-height:90vh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none}#hoverPanel::-webkit-scrollbar{display:none}}
@media(min-width:641px) and (max-height:760px){#hoverPanel{width:560px}#hoverPanel img{width:240px!important;height:334px!important;flex:0 0 240px!important}#hoverPanel svg{height:84px!important;margin:4px 0!important}#hoverPanel .hp-bars{height:34px}#hoverPanel .hp-history{padding:8px 10px!important}#hoverPanel .hp-actions{gap:4px;padding-top:6px}}