/* ============================================================
   展示循環（Attract Loop）— 編輯器樣式
   只在 attract 模式用到；不影響 story 模式既有節點外觀
   ============================================================ */

/* 各型別節點左緣色條（沿用 .node 既有外觀，加辨識色） */
.node.start    { border-left: 4px solid #00bcd4; }
.node.logo     { border-left: 4px solid #ffb300; }
.node.notice   { border-left: 4px solid #ff5252; }
.node.demoVideo{ border-left: 4px solid #ab47bc; }
.node.demoImage{ border-left: 4px solid #26a69a; }
.node.cover    { border-left: 4px solid #42a5f5; }
.node.random   { border-left: 4px solid #66bb6a; }
.node.wait     { border-left: 4px solid #8d99a6; }

/* 多出口節點（封面/隨機）的出口標籤列：埠對齊到每列中央 */
.node-attract-out {
    position: relative;
    padding: 3px 10px 3px 8px;
    margin-top: 4px;
    font-size: 12px;
    color: #cdd;
    background: rgba(255,255,255,0.05);
    border-radius: 4px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 語意出口（如封面「按鍵」→主選單）：無連線圓點，弱化樣式標示不可連 */
.node-attract-out-semantic {
    color: #90a4c4;
    font-style: italic;
    background: rgba(120,150,220,0.08);
}

/* 展示循環編輯面板的節點說明（node-defs 的 panelNote） */
.attract-panel-note {
    font-size: 12px;
    color: #bcd;
    background: #1e2740;
    border-left: 3px solid #4a90d9;
    padding: 7px 9px;
    border-radius: 4px;
    line-height: 1.55;
}

/* toolbar：attract 節點新增鈕（進出模式改由深度選單切換） */
.attract-node-btn { display: none; }

/* ============================================================
   展示循環播放器（attract-player）
   ============================================================ */
.al-stage {
    position: absolute;
    inset: 0;
    background: #000;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
.al-media { max-width: 100%; max-height: 100%; object-fit: contain; }
.al-cover-bg { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
.al-cover-title { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); max-width: 60%; max-height: 35%; }
.al-cover-prompt {
    position: absolute;
    bottom: 14%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: clamp(14px, 3vmin, 30px);
    text-shadow: 0 2px 8px rgba(0,0,0,0.8);
    text-align: center;
}
.al-blink { animation: alBlink 1.6s ease-in-out infinite; }
@keyframes alBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
.al-notice-text {
    max-width: 78%;
    color: #ddd;
    font-size: clamp(12px, 2.4vmin, 24px);
    line-height: 1.9;
}
.al-placeholder { color: #667; font-size: clamp(12px, 2.5vmin, 22px); }
.al-watermark {
    position: absolute;
    top: 4%;
    right: 4%;
    color: rgba(255,255,255,0.55);
    font-size: clamp(14px, 3vmin, 32px);
    font-weight: bold;
    letter-spacing: 4px;
    z-index: 5;
    pointer-events: none;
}