html[data-input=pad] .padfocus{box-shadow:inset 0 0 0 3px var(--gold-hi), inset 0 0 0 5.5px #08060e99, 0 0 0 1.5px #08060ed9, 0 0 30px -2px var(--gold-gl), 0 0 58px -16px var(--gold-hi);filter:brightness(1.16)saturate(1.12)}html[data-input=pad] .ccard.padfocus,html[data-input=pad] .scard.relic-slot.padfocus,html[data-input=pad] .scard.slab.padfocus{box-shadow:inset 0 0 0 4px var(--gold-hi), inset 0 0 0 7.5px #08060e99, 0 0 0 2px #08060ed9, 0 0 42px -2px var(--gold-gl), 0 0 76px -18px var(--gold-hi)}html[data-input=pad] .pnode.padfocus{box-shadow:none}html[data-input=pad] .pnode.padfocus .pseal{box-shadow:inset 0 0 0 3px var(--gold-hi), inset 0 0 0 5.5px #08060e99, 0 0 0 1.5px #08060ed9, 0 0 26px -2px var(--gold-gl), 0 0 46px -14px var(--gold-hi);filter:brightness(1.18)saturate(1.12)}.padhint-layer{pointer-events:none;z-index:var(--z-hints);display:none;position:absolute;inset:0}html[data-input=pad] .padhint-layer{display:block}.padhint{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);font-family:var(--disp);font-weight:800;font-size:calc(15px * var(--ts,1));letter-spacing:.12em;color:var(--bone);text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#0c1020f0;align-items:center;gap:8px;padding:6px 16px 5px 10px;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1.5px #4a90d88c,0 6px 16px -8px #000000e6}.padhint.padhint--trailing{transform:translateY(-50%)}.padhint.padhint--leading{transform:translate(-100%,-50%)}.padhint.padhint--top{transform:translate(-50%,-100%)}.padhint.padhint--below{transform:translate(-50%)}.padhint-glyph{width:30px;height:30px;color:var(--gold-hi);flex:none;display:inline-flex}.padhint-glyph svg{width:100%;height:100%}.padhint-label{line-height:1}
