/* card pack opening (12 Oct night): js/client/47-pack-scene.js */
#pkScene{position:absolute;inset:0;z-index:60;background:#000;cursor:pointer}
#pkScene>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}
#pkScene .pkSum{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:calc(100% - 24px);overflow:auto;width:min(760px,calc(100% - 32px));padding:14px 16px;cursor:default;
  background:linear-gradient(180deg,#221a12f2,#120c08f2);border:2px solid #8d6847;box-shadow:0 8px 30px #000c;text-align:center;animation:pkUp .35s ease-out}
#pkScene .pkSum h3{margin:0 0 10px;font:700 20px var(--f-display);color:var(--gold);letter-spacing:.5px}
#pkScene .pkRow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#pkScene .pkC{flex:0 1 132px;min-width:84px;padding:6px 4px;border:2px solid var(--c);background:#0c0806;box-shadow:0 0 12px color-mix(in srgb,var(--c) 40%,transparent);display:flex;flex-direction:column;align-items:center;gap:2px}
#pkScene .pkC canvas{width:96px;height:96px;image-rendering:pixelated}
#pkScene .pkC b{font:600 12.5px var(--f-ui);color:var(--c);line-height:1.15}
#pkScene .pkC small{font:500 11px var(--f-ui);color:var(--dim)}
#pkScene .pkCnt{display:flex;gap:12px;justify-content:center;margin:10px 0 2px;font:600 12.5px var(--f-ui)}
#pkScene .pkBtns{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}
#pkScene .pkBtns .btn{font:600 14px var(--f-ui);padding:4px 16px}
@keyframes pkUp{from{transform:translate(-50%,-46%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}
@media (max-width:560px){#pkScene .pkC{flex-basis:30%}#pkScene .pkC canvas{width:56px;height:56px}}
/* 15 Oct (owner): a new card gives its stats at once, a duplicate goes to the craft */
#pkScene .pkC i{font:800 10.5px var(--f-ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;padding:1px 7px;margin-top:3px}
#pkScene .pkC .pkNw{color:#0c0806;background:#6ee58c}
#pkScene .pkC .pkDp{color:#c9bfa5;background:#2a241a;border:1px solid #4a4130}
#pkScene .pkCnt .pkNs{color:#c9bfa5}
#pkScene .pkHint{margin:6px auto 0;max-width:560px;font:500 12.5px/1.35 var(--f-ui);color:var(--dim);text-align:center}