/* 戦闘道具: リフトリアの紙・真鍮色を引き継ぐ、画面内の持ち物一覧。 */
.b-tools.b-item-panel { display:block; max-height:none; padding:0; overflow:hidden; border:1px solid #cbb77f; border-radius:7px; background:#fffaf0; box-shadow:0 3px 12px #72531814,inset 0 1px #fff; }
.b-tools-head { display:flex; justify-content:space-between; align-items:baseline; gap:8px; padding:12px 14px 9px; color:#69480e; font-weight:700; }
.b-tools-head small { font-size:11px; font-weight:400; color:#806a42; }
.b-tools-filters { display:flex; gap:5px; padding:0 10px 10px; overflow-x:auto; }
.b-tools-filters button { flex:0 0 auto; border:1px solid #d3c191; border-radius:4px; background:linear-gradient(#fffdf5,#f5ebd2); color:#755220; padding:7px 11px; font-size:12px; font-weight:500; font-family:inherit; cursor:pointer; transition:background .18s,box-shadow .18s,transform .18s; }
.b-tools-filters button[aria-pressed="true"] { color:#fff8dc; border-color:#705014; background:linear-gradient(120deg,#80602d,#4e381f); box-shadow:inset 0 0 0 2px #ffffff16; font-weight:700; }
.b-tools-filters button:hover { box-shadow:inset 0 0 0 1px #ae833c; }
.b-tools-list { max-height:min(44vh,340px); overflow-y:auto; overscroll-behavior:contain; padding:0 8px 8px; scrollbar-color:#ba9a57 #f6eddb; scrollbar-width:thin; }
.b-tools .b-item-row { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:8px; align-items:center; padding:12px 5px; border-bottom:1px solid #e4d9bc; }
.b-tools .b-item-row:last-child { border-bottom:0; }
.b-tool-copy { min-width:0; display:grid; gap:4px; }
.b-tools .b-item-name { color:#483a21; font-size:13px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.b-tool-qty { color:#8a631d; white-space:nowrap; font-variant-numeric:tabular-nums; }
.b-item-detail { font-size:11px; line-height:1.6; color:#665436; overflow-wrap:anywhere; }
.b-item-effect { font-size:10px; line-height:1.6; color:#8a7654; overflow-wrap:anywhere; }
.b-tool-pin { width:30px; height:38px; padding:0; border:1px solid transparent; border-radius:4px; color:#a18a52; background:transparent; font-family:inherit; font-size:20px; cursor:pointer; }
.b-tool-pin[aria-pressed="true"] { color:#9a6916; background:#f7edcd; border-color:#dbc693; }
.b-tools .g-btn { min-height:38px; padding:7px 10px; white-space:nowrap; }
.b-tools button:focus-visible { outline:2px solid #a47724; outline-offset:2px; }
.b-tools button:active:not(:disabled) { transform:translateY(1px); }
.b-tools button:disabled { opacity:.5; cursor:not-allowed; }
/* 状態の付与・消失でカードや操作ボタンの位置を変えない。多い場合は枠内でスクロール。 */
.enemy-card-status { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; gap:0 6px; height:34px; margin-top:4px; overflow:auto; overscroll-behavior:contain; font-size:10px; line-height:17px; }
.enemy-card-status > span { white-space:nowrap; }
.battle-player-status { height:20px; margin-top:4px; overflow:auto; font-size:11px; line-height:20px; }
.battle-player-status .poison-ind { margin:0; white-space:nowrap; }
[data-theme="dark"] .b-tools { background:#25231e; border-color:#726242; box-shadow:inset 0 1px #ffffff0a; }
[data-theme="dark"] .b-tools-head,[data-theme="dark"] .b-tools .b-item-name { color:#e6d8b7; }
[data-theme="dark"] .b-tools-head small,[data-theme="dark"] .b-item-detail { color:#c4b694; }
[data-theme="dark"] .b-item-effect { color:#aa9e82; }
[data-theme="dark"] .b-tools-filters button { background:#383126; color:#d9c79e; border-color:#75603c; }
[data-theme="dark"] .b-tools-filters button[aria-pressed="true"] { background:linear-gradient(120deg,#8b6d39,#66512e); color:#fff5db; border-color:#c2a565; }
[data-theme="dark"] .b-tools .b-item-row { border-color:#484030; }
[data-theme="dark"] .b-tool-pin[aria-pressed="true"] { background:#493b23; color:#e7c477; border-color:#927843; }
[data-theme="dark"] .b-tool-qty { color:#dec079; }
[data-theme="dark"] .b-tools .g-btn { color:#f2dfb3; background:linear-gradient(#544326,#392f20); border-color:#8e7240; }
@media(max-width:400px) { .b-tools-head { padding:10px; } .b-tools .b-item-row { grid-template-columns:26px minmax(0,1fr) 66px; gap:5px; } .b-tools .g-btn { font-size:11px; padding:7px 5px; } .b-tool-pin { width:26px; } .b-tools-filters button { padding:7px 8px; font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .b-tools button { transition:none; } }