.cp-layer{position:fixed;left:0;top:0;width:0;height:0;z-index:4;pointer-events:none;display:none;margin:0;padding:0}
.cp-layer.cp-show{display:block}
.cp-box{position:absolute;margin:0;padding:0;pointer-events:auto;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cp-panel,.cp-srcprev{--cp-cw:230px;--cp-iw:250px}
.cp-panel{position:fixed;left:0;top:0;z-index:4;display:flex;align-items:flex-start;gap:12px;
  box-sizing:border-box;margin:0;padding:10px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;
  background:rgba(16,12,8,.97);border:1px solid rgba(232,182,98,.45);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.65);
  color:#f0e8d8;font:13px/1.35 system-ui,'Segoe UI',sans-serif;text-align:left;pointer-events:none;
  opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}
.cp-panel.cp-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease,visibility 0s}
.cp-panel *{box-sizing:border-box}
.cp-card{position:relative;flex:0 0 auto;width:var(--cp-cw);height:calc(var(--cp-cw) * 1.515625)}
.cp-card img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;border:0}
.cp-card.cp-wait img{visibility:hidden}
.cp-card.cp-none{display:none}
.cp-info{flex:0 1 auto;width:var(--cp-iw);min-width:0}
.cp-name{margin:1px 0 6px;font-size:16px;font-weight:700;line-height:1.2;color:#f4e4b4;overflow-wrap:anywhere}
.cp-kws{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}
.cp-kw{padding:2px 7px;border:1px solid rgba(232,182,98,.38);border-radius:9px;background:rgba(232,182,98,.13);color:#e8b662;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}
.cp-statrow{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 5px;margin:0 0 8px;font-variant-numeric:tabular-nums;line-height:1.1}
.cp-sv{font-size:22px;font-weight:800;color:#f0e8d8}
.cp-sv.cp-up{color:#6ee26e}
.cp-sv.cp-dmg{color:#ff6b5b}
.cp-sl{font-size:18px;font-weight:600;color:#6f6656}
.cp-base{margin-left:7px;font-size:12px;color:#9a8f78}
.cp-text{margin:0 0 8px;font-size:12.5px;color:#d8ccb4;overflow-wrap:anywhere}
.cp-h{margin:8px 0 2px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#9a8f78}
.cp-en{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 -6px;padding:5px 6px;border-top:1px solid rgba(232,182,98,.14);border-radius:4px;font-size:12.5px;line-height:1.3;transition:background-color .1s ease}
.cp-en:first-child{border-top-color:transparent}
.cp-et{min-width:0;overflow-wrap:anywhere}
.cp-src{color:#a99c80;font-size:11.5px}
.cp-hs .cp-src{text-decoration:underline dotted rgba(169,156,128,.55);text-underline-offset:2px}
.cp-en.cp-hs:hover,.cp-en.cp-act{background:rgba(232,182,98,.11)}
.cp-en.cp-hs:hover .cp-src,.cp-en.cp-act .cp-src{color:#e8b662;text-decoration-color:rgba(232,182,98,.7)}
.cp-n{flex:0 0 auto;color:#e8b662;font-weight:700;font-variant-numeric:tabular-nums}
.cp-more{padding-top:3px;color:#9a8f78;font-size:11.5px}
.cp-srcprev{position:fixed;left:0;top:0;z-index:4;box-sizing:content-box;margin:0;padding:6px;width:var(--cp-cw);height:calc(var(--cp-cw) * 1.515625);
  background:rgba(16,12,8,.97);border:1px solid rgba(232,182,98,.45);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.65);
  pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s ease,visibility 0s linear .1s}
.cp-srcprev.cp-on{opacity:1;visibility:visible;transition:opacity .1s ease,visibility 0s}
.cp-srcprev img{display:block;width:100%;height:100%;border:0}
@media (max-width:900px),(max-height:620px){
  .cp-panel,.cp-srcprev{--cp-cw:170px;--cp-iw:220px}
  .cp-panel{gap:10px;padding:8px}
}
@media (max-width:560px),(max-height:440px){
  .cp-panel,.cp-srcprev{--cp-cw:120px;--cp-iw:180px}
  .cp-panel{gap:8px;padding:7px;font-size:12px}
  .cp-name{font-size:14px;margin-bottom:4px}
  .cp-sv{font-size:18px}
  .cp-sl{font-size:15px}
  .cp-base{font-size:11px}
  .cp-kw{font-size:10px;padding:1px 6px}
  .cp-en{font-size:11.5px;padding:4px 5px;margin:0 -5px}
  .cp-src,.cp-more{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  .cp-panel,.cp-panel.cp-on,.cp-srcprev,.cp-srcprev.cp-on,.cp-en{transition:none}
}