/* LUMEN VEIL (static/js/games/lumen.js): the canvas is the only dark void; the rest is the hub-panel holo look */
.lmv-stage { position: relative; padding: 0; overflow: hidden; border-color: rgba(124, 255, 178, .25); }
.lmv-stage canvas { display: block; width: 100%; touch-action: none; cursor: crosshair; background: #010308; }
.lmv-hud { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline; font-family: var(--mono); font-size: 12px; letter-spacing: .08em; }
.lmv-hud b { color: var(--holo); font-weight: 600; }
.lmv-hud .lmv-state { flex: 1 1 100%; color: var(--amber); font-size: 11px; }
.lmv-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.lmv-bar button[disabled] { opacity: .45; cursor: default; }
.lmv-bar button { min-height: 36px; }
.lmv-bar button.hidden { display: none; }
/* TODAY'S VEIL: the day's board (games/lumen.py) */
.lmv-board { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-top: 10px; padding-top: 8px;
  border-top: 1px solid rgba(124, 255, 178, .18); font: 11px/1.5 var(--mono); letter-spacing: .06em; color: rgba(220, 235, 245, .8); }
.lmv-board:empty { display: none; }
.lmv-board b { color: #7cffb2; letter-spacing: .14em; font-size: 10.5px; }
.lmv-board i { font-style: normal; color: var(--holo); }
.lmv-board .lmv-me { color: #7cffb2; }
.lmv-board .lmv-row.me { color: #eaf6ff; }
.lmv-board .dim { color: rgba(205, 225, 240, .45); }
@media (max-width: 600px) { #tab-lumen .th-note { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } }
@media (max-width: 820px) { .lmv-hud { font-size: 11px; gap: 4px 12px; } }