.dn-live-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:14px 0 20px; }
.dn-live-card { --accent:#d6df91; --glow:#526132; display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid #3a4851; border-top:3px solid var(--accent); border-radius:10px; background:radial-gradient(ellipse at top right,#37432a55,transparent 65%),#151e24; color:#d8e1eb; font:13px/1.5 Arial,sans-serif; }
.dn-live-card.dn-discord { --accent:#b1a5ff; --glow:#51457e; background:radial-gradient(ellipse at top right,#56458a55,transparent 65%),#191d2d; }
.dn-live-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; color:var(--accent); font:700 10px/1.5 Arial,sans-serif; letter-spacing:1px; }
.dn-live-title { display:flex; align-items:center; gap:12px; margin:20px 0; }
.dn-live-card .dn-live-title h2 { color:#f4f6fa; margin:0 0 4px; font:700 22px/1.25 Arial,sans-serif; }
.dn-live-card .dn-live-title p { color:#afbdcc; margin:0; font:12px/1.5 Arial,sans-serif; overflow-wrap:anywhere; }
.dn-crosshair,.dn-discord-mark { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border:1px solid var(--accent); border-radius:6px; color:var(--accent); background:#ffffff06; font:700 30px/1 monospace; }
.dn-discord-mark { font:800 24px/1 Arial,sans-serif; border-radius:13px; }
.dn-telemetry { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:12px; padding:14px; border:1px solid #ffffff15; background:#070d1455; border-radius:6px; }
.dn-telemetry div { min-width:0; }
.dn-telemetry span { display:block; color:#a5b4c5; font-size:10px; letter-spacing:1px; }
.dn-telemetry strong { display:block; margin-top:5px; color:var(--accent); font:700 20px/1.3 Consolas,monospace; overflow-wrap:anywhere; }
.dn-capacity { height:5px; margin:14px 0 9px; background:#070d14; border-radius:4px; overflow:hidden; }
.dn-capacity span { display:block; height:100%; width:0; background:var(--accent); }
.dn-slot-grid { display:grid; grid-template-columns:repeat(16,minmax(0,1fr)); gap:4px; }
.dn-slot-grid span { height:7px; border:1px solid #617048; background:#202b22; border-radius:1px; }
.dn-slot-grid span.occupied { background:var(--accent); border-color:var(--accent); }
.dn-live-card .dn-live-note { margin:12px 0; color:#aebdcd; font:11px/1.6 Arial,sans-serif; }
.dn-live-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:8px; }
.dn-live-card .dn-action { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:36px; padding:8px 12px; border:1px solid #ffffff35; border-radius:5px; background:#ffffff08; color:#e3e9f3; font:600 12px/1.4 Arial,sans-serif; text-decoration:none; cursor:pointer; }
.dn-live-card .dn-action-primary { background:var(--accent); color:#131923; border-color:var(--accent); }
.dn-live-card .dn-action:hover { filter:brightness(1.15); }
.dn-live-card .dn-action:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.dn-discord-features { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0 0; }
.dn-discord-features span { padding:5px 9px; color:#d2caff; background:#a590ff13; border:1px solid #a590ff35; border-radius:4px; font-size:11px; }
#dn-copy-result:not(:empty) { display:block; margin-top:8px; color:var(--accent); }
@media(max-width:760px) { .dn-live-grid { grid-template-columns:minmax(0,1fr); } .dn-live-card { padding:16px; } .dn-live-card .dn-live-title h2 { font-size:20px; } }