/* css/battle-host.css — 嵌入式 ptcgBattle 战斗视图的宿主样式
   仅包含「进入对战」入口等由 ptcg 侧提供的外壳样式；
   战斗视图自身样式全部在 battle/style.css，且已限定在 #battle-app 作用域内。 */

/* 入口容器：与 .content-wrapper 的左右留白一致 */
.battle-entry {
    max-width: 1200px;
    margin: 0 auto 10px;
    padding: 0 12px;
}

/* 入口按钮：配色/圆角/字号对齐 ptcg 的 .search-button 与 .search-input，避免风格突兀。
   高度按内容自适应（约 38px），比搜索框略矮，减少对页面原有节奏的挤压。 */
.battle-entry-btn {
    display: block;
    width: 100%;
    padding: 10px 18px;
    border: 1px solid rgba(129, 140, 248, 0.24);
    border-radius: 22px;
    background: rgba(129, 140, 248, 0.12);
    color: #d4d4d8;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: bold;
    line-height: 1.3;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .12s ease;
    -webkit-tap-highlight-color: transparent;
}

.battle-entry-btn:hover {
    background: rgba(129, 140, 248, 0.2);
    border-color: rgba(129, 140, 248, 0.36);
}

.battle-entry-btn:active {
    transform: scale(.995);
}

.battle-entry-btn:disabled {
    opacity: .6;
    cursor: default;
}

/* 战斗视图激活时隐藏宿主内容：
   - .search-header 是 position:fixed + z-index:1001，会压在战斗层之上；
   - 用 visibility 而非 display，切回卡牌库时可保留滚动位置与列表状态。 */
body.ptcg-battle-active .container,
body.ptcg-battle-active footer {
    visibility: hidden;
}

/* 战斗视图激活时隐藏卡牌库的浮动操作按钮（FAB）及其遮罩：
   它是卡牌库的功能入口，战斗页无意义，且 z-index:1000 会在视觉上干扰底部留空。 */
body.ptcg-battle-active .fab-container,
body.ptcg-battle-active .fab-backdrop {
    display: none;
}