/* Outside the canvas so preview and action never cover the player or machines. */
.nearby-machine-card { display:grid; grid-template-columns:144px minmax(0,1fr) auto; align-items:center; gap:14px; margin:10px 0; padding:10px; border:1px solid #a89bc66e; border-radius:15px; background:#1b2135; color:#f4f1fb; box-shadow:0 8px 24px #070b192c; }
.nearby-machine-card[hidden] { display:none; }
.nearby-machine-art { position:relative; overflow:hidden; border-radius:10px; background:#11192e; line-height:0; }
.nearby-machine-art canvas { display:block; width:100%; height:auto; }
.nearby-machine-spark { position:absolute; left:24%; top:33%; width:8px; height:8px; border-radius:50%; background:#ffefd0; border:1px solid #24344a; box-shadow:0 0 6px #fff8bd; }
.nearby-machine-card[data-sector=adventure] .nearby-machine-spark { border-radius:2px; background:#8ee4f0; transform:rotate(45deg); }
.nearby-machine-card[data-sector=strategy] .nearby-machine-spark { border-radius:2px; background:#f0c379; }
.nearby-machine-card.is-visible[data-motion=on] .nearby-machine-spark { animation:nearby-preview-orbit 2.8s ease-in-out infinite alternate; }
.nearby-machine-info { min-width:0; }
.nearby-machine-info strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.nearby-machine-kicker { display:block; margin-bottom:4px; color:#ccc0e5; font-size:10px; letter-spacing:.06em; }
.nearby-machine-info .machine-progress-near { margin:5px 0 0; line-height:1.45; color:#ced3e2; font-size:12px; }
.nearby-machine-card button { min-height:44px; white-space:nowrap; }
:root[data-lounge-theme=light] .nearby-machine-card { background:#f7f5fb; color:#243149; border-color:#b9adc9; }
:root[data-lounge-theme=light] .nearby-machine-kicker,:root[data-lounge-theme=light] .nearby-machine-info .machine-progress-near { color:#4b526a; }
@keyframes nearby-preview-orbit { from { translate:0 0; } to { translate:42px 18px; } }
body.lounge-light .nearby-machine-spark,body.reduce-motion .nearby-machine-spark { animation:none!important; }
@media(prefers-reduced-motion:reduce) { .nearby-machine-card .nearby-machine-spark { animation:none!important; } }
@media(max-width:600px) { .nearby-machine-card { grid-template-columns:96px minmax(0,1fr); gap:10px; } .nearby-machine-card button { grid-column:1/-1; width:100%; } .nearby-machine-info strong { font-size:14px; } .nearby-machine-info .machine-progress-near { font-size:11px; } }