html, body {
    margin: 0; padding: 0; width: 100%; height: 100%;
    overflow: hidden; background: #111; font-family: sans-serif;
}

/* 全画面キャンバス */
canvas {
    display: block; width: 100%; height: 100%;
    position: absolute; top: 0; left: 0; z-index: 1;
}

/* 透過サイドバー */
.sidebar {
    position: absolute; top: 10px; bottom: 10px; width: 260px;
    background: rgba(34, 34, 34, 0.85); color: white; padding: 15px;
    border-radius: 8px; box-sizing: border-box; z-index: 10;
    backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.1);
    overflow-y: auto;
}
.left-sidebar { left: 10px; }
.right-sidebar { right: 10px; }

h3 { text-align: center; margin-top: 0; padding-bottom: 5px; font-size: 16px; }
.rare { color: #ffd700; font-weight: bold; }
.trash { color: #ff4500; font-weight: bold; }

button {
    background: #8a2be2; color: white; border: none; padding: 8px 12px;
    cursor: pointer; border-radius: 4px; width: 100%; font-weight: bold;
}
button:disabled { background: #555; cursor: not-allowed; }

.select-btn {
    background: #008cba; font-size: 11px; padding: 4px 8px;
    width: auto; display: inline-block; margin-top: 3px;
}
.select-btn:disabled { background: #444; color: #888; }

ul { list-style: none; padding: 0; margin: 0; }
li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 13px; }

/* ボスHPパネル */
.boss-panel {
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    background: rgba(0,0,0,0.7); padding: 8px 20px; border-radius: 20px;
    color: white; z-index: 10; font-size: 14px; text-align: center; pointer-events: none;
}