@keyframes piece-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.piece-card{z-index:6;background:var(--g-surface);border:1px solid var(--g-line-strong);text-align:start;width:370px;max-width:calc(100% - 72px);padding:16px 16px 14px;animation:.25s cubic-bezier(.2,.8,.2,1) both piece-card-in;position:absolute;box-shadow:0 18px 40px -18px #000c}.piece-card.at-bottom{bottom:14px}.piece-card.at-top{top:14px}.piece-card.at-left{left:60px}.piece-card.at-right{right:14px}.map-area:has(.piece-card.at-bottom.at-right) .hint{display:none}.piece-head{align-items:center;gap:14px;padding-inline-end:24px;display:flex}.piece-head img{flex:none;width:auto;max-width:76px;height:46px;display:block;box-shadow:0 0 0 1px #f5f0e340,0 8px 18px -8px #000}.piece-head>div{min-width:0}.piece-kicker{color:var(--g-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 3px;font:700 10px/1.2 Space Mono,monospace}.piece-card h3{color:var(--g-ink);overflow-wrap:anywhere;margin:0;font:600 25px/1.08 Fraunces,Georgia,serif}.piece-other{color:var(--g-faint);margin:3px 0 0;font-size:12.5px}.piece-stats{border-top:1px solid var(--g-line);margin:14px 0 0;display:grid}.piece-stats>div{min-width:0;padding:10px 8px 0 0}.piece-stats>div+div{border-inline-start:1px solid var(--g-line);padding-inline-start:10px}.piece-stats dt{color:var(--g-faint);letter-spacing:.12em;text-transform:uppercase;font:700 9.5px/1.2 Space Mono,monospace}.piece-stats dd{color:var(--g-ink);overflow-wrap:anywhere;margin:4px 0 0;font:600 15px/1.2 Fraunces,Georgia,serif}.piece-stats dd small{color:var(--g-faint);margin-top:2px;font:400 11px/1.2 Inter,system-ui,sans-serif;display:block}.piece-credit{text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0;font-size:10.5px;overflow:hidden}.piece-credit a{color:var(--g-faint);text-decoration:none}.piece-credit a:hover{color:var(--g-muted);text-decoration:underline}.piece-close{top:8px;width:28px;height:28px;color:var(--g-faint);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:8px}.piece-close:hover{color:var(--g-ink)}.piece-close .g-icon{width:16px;height:16px}@media (width<=720px){.piece-card,.piece-card.at-left,.piece-card.at-right{width:auto;max-width:none;padding:12px 12px 10px;left:8px;right:8px}.piece-card.at-bottom{bottom:8px}.piece-card.at-top{top:8px;left:56px}.map-area:has(.piece-card.at-bottom) .hint{display:none}.piece-head img{height:38px}.piece-card h3{font-size:21px}}