/* Item hover card: crystal frame with cut corners, glowing cyan edge, see-through glass, centred text (drawn in CSS so it stays sharp) */
html body .game-item-tooltip,html body .item-description.game-item-tooltip{
 --tt-cut:18px;--tt-edge:#4cc9ff;
 position:fixed;z-index:9999;isolation:isolate;
 width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;
 padding:18px 20px 20px!important;border:0!important;border-radius:16px!important;background:none!important;box-shadow:0 0 16px 1px #1fa8ff59,0 0 3px #7fd8ff55,0 14px 28px #000b!important;
 color:#eef4fb;text-align:center;font:700 13.5px/1.42 BlitzSans,'Segoe UI',system-ui,sans-serif;
 /* glow = box-shadow (a CSS filter here would switch off the glass blur behind the card) */
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* glowing edge: bright outer line */
html body .game-item-tooltip::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.0;
 clip-path:polygon(var(--tt-cut) 0,calc(100% - var(--tt-cut)) 0,100% var(--tt-cut),100% calc(100% - var(--tt-cut)),calc(100% - var(--tt-cut)) 100%,var(--tt-cut) 100%,0 calc(100% - var(--tt-cut)),0 var(--tt-cut));
 background:linear-gradient(160deg,#9fe6ff 0%,#3db8ff 22%,#1a6fd6 50%,#3db8ff 78%,#9fe6ff 100%)}
/* see-through glass panel inside the edge, with a thin inner line */
html body .game-item-tooltip::after{content:"";position:absolute;inset:2px;z-index:-1;
 clip-path:polygon(calc(var(--tt-cut) - 1px) 0,calc(100% - var(--tt-cut) + 1px) 0,100% calc(var(--tt-cut) - 1px),100% calc(100% - var(--tt-cut) + 1px),calc(100% - var(--tt-cut) + 1px) 100%,calc(var(--tt-cut) - 1px) 100%,0 calc(100% - var(--tt-cut) + 1px),0 calc(var(--tt-cut) - 1px));
 background:
  radial-gradient(120% 30% at 50% 0,#3aa8ff2e,transparent 70%),
  radial-gradient(120% 25% at 50% 100%,#3aa8ff24,transparent 70%),
  linear-gradient(180deg,#0b2447d9 0%,#07162ecc 45%,#0a1f3ed9 100%);
 -webkit-backdrop-filter:blur(7px) saturate(1.15);backdrop-filter:blur(7px) saturate(1.15);
 box-shadow:inset 0 0 0 1px #0a3a66,inset 0 0 0 3px #7fd8ff33,inset 0 0 26px #2d9bff33}
/* item picture on top */
html body .game-item-tooltip .tooltip-model{height:92px!important;min-height:92px!important;margin:0 auto 8px!important;background:none!important}
/* title */
html body .game-item-tooltip .item-title{display:block;margin:0 0 8px!important;padding:0!important;background:none!important;text-align:center;
 font:800 15.5px/1.3 BlitzSans,'Segoe UI',system-ui,sans-serif!important;letter-spacing:.01em;text-shadow:0 0 8px #0008}
html body .game-item-tooltip p,html body .game-item-tooltip li{margin:1px 0!important;text-align:center!important;font-size:13.5px!important;line-height:1.42!important;text-shadow:0 1px 2px #000c}
html body .game-item-tooltip ul{padding:0;margin:0;list-style:none}
/* glowing divider line between sections, like the game card */
html body .game-item-tooltip .item-section{margin:0!important;padding:7px 0!important}
html body .game-item-tooltip .item-section+.item-section{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,#56c6ff99 20%,#9fe6ffcc 50%,#56c6ff99 80%,transparent) 1}
/* the vector frame (tooltip-frame.js) sits on top of the glass, under nothing clickable */
html body .game-item-tooltip>svg.tt-frame{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
html body .game-item-tooltip{box-shadow:0 0 18px #1fa8ff40,0 14px 28px #000b!important}
/* the hover card never catches the mouse: moving onto the next item always shows that item (like the in-game tooltip) */
html body .game-item-tooltip,html body .game-item-tooltip *{pointer-events:none!important}
/* item picture scales with the item's inventory size (a 1x1 jewel must not look huge) */
html body .game-item-tooltip .tooltip-model.tt-size-1{height:44px!important;min-height:44px!important;width:44px!important;margin:0 auto 6px!important}
html body .game-item-tooltip .tooltip-model.tt-size-2{height:62px!important;min-height:62px!important;margin:0 auto 6px!important}
html body .game-item-tooltip .tooltip-model.tt-size-4{height:80px!important;min-height:80px!important}
/* jewel descriptions (jewel-info.js) — in-game colours */
html body .game-item-tooltip .jw-count{color:#ff9d2e!important;font-weight:800;margin:0 0 6px!important}
html body .game-item-tooltip .item-jewel .jw-gold{color:#ffc93c!important}
html body .game-item-tooltip .item-jewel .jw-blue{color:#86b8ff!important}
html body .game-item-tooltip .item-jewel .jw-green{color:#3ddc84!important;margin-top:6px!important}
html body .game-item-tooltip .item-jewel .jw-purple{color:#b36bff!important}
html body .game-item-tooltip .item-jewel{border-top:0!important;padding-top:2px!important}
/* stack count badge on item icons (BzQty) */
.bz-qty-host{position:relative}
.bz-qty{position:absolute;top:1px;right:3px;z-index:3;pointer-events:none;font:800 11px/1 BlitzSans,'Segoe UI',sans-serif;color:#ff9d2e;text-shadow:0 1px 2px #000,0 0 4px #000}
.bank-site .bz-qty{font-size:9px;top:0;right:1px}