#opponents{min-width:0;padding:8px 0 12px}
.opponents-title{margin:0 0 7px;color:#e5cca3;font:italic 15px Georgia,serif}
.opponents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.opponent-card{display:block;min-width:0;min-height:44px;padding:5px;background:#30231b;color:#f8e9c9;border:1px solid #896749;border-radius:4px;text-align:left;overflow:hidden}
.opponent-card:hover:enabled{background:#483125}.opponent-card[aria-pressed=true]{border-color:#efd08a;box-shadow:inset 0 0 0 1px #efd08a}
.opponent-heading{display:block;min-width:0;line-height:1.2}.opponent-heading strong{display:block;overflow:visible;white-space:normal;overflow-wrap:anywhere;font:700 12px Georgia,serif}.opponent-info{display:block;font:11px system-ui,sans-serif;color:#eddbbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opponent-board{display:block;position:relative;width:100%;aspect-ratio:1593/1439;isolation:isolate}.opponent-art{display:block;width:100%;height:100%;object-fit:fill}.opponent-chips{position:absolute;inset:0;z-index:2}.opponent-chip{position:absolute;width:6.6%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #0009)}
.opponent-bowl{position:absolute;width:24%;right:0;top:72%;z-index:1}.opponent-droplet,.opponent-rat{position:absolute;z-index:3;width:3.8%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #271d16;border-radius:50%;background:#f3a634;box-shadow:0 1px 2px #0009}.opponent-rat{display:grid;place-items:center;width:4%;background:#b8b7ab;color:#292e28;font:700 7px/1 Georgia,serif}
@media(max-width:1000px){#opponents{order:1;margin:0 12px;padding:5px 0}.opponents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.opponent-heading strong{font-size:14px}.opponent-info{font-size:12px}}