.session-strip { display:flex; align-items:center; gap:7px; margin-top:6px; pointer-events:auto; }
.session-strip #draftStatus { color:#a8c7bd; font-size:10px; letter-spacing:0; }
.session-strip button { padding:4px 7px; font-size:11px; }
.library-current-title { color:#ecd3a0; max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.tactic-library-dialog { width:min(1040px,95vw); max-width:none; max-height:90vh; overflow:auto; background:#0c1b29; padding:24px; }
.library-layout { display:grid; grid-template-columns:minmax(0,1fr) 295px; gap:24px; }
.library-search { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.library-search > input { flex:1; width:100%; }
.library-search label { white-space:nowrap; font-size:12px; color:#a5bdcc; }
.library-cards { display:grid; gap:10px; max-height:59vh; overflow:auto; padding-right:4px; }
.library-card { display:grid; grid-template-columns:132px minmax(0,1fr); border:1px solid #2f4b5d; border-radius:8px; overflow:hidden; background:#102433; }
.library-card img { width:132px; height:100%; min-height:110px; object-fit:cover; }
.library-card-content { padding:12px; min-width:0; }
.library-card h3 { margin:0 0 5px; color:#ecdbb8; font-size:14px; overflow-wrap:anywhere; }
.library-card p { margin:0 0 5px; color:#92b0c2; font-size:11px; overflow-wrap:anywhere; }
.library-card-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.library-card-actions button { padding:5px 8px; font-size:11px; }
.library-card-actions button[aria-pressed="true"],.library-compare-bar button[aria-pressed="true"] { border-color:#c9a967; color:#f0d8a6; background:#3c3423; }
.library-editor { padding-left:20px; border-left:1px solid #294353; }
.library-editor h3 { margin:0 0 12px; }
.library-editor form > label { display:grid; gap:5px; margin-bottom:12px; font-size:12px; color:#b3c9d6; }
.library-editor textarea { width:100%; resize:vertical; background:#081722; border:1px solid #304b5f; border-radius:5px; padding:9px; color:#dce6ed; font:inherit; }
.library-save-actions { display:flex; flex-wrap:wrap; gap:8px; }
.library-save-actions button { font-size:12px; }
.library-local-note,#libraryStatus,.library-empty { font-size:12px; color:#adc3d0; }
.library-compare-setup { border-top:1px solid #294353; margin-top:20px; padding-top:18px; }
.library-compare-setup p,#libraryDiff { color:#a8c2d0; font-size:12px; overflow-wrap:anywhere; }
#libraryDiff ul { max-height:140px; overflow:auto; padding-left:18px; }
.library-compare-bar { position:absolute; z-index:25; bottom:75px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:8px; max-width:calc(100% - 24px); padding:10px 12px; border:1px solid #b39c69; border-radius:8px; background:#0d1d2bf5; box-shadow:0 7px 25px #0007; }
#libraryCompareLabel { min-width:90px; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#edd7a8; font-size:12px; }
.library-compare-bar button { white-space:nowrap; font-size:12px; padding:6px 10px; }
#libraryCompareBar[hidden]{display:none!important}
.library-live-diff { font-size:12px; }
.library-live-diff > summary { cursor:pointer; white-space:nowrap; color:#b4d5e5; }
.library-live-diff > div { position:absolute; bottom:calc(100% + 10px); left:0; width:360px; max-width:85vw; max-height:250px; overflow:auto; padding:14px; border:1px solid #446276; border-radius:8px; background:#0c1b29; color:#b8cedb; }
@media (max-width:820px) { body.static-tactics .header-actions #tacticLibrary { display:inline-flex; } .tactic-library-dialog { padding:16px; } .library-layout { grid-template-columns:1fr; gap:18px; } .library-cards { max-height:30vh; } .library-editor { padding:0; border:0; } .library-current-title { max-width:100px; } .library-compare-bar { gap:5px; padding:8px; } #libraryCompareLabel { max-width:110px; min-width:30px; } }
@media (max-width:480px) { .library-card { grid-template-columns:100px minmax(0,1fr); } .library-card img { width:100px; } .library-search { flex-wrap:wrap; } }